@charset "utf-8";
/* CSS Document */
/*==============================common==================================*/
@font-face{
    font-family: 'arial';
    src : url('../font/arial.ttf');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h18,h20,h22,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h18,h20,h22,.h13,.h14,.h15,.h16,.h18,.h20,.h22{-webkit-text-size-adjust:none;font-family:"Microsoft YaHei";}
body{font-size:1em;margin:0;padding:0;height:auto; width:100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust: none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
a,input,button,select,textarea{outline:none;}
img,a img {border:0;padding:0;margin:0;vertical-align:middle;}
i{ font-style:normal;}
a,ins{text-decoration:none}
del{text-decoration:line-through}
.pad_top{ padding-bottom:5%}
.pad{ padding:0% 2% 2%}
.clear{ clear:both}
a{ color:#111111}
.empty{font-size: 0.26rem;margin: 0.3rem}
/*==============================style==================================*/
.fl{ width:auto; float:left}
.fr{ width:auto; float:right}
.h13,h13{ font-size:1.1em}
.h14,h14{ font-size:1.15em}
.h15,h15{ font-size:1.175em}
.h16,h16{ font-size:1.2em}
.h18,h18{ font-size:1.425em}
.h20,h20{ font-size:1.55em}
.h22,h22{ font-size:1.7em}
.contioner {max-width: 720px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative;}
.wapper{padding-bottom:1rem; position:relative;z-index:100; background:#FFF}

/**提示层，加载框**/
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;font-size: 14px;color: #858585;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;}
.mores{display: block;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #858585;position: relative;z-index: 100;}

/*.mores{display: block;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #858585;position: relative;z-index: 100;}*/

/*公共头部--01*/
.ui-header{width:100%;height:0.6rem;padding: 0.2rem 0;background-color: #fff;}
.ui-header-ico-menu{display:block;width:2.63rem;height: 0.55rem;}
.ui-header-ico-home{width:0.49rem;height: 0.35rem;display: block}
.ui-header .logo{margin-left: 0.25rem}
.ui-header-left{width:2.63rem;height: 0.55rem;margin: 0.08rem 0 0 0.8rem}
.ui-header-right{width:0.49rem;height: 0.35rem;background:url(../img/menu.png) no-repeat center center;background-size: 100% 100%;text-align: center;margin-right: 0.45rem;margin-top: 0.15rem}
/*公共头部-end*/

.sell_c{ width:100%; float:left;}
.sell_c li{ width:50%; float:left; line-height:3; color:#f55a2a; text-align:center}

/*公共底部*/
.bottom-fixed{bottom: 0;position: fixed;width:100%;height:1.1rem;background-color:#0367a6;z-index: 100;min-width: 320px;max-width: 720px;}
.bottom-fixed .footer {text-align:center;overflow: hidden;}
.bottom-fixed .footer li{width: 25%; float:left;border-right: 1px solid rgba(255,255,255,0.1);box-sizing: border-box}
.bottom-fixed .footer li a .footpic{ width:0.52rem; height:0.38rem;margin: 0 auto;margin-top: 0.22rem}
.bottom-fixed .footer li a .footpic img{width:0.52rem; height:0.38rem;}
.bottom-fixed .footer li a p{color:#fff;text-align:center; line-height:0.55rem;font-size: 0.26rem;font-weight: bold}
.bottom-fixed .footer li a p.cur1{color:#d50013}

/**************************首页样式*****************************/

/*banner*/
.main_visual {position: relative;z-index: 23;min-width: 320px;max-width: 720px;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;height:6rem;max-height: 600px;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 8px;left: 0;right:0px;margin:auto;z-index: 11;}
div.flicking_con li {border-radius: 12px;-webkit-border-radius: 12px;-ms-border-radius: 12px;height: 12px;width: 12px;
    margin: 0 5px;display: inline-block;opacity: 1;font-size: 0px;background: url("../img/li_bg1.png") no-repeat center;background-size:90%}
div.flicking_con li.on {background: url("../img/li_bg.png") no-repeat center;background-size:100%}
/*banner-end*/


/*标题*/
.title{text-align: center;height:0.65rem;margin-top: 0.35rem;background: url("../img/title_bg.png") no-repeat center bottom;background-size: 3.2rem}
.title h3{color: #333;font-size: 0.35rem;font-weight: bold}

/*产品展示*/
.line{width: 100%;height:0.25rem;border-top: 1px solid #eaeaea;background: url("../img/sj.png") no-repeat center;overflow: hidden;background-size: 0.5rem auto}
.product{width: 100%;height: auto;overflow: hidden;margin-top: 13px}
.pro{width:7.12rem;height: auto;margin: 0 auto;margin-top:0.4rem;overflow: hidden;}
.product ul{width: 100%;height: auto;overflow: hidden}
.pro ul li{width: 3.56rem;height: auto;float: left;text-align: center;transition:all 0.5s;font-size: 16px;}
.pro ul li .pro_img{width:100%;height: 2.88rem;background: url("../img/pro1.png") no-repeat center;position: relative;transition:all 0.5s;background-size: 100%}
.pro ul li img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 50%}
.pro ul li:nth-child(2) img{max-width: 80%}
.pro ul li:nth-child(3n){margin-right: 0px;}
.pro ul li p{text-align: left;text-align:center;color: #000000;font-size: 0.28rem;padding: 0.1rem 0 0.2rem 0;font-weight: bold}
.pro ul li span{display:inline-block;float:left;margin-left: 25px;margin-top: 10px;color: #999999}
.pro ul li .more{width: 1.6rem;height: 0.4rem;border: 1px solid #e78733;box-sizing: border-box;margin: 0 auto;border-radius: 50px;line-height: 0.4rem;text-transform: uppercase;}
.pro ul li .more a{display: inline-block;width: 100%;color: #e78733;font-size: 0.25rem;font-weight: bold}
.pro ul li .more:hover{transition:all 0.5s;background-color: #e78733}
.pro ul li .more a:hover{transition:all 0.5s;color: #fff;}
.about_text{margin:0 auto;text-align: center;color: #888;line-height: 1.8;margin-top: 0.3rem;font-size: 0.24rem;width: 5.5rem;}
.pro3{width: 7.08rem;height: 2.88rem;margin: 0 auto;background: url("../img/p3_bg.png") no-repeat center;background-size: 100%;margin-top: 0.3rem;position: relative}
.pro3 img{max-width: 90%;position: absolute;top: 0;right:0;bottom: 0;left: 0;margin: auto}
.pro3 .more{width: 1.62rem;height: 1.62rem;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;z-index: 1;background: url("../img/p3_more.png") no-repeat center;
    background-size: 100%;font-size: 0.28rem;color: #fff;text-align: center;font-weight: bold}
.pro3 .more p{margin-top: 0.4rem}
.pro3 .more div,.pro3 .more span{color: #e78733;text-transform: uppercase;font-size: 0.25rem}
.pro3 .more span{margin-top: -0.1rem;display: inline-block}
.pro3 .more div{margin-top: 0.05rem}

/*公司简介*/
.isrec{width: 100%;height: auto;overflow: hidden}
.ser{width: 100%;height: auto;margin-top: 0.3rem;overflow: hidden;}
.main_image2 {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image2 ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image2 li {float: left;width: 100%;height: 100%;}
.main_image2 li span {display: block;width: 100%;height: 100%}
.main_image2 li img {display: block;overflow: hidden;width: 100%;height:4.8rem;max-height: 480px;}
.main_image2 li a {display: block;width: 100%;height: 100%}
.main_image2 .left{display:inline-block;width:0.6rem;height:1rem;position: absolute;top: 1.8rem;left: 0;z-index: 9999}
.main_image2 .left img{width: 100%}
.main_image2 .right{display:inline-block;width:0.6rem;height:1rem;position: absolute;top: 1.8rem;right: 0;z-index: 9999}
.main_image2 .right img{width: 100%}
.isrec_text{width: 96%;height: auto;margin:0 auto;margin-top: 0.3rem}
.isrec_text_title{width: 1.8rem;line-height:0.55rem;background-color: #332c2b;color: #fefefe;font-size: 0.26rem;text-align: center}
.isrec_text .more{display: inline-block;float: right;width: 1.8rem;line-height: 0.55rem;border: 1px solid #332c2b;background: none;margin: 0;color: #332c2b;font-size: 0.26rem}
.isrec_text p{font-size: 0.28rem;color: #333333;margin-top: 0.3rem}
.isrec_text span{display:inline-block;margin-top:0.2rem;font-size: 0.22rem;color: #999;line-height: 2}
.about{width: 100%;height: 6.11rem;background: url("../img/about.jpg") no-repeat center;background-size: 100%;overflow: hidden}
.about .title{background: url("../img/title_bg2.png") no-repeat bottom;background-size:3.2rem}
.about .title h3{color: #fff}
.about .text{font-size: 0.25rem;color: #fff;width: 85%;margin: 0 auto;line-height: 2;margin-top: 0.4rem}
.more{width: 1rem;height: 1rem;overflow: hidden;margin: 0 auto;margin-top: 0.35rem}
.more img{width: 100%}

/*新闻动态*/
.news{width: 6.3rem;margin:0 auto;overflow: hidden}
.new{width: 100%;margin-top: 0.5rem;}
.new_l{width: 100%;}
.new_top{width: 100%;}
.new_top img{width: 100%}
.new_b{width: 100%;height: auto;background-color: #303941;padding: 0.25rem 0.3rem;box-sizing: border-box;color: #fff;font-size: 16px;}
.new_b p{font-size: 0.25rem;font-weight: bold;line-height: 1.8;margin-bottom: 0.15rem;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word; white-space:nowrap;}
.new_b i{color: #e78733;font-size: 14px;}
.new_b span{display: inline-block;margin-top: 0.2rem;line-height: 1.8;font-size: 14px;}
.new_b a{display: inline-block;color: #e78733;text-transform: uppercase;margin-top: 0.2rem;font-size: 12px;width: 1.8rem;background: url("../img/new_more.png") no-repeat right;font-weight: bold;background-size: 0.15rem}
.new_r{width: 100%;overflow: hidden}
.new_r ul li{width: 100%;height: 1rem;margin-top: 0.45rem;overflow: hidden}
.new_r ul li .date{color: #aaaaaa;width: 1rem;font-family: 'arial';border-right: 1px solid #dfdfdf;text-align: center;font-size: 13px;}
.new_r ul li .date i{font-size: 0.45rem;display: inline-block;}
.new_r ul li .text{line-height: 1.8;width: 5.1rem;overflow: hidden}
.new_r ul li .text p{font-size: 0.26rem;color: #303941;font-weight: bold;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word; white-space:nowrap;}
.new_r ul li .text span{color: #666;font-size: 0.25rem;}

/*底部*/
.foot{width: 100%;height: 3.8rem;background: url("../img/foot.jpg") no-repeat center;background-size: 100%;padding-top: 0.4rem;box-sizing: border-box;overflow: hidden;margin: 0.5rem 0}
.foots{width: 5.4rem;height: auto;margin: 0 auto;}
.foot_l{width: 1.78rem;text-align: center;font-size: 0.25rem;color: #fff;}
.foot_l img{width: 1.78rem;height:1.78rem;margin: 0.2rem 0;}
.foot_logo img{width: 1.8rem;height: 0.95rem}
.tel{background: url("../img/tel.png") no-repeat left;background-size: 0.2rem;font-size: 0.25rem;color: #fff;padding-left: 0.3rem;margin-top: 0.2rem}
.foot_r p{font-size: 0.4rem;color: #fff;}
.address{width: 2.8rem;overflow: hidden;font-size: 14px;color: #fff;margin-top: 0.15rem}

/*当前位置*/
.location{width: 100%;height: 0.8rem;line-height: 0.85rem;background-color: #E6E6E6;border-bottom: #ccc 1px solid;}
.local{width: 94%;color: #0086bf;font-weight: bold;margin: 0 auto}
.local i{font-size: 0.3rem;display: inline-block;}

/****************************** contents ******************************/
#contents {width: 100%;margin-top: 0.3rem;overflow: hidden;padding-bottom: 1rem}
#contents #contentsMain {width: 94%;margin: 0 auto}

/****************************** localNavi ******************************/
#contentsInner #contentsMain .list-block {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: start;align-items: stretch;font-size: 14px;}
#contentsInner #contentsMain .list-block .detail-block {display: block;align-self: stretch;width: 100%;margin-bottom: 0.3rem}
#contentsInner #contentsMain .list-block .detail-block img{max-width: 100%}
#contentsInner #contentsMain .list-block .detail-block a:link{text-decoration: none;}
#contentsMain .list-block .detail-block .detail-title {margin: 0 auto -1px;background-color: #ebebeb;padding: 11px 13px;border: solid 1px #999999;font-size: 16px;color: #ff2211;font-weight: bold}
#contentsMain .list-block .detail-block .detail-photo {padding: 10px 20px 30px;max-height: 230px;text-align: center}
#contentsMain .list-block .detail-block .detail-spec {border: solid 1px #999999;padding: 16px;}
#contentsMain .list-block .detail-block .detail-spec dl { /*height: 232px;*/height: auto}
#contentsMain .list-block .detail-block .detail-spec dl dt {font-weight: bold;margin:0 0 3px 0;color:#101010;}
#contentsMain .list-block .detail-block .detail-spec dl dd {margin:0 0 12px 0;color:#101010;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink a:link{color: #0086bf;text-decoration: none;display: flex;margin: 10px 0 -12px;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink {color: #0C0;text-decoration: underline;}
#contentsMain .list-block .detail-block .detail-spec dl .pdflink a{color: #0086bf}
.list-block .detail-block .detail-spec .detail-photo img {align-self: flex-end;}
.list-block .detail-block a .detail-spec .caption {display: inline-flex;line-height: 1.4 !important;font-size: 12px;text-align:left;color:#333333 !important;}
.list-block .detail-block .detail-spec .caption {font-size: 12px;color: #333; margin-top: -23px !important;}
#contents h2.textHeader {margin-bottom: 0.2rem;padding-bottom: 0.15rem;background: url(../img/bg_h2.png) no-repeat left bottom;font-size: 24px;font-weight: bold;color: #333;background-size: 100%;display: none}
#contents h2.textHeader a {color: #333;text-decoration: none;position: relative;display: block;}

/*新闻动态-内页*/
.newslist{width: 100%;height: auto;overflow: hidden}
.newslist ul li{width: 100%;height: auto;padding: 12px 0 16px;border-bottom: 1px #e6e6e6 solid;overflow: hidden;font-size: 14px;}
.newslist ul li span{display:inline-block;width: 100%}
.newslist ul li p{width: 100%;margin-top: 0.1rem}
.newslist ul li p a{color: #0086bf;border-bottom: 1px solid #0086bf}

/*招聘*/
.honor{width: 94%;height: auto;overflow: hidden;margin:0 auto;margin-top: 0.3rem}
.honor h3{width: 100%;overflow: hidden;background-color: #0078ab;line-height:0.7rem;box-sizing: border-box;font-size: 0.28rem;transition: all 0.5s;border-radius: 3px;color: #fff;text-indent: 0.25rem;margin-top: 7px;}
.honor ul{width:100%;height:auto;padding: 20px;box-sizing: border-box;line-height: 2;font-size: 0.25rem}
.honor ul img{max-width: 100%}
/*.honor h3:hover{background-color: #0078ab;color:#fff;transition: all 0.5s;cursor: pointer}*/
.honor h3 em {float: right;display: block;width: 20px;height:0.7rem;background: url(../img/jian2.png) no-repeat center;cursor: pointer;margin-right: 0.3rem;background-size: 0.2rem }
/*.honor h3.on{background-color: #0078ab;color: #ffffff}
.honor h3.on em {background: url(../img/jian2.png) no-repeat center;background-size: 0.2rem}*/

/******************************列表页面*****************************/
.content{ background:#fff;margin:0.2rem 0 0.7rem 0;}
.top{ text-align:center; padding:0.2rem 0 0.1rem 0; border-bottom:1px solid #e7e7e7;}
.top p{ font-size:0.26rem; color:#000; padding:0 0.28rem;}
.top span{ display:block; font-size:12px; color:#c0c0c0; padding-top:0.1rem;}
.conn{ padding:0.2rem;font-size: 14px;min-height: 8rem;line-height: 2}
.conn *,conn img{ max-width:100%;text-indent: 0!important;}
.conn table{width: 100%!important;}
.con{font-size: 14px;line-height: 2}
.con img{max-width: 100%}
.con table{width: 100%!important;}
.con iframe{width: 100%!important;}

/*上下篇*/
.lr{font-size: 14px;padding:0.2rem 0.28rem;line-height: 0.45rem;}
.lr a{font-size: 14px;}

/*产品列表*/
.piclist ul{margin: 0 0.2rem;min-height: 18rem;}
.piclist ul li{ float:left; width:50%; text-align:center; margin-bottom:0.15rem;}
.piclist ul li{ width:3.01rem; height:4.4rem;margin:0 0.15rem;}
.piclist ul li img{ width:3.01rem; height:4.04rem; margin:0.05rem;}
.piclist ul li p{line-height:0.4rem;font-size:14px;}

/**内页栏目**/
.ipnavs{ }
.ipnavs ul{ display:none; background:#fff; width:100%; position:absolute; border-bottom:1px solid #ccc;}
.ipnavs p{padding:0 0.28rem; height:0.8rem; line-height:0.8rem; border-bottom:1px solid #ccc;font-size:0.3rem;font-weight: bold; background:url(../img/jia.png) 0.28rem 50% no-repeat; text-indent:24px; cursor:pointer; color:#ff2211;}
.ipnavs p.curr{background:url(../img/jian.png) 0.28rem 50% no-repeat;}
.ipnavs ul li{ border-bottom:1px dashed #E9E9E9; padding-left:0.28rem;}
.ipnavs ul li:last-child{ border:none;}
.ipnavs ul li a{ display:block; height:0.6rem; line-height:0.6rem;font-size:0.26rem; background:url(../img/leftjt.png) 95% 50% no-repeat;}
.ipnavs ul li a.curr{ font-weight:bold; color:#ff2211; background:url(../img/leftjt2.png) 95% 50% no-repeat;}

.case{width: 94%;height: auto;overflow: hidden;margin: 0 auto;margin-top: 0.3rem}
.case ul li{ width: 32%;float: left;text-align: center;font-size: 0.25rem;margin-bottom: 0.2rem;margin-right: 2%}
.case ul li img{max-width: 100%}
.case ul li p{margin-top: 5px;}
.case ul li:nth-child(3n){margin-right: 0px;}

/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
    html,body{font-size:44.444px;}
}
@media screen and (min-width: 360px) {
    html,body{font-size:50px;}
}
@media screen and (min-width: 375px) {
    html,body{font-size:52.08333px;}
}
@media screen and (min-width: 385px) {
    html,body{font-size:53.47222px;}
}
@media screen and (min-width: 400px) {
    html,body{font-size:55.5555px;}
}
@media screen and (min-width: 414px) {
    html,body{font-size:57.5px;}
}
@media screen and (min-width: 420px) {
    html,body{font-size:58.3333px;}
}
@media screen and (min-width: 440px) {
    html,body{font-size:61.11111px;}
}
@media screen and (min-width: 480px) {
    html,body{font-size:66.66666px;}
}
@media screen and (min-width: 520px) {
    html,body{font-size:72.2222px;}
}
@media screen and (min-width: 560px) {
    html,body{font-size:77.7777px;}
}
@media screen and (min-width: 580px) {
    html,body{font-size:80.55555px;}
}
@media screen and (min-width: 600px) {
    html,body{font-size:83.333px;}
}
@media screen and (min-width: 640px) {
    html,body{font-size:88.8888px;}
}
@media screen and (min-width: 680px) {
    html,body{font-size:94.44444px;}
}
@media screen and (min-width: 720px) {
    html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************/