@charset "utf-8";
/*=========================================全局共用属性CSS nie ===============================================*/
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling: touch;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:Arial,"Droid Sans","Helvetica","Segoe";font-size: 1.2rem;text-align:left;margin:0 auto;line-height: 2.4rem;background:#fff;color:#333;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;-webkit-touch-callout:none;}
a:link,a:active,a:visited,a:hover {background: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
button{border-radius:0rem;-webkit-border-radius:0rem; outline:none;}
input,select{border-radius:0;outline:none;}
input[type="submit"],input[type="text"]{-webkit-appearance : none;}
input:-ms-clear{display:none;}/*消除 IE10 里面的那个叉号*/

input,textarea{border: 0;}
textarea {resize :none; outline:none;}/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
button{cursor:pointer; } /*这个可以不用*/
table,td,th{font-size:1.2rem; line-height: 2.4rem;}
/*全局的字体链接*/
a:link,a:visited{color:#00132b; text-decoration:none; }
a:hover,a:active{color:#ff5a00; text-decoration:none; }
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0rem; }
.container{clear:both; width:100%; margin:0 auto; padding:0rem 0rem;}
img{MAX-WIDTH:100%!important;HEIGHT:auto!important;_width:expression(this.width > 100% ? "100%" :this.width)!important;}
@media (min-width: 768px){
    .container{width:37.5rem;}
}
/*=======================顶部 start===================*/
.header{padding: 1rem 3.4rem 1rem 7rem;position:relative;background: #1772c5;position:relative;height: 4.7rem;}
.header .logo{position:absolute;width:5.9rem;left: 1rem;top: 1rem;}
.header .navicon{position:absolute;width:2.4rem;right: 1rem;top: 0.8rem;cursor: pointer;display:flex;justify-content:center;align-items:center;height:3.2rem;}
.header .navicon span {position:relative;display:block; width:100%; height:0.2rem; background:#fff;}
.header .navicon span:after{position:absolute; left:0rem; top:-0.7rem; content:'';width:100%; height:100%; display:block; background:#fff;}
.header .navicon span:before{position:absolute; left:0rem; bottom:-0.7rem; content:''; width:100%; height:100%; display:block; background:#fff;}
/**/
.header .breadnav{clear:both;text-align:center;color:#fff;font-size:1.8rem;line-height: 2.7rem;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;text-transform: capitalize;}
/*=======================顶部 end===================*/
/*=======================导航 start===================*/
.nav{position: absolute;right: 0.5rem;top: 4rem;display: none;z-index: 10;}
.nav ul{background:#fff;border:0.05rem solid #ddd;padding:0.5rem 1rem;border-radius: 0.3rem;width: 100%;}
.nav ul li a{font-size: 1.4rem;padding: 1rem 0rem;border-bottom:0.025rem solid #e6e6e6;display:block;line-height:1rem;text-transform: capitalize;}
.nav ul li:last-child a{border-bottom:0px;}
/*=======================导航 end===================*/

/*=======================mobone start===================*/
.mobone{padding: 1rem 0.5rem;}
.mobone li{float:left; width:25%; padding:0.5rem;}
.mobone li .mobonepic{clear:both; padding-bottom:0.5rem;}
.mobone li .mobonepic a{clear:both; width:5rem; height:5rem; background:#f5f5f5; border-radius:50%; display:block; padding:0.5rem 0.5rem 0rem 0.5rem; margin: 0 auto;}
.mobone li .mobonetit{clear: both; text-align: center; font-size: 1.2rem; line-height: 1.6rem;}
.mobone li .mobonetit a{color:#333;}
.mobone li:hover .mobonepic a{background:#2196f3;}
.mobone li:hover .mobonetit a{color:#2196f3;}
/*=======================mobone end===================*/
/*=======================mobtwo start===================*/
.mobtwo{padding: 0rem 0.8rem 2rem 0.8rem;border-bottom:0.5rem solid #f5f5f5;}
.mobtwo li{float: left; padding:0.2rem;}
.mobtwo li div.mobtwobox{padding: 1rem 0.5rem 1rem 1rem;}
.mobtwo li div.mobtwobox .mobtwotxt .mobtwotxttop{font-size: 1.2rem;line-height:1;padding: 0.5rem 0rem 0.2rem 0rem;}
.mobtwo li div.mobtwobox .mobtwotxt .mobtwotxtbom{font-size: 1rem;color:#666;line-height:1.6rem;height: 3.7rem;}
.mobtwo li div.mobtwobox .mobtwotxt .mobtwotxtbom span{clear:both; display:block;}
.mobtwo li.mobtwoli01{width: 45%;}
.mobtwo li.mobtwoli01 div.mobtwobox{background:#e6e9f3;}
.mobtwo li.mobtwoli02{width:55%;}
.mobtwo li.mobtwoli02 div.mobtwobox{background:#fcefe8;}
.mobtwo li.mobtwoli03{width:55%;}
.mobtwo li.mobtwoli03 div.mobtwobox{background:#f6f0e0;}
.mobtwo li.mobtwoli04{width:100%;}
.mobtwo li.mobtwoli04 div.mobtwobox{background:#dff9fb;}
.mobtwo li.mobtwoli02 div.mobtwobox,.mobtwo li.mobtwoli03 div.mobtwobox{position:relative;}
.mobtwo li.mobtwoli02 div.mobtwobox .mobtwopic,.mobtwo li.mobtwoli03 div.mobtwobox .mobtwopic{position:absolute; right:0.5rem; bottom:0.5rem;}
.mobtwo li.mobtwoli02 div.mobtwobox,.mobtwo li.mobtwoli03 div.mobtwobox,.mobtwo li.mobtwoli04 div.mobtwobox{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.mobtwo li.mobtwoli04 div.mobtwobox{padding:1.5rem 1rem;}
.mobtwo li.mobtwoli02 div.mobtwobox .mobtwotxt,.mobtwo li.mobtwoli03 div.mobtwobox .mobtwotxt,.mobtwo li.mobtwoli04 div.mobtwobox .mobtwotxt{-webkit-box-flex:1;-moz-box-flex:1;-ms-flexbox:1;-webkit-flex:1;flex:1;width:0%;}
.mobtwo li.mobtwoli02 div.mobtwobox .mobtwopic,.mobtwo li.mobtwoli03 div.mobtwobox .mobtwopic{width: 6.1rem;}
.mobtwo li.mobtwoli04 div.mobtwobox .mobtwopic img,.mobtwo li.mobtwoli02 div.mobtwobox .mobtwopic img,.mobtwo li.mobtwoli03 div.mobtwobox .mobtwopic img{vertical-align: text-top;margin-bottom: -0.4rem;}
.mobtwo li.mobtwoli04 div.mobtwobox .mobtwopic{width: 14rem;}
.mobtwo li.mobtwoli01 div.mobtwobox .mobtwopic{width: 6.9rem;margin:0 auto;}
.mobtwo li.mobtwoli01 div.mobtwobox .mobtwotxt .mobtwotxttop,.mobtwo li.mobtwoli04 div.mobtwobox .mobtwotxt .mobtwotxttop{background:url(../images/micon01.png) no-repeat left 0.1rem; background-size:1rem 1.3rem; padding-left:1.5rem;}
@media (min-width:360px){
    .mobtwo li.mobtwoli02 div.mobtwobox .mobtwopic{width: 7.1rem;}
    .mobtwo li.mobtwoli03 div.mobtwobox .mobtwopic{width: 8.1rem;}
.mobtwo li.mobtwoli04 div.mobtwobox .mobtwopic{width: 17rem;}
}
/*=======================mobtwo end===================*/
/*=======================mobthree start===================*/
.mobtit{clear: both;font-size: 1.5rem; text-transform:uppercase;color:#333;text-align:center;line-height: 1;padding: 2rem 0rem;}
.mobtit em{margin-right:1rem;}
/**/
.mobthree{clear:both;padding: 1rem 1rem 1.5rem 1rem;border-bottom:1rem solid #f5f5f5;}
.mobthree .mobthreetop{border:1px solid #e9e8e8;}
.mobthree .mobthreetop .mobthreetoppic{clear:both;}
.mobthree .mobthreetop .mobthreetoptit{padding: 0.8rem 1rem 0.5rem 1rem;color:#333;font-size: 1.3rem;line-height: 2rem;}
.mobthree .mobthreetop .mobthreetoptxt{padding: 0rem 1rem 0.5rem 1rem;color:#666;font-size: 1.3rem;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1;}
.mobthree .mobthreetop time{clear: both;background:url(../images/clock.jpg) no-repeat left center;padding:0px 0px 0px 22px;margin: 0rem 1rem 0.5rem 1rem;font-size: 1rem;display:block;    background-size: 1.1rem;}
/***/
.mobthree .mobthreebom{clear: both; border:1px solid #e9e8e8;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; padding:1rem; margin-top:1.25rem;}
.mobthree .mobthreebom .mobthreebomfl{-webkit-box-flex: 1;-moz-box-flex:1;-ms-flexbox:1;-webkit-flex: 1;flex: 1;padding-right: 0.5rem;width: 0%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.mobthree .mobthreebom .mobthreebomfl .mobthreebomfltit{padding: 0rem 0rem 0.5rem 0rem;color:#333;font-size: 1.3rem;line-height: 1.6rem;}
.mobthree .mobthreebom .mobthreebomfl .mobthreebomfltxt{padding: 0rem 0rem 0.5rem 0rem;color:#666;font-size: 1.3rem;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1;width: 100%;}
.mobthree .mobthreebom .mobthreebomfl time{clear: both;background:url(../images/clock.jpg) no-repeat left center;padding:0px 0px 0px 22px;font-size: 1rem;display:block;text-align: left;width: 100%;    background-size: 1.1rem;}
.mobthree .mobthreebom .mobthreebomfr{width:7.2rem;}
/*=======================mobthree end===================*/
/*=======================mobfour start===================*/
.mobfour .mobtit{padding-bottom:0.5rem;}
.mobfour .mobfourul li{border-bottom: 1rem solid #f5f5f5;}
.mobfour .mobfourul li .mobfourbox{clear:both;padding: 1.5rem 1rem 1.5rem 1rem;border-bottom:1px solid #e6e5e5;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.mobfour .mobfourul li .mobfourbox .mobfourpic{width:10rem;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr{padding-left:1rem;-webkit-box-flex: 1;-moz-box-flex:1;-ms-flexbox:1;-webkit-flex: 1;flex: 1;width: 0%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-flow: column;text-align: left;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr .mobfourboxtit{font-size:1.4rem;display:block;line-height:1;padding-bottom:0.5rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width: 100%;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr p{width:100%;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr p:nth-child(2){font-size:1.3rem; line-height:1.6rem; color:#333;display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr p:nth-child(3){font-size:1.3rem; line-height:1.6rem;; color:#333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr p:nth-child(3) strong{color:#ff3128;}
.mobfour .mobfourul li .mobfourbox .mobfourboxfr p strong{font-weight:normal;}
.mobfour .mobfourul li .mobfourbom{clear:both; padding:1.25rem 1rem;}
.mobfour .mobfourul li .mobfourbom a{border-radius:0.2rem;background:#f5f5f5;font-size: 1rem;text-transform:uppercase;padding: 0rem 0.5rem;display:inline-block;margin-right: 0.6rem;border: 1px solid #f5f5f5;line-height: 1.9rem;}
.mobfour .mobfourul li .mobfourbom a:last-child{margin-right:0px;}
.mobfour .mobfourul li .mobfourbom a.mobfourbommore{float:right;border: 1px solid #333333;background:none;}
/*=======================mobfour end===================*/
/*=======================mobfive start===================*/
.mobfive{border-bottom: 1rem solid #f5f5f5;}
.mobfive .mobtit{padding-bottom:1.3rem;}
.mobfive .mobfiveul{padding: 0rem 0.5rem 0.5rem 0.5rem;}
.mobfive .mobfiveul li{float:left;padding: 2.5rem 0.5rem 1.5rem 0.5rem;width:50%;}
.mobfive .mobfiveul li div{background:#f5f5f5; position:relative; padding:3rem 1rem 1rem 1rem;}
.mobfive .mobfiveul li div em{background:#e32727;border:0.2rem solid #fff;width:4.7rem;height:4.7rem;display:block;border-radius:50px;position:absolute;left:50%;margin-left:-2.35rem;top:-2.35rem;padding: 0rem 0.5rem 0rem 0.5rem;display: flex;align-items: center;}
.mobfive .mobfiveul li div p{font-size:1.2rem; line-height:1.6rem; text-align:center; height:4.8rem;}
/*=======================mobfive end===================*/
/*=======================mobsix start===================*/
.mobsix .mobtit{padding-bottom:1rem;}
.mobsix .mobsixul{clear:both; padding:0.5rem; width:99.9999%; margin:0 auto;}
.mobsix .mobsixul li{float:left; padding:0.5rem; width:33.3333%;}
.mobsix .mobsixul li img{border:1px solid #e7e7e7; display:block;}
/*=======================mobsix end===================*/
/*=======================inside ban start===================*/
.mbanner{position: relative;}
.mbanner .mbanbox{position:absolute;left:0rem;top:0rem;right:0rem;bottom:0rem;color:#fff;display:flex;flex-flow: column;justify-content: center;padding-left: 1rem;}
.mbanboxtit{clear:both;width:100%;display:block;border-left:0.2rem solid #fa732b;padding-left:1rem;font-size:1.8rem;text-transform: capitalize;line-height: 2rem;}
.mbanboxtxt{clear:both; width:100%; display:block; padding-left:1.3rem; font-size:1.3rem;}
.mbanboxtxt span{color:#fa732b;}
.mbanboxtxt a{color:#fff;}
.contactban .mbanboxtit,.contactban .mbanboxtxt,.contactban,.contactban a{color:#5a5a5a;}
/*=======================inside ban end===================*/
/*=======================product content start===================*/
.ProTit h3{clear:both; background:url(../images/proline01.png) no-repeat center bottom; background-size:4rem;text-align:center; font-size:2.3rem; color:#212121; font-weight:bold; padding-bottom:1.1rem;}
.ProTit p{clear: both; font-size: 1.3rem; line-height: 1.8rem; color:#5a5a5a; text-align: center; margin-top: 1.3rem;}
.ProTop{clear: both; position: relative;}
.ProTop a{width:3rem;}
.ProTop .insideproback{position:absolute; left:10px; top:10px; }
.ProTop .insideprohome{position:absolute; right:10px; top:10px; }
.ProTop img{width:100%;}
/**/
.ProOne{border-top-left-radius: 0.9rem;border-top-right-radius: 0.9rem;background: #fff;margin-top: -1.2rem;position: relative;z-index: 1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding: 2.1rem 1rem 1.2rem 1rem;}
.ProOne .ProOneFloat{position:absolute;right:3.9rem;top:-2.2rem;width:4.4rem;height:4.4rem;background:#f23900;border-radius:50%;display: flex;align-items: center;justify-content: center;padding: 0rem 0.9rem;}
.ProOne .ProOnepic{width:6.4rem; position:relative;}
.ProOne .ProOnepic .sphot{position:absolute;right:0rem;top: -0.4rem;font-size: 1rem;color:#fff;background: #f32a14;line-height: 1.2rem;border-radius:0.7rem;padding:0rem 0.3rem;display: inline-block;}


.ProOne .ProOnepic .ProOnepicbox{width:6.4rem;height:6.4rem;border-radius:50%;background:#ededed;overflow:hidden;display: block;}
.ProOne .ProOneBox{-webkit-box-flex: 1;-moz-box-flex:1; -ms-flexbox:1;-webkit-flex: 1;flex: 1;width: 0%; padding-left:1.5rem;}
.ProOne .ProOneBox .ProOneBoxtop{clear:both; line-height:1; padding:1rem 0rem;}
.ProOne .ProOneBox .ProOneBoxtop h1{font-size: 1.6rem;color:#282828;text-transform: capitalize;line-height: 1;}
.ProOne .ProOneBox .ProOneBoxbom{color:#bababa;font-size:1.2rem;line-height: 1.4rem;text-transform: lowercase;}
/**/
.ProTwo li{clear:both;border-bottom:1px dashed #EAEAEA;padding: 1rem 1rem;font-size:1.3rem;color:#2f2f2f;line-height:1.8rem;}
.ProTwo li:last-child{border-bottom:0rem;}
.ProTwobomtel{background: url(../images/contactpic03.png) no-repeat 1rem center;font-weight:bold;padding-left:3.5rem;background-size: 2rem auto;clear: both;display: block;color: #f23900;font-size: 1.3rem;text-align: left;line-height: 1.9rem; margin-top: 1rem;}
.ProTwobomtel a{color: #f23900;}
/**/
.ProTwobom{padding:1rem 1.3rem 2.6rem 1.3rem;}
.ProTwobom a{clear:both;display:block;border:1px solid #2196f3;border-radius:1.4rem;padding: 0.8rem 0rem;color: #2196f3;font-size: 1.3rem;text-align: center;line-height: 1.9rem;}
.ProTwobom a i{display:inline-block;width:1.9rem;height:1.9rem;border-radius:50%;background:url(../images/proarrow01.png) no-repeat center center #2196f3;padding:0rem 0.5rem 0rem 0.5rem;background-size: 0.9rem;margin-right: 0.6rem;vertical-align: top;}
/**/
.ProThree{border-top:1rem solid #f5f4f4;border-bottom:1rem solid #f5f4f4;padding: 1.3rem 1rem;}
.ProThree li{float:left;width:50%;font-size: 1.4rem;color:#212121;padding-left: 1rem;background: url(../images/dot01.png) no-repeat left center;background-size: 0.65rem;}
.ProThree li i{width:0.65rem;height:0.65rem;border-radius:50%;display: block;float: left;font-size: 0rem;overflow: hidden;position: absolute;left: 0rem;top: 0.85rem;background: url(../images/dot01.png) no-repeat left top;background-size: 0.65rem;display: none;}
.ProThree.cc li{width:100%;}
/**/
.ProThreeBom{clear: both; background: #fff; padding-bottom: 10px;}
/**/
.ProFour{background:#f5f4f4;padding: 1.5rem 1rem;}
.ProFour .ProFourBox{clear:both;background:#fff;padding: 1.5rem 1rem;-webkit-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-moz-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-ms-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-o-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);}
.ProFour .ProFourBox .ProFourBoxvideo{padding-top:2rem; padding-bottom:1.5rem;}
.ProFour .ProFourBox .ProFourBoxvideo video{width:100%;}
.ProFour .ProFourBox .ProFourBoxtxt{font-size:1.3rem;line-height:1.8rem;padding-bottom: 1.5rem;}
.ProFour .ProFourBox .ProFourBoxmore{clear:both;color:#fff;background:#f23900;line-height: 3.5rem;border-radius:2rem;display:block;text-align:center;font-size:1.4rem;}
.ProFour .ProFourBox .ProFourBoxmore i{width:1.8rem;height:1.7rem;display:inline-block;background:url(../images/icon01.png) no-repeat left top;background-size:100%;margin-right:0.5rem;vertical-align: text-top;}
/**/
.ProFive{clear:both;padding: 1.9rem 1.3rem;}
.ProFive .ProFiveBox{clear:both; padding-top:2rem;}
.ProFive .ProFiveBox p{font-size:1.3rem; line-height:2rem; color:#393939;}
.ProFive .ProFiveBox p img{clear:both; width:100%; margin-bottom:1rem;}
.ProFive .ProFiveBox h4{font-size:1.6rem; line-height:2rem; color:#212121; font-weight:bold;margin-bottom:0.5rem;}
/**/
.ProSix{padding:2rem;}
.ProSix .ProSixTit{clear:both;background:#fef5ee;border:1px dashed #ff6204;line-height: 1.8rem;border-radius:2rem;color:#ff6204;position:relative;font-size: 1.5rem;font-weight:bold;margin-right: -0.5rem;padding: 0.9rem 0rem 0.9rem 5rem;}
.ProSix .ProSixTit a{color:#ff6204;}
.ProSix .ProSixTit span{width:5.1rem;border:0.2rem solid #fff;background:#ff6204;height:5.1rem;display:flex;border-radius:50%;padding:0rem 1rem;text-align:center;position:absolute;left:-1rem;top:-0.6rem;align-items: center;justify-content: center;}
.ProSix .ProSixBox{clear:both;background:#fff;padding:1rem;-webkit-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-moz-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-ms-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);-o-box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.13);}
.ProSix .ProSixBom{padding:0rem 0rem;position: relative; margin-top:2.3rem;}
.ProSix .ProSixBom a{padding: 0.5rem;text-align:center;color:#fff;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size: 1.4rem;justify-content: center;background: #f23900;border-radius: 2rem;line-height: 1.7rem;}
.ProSix .ProSixBom img{position:absolute;left: 1rem;bottom: -1.1rem;width: 2rem;}
/**/
.ProSeven{clear: both;border-bottom: 1rem solid #f5f4f4;border-top: 1rem solid #f5f4f4;}
.ProSeven .ProSevenTop{clear: both;background: url(../images/dot01.png) no-repeat 1.5rem center #fff;padding: 0.65rem 1.5rem 0.65rem 3rem;text-align: left;font-size: 1.4rem;color:#212121;line-height: 2.25rem;background-size: 0.7rem;}
.ProSeven .ProSevenTop span{float:right;width: 2.2rem;height: 2.2rem;cursor: pointer;display:block;}
.ProSeven .ProSevenTop span img{vertical-align:top; width:100%;}
.ProSeven .ProSevenbom{margin: 1rem 1.5rem;text-align: left;font-size: 1.4rem;line-height: 2.2rem;border-top: 1px solid #f5f4f4;overflow: hidden;overflow-x: auto;}
/**/
.ProEight{clear:both;background: #e5eff8;    padding-bottom: 1px;}
.ProEight .ProEightBom{border-radius: 0.7rem;background: #fff;margin: 2rem 2rem 2rem 2rem;padding: 1rem 0px;}
.ProEight .ProEightBom .ProEightBox{clear:both;overflow:hidden;padding:1rem 1.5rem;height: 12rem;}
.ProEight .ProEightBom .ProEightBox div{height:198px;}
.ProEight .ProEightBom .ProEightBox div li{padding:0.3rem 0rem;font-size: 1.3rem;line-height: 1.3;}
.ProEight .ProEightBom .ProEightBox div li span{float: left;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.ProEight .ProEightBom .ProEightBox div li .ProEightspan01{width:30%;}
.ProEight .ProEightBom .ProEightBox div li .ProEightspan02{width:30%;}
.ProEight .ProEightBom .ProEightBox div li .ProEightspan03{width:40%;}
/**/
.ProNine{clear:both; padding:0rem; position:relative; background:#ffd84e;}
.ProNine .ProNinepic01{position:absolute;top:0.4rem;left:0rem;width:100%;height: 0.6rem;overflow: hidden;background: url(../images/formicon01.jpg) no-repeat center top;background-size: auto 0.6rem;}
.ProNine .ProNinepic02{position:absolute;bottom:0.4rem;left:0rem;width:100%;height: 0.6rem;overflow: hidden;background: url(../images/formicon01.jpg) no-repeat center top;background-size: auto 0.6rem;}
.ProNine .ProNinepic03{position:absolute;width:0.6rem;top: 1.6rem;bottom: 1rem;right: 0.4rem;overflow: hidden;background: url(../images/formicon02.jpg) repeat-y center top;background-size: 0.6rem;}
.ProNine .ProNinepic04{position:absolute;width:0.6rem;top: 1.6rem;bottom: 1rem;left: 0.4rem;background: url(../images/formicon02.jpg) repeat-y center top;background-size: 0.6rem;}

.ProNine .ProNinepic05{position:absolute; bottom:-1px; right:0rem; width:6.2rem; height:7.7rem;overflow: hidden;}
.ProNine .ProNinepic01 img,.ProNine .ProNinepic02 img,.ProNine .ProNinepic03 img,.ProNine .ProNinepic04 img{vertical-align:top;}
.ProNine .ProNinecon{padding: 4rem 2rem 8rem 2rem;}
.ProNine .ProNinecon .ProNinetit{clear:both;font-size:1.6rem;font-weight:bold;color:#252525;line-height: 1;padding-bottom: 1.4rem;}
.ProNine .ProNinecon .ProNineBox{clear:both; text-align:left; font-size:1.3rem; line-height:2.8rem; color:#414141;}
.ProNine .ProNinecon .ProNineBox p{display:inline-block;position:relative;line-height: 1.9rem;}
.ProNine .ProNinecon .ProNineBox p font{color:#f00;position:absolute;left: 0.3rem;top: 0.75rem;display: inline;line-height: 1;}
.ProNine .ProNinecon .ProNineBom{clear:both;text-align:left;font-size:1.3rem;line-height:2.8rem;color:#414141;}
.ProNine .ProNinecon .ProNineBom label{clear:both;display:block;text-align:left;color: #414141;}
.ProNine .ProNinecon .ProNineBom .ProTen_input05{clear:both;display:block;width:100%;background: #ffea9f;line-height: 1.6;color: #000000;font-size: 1.2rem;font-family:Arial,"Droid Sans","Helvetica","Segoe";padding: 1rem;height: 9rem;}
.ProNinebtn{background:#212121;color:#fff;font-size:1.3rem;padding: 0.4rem 1rem;}
.ProNine .ProNinecon .ProNine_style01{border:0px; border-bottom:1px solid #b88f00; background:none;line-height:1.9rem; color:#414141;}
.ProNine .ProNinecon .ProNine_style02{border:0px;border-bottom:1px solid #b88f00;background:#ffea9f;line-height:1.9rem;color:#414141;height: 2.2rem;}
.ProNine .ProNinecon .ProNine_input01{width:12rem;font-size: 1.2rem;}
.ProNine .ProNinecon .ProNine_input02{width: 10rem;font-size: 1.2rem;padding-left: 0.9rem;-webkit-appearance:none;background: url(../images/arrow03.png) no-repeat 8.8rem center #ffea9f;background-size: 0.9rem;}
.ProNine .ProNinecon .ProNine_input03{width: 9.5rem;font-size: 1.2rem;padding-left: 0.9rem;-webkit-appearance:none;background: url(../images/arrow03.png) no-repeat 8.3rem center #ffea9f;background-size: 0.9rem;}
.ProNine .ProNinecon .ProNine_input04{width:8.2rem;font-size: 1.2rem;padding-left: 0.7rem;}
.ProNine .ProNinecon .ProNine_input05{width:11rem}
@media(min-width:360px){
   .ProNine .ProNinecon{padding: 4rem 2rem 8rem 3rem;}
   .ProNine .ProNinecon .ProNine_input02{width: 13.5rem; background-position:12.3rem center;}
   .ProNine .ProNinecon .ProNine_input03{width: 10.3rem; background-position:9.1rem center;}
}
@media(min-width:380px){
   .ProNine .ProNinecon{padding: 4rem 2.8rem 8rem 3rem;}
}
/*=======================product content end===================*/
/*=======================product list start===================*/
.pronav{padding:0.5rem; margin:0 auto;}
.pronav li{float:left; padding:0.5rem; width:33.3333%;}
.pronav li a{clear:both; border:1px solid #e1e0e0; display:block; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.2rem;}
.pronav li.on a{background:#1772c5; border-color:#1772c5; color:#fff;}
.prolist{padding:0.5rem;}
.prolist li{padding:0.5rem; float:left; width:50%;}
.prolist li a{clear:both; display:block;}
.prolist li .prolistpic img{width:100%;}
.prolist li .prolisttit{clear:both;text-align:center;line-height: 1.5rem;height: 3rem;margin-top: 0.5rem;}
/*=======================product list end===================*/
/*=======================new list start===================*/
.newlist{padding: 0rem 1rem;}
.newlist li{float:left;width: 100%;padding: 1.3rem 0rem;border-bottom:1px solid #ccc;}
.newlist li:last-child{border-bottom:0rem;}
.newlist li h4{font-size: 1.4rem;font-weight:600;line-height: 1.5;padding-bottom: 0.5rem;}
.newlist li time{clear:both;display:block;font-size: 1rem;color:#666;height:auto;*padding:1px 0;line-height: 1.5rem;background: url(../images/clock.jpg) no-repeat left center;padding: 0px 0px 0px 22px; background-size: 1.1rem;}
.newlist li:hover h4 a{color: #ff3a3a;}
.newlist li p{width:100%;margin: 0.5rem 0rem 0rem 0rem;overflow:hidden;text-align: left;font-size: 1.2rem;line-height: 1.8rem;color: #666;}
.newlist li p a{font-size:14px;background-size: 14px 8px;color: #333;border: 1px solid #333;display: inline-block;line-height: 1;padding: 8px 20px;}
.newlist li:hover p a{color:#fff; border: 1px solid #ff3939; background:#ff3939;}
/*=======================new list end===================*/
/*=======================new content start===================*/
.insidenew{clear:both;padding:1rem 0rem;}
.insidenew h1{clear:both;text-align: center;font-size: 2rem;line-height: 1.3;color:#000;padding: 0rem 1rem 1rem 1rem;}
.inside_new_fltime{clear:both;text-align: center;color:#999;background: #f0f0f0;padding: 0.5rem 1rem;border: 1px dotted #e5e5e5;}
.inside_new_fltime time{font-size: 1.4rem;display: block;background: url(../images/clock.jpg) no-repeat left center;padding-left: 1.9rem;width: 100%;text-align: left;}
.inside_new_fltime time .icon09{background-position:-150px -124px;width:15px;height:15px;float:left;margin-top: 6px;display:inline-block;margin-right:5px;}
.inside_new_fltime .email{padding-left: 25px;background: url(../images/news_email.png) left 5px no-repeat;background-size: 20px;font-size: 1.4rem;display: inline-block;width: 100%;text-align: left;}
.inside_new_fltime .email a{color:#ff3a3a;font-size:17px;font-weight:600;margin-left:3px;}
.insidenew .newtext{clear:both;text-align: left;font-size: 1.4rem;line-height: 2.4rem;color:#333;padding: 0.5rem 1rem;}
.insidenew .newtext p{color: #494949;padding: 0.5rem 0rem;font-size: 1.4rem;line-height: 2.4rem;}
.insidenew .newtext p a{ color:#ff2c2c;}
.insidenew .newtext h3{padding: 10px 0px 15px 0px;font-size: 18px;color:#f9782c;font-weight: bold;line-height: 24px; text-transform: capitalize;}
.insidenew .newtext h4{padding:10px 0px;font-size:15px;color: #131520;font-weight: bold; line-height:1;}
/*=======================new content end===================*/
/*=========================TurnPage start=============================*/
.TurnPage{width: 100%;padding: 1.5rem 1rem;border-top: 3px solid #f0f0f0;overflow: hidden;margin-top: 1.5rem;}
.TurnPage p{float:left;width:100%;text-align: left;line-height: 2.4rem;padding-bottom: 5px;font-size: 1.4rem;}
/*=========================TurnPage end=============================*/
/*=======================about start===================*/
.abouttit{clear:both;padding-bottom: 1.2rem;background:url(../images/line01.jpg) no-repeat center bottom;background-size:2.9rem;text-align:center;font-size:1.5rem;color:#333;line-height: 1;}
.aboutone{padding:1rem 0rem;}
.aboutone .aboutonetxt{padding: 0.6rem 1rem 0rem 1rem;font-size:1.3rem;line-height:1.8rem;color:#333;text-align:left;}
/***/
.abouttwo{clear:both;background:#fa732b;padding: 1.3rem 1rem 1.5rem 1rem;color:#fff;}
.abouttwo .abouttwotop{text-align:center;font-size:1.2rem;line-height: 1.8rem;}
.abouttwo .abouttwobom{clear:both; text-align:center;}
.abouttwo .abouttwobom a{background:#fff;font-size:1.4rem;color:#fa732b;border-radius:0.25rem;padding:0.1rem 1rem;margin-top: 0.8rem;display:inline-block;}
/**/
.aboutthree{clear:both;border-bottom:1rem solid #f5f4f4;padding: 1.5rem 0rem 0.5rem;}
.aboutthree .aboutthreetit{font-size:1.3rem; line-height:1.8rem; color:#333; padding:1rem 1rem 0rem 1rem;}
.aboutthree ul{clear:both; padding:0.5rem;}
.aboutthree ul::after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0rem; }
.aboutthree ul li{float:left; padding:0.5rem; width:50%;}
.aboutfour{padding:1.5rem 0rem 0rem 0rem;}
.aboutfour .aboutfourtit{font-size:1.3rem; line-height:1.8rem; color:#333; padding:1rem 1rem 0rem 1rem;}
.aboutfour .aboutfourpic{padding:1rem;}
/*=======================about end===================*/
/*=======================contact start===================*/
.contactone{padding:1rem;}
.contactone h3{clear:both; font-size:1.5rem; color:#333; font-weight:normal; background:url(../images/line01.jpg) no-repeat left bottom; background-size:2.7rem; padding-bottom:0.5rem; margin-bottom:0.7rem;}
.contactone p.contacttxt{font-size:1.3rem; line-height:1.8rem;}
.contactone ul{clear:both;padding: 1rem 0rem 0rem 0rem;}
.contactone ul li{padding-left:2.6rem; font-size:1.3rem; line-height:2.4rme;margin-bottom:1rem;}
.contactone ul li.contactli01{background:url(../images/contactpic01.png) no-repeat left 2px; background-size:2.2rem}
.contactone ul li.contactli01 a{color:#fa732b; font-size:1.5rem; font-weight:bold; text-decoration: underline;}
.contactone ul li.contactli02{background:url(../images/contactpic02.png) no-repeat left 2px; background-size:2.2rem}
.contactone ul li.contactli02 a{background:#fa732b; color:#fff; border-radius:0.3rem; padding:0.4rem 1rem; margin-left:0.3rem; display:inline-block; line-height:1.3rem;}
.contactone ul li.contactli03{background:url(../images/contactpic03.png) no-repeat left 2px; background-size:2.2rem}
.contactone ul li.contactli04{background:url(../images/contactpic04.png) no-repeat left 2px; background-size:2.2rem}
/*=======================contact end===================*/
/*=======================float start===================*/
body{padding-bottom:4rem;}
#toTop {display: none;transition:background 0.5s;text-decoration: none;position: fixed;bottom:13rem;right: 0.5rem;overflow: hidden;width: 3.5rem;height: 3.5rem;border-radius: 50%;z-index: 999;text-align: center;background-color: #2e85ff;}
#toTop span{padding: 0.6rem 0.8rem 0rem 0.8rem;display:block;clear:both;}
#toTop span img{width:100%;}
#toTop:hover {background-color: #222931; transition:background 0.5s;}
.swt{width: 6rem;position: fixed;top: 40%;right: 0;z-index: 1; display: none;}
.swt dt{width: 8px;height: 8px;background: url("../images/ch.jpg") center no-repeat;position: absolute;top: 0;right: 0;}



.sydb{position: fixed;bottom: 0;margin: 0 auto;z-index: 999;width: 100%;}
.sydb .container{position:relative;}
.sydb .container .sydbnavicon{width:45px; height:45px; position:absolute; left:0px; top:0px; line-height:18px; color:#333; font-size:14px; background:#fff;}
.sydb .container .sydbnavicon img{clear:both; display:block; width:18px;margin:0 auto; padding:7px 0px 0px 0px;}
.sydb a{float:left;width: 50%;height: 4rem;display: inline-block;font-size: 1.4rem;text-align: center;line-height: 4rem;}
.sydb a img{width: 2.4rem;height: 24px;margin-right: 0.5rem;}
.sydb .btn1{background: #1772c5;color: #fff;background-image: linear-gradient(90deg,#18a0f3,#1473f9);}
.sydb .btn2{color: #fff;background: #2e4e7e;}
/**/
.sydbnav{position:fixed; left:0px; bottom:45px; display:none;}
.sydbnav ul{background:#fff; padding:0px 10px; border:1px solid #eee;}
.sydbnav ul li{clear:both; margin:0px 10px; font-size:13px; border-bottom:1px solid #eee;}
.sydbnav ul li:last-child{border:0px;}
.sydbnav ul li a{clear:both; display:block; padding:8px 5px;}
/*=======================float end===================*/
/*=======================隐私指南 start===================*/
.ysbt{padding:0.5rem 0rem; color:#000;}
#ysdiv{font-size:1.2rem;box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2) inset;height: 11rem;overflow:hidden;line-height:2rem;overflow-y: auto;background: #fff;padding: 0.5rem;}
/*=======================隐私指南 end===================*/
/*======================= start===================*/
/*======================= end===================*/
/*======================= start===================*/
/*======================= end===================*/
/*======================= start===================*/
/*======================= end===================*/