﻿@charset "utf-8";
/*首页开始*/
.tongyLink{ width:100%; background:#ffff; display: none; font-size:0.14rem}
.tongyLink a{ float: left; margin: 0 0.15rem; line-height: 0.3rem; height: 0.3rem; overflow: hidden; color: #666666}
a{text-decoration:none;color:#333333}
a:hover{text-decoration:underline;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff; min-width:12rem;  font-family:"微软雅黑";font-size:0.14rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
ul,p,h1,h2,h3,h4,h5,h6,li,p{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
.page{ margin:0 auto; width:12rem}
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
.fl{ float:left}
.fr{ float:right}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

@-webkit-keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX {0% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}  40% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}  60% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}  80% {-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}  100% {-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}}
.flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}


/*顶部*/
.head{height: 0.45rem;line-height: 0.45rem;background: #f2f2f2;position: relative;float:left;width:100%;font-size: 0.14rem;}
.head:after{ content: ''; height: 0.09rem; background: url(../pic/head_bottom.png) no-repeat center;background-size: auto 0.09rem;; width: 100%; display: block; position: absolute; bottom: -0.09rem; left: 0; }
.head h1,.head .fl{max-width: 9rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.14rem;font-weight:normal;}
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a {display: inline-block;padding-left: 0.45rem;background: url(../pic/top_input.png) no-repeat 0.02rem 0.06rem;background-size: 2.85rem 0.85rem;transition: 0.3s all ease-in-out;font-size: 0.14rem;line-height: 0.45rem;padding-right: 0.1rem;cursor: pointer;position: relative;float:left;}
.head .fr .tel{background-position: -1.14rem 0.06rem;}
.head .fr .wx{background-position: -2.32rem 0.06rem;}
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-0.46rem; color: #fff; background-color: #006bbd}
.head .fr .wx .wxewm {width: 1.3rem;height: 1.3rem;position: absolute;top: 0.45rem;z-index: 2;left: 0;display: none;}
.head .fr .wx .wxewm img{width: 1.3rem;height: 1.3rem;display: block;}
.head .fr .wx:hover .wxewm { display:block}
/*LOGO*/
.top { padding: 0.3rem 0; height: 0.9rem; width: 100%; float:left}
.top > .page > .logo{ display: block; padding-right: 0.2rem; height: 0.9rem; }
.top > .page > .logo > a > img{display: block;height: 100%;width: auto;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{display: block;height: 0.6rem;padding-left: 0.2rem; border-left: 1px solid #e7e7e7;margin-top: 0.13rem;}
.top > .page >.logo_2 > strong{display: block;font-size: 0.22rem; font-weight: bold;line-height: 0.32rem;color:#343434;}
.top > .page >.logo_2 > p{display: block;font-size: 0.16rem;line-height: 0.24rem;color: #666;padding-bottom: 0.04rem;}
.top > .page > .top_tel{height: 0.9rem;display: block}
.top > .page > .top_tel > i{float:left;;background: url(../pic/btop_tel.png) 0.13rem 0.13rem no-repeat;width: 0.28rem;height: 0.28rem;display: block;padding: 0.12rem;border:1px solid #006bbd;border-radius: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 0.24rem;color: #006bbd;line-height:0.28rem;height:0.5rem;float:left;margin-left:0.1rem;margin-top:0.07rem; font-weight:bold}
.top > .page > .top_tel > p span{font-size: 0.16rem;display: block;line-height: 0.22rem; font-weight:normal}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 0.6rem;background-color: #006bbd;float: left;color:#fff;padding: 0 0 0 0;/* overflow: hidden */}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;}
.Nptline{z-index: 999;width: 1.2rem;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 0.6rem;text-align: center;margin: 0;font-size: 0.16rem;}
.Nptline.active{background: linear-gradient(to bottom right,#ec7302,#ea4501);    background: #ea4501\9;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ec7302, endColorstr=#ea4501);   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ec7302, endColorstr=#ea4501)";}
.Nptline:hover{background: linear-gradient(to bottom right,#ec7302,#ea4501);    background: #ea4501\9;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ec7302, endColorstr=#ea4501);   -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ec7302, endColorstr=#ea4501)";}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptline a{color:#fff;display: block;}
.Nptcenter a:first-child{margin-top:0.2rem;}
.Nptcenter{width: 1.2rem;background: url(../pic/u59.png) 50% 0 no-repeat;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 0.01rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.Nptcenter a{width: 90%;font-weight: normal;font-size: 0.14rem;text-align: center;background:#FFF;color: #000;float:left;height: 0.35rem;line-height: 0.3rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;margin-left: 0.06rem;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter a:hover{background: #ff8a00;color: white;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp { width:100%; height:5rem; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:5rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#006bbd;width:0.4rem; }
/*轮播下面*/
.main_30 > .page > .fl{padding-left:1.7rem;background: url(../pic/main_30_l.jpg) no-repeat left center;background-size: 1.5rem 1rem;height: 0.94rem;font-size:0.26rem;font-weight: 100;line-height: 0.4rem;max-width:4.6rem;overflow: hidden;}
.main_30 > .page > .fl > p{display: block;font-size: 0.15rem;color: #999;line-height: 0.23rem;padding-top: 0.05rem;}
.main_30 > .page > .fl > span{color: #006bbd;}
.main_30 > .page > .fl > .main_30_l_f1{font-family: 'AVGARDN';font-size: 0.36rem;display: inline-block;position: relative;top: 0.03rem;left: 0.02rem;}
.main_30 > .page > .fl > .str{font-weight: bold;font-size: 0.26rem;}
.main_30{padding:0.2rem 0;height: 1rem;float:left;width:100%;overflow: hidden;}
.main_item {float: right;padding: 0 0.2rem;cursor:pointer;}
.main_item > i{display: block;width: 1rem;height: 0.6rem;position: relative;margin-top: 0.05rem;}
.main_item > p{font-size: 0.15rem;color: #666;line-height: 0.3rem;display: block;text-align: center;transition:0.5s all ease-in-out;cursor:pointer;}
.main_item_1 i{background: url(../pic/bmain_30_1.png) 0 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_1:hover i{background: url(../pic/bmain_30_1.png) 0 -0.7rem no-repeat;background-size: 1rem 1.3rem;}
.main_item_2 i{background: url(../pic/bmain_30_2.png) 0 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_2:hover i{background: url(../pic/bmain_30_2.png) 0 -0.7rem no-repeat;background-size: 1rem 1.3rem;}
.main_item_3 i{background: url(../pic/bmain_30_3.png) 0 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_3:hover i{background: url(../pic/bmain_30_3.png) 0 -0.7rem no-repeat;background-size: 1rem 1.3rem;}
.main_item_4 i{background: url(../pic/bmain_30_4.png) 0 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_4:hover i{background: url(../pic/bmain_30_4.png) 0 -0.7rem no-repeat;background-size: 1rem 1.3rem;}
.main_item:hover  p{color: #006bbd}
/*关于我们*/
.company{ float:left; width:100%; padding:0.6rem 0; background:url(../pic/case_bg.jpg) top center no-repeat;}
.company .page{border-radius: 0.15rem;height:3.45rem;background: #ffffff;position:relative;padding:0.4rem 0.4rem;width: 11.2rem;}
.company .page:before {content: '';clear: both;display: block;width: 100%;height: 0.35rem;background: url(../pic/company_in_bg.png) no-repeat center;background-size: 12rem 0.35rem;position: absolute;bottom: -0.35rem;left:0;}
.company .fl{width: calc(6rem - 2px - 0.08rem);float:left;height:3.45rem;border:1px solid #ededed;padding:0.04rem;position:relative;}
.company .fl img{ left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; max-width:6rem; max-height:3.45rem;}
.company .fr{float:right;width:4.7rem;background: url(../pic/company_tit.png) no-repeat 0 0;background-size: 2.54rem 0.42rem;}
.company .fr strong{font-size: 0.3rem; color: #343434; line-height: 0.45rem; display: block; padding-top: 0.25rem;}
.company .fr strong .color { font-size: 0.3rem;    color: #006bbd;    display: inline-block;}
.company .fr strong .small { display: block;  font-size: 0.15rem;  color: #343434;  font-weight: 100;  line-height: 0.2rem;}
.company .fr p {font-size: 0.14rem;color: #777;text-indent: 2em;line-height: 0.28rem;padding-top: 0.2rem; font-weight: 100;height:1.75rem;overflow: hidden;}
.company_in_btn a{display: block;border: 1px solid #006bbd; border-radius: 0.5rem;line-height: 0.36rem;width: 1.4rem;height: 0.36rem;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;margin-right: 0.2rem; text-decoration:none}
.company_in_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #006bbd;background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%);background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.company_in_btn a  i{color: #006bbd;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.36rem;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn a.comapny_in_btn_r{border-color:#eb3d01}
.company_in_btn a.comapny_in_btn_r i{color:#eb3d01}
.company_in_btn a:hover:before{left:0;}
.company_in_btn a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn a:hover i{color: #fff;}
.company_in_btn a.comapny_in_btn_r:before{background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );}
/*最新产品*/
.prod{padding: 0.5rem 0;background: url(../pic/prod_bg.jpg) top center;width: 100%;display: block; float:left}
.prod_row1{padding: 0px 0 0.3rem;  width:12rem; margin:0 auto; position:relative; height:0.6rem;}
.prod_row1 .li01{background: url(../pic/bprod_tit.png) no-repeat left center;background-size: 0.66rem;display: block;height: 0.6rem;font-size: 0.3rem;color:#006bbd;line-height: 0.35rem;padding: 0.05rem 0px 0.05rem 0.8rem;float: left;width:4.2rem;}
.prod_row1 .li01 .str{font-weight: bold;font-size: 0.3rem;color:#006bbd}
.prod_row1 .li01 .small{display: block;font-size: 0.15rem;color: #666;line-height: 0.25rem;}
.prod_row1 ul{ float:left; }
.prod_row1 ul li{ float:left; margin-left:0.5rem;line-height: 0.7rem;font-size: 0.27rem;display: block;padding-left: 0.3rem;position: relative;color: #343434;font-weight: bold; position:relative}
.prod_row1 ul .normal:after{content: '';display: block;width: 0.1rem;height: 0.1rem;border: 1px solid #aaa;border-radius: 50%;position: absolute;top:0.3rem;left: 0px;transition: 0.3s all ease;box-shadow: 0 0 0px 0px rgba(35,12,111,0.0);transform: rotate(0deg)}
.prod_row1 ul .active:after{box-shadow: 0 0 1px 6px #006bbd54;background:#006bbd;border-color:#006bbd;content: '';display: block;width: 0.1rem;height: 0.1rem;border: 1px solid #006bbd;border-radius: 50%;position: absolute;top:0.3rem;left: 0px;transition: 0.3s all ease;transform: rotate(0deg)}
.prod_row1 ul .normal:hover:after{box-shadow: 0 0 0.01rem 0.06rem #006bbd54;background:#006bbd;border-color:#006bbd;}
.prod_row1 ul li:hover{color: #006bbd;}
.prod_row1 .li02{ float:right; line-height:0.6rem;}
.none{ display:none}
.floornr{ width:12rem; margin:0 auto}
.floornr .w300{ float:left; width:3rem; min-height:6.86rem; background:url(../pic/w300bg.jpg) left bottom no-repeat; position:relative}
.floornr .w300 span{font-size: 0.24rem;font-weight: 100;color: #fff;line-height: 0.4rem; display: block;position: relative; font-weight:bold; float:left; padding-left:0.2rem; padding-top:0.3rem; width:2.8rem;}
.floornr .w300 p{font-size: 0.15rem;color: #fff;line-height: 0.2rem;display: block; float:left;padding-left:0.2rem; padding-top:0.05rem; padding-bottom:0.2rem; width:2.8rem;}
.floornr .w300 a{display: block; margin-left:0.2rem; width:1.2rem;color: #aaa; float: left; font-size: 0.14rem; border-radius: 0.05rem; background: #343434; text-align: center; line-height: 0.32rem; margin-bottom: 0.1rem; transition: 0.3s all ease;}
.floornr .w300 a:hover{color: #fff;background-color:#eb3d01;}
.floornr ul{ float:right; width:8.94rem;}
.floornr ul a{ width:2.6rem; margin-left:0.3rem; float:left; height:3.2rem; overflow:hidden; padding:0.04rem; background:#ffffff; margin-bottom:0.3rem; position:relative}
.floornr ul a span{ width:2.6rem; height:2.6rem; float:left; position:relative}
.floornr ul a span img{ left:0; right:0; top:0; bottom:0; position:absolute; margin:auto; max-height:2.6rem; max-width:2.6rem;}
.floornr ul a h2{float:left;width: calc(2.6rem - 0.2rem);font-size:0.14rem;font-weight:normal;line-height:0.25rem;padding: 0.05rem 0.1rem 0 0.1rem;height:0.5rem;position:relative;z-index:3;overflow:hidden;}
.floornr ul a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.floornr ul a:hover:before{left:0;}
.floornr ul a:hover h2{ color:#ffffff}
.floornr .w300 i {display: block; width: 0.5rem; height: 0.5rem; border: 1px solid #fff; border-radius: 0.5rem;background: url(../pic/prod_in_btn.png) no-repeat center; position: absolute; top: 0.15rem; right: 0.15rem;transition: 0.3s all ease;}
.floornr .w300 i:hover{background-color: #006bbd;border-color:#006bbd }
/*优势*/
.advp{padding: 0.5rem 0;width:12rem; margin:0 auto; overflow:hidden}
.advp .tittle{ border-bottom:1px solid #ededed; height:0.24rem; float:left; width:12rem; position:relative; }
.advp .tittle span{ position:absolute; z-index:2; text-align:center; width:3rem; margin-left:-1.5rem; left:50%; font-size:0.3rem; font-weight:bold; background:#ffffff}
.advp .ysbj{ float:left; width:12rem;}
.advp .ysbj li{ float:left; width:3.5rem; margin:0.6rem 0.5rem 0 0; padding-left:2rem; height:1.27rem;    transition: 0.3s all ease;}
.advp .ysbj li span {color: #4bad29; font-size: 0.16rem; font-weight: bold; line-height: 0.36rem; padding-top:0.2rem; float:left; color:#006bbd}
.advp .ysbj li p{ line-height:0.26rem; float:left;}
.advp .ysbj .ysk1{background:url(../pic/bys1.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk2{background:url(../pic/bys2.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk3{background:url(../pic/ys3.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk4{background:url(../pic/ys4.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
/*通栏广告*/
.ads{background:url(../pic/bads_bg2.jpg) center top no-repeat;background-size: auto 2rem;float:left;width:100%;height:2rem;}
.ads_l{width: 4.85rem; float:left; padding-top:0.2rem;}
.ads_l strong{font-size: 0.3rem;color: #fff;}
.ads_l strong .color{font-size: 0.3rem;color: #eb3d01;}
.ads_l p{font-weight: normal;color: #fff;font-size: 0.15rem;color: #afa9c0;line-height: 0.26rem;display: block}
.ads_l > a{display: block;border: 1px solid #fff; border-radius: 0.5rem;line-height: 0.4rem;width: 1.3rem;height: 0.4rem;text-align: center;float:right;padding-left: 0.3rem;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;}
.ads_l > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;}
.ads_l > a:hover:before{left:0;}
.ads_l > a:hover{border-color: rgba(255,255,255,0)}
.ads_l > a:after{content: '';width: 0.24rem;height: 0.24rem;display: block;position: absolute;background: url(../images/ads_contact.png) no-repeat center;left: 0.3rem;top: 0.08rem;}
.ads_l > a > i{color: #fff;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;}
.ads_tel{ float:left; color:#ffffff; font-size:0.24rem; font-weight:bold; padding-left:0.65rem;padding-top:0.2rem;}
.ads_tel span{ font-size: 0.16rem;display: block;line-height: 0.22rem;font-weight: normal;}

/*   荣誉  */
.rongyu {width: 100%;float: left;padding: 0.5rem 0px;padding: 0.6rem 0;background: url(../pic/case_bg.jpg) repeat center;background-size: auto 6.7rem;width:100%;float:left;}
.rongyu .ul{ width:12rem; margin:0 auto;}
.rongyu .ul .RYC{ float:left; width:12rem; margin-top:0.2rem; height:2.2rem; padding-bottom:0.1rem;  position:relative}
.rongyu .ul .RYC .left{ float:left;  width:0.3rem; height:2.2rem; cursor:pointer; position:relative}
.rongyu .ul .RYC .right{ float:right;  width:0.3rem; height:2.2rem;; cursor:pointer; position:relative}
.rongyu .ul .RYC .ul01{float:left; padding:0.1rem; width:2.45rem; height:2rem;  box-shadow: 0 0.03rem 0.15rem 0 rgba(53,53,53,.15); background:#ffffff; margin:0px 0.1rem; }
.rongyu .ul .RYC .ul01 .li01{float:left; width:2.45rem; height:1.5rem;    position: relative;}
.rongyu .ul .RYC .ul01 .li01 img{    margin: auto;    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;max-width:2.45rem; max-height:1.5rem; }
.rongyu .ul .RYC .ul01 .li02{float:left;  width:2.45rem; height:0.5rem; line-height:0.5rem; overflow:hidden;color:#666666;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;font-family: '微软雅黑'; text-align:center;    font-weight: 400;    font-style: normal;    font-size: 0.16rem;}
.RYC .swiper{width: 11.4rem;height: 2.2rem;position: relative;display: inline-block;overflow: hidden}
.RYC .swiperBox{height: 2.2rem;position: absolute;top: 0px;left: 0px;}

.comp_ibtn {width: 0.5rem;height: 0.5rem;background: #343434 url(../pic/20180504195026_1946572546.png) no-repeat;background-size: 1rem 0.5rem;display: block;position: absolute;top: 0.75rem;cursor: pointer;transition: 0.3s all ease-in-out;}
.comp_ibtnl:after{ content: ''; border-bottom: 0.5rem solid #343434; border-right: 0.13rem solid transparent; position: absolute; bottom: 0; right: -0.13rem; transition: 0.3s all ease-in-out; }
.comp_ibtnl:hover:after{border-bottom: 0.5rem solid #09348b; border-right: 0.13rem solid transparent; }
.comp_ibtnr:after{ content: ''; border-bottom: 0.5rem solid #343434; border-left: 0.13rem solid transparent; position: absolute; bottom: 0; left: -0.13rem; transition: 0.3s all ease-in-out; }
.comp_ibtnr:hover:after{border-bottom: 0.5rem solid #09348b; border-left: 0.13rem solid transparent;}
.comp_ibtnl:before{ content: ''; border-top: 0.1rem solid #454545; border-left: 0.25rem solid transparent; position: absolute; bottom: -0.1rem; left: 0; transition: 0.3s all ease-in-out; }
.comp_ibtnr:before{ content: ''; border-top: 0.1rem solid #454545; border-right: 0.25rem solid transparent; position: absolute; bottom: -0.1rem; right: 0; transition: 0.3s all ease-in-out; }
.comp_ibtnl:hover:before{border-top: 0.1rem solid #006bbd; border-left: 0.25rem solid transparent;}
.comp_ibtnr:hover:before{border-top: 0.1rem solid #006bbd; border-right: 0.25rem solid transparent}
.comp_ibtnl{ left: 0.15rem; background-position: left center; z-index:9999 }
.comp_ibtnr{ right: 0.15rem; background-position: right center;; z-index:9999}
.comp_ibtn:hover{ background-color: #09348b; }


.hotnav:after{content: '';display: block;clear: both;}
.hotnav{width: 3.6rem;margin: 0 auto;padding:0px 0 0.3rem;}
.hotnav li{display: block;float:left;width:1.5rem;transition: 0.3s all ease;border:1px solid #ccc;margin-left: -0.01rem;position: relative;overflow: hidden}
.hotnav li:after{content: '';display: block;width: 0.2rem;height: 0.2rem;position:absolute;left:-0.52rem;top:0.09rem;transition: 0.3s all ease}
.hotnav li.cur:after{left:0.52rem;}
.hotnav li.company_list_1:after{background: url(../pic/company_r2_i1.png) no-repeat center;background-size: 0.2rem 0.2rem;}
.hotnav li.company_list_1{border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;transform:rotate(0deg)}
.hotnav li.company_list_2{border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;transform:rotate(0deg)}
.hotnav li a{display: block;text-align: center;font-size: 0.15rem;color: #888;line-height: 0.38rem;position: relative;z-index: 2;}
.hotnav li.cur{width: 1.75rem;padding-left: 0.25rem;border: 1px solid #006bbd;background: #006bbd;}
.hotnav li.cur a{color: #fff}
.rongyu .tittle{ border-bottom:1px solid #dadada; height:0.24rem; float:left; width:12rem; position:relative; margin-bottom:0.5rem }
.rongyu .tittle span{ position:absolute; z-index:2; text-align:center; width:3rem; margin-left:-1.5rem; left:50%; font-size:0.3rem; font-weight:bold; background: url(../pic/case_bg.jpg) repeat center;}

/*   新闻  */
.new2019{ width:8rem;  margin-top:0.2rem; float:left; background:#ffffff; height:5.35rem;}
.new2019 .nav19{width: calc(7.6rem - 2px - 0.2rem);float: left;border-bottom: 1px solid #ededed;padding-left: 0.2rem;position: relative;font-size: 0.18rem;font-weight: bold;color: #000000;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.new2019 .nav19 i{ position:absolute; right:0; font-style:normal; font-size:0.14rem; color:#888888; top:0.2rem; font-weight:normal}
.new2019 .mainM{float:left;padding-left:0.2rem;width: calc(3.6rem - 0.2rem);padding-top:0.2rem;}
.kehucase{float:left;width: 100%;}
.kehucase .ul{width: 100%;margin:0 auto;overflow:hidden;float:left;position:relative;}
.kehucase .ul .left1{width: 0.5rem;background:url(../pic/leftjt.png) center center no-repeat;background-size: 0.4rem 0.6rem;height: 2.2rem;position:absolute;left:0;cursor:pointer;z-index:3;}
.kehucase .ul .right1{width: 0.5rem;background:url(../pic/rightjt.png) center center no-repeat;background-size: 0.4rem 0.6rem;height: 2.2rem;position:absolute;right:0;top:0;cursor:pointer;}
.kehucase .ul .neirong{width: 100%;height: 2.2rem;overflow:hidden;}
.kehucase .ul .neirong li{ width:3.6rem; float:left; padding:0px 0 0 0px; height: 2.2rem;text-align:center; position:relative;overflow:hidden}
.kehucase .ul .neirong img{ max-width:3.6rem; height:auto; position:absolute; left:0;right:0;margin:auto; top:0;bottom:0}
.new2019 .nlst1{ width:3.6rem; float:left; margin-top:0.2rem; }
.new2019 .nlst1 span{ background:#ffeae6; color:#ff2900; float:left; height:0.26rem; width:0.6rem; text-align:center; line-height:0.26rem;}
.new2019 .nlst1 h2{ float:left; padding-left:0.1rem; line-height:0.26rem; width:2.8rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; font-weight:normal; font-size:0.16rem;}
.new2019 .nlst1 p{ float:left; width:3.6rem; font-size:0.14rem; color:#999999; padding-top:0.1rem; line-height:0.27rem;}
.new2019 .nlst2{ float:right; width:3.7rem; padding-right:0.2rem;}
.new2019 .nlst2 .li01{ float:left; width:3.7rem; border-bottom:1px solid #ededed; font-size:0.16rem; position:relative;padding-top: 0.2rem;    padding-bottom: 0.1rem;}
.Ii2{ position:absolute; left:0px; width:0.63rem; height:0.03rem; background:#000; bottom:-0.01rem}
.new2019 .nlst2 .li01 strong{ color:#ff2900;}
.new2019 .nlst2 .li02{ float:left; width:3.7rem;    padding-top: 0.1rem; }
.new2019 .nlst2 .li02 a{ width:3.6rem; float:left; position:relative; padding: 0.1rem 0 0.08rem 0.1rem; height:0.16rem; line-height:0.16rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.new2019 .nlst2 .li02 a i{ position: absolute; border-radius: 50%; width: 0.03rem;height: 0.03rem; top: 0.19rem; left: 0px;background: #000;}

/*   常见问题  */
.qyzx2019{ float:right; width:3.8rem; background:#ffffff; margin-top:0.2rem; height:5.35rem;}
.qyzx2019 .nav19 {width: 3.6rem; float: left; border-bottom: 1px solid #ededed; padding-left: 0.2rem; position: relative; font-size: 0.18rem; font-weight: bold; color: #000000; padding-top: 0.2rem; padding-bottom: 0.1rem;}
.qyzx2019 .nav19 i{ position:absolute; right:0; font-style:normal; font-size:0.14rem; color:#888888; top:0.2rem; font-weight:normal}
.qyzx2019 .com19{ float:left; width:3.4rem; padding:0px 0.2rem 0px 0.2rem;}
.qyzx2019 .com19 li{ float:left; width:3.4rem; height:0.2rem;line-height:0.2rem; margin-top:0.2rem}
.qyzx2019 .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.qyzx2019 .com19 li .nom1{ background:#006bbd; color:#fff}
.qyzx2019 .com19 li .nom2{ background:#007ad7; color:#fff}
.qyzx2019 .com19 li .nom3{ background:#1691f0; color:#fff}
.qyzx2019 .com19 li span{ display:none;}
.qyzx2019 .com19 li p{ float:left; padding-left:0.1rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; height:0.2rem; width:3.1rem;}
.qyzx2019 .com19 .cur{ float:left; width:3.4rem; height:0.8rem;line-height:0.2rem; margin-top:0.2rem; background:#f6f6f6}
.qyzx2019 .com19 .cur span{ margin-left:0.1rem; margin-top:0.15rem; position:relative; display:block;float:left; padding-left:0.2rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; height:0.2rem; width:3rem;}
.qyzx2019 .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qyzx2019 .com19 .cur p{float:left;width:2.48rem;margin-top:0.15rem;padding-left:0.1rem;line-height:0.2rem;font-size:0.18rem;font-weight:bold;overflow: hidden;height: 0.2rem;word-wrap: break-word;word-break: break-all;white-space: pre-line;}

/*   留言  */
.feedback{ float:left; background:url(../pic/feedback_bg.jpg) top center no-repeat; width:100%; padding:0.4rem 0; margin-top:0.2rem;}
.feedback .Page1C2{padding: 0.3rem 0.4rem;float:left;background: #fff;width: 6.3rem;height: auto;}
.feedback .Page1C2 > strong{display: block;padding-left: 0.8rem;background: url(../pic/bcase_tit.png) no-repeat left center;background-size: 0.66rem 0.66rem;font-weight: bold;font-size: 0.26rem;color: #343434;line-height: 0.28rem;margin-bottom: 0.2rem;}
.feedback .Page1C2 > strong .small{display: block;font-size: 0.15rem;line-height: 0.22rem;padding-top: 0.05rem;font-weight: 100;color: #666;}
.feedback .Page1C2 textarea{ height:1rem;}
#tianxieone{ float:left; width:6.3rem; padding:0.1rem 0}
#tianxietwo{ float:left; width:1.3rem; text-align:right;}
#tianxiethree{ float:left;}
#liuyanshenming{ float:left; text-align:center; width:6.3rem; padding-bottom:0.2rem;}
#lytijiao { width:1rem;  padding:0px 0px 0px 0px; margin:0 auto}
#lytijiao input{ padding:0.08rem 0.4rem; border:0px; outline:0; background:#006bbd; color:#ffffff; font-weight:bold;    border-radius: 0.05rem;}
.feedback .fr{background: url(../pic/bfeedback_r.jpg) no-repeat center #110c70;width: 3.8rem;height: 3.38rem;padding:0.5rem 0.4rem;}
.feedback .fr p{font-size: 0.2rem;font-weight: bold;color: #fff;display: block;text-align: center;line-height: 0.3rem;padding: 0 0 0.3rem;}
.feedback .fr p > span{display: block}
.feedback .fr p > .en{font-size: 0.12rem;font-weight:100;color: #dbdaf1;line-height: 0.24rem;}
.feedback .fr p > .str{font-size: 0.24rem;line-height: 0.34rem;}
.feedback_r_t_row2{border:1px solid #fff;padding:0.2rem;text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.28rem;}
.feedback_r_a > a{display: block;border: 1px solid #fff; border-radius: 0.5rem;line-height: 0.4rem;width: 1.3rem;height: 0.4rem;text-align: center;padding-left: 0.3rem;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin: 0.3rem auto 0;border-color: rgba(255,255,255,0)}
.feedback_r_a > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;left:0;}
.feedback_r_a > a:after{content: '';width: 0.24rem;height: 0.24rem;display: block;position: absolute;background: url(../pic/ads_contact.png) no-repeat center;background-size: 0.24rem 0.24rem;left: 0.3rem;top: 0.08rem;}
.feedback_r_a > a > i{color: #fff;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;}
/*   底部  */
.copy{ background: #333; padding: 0.2rem 0 0; width:100%; float:left;}
.copy .copy_row2 { height: 2.6rem; overflow: hidden; width: 12rem; margin:0 auto;position: relative;}
.copy .copy_row2 ul{ float: left; padding: 0.3rem 0.3rem 0.3rem 0.4rem; background: url(../pic/20180905140430_975406376.jpg) no-repeat left center; margin: 0 0.25rem 0 0;width: 1rem;height: 1.9rem;}
.copy .copy_row2 > div{ float: left; padding: 0.3rem 0px 0.3rem 0.6rem;margin: 0 0.3rem 0 0;width: 4.5rem;height: 1.9rem; position: relative;}
.copy .copy_row2 > div:before{content: '';display: block;width: 0.01rem;height: 2rem;background: #454545;position: absolute;left: 0.2rem;top: 0.65rem}
.copy .copy_row2 > div:after{content: '';display: block;width: 0.4rem;height: 0.4rem;background: #454545;border-radius: 50%;position: absolute;top: 0.25rem;left: 0;}
.copy .copy_row2 > div.copy_list1:after{background: #454545 url(../pic/friendlink_l.png) no-repeat center;background-size: 0.29rem 0.22rem;}
.copy .copy_row2 > div.copy_list1 a{ float:left; width:1.5rem; overflow:hidden;display: block; color: #bbb; line-height: 0.28rem; font-size: 0.13rem;}
.copy .copy_row2 ul.ewm {width: 2.2rem;}
.copy .copy_row2 ul.ewm .ewm_in{ float: left; margin:0.3rem 0.1rem; }
.copy .copy_row2 ul.ewm .ewm_in img{ display: block; width: 0.9rem; }
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 0.3rem; text-align: center; }
.copy .copy_row2 ul .copy_tel{background: url(../pic/20180905140455_436962388.jpg) no-repeat left center;background-size: 0.5rem 0.5rem;padding:0.1rem 0 0.05rem 0.6rem;font-size: 0.22rem;line-height: 0.4rem;display: block;color: #fff;font-family: arial;font-weight: 100;}
.copy .copy_row2 ul.copy_contact { width: 2.9rem; padding-right: 0; margin-right: 0;  float: right;}
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 0.25rem; }
.copy .copy_row3{ width: 100%; height: 0.55rem; line-height: 0.55rem; background:#ffffff; text-align:center;color: #999999; }
.copy .copy_row3 a { color: #999999; }
.copy .copy_row3 a:hover{ color: #006bbd; text-decoration:underline; }

/*   内页-面包屑  */
.mbx{margin:0 auto;width: 11.6rem;background: url(../pic/bmbxn.png) 0px 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*   内页-产品分类  */
.container{margin: 0 auto;width: calc(11.98rem - 2px);border: 1px solid #e7eaf1;border-radius: 0.05rem !important;box-shadow: 0 0.01rem 0.03rem rgb(0 37 55 / 5%);margin-top: 0.2rem;}
.container ul {list-style: none;margin: 0;height: auto;line-height: 0.3rem;margin: 0.1rem 0;text-align: center;/* overflow: hidden; */}
.container ul li {white-space: nowrap;display: inline-block;float: none;position: relative;padding: 0px 0.1rem;}
.container ul li::after {display: inline-block;width: 0;height: 0;content: '';vertical-align: middle;border-top: 0.06rem solid;border-right: 0.06rem solid transparent;border-left: 0.06rem solid transparent;margin-right: 0;margin-left: .3em;}
.container ul .dropdown::after{ display:none}
.container ul li .dropdown-menu{position:absolute;top: 0.3rem;width: 1rem;background:#ffffff;height:auto;display:none;padding: 0.1rem;z-index:3;}
.container ul li .dropdown-menu a{float:left;width: 1rem;text-align:left;line-height: 0.35rem;}
.container ul li:hover  .dropdown-menu{ display:block}


/*   内页-产品类别  */
.cpzs{margin:0 auto;width: 12.4rem;overflow: hidden;}
.cpzs a{width: 2.7rem;margin-left: 0.2rem;margin-right: 0.07rem;float:left;height: 3.3rem;overflow:hidden;padding: 0.04rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);background:#ffffff;margin-top: 0.3rem;position:relative;}
.cpzs a span{width: 2.7rem;height: 2.7rem;float:left;position:relative;}
.cpzs a span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height: 2.7rem;max-width: 2.7rem;}
.cpzs a h2{float:left;width: calc(100% - 0.2rem);font-size: 0.14rem;font-weight:normal;line-height: 0.28rem;padding: 0.05rem 0.1rem 0 0.1rem;height: 0.5rem;position:relative;z-index:3;overflow:hidden;border-top: 1px solid #ededed;}
.cpzs a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.cpzs a:hover:before{left:0;}
.cpzs a:hover h2{ color:#ffffff}
/*   内页-翻页  */

.hpage{font-size: 0.14rem;width:12rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{ width:11.8rem; background:#ffffff; padding:0.09rem;border: 1px solid #dedede;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);;margin: 0 auto; overflow: hidden;  margin-top: 0.2rem;}

.house_con .jieshao{ float:right; width:5.6rem;}
.house_con .jieshao h1{ float:left; width:5.5rem; font-size:0.18rem; line-height:0.3rem; max-height: 0.6rem; overflow:hidden; padding:0.1rem 0.1rem 0 0; margin-bottom:0.1rem;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:0.25rem; font-size:0.14rem; color:#000000;padding:0.1rem 0 0.1rem 0; width:5.6rem;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{ float:left; line-height:0.3rem; font-size:0.14rem; color:#000000; width:5.6rem; padding:0.4rem 0 0 0}
.house_con .jieshao .san .zx{ display: block;width: 2rem; height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #ea4501;text-align: center;text-decoration: none; border-radius: 1rem;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img { position: relative; top: 0.04rem; margin-left: 0.08rem;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative; margin: 0 auto;float:left; width:6rem;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem; width: 6rem; height: 4.04rem; overflow: hidden; float:left; position:relative}
.house_bigImg img{margin: auto;left: -10%;right: -10%;top: -10%;bottom: -10%;position: absolute;max-width: 100%;max-height: 100%;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative; margin-top: 0px;  height: 0.67rem; overflow: hidden; float:left; width:5.4rem; margin-left:0.3rem; margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;height: 0.67rem;}
.house_smallImg ul li img{display: block; max-width: 1rem; height: 0.67rem; cursor: pointer;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}
        .house_smallImg ul li.on img{ height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem;background:#ccc; cursor:pointer;background:url(../pic/left_arrow.png) 0px 0px no-repeat;}
        span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem; background:#ccc; cursor:pointer; background:url(../pic/right_arrow.png) 0px 0px no-repeat; }
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;}

/*   内页-详细描述，产品分类。  */
.cpmshu{ width:12rem; margin:0 auto; overflow:hidden; margin-top:0.2rem; padding-bottom:0.2rem;}
.cpmshu .cpfl{ width:2.5rem; background:#006bbd;  border-bottom:0.05rem solid #006bbd}
.cpmshu .cpfl .li01{ float:left; width:2.5rem; text-align:center;    font-size: 0.22rem;    color: #FFFFFF;    text-align: center; line-height: 0.35rem;   display: block;    padding-top: 0.25rem;font-weight:bold;}
.cpmshu .cpfl .li02 {color: #f7f7f7; font-size: 0.12rem;  display: block;  text-align: center; float:left; width:2.5rem;    line-height: 0.35rem;}
.cpmshu .cpfl .li03 a.sub{/* background: #ececec; *//* display: none; */color: #525252;}
.cpmshu .cpfl .li03 {width: 2.4rem;background: #fff;margin-left: 0.05rem;/* border-radius: 10px; */padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;/* padding-left: 20px; */}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{ float: left; width: 1.8rem; font-size: 0.15rem; line-height: 0.4rem; background: url(../pic/jiantou.png) no-repeat 0.04rem center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; position: relative; padding-left: 0.2rem; margin-bottom: 0.15rem;margin-left: 0.2rem; border-bottom:1px solid #ededed}
.cpmshu .cpfl .li03 h3{float: left;width: 1.6rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;    display: none;margin-left: 0.2rem;border-bottom: 1px dashed #ededed;font-weight: normal;}
.cpmshu .cpfl .li03 h3:before{     position: absolute;
    content: "";
    left: 0.22rem;
    width: 0.06rem;
    height: 0.06rem;
    background: #afafaf;
    border-radius: 50%;
    top: 0.17rem;}
.cpmshu .cpfl .li03 h2:hover{background: #006bbd;}
.cpmshu .cpfl .li03 h2:hover a{color:#fff}
.cpmshu .cpfl .li03 h2:hover span{ color:#ffffff}
.cpmshu .cpfl .li03 h3:hover{background: #006bbd;}
.cpmshu .cpfl .li03 h3:hover a{color:#fff}
.cpmshu .cpfl h2 span{position: absolute;right: 0.1rem; cursor:pointer}
.cpmshu .cpfl .li03 a:hover{color:#FFF;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: 8.9rem;padding:0.19rem 0.19rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);line-height:0.25rem;font-size:0.14rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: right;}
.cpmshu .miaoshu img{max-width: 100%;padding:0.1rem;}
.paging_prev { float: left;    width: 8.9rem;    line-height: 0.3rem;    padding: 0.1rem 0px 0 0px;    font-size: 0.14rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size:0.16rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#006bbd; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.14rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{ width:8.9rem; font-size:0.24rem; font-weight:bold; float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; padding-top:0.3rem; text-align:center}
.cpmshu .miaoshu .text{width:8.9rem; float:left; text-align:center; padding:0.2rem 0 0.2rem 0; border-bottom:1px solid #ededed; color:#888888}

/*   内页-资讯列表  */

.cpmshu .newslist{width:8.9rem; padding:0.19rem 0.19rem; border:1px solid #ededed; box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05); line-height:0.25rem; font-size:0.14rem;float:right} 
.cpmshu .newslist .tittle{width:8.9rem; float:left; font-weight:bold; font-size:0.16rem; position:relative; padding-bottom:0.1rem; border-bottom:1px solid #ededed; background:url(../pic/bbnewsbg.png) 0 0 no-repeat; height:0.2rem; line-height:0.2rem; padding-left:0.25rem;}
.cpmshu .newslist .tittle:before {content:""; position:absolute; bottom:-0.01rem; left:0; width:0.9rem; height:0.03rem; background:#006bbd}
.cpmshu .newslist li{ float:left; border-bottom:1px solid #ededed; padding:0.15rem 0;    width: 8.9rem;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{ float:right; width:6.6rem; position:relative; height:1.45rem;}
.news_con_txt h2{width: 6.6rem;float: right; color: #333333;height: 0.4rem;overflow: hidden; padding: 0.1rem 0 0 0; line-height: 0.2rem; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-weight:normal; white-space: nowrap;   overflow: hidden;}
.news_con_txt p{max-height: 0.5rem;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{ float:left; width:8.8rem; position:relative; padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 8.8rem;float: left; color: #333333;height: 0.4rem;overflow: hidden; padding: 0.1rem 0 0 0; line-height: 0.2rem; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-weight:normal; white-space: nowrap;   overflow: hidden;}
.news_con_txt1 p{max-height: 0.5rem;line-height: 0.25rem;font-size: 0.14rem; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;float: left; color:#666666}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.14rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none}

/*   内页-企业形象  */
.cpmshu .majority{width:9.28rem; padding:0.19rem 0px; border:1px solid #ededed; box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05); line-height:0.25rem; font-size:0.14rem;float:right}
.cpmshu .majority .tittle{width:8.65rem; margin:0 0.19rem 0.2rem 0.19rem; float:left; font-weight:bold; font-size:0.16rem; position:relative; padding-bottom:0.1rem; border-bottom:1px solid #ededed; background:url(../pic/bnewsbg.png) 0 0 no-repeat; height:0.2rem; line-height:0.2rem; padding-left:0.25rem; } 


.cpmshu .majority li{ width:2.73rem; margin-left:0.2rem; float:left; height:3.3rem; overflow:hidden; padding:0.04rem; background:#f7f7f7; border:1px solid #ededed; margin-bottom:0.2rem; position:relative}
.cpmshu .majority li span{ width:2.73rem; height:2.73rem; float:left; position:relative}
.cpmshu .majority li span img{ left:0; right:0; top:0; bottom:0; position:absolute; margin:auto; max-height:2.73rem; max-width:2.73rem;}
.cpmshu .majority li h2{ float:left; width:2.6rem; font-size:0.14rem; font-weight:normal; line-height:0.25rem; padding:0.05rem 0 0 0; height:0.5rem; position:relative; z-index:3; overflow:hidden}
.cpmshu .majority li:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.cpmshu .majority li:hover:before{left:0;}
.cpmshu .majority li:hover h2{ color:#ffffff}
.cpmshu .majority .hpage{font-size: 0.14rem;width:8.9rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.14rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}


.msgBack{width: 100%;height: 100%;background: #000;padding: 0.3rem;position: fixed;left: 0;top: 0;border: 1px solid #d1d1d1;opacity: 0.5;z-index: 9999;}
.msgResult{width:2.9rem;height: 0.4rem;background:#ffffff;padding:0.3rem;position:fixed;margin: auto;left: 0;top: 0;right: 0;bottom: 0;border:1px solid #d1d1d1;z-index:9999;}
.msgResult a{ position:absolute; right:0; top:0; width:0.3rem; height:0.3rem; font-size:0.2rem; font-family:Arial, Helvetica, sans-serif; line-height:0.3rem; text-align:center; color:#888888}
.msgResult .tittle{ width:2.9rem; float:left; text-align:center; font-size:0.2rem; font-weight:bold; position:relative; margin-bottom:0.2rem}
.msgResult .tittle font{color: #006bbd;}
.msgResult .tittle:after{content:""; width:0.9rem; height:0.03rem; background:#b6b6b6; left:50%; margin-left:-0.45rem; position:absolute; bottom:-0.1rem }
.footLayer { display: none;}
