@charset "UTF-8";

/********  uweb mobile css v1.1 *********/

/****** cssrest ******/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-touch-action: none; -webkit-touch-callout: none; }

html { font-size: 10px; margin:0px;padding:0px}

.clrafter:after{ content:''; display:block; clear:both; visibility:hidden;}

@media screen and (min-width: 360px) {

html { font-size: 11.25px; }

}


    
@media screen and (min-width: 375px) {

html { font-size: 11.71875px; }

}



@media screen and (min-width: 414px) {

html { font-size: 12.9375px; }

}



@media screen and (min-width: 480px) {

html { font-size: 15px; }

}



@media screen and (min-width: 640px) {

html { font-size: 20px; }



.headIcon{
    display:flex;
      margin-top:0.5rem!important;
}
.headIcon a{
    margin-right:1rem !important;
  
}
header{
    height:65px!important;
}
}

body { overflow-x: hidden; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 320px;  margin: 0 auto;margin:0px;padding:0px position: relative; background-color: #f3f3f3; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, input, button { font: normal 1rem/1.5 'Microsoft YaHei', Arial, Helvetica, STHeiTi, sans-serif; }

input, textarea { -webkit-user-select: text; -moz-user-select: -moz-text; -moz-user-select: text; }

img {max-width: 100%;border: none;vertical-align:top;width: 100%;}

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

.fixed:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clear { clear: both; }

.overflow { height: auto; overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.allimg {position: relative;display: block;overflow: hidden;width: 100%;height: 0;}

.allimg img {position: absolute;top: 0;left: 0;display: block;width: 100%;/* height: 100%; */-webkit-transition: All 0.2s ease;-moz-transition: All 0.2s ease;transition: All 0.2s ease;}

/*header*/

header {display: block;

background-color: #17494a;

position: fixed;

top: 0;

width: 100%;
height: 52px;

z-index: 4777;}

.navBox {position: fixed;

width: 77%;

display: block; }

.logo { float: left; width: 13rem; display:block; }

.logo a img {
    /* width: 80%; */
    height: auto;
    /* top: 19px; */
    margin-left: 10px;
    margin-top: 3px;
}
.headIcon {
    float: right;
    margin-top: 1.2rem;
    /*margin-right: -7.8rem;*/
    margin-right: -7.9rem;
    width: 98px;
    height: 50px;
}

.headIcon a { display: block; float: left; margin-right: 1.6rem; }

.headIcon a img { height: 2.05rem; width: auto; }

/*indexMain*/

.indexMain { background-color: #fff; }

.indexBusiness { height: auto; overflow: hidden; }

.indexTit { height: auto; overflow: hidden; padding: 1.7rem 0 .8rem; text-align: center; }

.indexTit div a { font-size: 1.2rem; color: #333; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.indexTit div a:hover { color: #6a8f96; }

.indexTit p { color: #cbcbcb; font-size: 1.6rem; text-transform: uppercase; }

.Businessmenu { height: auto; overflow: hidden; padding: .5rem 0 1.9rem; }

.Businessmenu li { width: 25%; height: auto; overflow: hidden; float: left; text-align: center; }

.Businessmenu li a { display: block; color: #555; font-size: 1.2rem; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.Businessmenu li a img { width:48px; height:auto; display: block; margin: 0 auto; }

.Businessmenu li a p { padding: .4rem 0 1rem; }

.Businessmenu li a:hover { color: #6a8f96; }

.indexCompany { height: auto; overflow: hidden; background-color: #f2f2f2; }

.aboutBox { height: auto; overflow: hidden; background-color: #fff; border: 1px solid #e6e6e6; }

.awid { width: 50%; height: 10.7rem; overflow: hidden; float: left; position: relative; text-align: center; }

.aboutText div { height: 100%; border-right: 1px solid #edecec; }

.aboutText a { display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 4.6rem; color: #555; font-size: 1rem; margin-top: -2.3rem; }

.aboutText a i { display: block; margin: 0 auto .7rem; height: 2.4rem; width: 2.5rem; background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/icon1.png); background-size: 100%; }

.aboutText:hover { background-color: #6a8f96; }

.aboutText:hover a { color: #fff; }

.aboutText:hover i { background-image: url(../images/icon1-1.png); }

.img { display: block; }

.img img { width: 100%; height: 100%; display: block; }

.boxshadow { position: absolute; left: 0; bottom: -1.2rem; z-index: 5; width: 100%; height: 1.2rem; background: url(../images/boxshadow2.jpg) no-repeat center top; background-size: 100% 100% !important; }

.aboutList li { float: left; width: 33.3333%; text-align: center; height: 9.4rem; position: relative; margin: .4rem 0 1.5rem; }

.aboutList li a { display: block; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; padding: 2rem 0 2.6rem; color: #444; font-size: .9rem; border: 1px solid #e6e6e6; background-color: #fff; }

.aboutList li a i { display: block; margin: 0 auto 1rem; height: 2.4rem; width: 2.85rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }

.aboutList li a:hover { color: #fff; background-color: #6a8f96; }

.aboutList li.i1 a i { background-image: url(../images/icon2.png); }

.aboutList li.i1 a:hover i { background-image: url(../images/icon2-1.png); }

.aboutList li.i2 a i { background-image: url(../images/icon3.png); }

.aboutList li.i2 a:hover i { background-image: url(../images/icon3-1.png); }

.aboutList li.i3 a i { background-image: url(../images/icon4.png); }

.aboutList li.i3 a:hover i { background-image: url(../images/icon4-1.png); }

.aboutList .boxshadow { background: url(../images/aboutbg2.jpg) no-repeat center top; }

.serviceTab { text-align: center; }

.serviceTab li { display: inline-block; *display: inline;

    zoom: 1; width: 8.8rem; line-height: 1rem; margin-bottom: 1.4rem; border-right: 1px solid #e0e0e0; }

.serviceTab li a { color: #464646; font-size: 1rem; }

.serviceTab li a:hover { color: #6a8f96; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.serviceTab li.nobor { border-right: 0; }

.serviceBox { height: auto; overflow: hidden; padding-bottom: 1rem; }

.serviceBox .awid { height: 10.7rem; }

.serviceDiv { background-color: #f2f2f2; }

.serviceDiv div { position: absolute; left: 0; top: 50%; z-index: 5; width: 100%; height: 9.6rem; margin-top: -4.8rem; }

.serviceDiv div a { color: #555; font-size: 1.2rem; padding-bottom: .6rem; display: block;

    padding:.6rem 1.6rem; text-align: left }

.serviceDiv div a:hover { color: #6a8f96; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.serviceDiv div p { color: #888; font-size: 1rem; line-height: 1.8rem; max-height: 7.2rem; overflow: hidden; padding: 0 1.6rem; text-align: left; }

.serviceDiv div p span { display: block; }

.indexNews {padding-top: 0px; background-color: #f2f2f2; }

.marg { margin-top: 1.2rem; }

.hotNews { padding-top: 1rem; height: 9.3rem; position: relative; background-color: #fff; }

.hotNews .boxshadow { background-image: url(../images/boxshadow2.jpg); }

.newsImg {
    float: left;
    width: 10.2rem;
    height: 8rem;
    overflow: hidden;
    display: block;
    padding: 0.4rem;
    background-color: #f9f9f9;
}
.newsImg img {
    display: block;
    width: 100%;
    height:auto;
}

.newsText { margin-left: 11.9rem; margin-top: 1rem; padding-right: 1rem; }

.newsText a { display: block; color: #555; font-size: 1.1rem; line-height: 1.5rem; overflow: hidden; margin-bottom: .5rem; }

.newsText a:hover { color:#6a8f96; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.newsText p { color: #777; font-size: .9rem; height: 3.4rem; overflow: hidden; line-height: 1.7rem; }

.indexnewsList { padding-bottom: 2.9rem; }

.indexnewsList li { padding: 1.7rem 0 0 .6rem; height: 8.9rem; margin-top: 1.2rem; background-color: #fff; position: relative; }

.indexnewsList .newsText { margin-left: 7.9rem; margin-top: 0; }

.indexnewsList .boxshadow { background-image: url(../images/boxshadow2.jpg); }

.date { float: left; height: 5.25rem; text-align: right; padding: 0 .8rem; background-color: #646464; }

.date div { color: #fff; font-size: 1.4rem; padding: 1.3rem 0 0; line-height: 1.5rem; }

.date p { color: #a4a4a4; font-size: .9rem; }

.indexJoin { background-color: #fff; padding-bottom: 2.5rem; }

.indexJoinList { height: auto; overflow: hidden; }

.indexJoinList li { position: relative; float: left; width: 33.3333%; }

.joinImg { height: 10.2rem; display: block; border-bottom: .05rem solid #fff; border-right: .05rem solid #fff; }

.joinImg img { display: block; width: 100%; height: 100%; }

.joinText { bottom: 0; height: 10.2rem; text-align: center; background-color: #f2f2f2; border-right: .05rem solid #fff; }

.joinText a { height: auto; overflow: hidden; display: block; color: #666; font-size: .75rem; padding-top: 2.9rem; }

.joinText i { display: block; height: 2.65rem; width: 2.65rem; margin: 0 auto .6rem; background-position: 0 0; background-repeat: no-repeat; background-size: 100%; }

.joinText:hover { background-color: #6a8f96; }

.joinText:hover a { color: #fff; }

.indexJoinList li.i1 a i { background-image: url(../images/icon5.png); }

.indexJoinList li.i1 a:hover i { background-image: url(../images/icon5-1.png); }

.indexJoinList li.i2 .joinText { position: absolute; left: 0; width: 100%; top: 0; z-index: 5; border-bottom: .05rem solid #fff; }

.indexJoinList li.i2 .joinImg { margin-top: 10.2rem; border-bottom: 0; height: 10.25rem; }

.indexJoinList li.i2 a i { background-image: url(../images/icon6.png); }

.indexJoinList li.i2 a:hover i { background-image: url(../images/icon6-1.png); }

.indexJoinList li.i3 .joinImg, .indexJoinList li.i3 .joinText { border-right: 0; }

.indexJoinList li.i3 a i { background-image: url(../images/icon7.png); }

.indexJoinList li.i3 a:hover i { background-image: url(../images/icon7-1.png); }

/*footer*/

footer { text-align: center; padding: 1.5rem 3.8rem 0; background-color: #3e3e3e; }

.footIcon li { display: inline-block; *display: inline;

    margin: 0 1.6rem .4rem; position: relative; }

.footIcon li img { display: block; width: 3.05rem; height: 3.05rem; }

.footIcon li.on .imgBox { display: block; }

.imgBox { position: absolute; left: 50%; bottom: 3.4rem; z-index: 5; width: 9.3rem; height: 9.55rem; display: none; margin-left: -4.65rem; background: url(../images/ewm.png) no-repeat 0 0; background-size: 100% 100%; }

.imgBox a { display: block; width: 100%; height: 4.55rem; line-height: 4.55rem; color: #555; font-size: 1.2rem; font-weight: bold; border-top: 1px solid #e4e5e5; background-color: #feffff; }

.imgBox a:first-child { border-top: 0; }

.imgBox a:hover { background-color: #6a8f96; color: #fff; }

.footTel { display: inline-block; }

.footTel span { float: left; display: block; color: #b5b5b5; font-size: .9rem; margin: .5rem .4rem 0 0; }

.footTel b { float: left; display: block; color: #e3e3e3; font-size: 1.5rem; font-weight: normal; }

.copy { height: auto; overflow: hidden; color: #b5b5b5; font-size: 1.1rem; line-height: 1.55rem; padding: .9rem 0 2rem; border-top: 1px solid #525252; }

.copy a { color: #b5b5b5; }

/*bigImg*/

.bigImg { position: relative; z-index: 0; height: auto; overflow: hidden; }

.bigImg img {padding-top: 53px; display: block; width: 100%; height: auto; }

.bigText { position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; color: #fff; text-align: center; height: 5.2rem; margin-top: -2.6rem; }

.bigText div { font-size: 1.5rem; font-family: Arial; text-transform: uppercase; }

.bigText div span { color:#6a8f96; }

.bigText p { font-size: 1.2rem; letter-spacing: .45rem; }

.main { height: auto; overflow: hidden; position: relative;margin-top: 53px; }
.jac_m1{ height:auto!important; padding:1rem 0 0 0;}
.mainMenu { position: relative; z-index: 2; width: 100%; height: 3.8rem; background-color: #fff; margin-bottom: 10px;}
.mainMenu .h1{ display:block; text-align:center; font-size:1.5rem; color:#666;}
.mainMenu .h2{ display:block; text-align:center; font-size:1.1rem; color:#aaa;}
.mainMenu .h3{ display:block; text-align:center; font-weight:bold; color:#6a8f96;}
.mainMenu ul { position: absolute; top: 0; left: 0; }

.mainMenu ul li { float: left; padding: 0 .9rem; width:auto;}

.mainMenu ul li a { vertical-align: top; height: 3.8rem; line-height: 3.8rem; color: #555; font-size: 1.2rem; display: block; padding: 0 .5rem; position: relative; }

.mainMenu ul li a i { position: absolute; left: 0; bottom: 0; display: none; z-index: 5; width: 100%; height: .2rem;     background-color: #17494a;}

.mainMenu ul li:hover a i, .mainMenu ul li.on a i { display: block; }

.mainMenuBg { position: absolute; left: 0; top: 3.8rem; z-index: 10; width: 100%; height: .35rem; background: url(../images/mainmenubg.png) repeat-x 0 0; background-size: 100% 100%; }

.newsCategory { height: auto; overflow: hidden; background-color: #f3f3f3; padding: .9rem 1rem 1.1rem; }

.newsCategory a { display: block; float: left; width: 9.6rem; height: 2.5rem; line-height: 2.5rem; color: #777; text-align: center; font-size: 1rem; background-color: #fff; margin: .2rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.newsCategory a:hover, .newsCategory a.on { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; color: #fff; background-color: #ffbb6a; }

.newsBox .indexnewsList { padding-bottom: 0; }

.newsBox .indexnewsList:first-child { padding-bottom: 1.2rem; }

.newsBox .mainMenu ul { margin:0; position: relative; }

.newsBox .mainMenu ul li { width:auto; text-align: center; }

.newsCon { height: auto; overflow: hidden; padding: 0 1rem; background-color: #f5f5f5; }

.newsTit { height: auto; overflow: hidden; padding: 1.5rem 0 1.2rem; text-align: center; border-bottom: 1px dashed #ccc; }

.newsTit h1 { color: #555; font-size: 1.4rem; }

.newsTit p { color: #777; font-size: 1.2rem; }

.content { color: #888; font-size: 1.1rem; line-height: 2rem; list-style: disc; padding: .6rem .2rem 1.7rem; }

.back { display: block; height: 2.8rem; line-height: 2.8rem; color: #777; font-size: 1rem; text-align: center; background-color: #fff; margin-bottom: 2rem; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.back b { display: inline-block; background: url(../images/back.png) no-repeat center center; background-size: 100% auto; width: 1rem; margin-right: .9rem; }

.back:hover { color: #fff; background-color:#6a8f96; }

.back:hover b { background-image: url(../images/back2.png); }

/*problem*/

.problemList { height: auto; overflow: hidden; background-color: #fff; }

.problemList dl { height: auto; overflow: hidden; padding: 2.4rem 1.6rem 2.4rem 2.1rem; }

.problemList dl dt { cursor: pointer; line-height: 1.1rem; }

.problemList dl dt span { float: left; width: 2rem; height: 2rem; line-height: 2rem; display: block; color: #fff; font-size: 1.2rem; text-align: center; background-color: #ffbb6a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.problemList dl dt div { margin-left: 2.8rem; color: #555; font-size: 1.3rem; line-height: 2rem; }

.problemList dl dd { height: auto; overflow: hidden; color: #777; font-size: 1.1rem; line-height: 2rem; display: none; padding-top: .8rem; }

.problemList dl.pbg { background-color: #f3f3f3; }

.problemList dl.pbg dt span { background-color: #858585; }

.msgForm { position: relative; margin: 0 1.4rem; }

.msgFormBox { height: auto; overflow: hidden; background-color: #fff; border: 1px solid #dadada; }

.msgTit { height: 4rem; line-height: 4rem; color: #676666; font-size: 1.3rem; text-align: center; }

.msgDiv { height: auto; overflow: hidden; padding: 0 1.5rem; border-top: 1px solid #e4e4e4; }

.msgname { float: left; color: #555; font-size: 1.2rem; line-height: 3.7rem; padding-right: 1rem; }

.msgname span { color: #ffbb6a; display: inline-block; padding-right: .35rem; }

.msgCheck { height: auto; overflow: hidden; padding-bottom: 1rem; clear: both; color: #555; font-size: 1.2rem; }

/*.msgCheck label { display: inline-block; padding: 0 1.9rem; height: 2rem; line-height: 2rem; margin-bottom: .9rem; border: 0; background: url(../images/check1.jpg) no-repeat left center; background-size: 22% auto; }

.msgCheck label span { display: inline-block; }

.msgCheck label.on { background-image: url(../images/check2.jpg); }

.msgCheck input[type="checkbox"], .msgCheck label input[type="radio"] { display: none; }*/

.msgCheck label {  display: inline-block; padding: 0 1.9rem; }

.msgCheck input[type="checkbox"] { display: none; }

.msgCheck [id^="checkbox-1-"] + label { height: 2rem; line-height: 2rem; margin-bottom: .9rem; border: 0; background: url(../images/check1.jpg) no-repeat left center; background-size: 22% auto; }

.msgCheck [id^="checkbox-1-"]:checked + label { background-image: url(../images/check2.jpg); }

#xhs_news_btns{ display:block; padding:15px;}
#xhs_news_btns p{ float:left; width:50%; box-sizing:border-box; border:1px solid #898989; border-right:1px solid #fff; padding:5px 0; position:relative; font-size:14px; text-align:center; background:#898989; color:#fff;}
#xhs_news_btns p a{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0; overflow:hidden; }
#xhs_news_btns p:nth-child(2){ border-right:0;}

.msgtext { display: block; float: left; width: 60%; height: 3.7rem; line-height: 3.7rem; color: #555; font-size: 1.2rem; vertical-align: top; border: 0; background: none; }

.msgArea { display: block; float: left; width: 70%; height: 11rem; padding-top: .8rem; line-height: 2.1rem; border: 0; color: #555; font-size: 1.2rem; vertical-align: top; resize: none; overflow-y: hidden; background: none; }

.msgfile { display: block; float: left; color: #888; font-size: 1rem; width: 68%; padding-top: 1rem; }

.msgasaubmit { width: 100%; display: block; height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; text-align: center; background-color: #555; cursor: pointer; border: 0; margin: .8rem 0 3.1rem; }

.msgasaubmit:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.guide { height: auto; overflow: hidden; background-color: #fff; }

.guide .guideBg { background-color: #ebebeb; }

.guideBox { height: auto; overflow: hidden; padding: 1.7rem 1.5rem 2.8rem; }

.step { color: #555; font-size: 1.2rem; padding: 0 0 .6rem; }

.guideInfo { color: #777; font-size: 1.1rem; line-height: 1.9rem; }

.guideDiv { height: auto; overflow: hidden; padding: 1rem 0 .75rem; }

.guideDiv div { height: auto; overflow: hidden; margin-bottom: .45rem; }

.guideDiv div b , .guideDiv div strong { display: block; float: left; width: 5.1rem; height: 2.6rem; line-height: 2.6rem; color: #fff; text-align: center; font-weight: normal; background-color: #898989; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.guideDiv div span { display: block; margin-left: 5.8rem; line-height: 2.6rem; color: #777; font-size: 1.1rem; }

.guideImg img { display: block; width: 20rem; height: 11.8rem; }

.joinConList { height: auto; overflow: hidden; padding-bottom: 3.1rem; background-color: #fff; }

.joinConList li { position: relative; margin: 2rem 2rem 0; }

.joinConList li a { display: block; height: auto; overflow: hidden; padding-bottom: 3.9rem; background-color: #ededed; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.joinConList li.icon1 .joinspan { background-image: url(../images/joinconicon1.png); }

.joinConList li.icon2 .joinspan { background-image: url(../images/joinconicon2.png); }

.joinConList li.icon3 .joinspan { background-image: url(../images/joinconicon3.png); }

.joinConList li:hover .joinTit { color: #fdc064; }

.joinConList li:hover .joinspan { background-color: #fdc064; }

.joinConList li:hover img { filter: alpha(opacity=70); opacity: 0.7; }

.joinConList .boxshadow { background-image: url(../images/boxshadow5.jpg); }

.joinConImg { display: block; width: 100%; height: auto; max-height: 20rem; }

.joinTit { margin: 2.3rem 0 .9rem; height: 2.3rem; line-height: 2.3rem; text-align: center; color: #555; font-size: 1.3rem; }

.joinspan { display: inline-block; width: 2.3rem; height: 2.3rem; background-repeat: no-repeat; background-position: center center; background-color: #8d8d8d; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: .45rem; }

.joinInfo { color: #777; font-size: 1.2rem; line-height: 2.4rem; padding: 0 2.1rem; }

.contactList { height: auto; overflow: hidden; padding-bottom: 1.8rem; background-color: #fff; }

.contactList li { position: relative; text-align: center; margin: 2rem 2rem 0; }

.contactList li a { display: block; height: auto; overflow: hidden; padding-bottom: 1.4rem; background-color: #f3f3f3; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.contactList li:hover .joinTit { color: #fdc064; }

.contactList li:hover .joinspan { background-color: #fdc064; }

.contactList li:hover img { filter: alpha(opacity=70); opacity: 0.7; }

.contactList .boxshadow { background-image: url(../images/boxshadow5.jpg); }

.contactDiv { min-height: 9rem; }

.contactTit { padding: 1.7rem 0 .5rem; line-height: 2rem; color: #333; font-size: 1.2rem; font-weight: bold; }

.contactInfo { color: #666; font-size: 1rem; line-height: 1.7rem; padding:0; }

.family { font-family: Arial; }

.history { height: auto; overflow: hidden; background-color: #fff; margin-top: 1.1rem; padding: 1.8rem 1.6rem 2.1rem; }

.historySwiper { height: auto; overflow: hidden; padding: 1.3rem 1.6rem; background-color: #f3f3f3; text-align: center; }

.historySwiper .swiper-container { height: 2rem; line-height: 2rem; }

.historySwiper .swiper-slide { color: #555; font-size: 1.2rem; position: relative; }

.historySwiper .swiper-slide i { display: block; position: absolute; left: 0; top: 50%; z-index: 5; width: 1px; height: 1.1rem; margin-top: -0.55rem; background-color: #d8d8d8; }

.historySwiper .swiper-slide-active { color: #fe901a; }

.swiperbg { display: block; position: absolute; left: 0; top: 50%; z-index: 5; width: 1px; height: 1.1rem; margin-top: -0.55rem; background-color: #f3f3f3; }

.historyDiv { display: none; padding: 1.1rem .65rem 0; }

.historyDiv:first-child { display: block; }

.historyTit { color: #555; font-size: 1.2rem; padding-bottom: .4rem; }

.historyInfo { color: #555; font-size: 1rem; line-height: 2rem; }

.circle { padding-left: 1.4rem; padding-bottom: .25rem; position: relative; }

.circle span { display: block; position: absolute; left: 0; top: .6rem; z-index: 5; width: .7rem; height: .7rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #c2c2c2; }

.historyImg { display: block; margin-top: 1.1rem; }

.servieList { height: auto; overflow: hidden; padding: 1.5rem .15rem .9rem; background-color: #fff; }

.servieList li { float: left; width: 50%; text-align: center; }

.servieList li a { display: block; height: 100%; position: relative; margin: 0 .15rem 1.6rem; padding-bottom: 0; background-color: #f3f3f3; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.servieList li a .allimg { padding-bottom:100%; }

.servieList li.icon1 .servicespan { background-image: url(../images/serviceicon1.png); }

.servieList li.icon2 .servicespan { background-image: url(../images/serviceicon2.png); }

.servieList li.icon3 .servicespan { background-image: url(../images/serviceicon3.png); }

.servieList li.icon4 .servicespan { background-image: url(../images/serviceicon4.png); }

.servieList li.icon5 .servicespan { background-image: url(../images/serviceicon5.png); }

.servieList li.icon6 .servicespan { background-image: url(../images/serviceicon6.png); }

.servieList li:hover .joinTit { color: #fdc064; }

.servieList li:hover .servicespan { background-color: #fdac31; }

.servieList .boxshadow { height: .95rem; bottom: -0.95rem; background-image: url(../images/servicebg.jpg); }

.serviceImg { display: block; width: 100%; height: auto; max-height: 10.4rem; }

.serviceText { height: auto; overflow: hidden; height:8.4rem; }

.serviceText div { color: #555; font-size: 1rem; padding: .6rem 0 0; }

.serviceText p { color: #b3b3b3; font-size: .7rem; letter-spacing: 1px; }

.servicespan { display: block; width: 2.05rem; height: 2.05rem; line-height: 2.05rem; margin: 2rem auto 0; background-repeat: no-repeat; background-position: center center; background-color: #7b7b7b; background-size: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.aboutIndex { background-color: #fff; margin-top: 1.2rem; }

.aboutIndex li { position: relative; padding: 1.5rem 1.5rem 3.1rem; }

.aboutIndex li.aboutbg { background-color: #e8e8e8; }

.aboutImg img { display: block; width: 100%; height: auto; }

.aboutTit { height: auto; overflow: hidden; padding: 1.6rem 0 .7rem; }

.aboutTit b { color: #333; font-size: 1.3rem; display: inline-block; padding-right: .4rem; font-weight: normal; }

.aboutTit span { color: #c1c1c1; font-size: 1.3rem; text-transform: uppercase; }

.aboutInfo { color: #666; font-size: 1rem; line-height: 2rem; }

.aboutMore { display: block; margin-top: 1rem; width: 8.5rem; height: 2.7rem; line-height: 2.7rem; color: #fff; font-size: 1rem; text-align: center; background-color: #fbab31; }

.aboutMore:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.aboutTit2 { height: auto; overflow: hidden; color: #666; padding-top: 1.6rem; }

.aboutTit2 b { font-size: 1.5rem; display: inline-block; padding-right: .4rem; font-weight: normal; }

.aboutTit2 span { font-size: 1.2rem; }

.product { height: auto; overflow: hidden; margin-top: 1rem; color: #666; font-size: 1rem; line-height: 2rem; }

.product .aboutIndex { background: none; margin-top: 0; }

.product .aboutIndex li { background-color: #fff; margin-bottom: 1.2rem; padding: 1.5rem 1.5rem 2.6rem; }

.product .aboutInfo { padding-top: .5rem; }

.product .newsCategory { background-color: #fff; padding: .6rem 0 0; text-align: center; }

.product .newsCategory a { float: none; display: inline-block; width: 10rem; margin: .2rem .1rem; background-color: #f3f3f3; }

.product .newsCategory a:hover, .product .newsCategory a.on { background-color: #ffbb6a; }

.aboutmarg { padding-top: .4rem !important; }

.aboutmarg .aboutImg { margin: 0 -1.5rem; }

.core { color: #cbcbcb; font-size: 1.4rem; text-transform: uppercase; }

.productTit { height: auto; overflow: hidden; padding: 1.3rem 0 0; text-align: center; background-color: #fff; }

.productTit h3 { color: #666; font-size: 1.5rem; }

.productTit div { color: #cbcbcb; font-size: 1.5rem; text-transform: uppercase; }

.productList { height: auto; overflow: hidden; padding-top: .1rem; }

.productList ul { height: auto; overflow: hidden; }

.productList ul li {width: 49.2%;float: left;position: relative;margin-bottom: 1.3rem;background-color: #fff;}

.productList ul li a {display: block;color: #333;font-size: 1.1rem;padding: .7rem .7rem 0;border: 1px solid #f9f9f9;}

.productList ul li.fr { float: right; }

.productList ul li .allimg {padding-bottom: 70%;}

.productList ul li .allimg img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); filter: gray; }

/*.productList ul li .allimg:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }*/

.productList ul li p { height: 3.2rem; line-height: 3.2rem; overflow: hidden; text-align: center; padding: 0 .5rem; }

.productList .boxshadow { background-image: url(../images/boxshadow3.jpg); }

.shop { height: auto; overflow: hidden; position: relative; }

.shop img { display: block; width: 100%; height: auto; }

.shopText { display: block; position: absolute; left: 2.5rem; top: 50%; z-index: 5; height: 4.5rem; margin-top: -2.25rem; color: #d4d4d4; text-transform: uppercase; }

.shopText h3 { font-size: 1.5rem; }

.shopText div { font-size: 1rem; }

.shopText p { height: .1rem; width: 2.9rem; margin-top: .7rem; background-color:#6a8f96; }

.productMenu { height: auto; overflow: hidden; position: relative; padding-bottom: 1.9rem; }

.productMenu li { float: left; width: 25%; background-color: #fff; }

.productMenu li a { display: block; height: 9.8rem; padding-top: 2.6rem; text-align: center; color: #666; font-size: .8rem; border-left: 1px solid #d5d5d5; }

.productMenu li a img { display: block; margin: 0 auto .9rem; width: 2.2rem; height: 2.45rem; }

.productMenu li a img.hide { display: none; }

.productMenu li:first-child a { border-left: 0; }

.productMenu li:hover { background-color: #6a8f96; }

.productMenu li:hover a { color: #fff; }

.productMenu li:hover img.hide { display: block; }

.productMenu li:hover img.show { display: none; }

.productMenu .boxshadow { bottom: .7rem; }

.productConTit { height: 5.6rem; line-height: 5.6rem; text-align: center; font-size: 1.25rem; }

.productConTit b { color: #333; font-weight: normal; padding-right: .5rem; }

.productConTit span { color: #cfcfcf; text-transform: uppercase; }

.productCon { /*.overflow;*/ position: relative; background-color: #fff; padding: 1.5rem 1.5rem 2.1rem; }

.productCon .allimg { padding-bottom: 66.38%; }

/*.gallery-thumbs { box-sizing: border-box; margin-top: 10px; position: relative; }

.gallery-thumbs .swiper-slide { height: 100%; }

.gallery-thumbs .swiper-slide img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; }

.gallery-thumbs .swiper-slide-active img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }*/

.article { margin-top: 1.2rem; height: 3.5rem; background-color: #898989; border-bottom: 1px solid #898989; }

.article li { width: 50%; float: left; }

.article li a { display: block; height: 3.5rem; line-height: 3.5rem; overflow: hidden; color: #fff; font-size: 1rem; text-align: center; padding: 0 1rem; }

/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:25%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#0088D1; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }

.article li:first-child a { border-right: 1px solid #adadad; }

.article li:hover { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; background-color: #6a8f96; }

.proback { margin: 1.3rem 0 1.6rem; height: 3.6rem; line-height: 3.6rem; }

.proback a { display: block; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; background-color: #fff; text-align: center; height: 100%; color: #9a9999; font-size: .9rem; }

.proback a span { width: 1.35rem; height: 100%; display: inline-block; background: url(../images/return.png) no-repeat center center; background-size: 100% auto; margin-right: 1rem; }

.proback a:hover { background-color: #6a8f96; color: #fff; }

.proback a:hover span { background-image: url(../images/return2.png); }

.business .newsCategory a { width: 9.1rem; }

.business .mainMenu ul { margin: 0 1rem; position: relative; }

.business .mainMenu ul li { width: 33.3333%; text-align: center; }

.businessCon { height: auto; overflow: hidden; background-color: #fff; }

.businessCon img { display: block; }

.businessTit { text-align: center; line-height: 4.6rem; color: #555; font-size: 1.2rem; border-bottom: 1px dashed #aaa; }

.businessTit b { font-weight: normal; display: inline-block; padding-right: .2rem; }

.businessTit span { text-transform: uppercase; }

.businessList { height: auto; overflow: hidden; padding: 1.5rem 1.5rem 0; }

.businessList .businessTit { text-align: left; line-height: 1.5rem; border-bottom: 0; padding-bottom: 1.5rem; }

.businessDiv { height: auto; overflow: hidden; padding-left: 3.4rem; padding-top: .2rem; margin-bottom: .6rem; position: relative; color: #777; font-size: 1.2rem; line-height: 2rem; min-height: 2.5rem; }

.businessDiv span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size: 1.1rem; text-align: center; background-color: #909090; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.businessImg { display: block; margin: .4rem auto 3.2rem; width: 22.5rem; height: 22.5rem; }

.businessInfo { color: #777; line-height: 2.4rem; font-size: 1.2rem; margin-bottom: 2.1rem; }

.bcolor { color: #444; }

.bcolor2 { color: #fc9c20; }

.businessBox .businessDiv { margin-bottom: .2rem; }

.apply { height: auto; overflow: hidden; background-color: #f5f5f5; }

.apply .businessTit { border-bottom: 0; }

.applyForm { padding: 2.2rem 1.9rem; background-color: #fff; margin: 0 1.6rem 3rem; position: relative; }

.applyForm .boxshadow { height: 1.5rem; bottom: -1.5rem; background-image: url(../images/boxshadow4.jpg); background-size: 100% 100%; }

.applyDiv { height: 2.8rem; line-height: 2.8rem; overflow: hidden; background-color: #f1f1f1; margin-bottom: .25rem; }

.applyDiv span { color: #666; font-size: 1.2rem; display: block; float: left; padding: 0 .5rem 0 1rem; }

.applyText { display: block; float: left; height: 2.8rem; line-height: 2.8rem; color: #666; font-size: 1.2rem; width: 68%; border: 0; background: none; }

.applySubmit { display: block; border: 0; height: 3.1rem; line-height: 3.1rem; color: #fff; font-size: 1.2rem; text-align: center; width: 100%; cursor: pointer; background-color: #3e3e3e; }

.applySubmit:hover { background-color: #fc9c20; }

.top { position: fixed; right: 0; bottom: 1rem; z-index: 5; width: 2.3rem; height: 2.3rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: url(../images/top.png) no-repeat 0 0 #909090; background-size: cover; }

.top:hover { background-color: #fc9c20; }

.mallCon .newsCategory { text-align: center; }

.mallCon .newsCategory a { float: none; display: inline-block; }

.mallCon .newsCategory a:hover, .mallCon .newsCategory a.on { background-color: #ffbb6a; }

.city { height: auto; overflow: hidden; padding: 0 .45rem; }

.citySelect { height: auto; overflow: hidden; background-color: #fff; }

.citySelect li { float: left; width: 50%; position: relative; height: 3.8rem; }

.citySelect li i { position: absolute; right: 1.2rem; top: 50%; z-index: 2; height: .45rem; width: .7rem; background: url(../images/select.jpg) no-repeat 0 0; background-size: cover; }

.citySelect li div { border-right: 1px solid #f0f0f0; border-bottom: 1px solid #e4e4e4; }

.customSelect { color: #666; height: 3.8rem; line-height: 3.8rem; font-size: 1.1rem; width: 100%; text-indent: 1.3rem; }

.customSelectInner { cursor: pointer; line-height: 3.8rem; text-align: left; width: 100% !important; }

.citySubmit { width: 100%; height: 3.8rem; line-height: 3.8rem; text-align: center; color: #fff; font-size: .8rem; background-color: #646464; cursor: pointer; border: 0; margin: .2rem 0 1.5rem; }

.mapTit { padding-left: 1.1rem; color: #646464; font-size: 1.2rem; line-height: 3.8rem; border-bottom: 2px solid #f3f3f3; background-color: #fff; margin: 0 .45rem; }

.mapTit b { color: #ffa32b; display: inline-block; padding: 0 .8rem; }

.mallCon .problemList { margin: 0 .45rem; }

.mallCon .problemList dl { border-bottom: 1px dashed #cacaca; padding: 0; }

.mallCon .problemList dl dt { padding: 1.6rem 1.1rem 1rem; }

.mallCon .problemList dl dt.on span { background-color: #f65161; }

.mallCon .problemList dl dt.on { background-color: #f6f6f6; }

.mallCon .problemList dl dd { background-color: #f6f6f6; padding: 0; border-bottom: 1px solid #fff; }

.mapText h3 { color: #333; font-size: 1.2rem; font-weight: bold; }

.mapText p { color: #777; font-size: 1rem; padding-top: .2rem; }

.mapText a { color: #777; font-size: 1rem; padding-top: .2rem; }

.mapBox { width: 100%; height: 20.5rem; overflow: hidden; }

.mapBox img { display: block; width: 100%; height: 100%; }

/*wrapper*/

#wrapper { width: 100%; height: 100%; }

#scroller { position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; padding: 0; height: 100%; }

.imgdiv { position: absolute; left: 0; width: 100%; display: none; z-index: 990; background-color: #fafafa; }

.imgdiv div.s1 img { display: block; position: absolute; top: 50%; z-index: 999; left: 50%; max-width: 95% !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.close { height: 5em; line-height: 5em; text-align: center; position: absolute; z-index: 999; left: 0; bottom: 0; width: 100%; color: #333; font-size: 1.4rem; cursor: pointer; }

/*响应式导航*/

.mobileNavCon { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1010; }

.mobileNavCon .mobileNavBg { background:rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1011; overflow: hidden; }

.mobileNavCon .mobileNavBox {position: absolute;width: 16rem;height: 100%;top: 1px;left: 0;background-color: #17494a;transition: 0.5s ease all;-webkit-transition: 0.5s ease all;-moz-transition: 0.5s ease all;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);z-index: 1012;}

.mobileNavCon .mobileNavBox.on { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.mobileNavCon .mobileNav > li { position: relative; border-bottom: 1px solid #6a8f96; }

.mobileNavCon .mobileNav > li > a { display: block; padding-left: 1.25rem; color: #fafafa; font-size: 1.3rem; line-height: 3.95rem; }

.mobileNavCon .mobileNav > li span { position: absolute; display: block; font-size: 1.3em; width:50%; height: 3.95rem; line-height: 3.95rem; top: 0; right:1rem; color: #fafafa; text-align: right; }

.mobileNavCon .mobileNav > li .sub { height: 0; overflow: hidden; background-color: #312626; }

.mobileNavCon .mobileNav > li .sub li { border-bottom: 1px solid #7e6464; }

.mobileNavCon .mobileNav > li .sub li:last-child { border-bottom: none; }

.mobileNavCon .mobileNav > li .sub li a { padding-left: 1.25rem; display: block; font-size: 1.1em; height: 3.95rem; line-height: 5rem; width: 100%; overflow: hidden; color: #fafafa; box-sizing: border-box; }

.mobileNavCon .navScroll { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; overflow: hidden; }

.mobileNavCon .mobileNav > li .sub li a em { display: inline-block; width: 1rem; margin-right: .7rem; }



.container { display: none; }

.productSwiper .container:first-child { display: block; }

.leader { background-color: #fff; padding: 0 1.5rem 4rem; height: auto; overflow: hidden; }

.leaderTit { height: 4.3rem; line-height: 4.3rem; border-bottom: 1px solid #ddd; color: #555; font-size: 1.4rem; text-align: center; }

.leader .content { color: #555; line-height: 2.2rem; font-size: 1.2rem; padding: 1rem; }

.laederImg { margin: .5rem .3rem 0; padding: .7rem; background-color: #f7f7f7; position: relative; }

.laederImg .boxshadow { height: 1.9rem; bottom: -1.9rem; background-image: url(../images/leaderbg.jpg); }

.laederImg img { display: block; width: 100%; height: auto; }

.productCon .probigImg { position: relative; }

.productCon .smallScroll { height: 6rem; margin-top: 10px; position: relative; }

.productCon .sPrev, .productCon .sNext { position: absolute; top: 50%; margin-top: -1rem; z-index: 10; display: inline-block; width: 2rem; height: 2rem; font-size: 0; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; }

.productCon .sPrev { background: url(../images/prev.png) no-repeat 0 0 #505050; background-size: cover; left: -1.2rem; }

.productCon .sNext { background: url(../images/next.png) no-repeat 0 0 #505050; background-size: cover; right: -1.2rem; }

.productCon .sPrev:hover, .productCon .sNext:hover { background-color: #6a8f96; }

.productCon .smallImg { float: left; display: inline; width: 100%; overflow: hidden; }

.productCon .smallImg ul { height: auto; width: 9999px; overflow: hidden; margin-left: -1rem !important; }

.productCon .smallImg li { float: left; width: 9rem; height: 6rem; cursor: pointer; display: inline; margin-left: 1rem; }

.productCon .smallImg img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; }

.productCon .smallImg .on img { -webkit-filter: grayscale(0); filter: grayscale(0); filter: xray; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; transition: All 0.2s ease; }

.jt2{ display:block; background:url(../images/jt2.jpg) center no-repeat; background-size:cover; padding:40px 15px;}
.jt2 .jt2_input_1{ display:block; width:80%; border:1px solid #ccc; margin:0 auto 14px auto; border-radius:8px; background:#fff; padding:8px; font-size:0.9em; color:#666;}
.jt2 .jt2_input_1s{ display:block; width:83%; border:1px solid #ccc; margin:0 auto 14px auto; border-radius:7px; background:none; padding:8px; font-size:0.9em; color:#bbb;}
.jt2 .jt2_input_2{ display:block; width:80%; margin:0 auto; border-radius:8px; background:#c49858; padding:8px; color:#fff; cursor:pointer; border:none; font-size:1em; -webkit-appearance:none;}
.jt2 .h1{ text-align:center; font-size:1em; color:#fff; padding:10px 0 5px 0;}
.jt2 .h2{ text-align:center; font-size:1.5em; color:#fff; padding:0 0 20px 0;}

.video { position : relative; width : 100%; height: 0; padding-bottom: 57%; }
/**/
.screen_1 {
    display: block;
    border-bottom: 2px solid #17494a;
    background: #fff;
    margin-top: 1em;
    padding: 10px;
}.screen_1 dl{ display:block; padding:0 0 0 0; font-size:14px;}
.screen_1 dl dt{ float:left; text-indent:2rem; padding:4px 0 0 0; color:#111;}
.screen_1 dl dd{ float:left; margin-left:4px; margin-bottom:4px;}
.screen_1 dl dd a{ display:inline-block; padding:3px 8px; box-sizing:border-box; border:1px solid #fff; color:#777; background:#f8f8f8;}
.screen_1 dl dd a:hover,.screen_1 dl dd a.nowon{ background:#6a8f96; color:#fff; border:1px solid #6a8f96;}
.screen_1 dl:first-child dt{ background:url(../images/pro-01.png) left center no-repeat;}
.screen_1 dl:nth-child(2) dt{ background:url(../images/pro-02.png) left center no-repeat;}
.screen_1 dl:nth-child(3) dt{ background:url(../images/pro-03.png) left center no-repeat;}
.screen_1 dl:nth-child(4) dt{ background:url(../images/pro-04.png) left center no-repeat;}
.screen_1 dl:nth-child(5) dt{ background:url(../images/pro-05.png) left center no-repeat;}
/**/

    #sss{
        background-color: #6a8f96;
color: #fff;
    }


.cupboard { padding : 0 1.5rem; }

.index_jac_pro{ display:block; margin:15px; padding:15px; box-shadow:0 0 6px #999; background:#fff;}
.index_jac_pro img{ width:100%; display:block;}
.index_jac_pro h1{ padding:0.5rem 0; font-size:1.2rem;}
.index_jac_pro p{ color:#999;}
.historyDiv img ,  .processapp img , .conditapp img , .advanapp img , .joinareaapp img , .content img , .aboutInfo img , .product img , .contactInfo img , .guide img , .leader img  {/* width: 100%; *//* height: 100%; */}