@charset "utf-8";
.g_web { background: #fff }

.webContainerBox { background: #fff; top: 0rem; overflow-x: hidden; overflow-y: hidden }

.webHeader { -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none }

.webHeaderBg { background: #ffffff; background-size: contain }

.header { height: 2.25rem; line-height: 2.25rem; text-align: center; margin: 0; padding: 0 }

.header .pageLogo.left { float: left }

.webBannerBox { margin-bottom: 2rem }

.defaultBanner { background-image: url(/image/banner/170001.jpg); background-position: 50% 50% }

.navbar { background: #fff; z-index: 1; height: 1.9rem; -webkit-box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2); -ms-box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2); -moz-box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2); -o-box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2); box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .2) }

.navbar .navbarList { position: relative; left: 0rem; -webkit-transition: left .5s ease-in, color .3s ease-out; -ms-transition: left .5s ease-in, color .3s ease-out; -moz-transition: left .5s ease-in, color .3s ease-out; -o-transition: left .5s ease-in, color .3s ease-out; transition: left .5s ease-in, color .3s ease-out }

.navbar .navItem { float: left }

.navbar .navItem a { height: 1.9rem; color: #333; line-height: 1.9rem; text-align: center; display: block; font-size: .75rem; padding: 0 .5rem; white-space: nowrap; max-width: none; color: #333; text-decoration: none; overflow: hidden; width: auto; position: relative; word-break: keep-all; min-width: 3rem }

.navbar .navItem:active { background: #eee }

.navbar .navLeft { height: 100%; width: .75rem; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 1; left: 0rem; top: 0rem; cursor: pointer }

.navbar .navRight { height: 100%; width: .75rem; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 1; right: 0rem; top: 0rem; cursor: pointer }

.navbar .itemSelected { background: 0; height: 1.8rem; border-bottom: .4rem solid #07A1E7 }

.navBaseIcon .navItemIcon { display: none }

.navBaseIcon .navItem .navItemName { font-size: .6rem }

.navBaseIcon .navItem a { line-height: 1.8rem }

.navButton { display: none }

.g_panel { background: #f9f9f9 }

.g_replyPanel { background: #dadada; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1) }

.g_panelArrow { color: #dadada }

.g_separator { background: #f1f1f1; width: 96%; margin-left: .3rem }

.g_separator:last-child { display: none }

.g_button { background: #07A1E7; -webkit-border-radius: .1rem; -ms-border-radius: .1rem; -moz-border-radius: .1rem; -o-border-radius: .1rem; border-radius: .1rem }

.form { padding: 0rem 0rem; margin-top: 0rem; background: #fff }

.form .titleCenter { height: 2rem; line-height: 2rem; background: #fff; padding: 0 }

.form .formBannerMore .titleMore { color: #666; float: none; margin-left: .3rem; padding: .2rem; display: block; width: 94%; margin-top: .3rem; background: #e8e8e8 }

.form .formBannerMore .titleMoreIcon { display: none; padding: 0rem; width: 1rem; height: 2rem; margin: 0rem; background-size: 1.2rem; margin: 0rem }

.form .formBannerMore .titleMore:active { background: rgba(0, 0, 0, .5) }

.form .formBannerMore .titleMoreIcon:active { background: #f2f2f2 }

.form .formBannerTitle .textContent { float: none; width: auto; padding-left: .4rem; padding-right: .4rem; display: inline-block; background-color: #fff }

.form .formBannerTitle .titleText { width: 96%; text-align: center; color: #07A1E7; text-indent: 0; margin-left: .3rem; border-bottom: 1px solid #07A1E7; overflow: visible; height: 50% }

.form .formMiddle { background: #fff; padding-bottom: 0rem }

.multilingualArea { background: #f2f2f2 }

.multilingualArea .multiLanguageCtrl { color: #999 }

.multilingualArea .g_mullink { color: #666 }

.lanSelect .lanItem:hover { background-color: #a1200b }

.mbTitle { color: #666 }

.newsList .line .lineBody .g_topFlag { margin: 0; position: absolute }

.newsList .topFlagLine a { width: 100% }

.newsList .line:active { background: #f2f2f2 }

.newsList .line a { width: 100% }

.newsDetail .title { background: 0 }

.form .formMiddle .productPicListForm { padding: .25rem 0rem }

.form .formMiddle .productPicListForm:active { background: #f4f4f4 }

.form .formMiddle .mProductTileForm:active { background: #f4f4f4 }

.proDetailDiv .mallOptionBox { border-top: 1px solid #e7d8ce }

.mallButton { color: #07A1E7; background: #fff; border: .05rem solid #07A1E7 }

.photoModule.styleForm1 .photoDiv .imgName { font-size: .7rem }

.pagenation { color: #666 }

.pagenation .pageSelect { height: 1.6rem; border: 0 }

.pagenation .pagePrev { width: 3.5rem; border: 1px solid #07A1E7; -webkit-border-radius: .1rem; -ms-border-radius: .1rem; -moz-border-radius: .1rem; -o-border-radius: .1rem; border-radius: .1rem; background-size: 100% }

.pagenation .pageNext { width: 3.5rem; border: 1px solid #07A1E7; -webkit-border-radius: .1rem; -ms-border-radius: .1rem; -moz-border-radius: .1rem; -o-border-radius: .1rem; border-radius: .1rem; background-size: 100% }

.pagenation .pagePrev:active { background: #07A1E7 }

.pagenation .pageNext:active { background: #07A1E7 }

.pagenation .pageDisable:active { background: 0 }

.footer { background: #EEEEEE ;padding-bottom:50px;}

.webMapServiceBox { background: #a1200b }

.webCustomerServiceBox .customerServiceDiv { padding-top: .15rem; position: fixed; bottom: 0rem; height: 2.4rem; z-index: 1; background: #07A1E7; background-size: contain }

.webFooterBox .bottomdiv .bottom { background: #07A1E7 }

.line { padding-right: .25rem }

.navBaseIcon .icon-navItemIcon:before { display: none }

.icon-navLeft:before { content: "\e60e"; color: #fff; display: block; font-size: 1rem; margin-left: -0.1rem; margin-top: .5rem }

.icon-navRight:before { content: "\e672"; color: #fff; display: block; font-size: 1rem; margin-left: -0.1rem; margin-top: .5rem }

.productCrossedSlide:nth-child(2n+1) { margin-left: .6rem }

.productCrossedSlide:nth-child(2n) { margin-right: .6rem }

.productWaterFall:nth-child(2n+1) { margin-left: .65rem }

.productWaterFall:nth-child(2n) { right: .65rem }

.g_dashed { border-bottom: 0 }

.webContainerBox .bullets li.on { background: #07A1E7 }

.form .formBannerMore .icon-titleMore:before { content: "\e672"; font-size: 1rem; width: 1rem; height: 1rem; color: #666; line-height: 2rem }

.icon-gline:after { content: "\e672"; font-size: .8rem; color: #666; position: absolute; top: .6rem; right: .15rem }

.pagenation .icon-pagePrev:before { color: #07A1E7 }

.pagenation .icon-pageNext:before { color: #07A1E7 }

.pagenation .icon-pagePrev.pageDisable:active:before { color: #07A1E7 }

.pagenation .icon-pageNext.pageDisable:active:before { color: #07A1E7 }

#g_web .g_mainColor { color: #07A1E7 }

.productNewDetailPanel .bullets li.on { background-color: #07A1E7 }

.productNewDetailPanel .optionSelected { background-color: #07A1E7 }

.productNewDetailPanel .g_button { background-color: #07A1E7 }

.productNewDetailPanel .icon-pagePrev:before { color: #07A1E7 }

.productNewDetailPanel .icon-pagePrev { border-color: #07A1E7 }

.productNewDetailPanel .icon-pageNext:before { color: #07A1E7 }

.productNewDetailPanel .icon-pageNext { border-color: #07A1E7 }

.productNewDetailPanel .userComment { color: #07A1E7 }

.productNewDetailPanel .productAddMall { color: #07A1E7; border-color: #07A1E7 }

.productNewDetailPanel .productImmediatelyBug { background-color: #07A1E7; border-color: #07A1E7 }

.productNewDetailPanel .tabUl .tabActive { color: #07A1E7; border-color: #07A1E7 }

.productNewDetailPanel .mallPrice { color: #07A1E7 }

.webPagePanel .mallPrice { color: #07A1E7 }

.webPagePanel .tabUl .tabActive { color: #07A1E7; border-color: #07A1E7 }

.webPagePanel .optionSelected { background-color: #07A1E7 }

.webPagePanel .bullets li.on { background-color: #07A1E7 }

.msgArea .msgLevalUser { color: #07A1E7 }

.searchType0 .icon-mSearchBtn { color: #07A1E7 }

.searchType1 .icon-mSearchBtn { background-color: #07A1E7 }

.searchType2 .icon-mSearchBtn { background-color: #07A1E7; border-color: #07A1E7 }

.searchType3 .icon-mSearchBtn { color: #07A1E7 }

.searchType4 .icon-mSearchBtn { background-color: #07A1E7 }

.form .formMiddle .search.searchType5 { background-color: #07A1E7 }

#g_web .g_bgColor { background-color: #07A1E7 }

.productNewDetailPanel .detailHeaderColor { background-color: #07A1E7 }

.newsNewDetailPanel .detailHeaderColor { background-color: #07A1E7 }

.navbar {background: #ffffff;border-top: 1px solid #07A1E7;}

.navItemName{color: #000000;}

.pc-span{ background: #00C35D;width: 10px;height: 30px;display: inline-block;vertical-align: middle;}
.pc-span2{ background: #00C35D;width: 35%;height: 30px;display: inline-block;vertical-align: middle;float: right;}
.pc-b{font-weight: normal;font-size: 9px;}

.div-content{width: 92%;padding-left: 4%;padding-left: 4%;}
.div-content p{line-height: 30px;color: #666666;text-indent: 2em;}
.ctitle{width: 80%;margin: 0 auto;background: #F2F2F2;height: 38px;border-radius: 10px; text-align: center;
                line-height: 38px;margin-top: 15px;border: 1px solid #dedede;}
.pc-ul {width: 100%;margin-top: 16px;}
.pc-ul ul{list-style: none;width: 92%;padding-left: 4%;padding-right: 4%;}
.pc-ul ul li{width: 100% ;overflow:hidden;border-bottom: 1px dashed #dedede;height: 36px;line-height: 36px;font-size: 14px;}
.pc-ul ul li span{float: right;}

.pc-ul-2{width: 100%;margin-top: 16px;}
.pc-ul-2 ul{list-style: none;width: 92%;padding-left: 8%;}
.pc-ul-2 ul li{float: left;margin-right: 8%;line-height: 30px;}


.footer-ul{width: 100%;background: #00C35D;}
.footer-ul ul{width: 100%;list-style: none;padding: 0px;background: #00C35D;}
.footer-ul ul li{line-height: 40px;float: left;width: 20%;height: 40px;font-size: 12px;}
.footer-ul ul li a{color: #ffffff;}




.newsList dl{float: left;width:100%;margin-top: 10px;border-bottom: 1px dashed #EDEDED;padding-bottom: 18px;}
.newsList dl dt{float: left;width: 25%;margin-left: 5%;}
.newsList dl dt img{border: 1px solid #6E6E6E;}
.newsList dl dd{float:left;width: 66%;margin-left:2%;word-wrap: break-word;}

.cp{line-height: 25px;color: #666666;font-size: 12px;}
.cdiv p{line-height: 30px;color: #666666;font-size: 12px;max-width: 100%;}
.cdiv-2 p{line-height: 30px;color: #666666;font-size: 12px;}

.i-div{padding:5px 0 3px 0;margin:0 auto;color:#000000;width:92%;margin: 0 auto;line-height: 30px;height: 30px;}
.i-img{display: inline-block;width: 20%;margin-right:1.5%}
.i-text{border: 1px solid #07A1E7;margin: 0 auto;width: 72%;display: inline-block;border-left: none;padding-left: 9px;}

.i-dl{width:92%;margin:0 auto;}
.i-dl dt{float: left;width: 103px;}
.i-dl dd{float: left;height: 30px;line-height: 30px;width: 56%;margin-bottom: 8px;padding-left: 4%;}
.idd-span {float: right;}

.p-div{width: 87%;margin: auto;border: 1px solid #dedede;padding: 2%;margin-bottom: 10px;}
.p-dl{width: 100%;}
.p-dl dt{float: left;width: 50%;}
.p-dl dd{float: left;width: 50%;text-align: center;}

.p-span{
    width: 70%;margin: 0 auto;border: 1px solid #07A1E7;
    color: #07A1E7;display: inline-block;text-align: center;
    height: 30px;line-height: 30px;margin-top: 15px;font-size:12px;
}
.p-h3{
    width: 90%;margin: auto;
    height: 30px;line-height: 30px;
    display: block;margin-top: 10px;
    border-bottom: 1px #dedede solid;
    font-size: 14px;
}

.cdiv-h3{
    height: 40px;line-height: 40px;text-align: center;
    font-size: 22px;border-bottom: 1px solid #dedede;
}
.m-dt{height: 60px;}
.m-span{display:block;height: 25px;line-height: 25px;}
.m-span i{font-weight: normal;color: #FF0000;font-style: normal;}
.m-text {height: 25px;line-height: 25px;width: 95%;border-radius: 5px;border:1px solid #C0C0C0;padding-left: 5%;}
.m-submit{
    width: 100%;background: #BF815A;color: #ffffff;height: 35px;line-height: 35px;border-radius: 8px;border: 0px;
    margin-bottom: 30px;margin-top: 20px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

.case_ul{list-style: none;margin: 0 auto;width: 92%;  margin: 0 auto;}
.case_ul li{
    width: 100%;height: auto !important;line-height: normal !important;
    margin-top:2px !important;position: relative;margin-bottom: 10px;
}
.case_ul li img{width: 100%;}
.case_ul li span{
    width: 151px;position: absolute;right: 0px;bottom: 0px;
    height: 26px; line-height: 26px;text-align: center;color: #ffffff;
    background:rgba(179, 121, 85, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
}

.c-h3{line-height:30px;height: 40px;font-size: 18px;margin-bottom: 16px;color: #BF9B7B;font-weight: normal;}
.c-hr{border-bottom: 1px solid #BF9B7B;width: 73%;margin-left: 27%;margin-top: -7px;}
/*栏目部分*/
.nav_anbei_bigbox{width:100%;}
.nav_anbei_box{width: 100%;}
.nav_anbei_one{width:21%;float: left;margin:0 6%;margin-top: .7rem}
.nav_anbei_img{width:100%;}
.nav_anbei_img img{width:100%;}
.nav_anbei_text{width:100%;text-align: center;margin-top: .2rem;font-size: .8rem}
/*栏目部分*/
/*走进安培*/
.index_anbei_video{margin:.6rem 4%;width:92%;height:12rem}
.index_into_bigbox{width:100%;height:12rem;background-color: #252c36  }
.index_into_box{width:94%;height:100%; margin:0 3%}
.index_into_one{width:40%;float:left;height:5rem;margin:0 5%;margin-top: .8rem;}
.index_into_img{width:100%;height:80%}
.index_into_img img{width:100%;height：100%}
.index_into_text{width:100%;height:155;margin-top: .5%;color: #FFFFFF;text-align: center}
/*走进安培*/
/*底部*/
.foor_contact_box{height:3rem;width: 100%;background-color: #252c36;filter: alpha(opacity=80);opacity: 0.80;position: fixed;bottom: 0;z-index:100}
.foor_contact_one{height:100%;width:25%;text-align: center;float: left}
.foor_contact_one_img{height:80%;margin-top: 10%;background-color: #252c36}
.foor_contact_one_img img{height: 100%}
.foor_contact_more{width: 80%;margin-left: 20%;background-color:#252c36;filter:alpha(opacity=80);opacity:0 80;position:fixed;bottom:3rem;z-index: 100}
.foor_contact_more ul{padding:0}
.foor_contact_more ul li{height: 2.1rem;border-bottom: 1px solid #6E6E6E;line-height:2rem;text-align:center;list-style: none;}
.foor_contact_more ul li a{display:block;width:100%;text-align:center;color: #ffffff;font-size: .8rem}
#more{border:0;padding:0;border:0;background-color: #252c36}
/*底部*/