*{padding: 0;margin: 0; line-height: 100%; font-family: "微软雅黑,Arial"}
ul,li,ol,dd,dl{list-style: none;}
a{text-decoration: none;color: #333333;}
img{border: none;}
input{border: none;background: none;outline: 0; -webkit-appearance:none; border-radius: 0px;}
textarea{outline: 0; -webkit-appearance:none; border-bottom: 0px;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.mt_1{margin-top:7px;}
.mt_2{margin-top:50px;}
.mt_3{margin-top:10px;}
.show{display: block}
.hide{display: none;}
.ccenter{display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; text-align: center;}
.lcenter{display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-align-items: center; align-items: center; text-align: left;}
@media (min-width:451px) and (max-width: 640px){html{font-size: 53.42%;}.dtop{height: 90px;}.iheader{height: 46px; padding:8px 0px;}.sheader{height: 46px; padding:8px 0px;}.topadd{height: 52px;}.ifooter{height: 85px;}.indexview{padding-bottom: 86px;} .spike-container .swiper-slide,.npike-container .swiper-slide{width: 190px;} .category-container .swiper-slide{width: 200px;}.prodnav{height: 80px;}}
@media (min-width: 400px) and (max-width:450px){html{font-size:32%}.dtop{height: 80px;}.iheader{height: 33px; padding:6px 0px;}.sheader{height: 33px; padding:6px 0px;}.topadd{height: 45px;}.ifooter{height: 55px;}.indexview{padding-bottom: 56px;} .spike-container .swiper-slide,.npike-container .swiper-slide{width: 170px;} .category-container .swiper-slide{width: 170px;}.prodnav{height: 55px;}}
@media (min-width:360px) and (max-width: 399px){html{font-size:30%}.dtop{height: 70px;}.iheader{height: 30px; padding:5px 0px;}.sheader{height: 30px; padding:5px 0px;}.topadd{height: 40px;}.ifooter{height: 50px;}.ifooter li a .group{width:40px; height: 40px;} .spike-container .swiper-slide,.npike-container .swiper-slide{width: 150px;} .category-container .swiper-slide{width: 150px;}.prodnav{height: 50px;}}
@media (min-width: 320px) and (max-width:359px){html{font-size: 24.8%}.dtop{height: 60px;}.iheader{height: 24px; padding:4px 0px;}.sheader{height: 24px; padding:4px 0px;}.topadd{height: 32px;}.ifooter{height: 45px;}.indexview{padding-bottom: 46px;} .spike-container .swiper-slide,.npike-container .swiper-slide{width: 130px;} .category-container .swiper-slide{width: 130px;}.prodnav{height: 45px;}}
html{f-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
html, body{width: 100%; color:#333333;font-family: "微软雅黑"; background: #f3f3f3}
body{margin: 0 auto;}
.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.iPage{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;z-index: 99}
#leftcontrol{width: 57%;height: 110%;background:#ffffff;z-index:45;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch; float:right; -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.1) inset;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.1) inset;box-shadow:5px -5px 10px rgba(0,0,0,0.1) inset;}
#leftcontrol .lc_top{padding:5px 0px; text-align: center;}
#leftcontrol .lc_top img{width:80%;}
#leftcontrol .lc_main .lc_list a{font-size:.16rem;color:#888888;font-weight: bold;padding:15px;display: block; text-align: center;}
#leftcontrol .lc_main .lc_line{width:85%;height: 1px; background: rgba(0,0,0,0.1);margin:0 auto;}
#sitewapper{background: #ffffff;}
#sitecontent{z-index: 1;min-height: 100%;background: #f3f3f3;position: relative;}
html.open{overflow: hidden;}
html.open body{overflow: hidden; position: relative;}
html.side{overflow: hidden; height: 100%}
html.side body{overflow: hidden; height:100%;}
html.open body #sitecontent{transform: translateX(-57%);-webkit-transform: translateX(-57%);}
.iheader{width: 100%;background: #132d60;position: fixed;display:-webkit-box; display:-moz-box; display:box;z-index: 150;}
.ih_bg{background: #ff8600;}
.iheader .inav{width: 12%;height: 100%;}
.iheader .inav a{width: 100%;height: 100%; line-height: 110%; text-align: center;display: inline-block;font-size: 6rem;color:#ffffff;}
.iheader .stitle{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display:-webkit-box; display:-moz-box; display:box; font-size: 3.4rem; text-align: center; color:#ffffff; height: 100%;}
.iheader .iback{width: 14%;height: 100%;}
.iheader .iback a{width: 100%;height: 100%; line-height: 110%; text-align: center;display: inline-block;font-size: 6rem;color:#ffffff;}
.sheader{width: 100%;background: #ffffff;display:-webkit-box; display:-moz-box; display:box;border-bottom: 1px solid #eeeeee; position: fixed; top:0; z-index: 50;}
.sheader .snav{width: 12%;height: 100%; line-height: 120%}
.sheader .snav a{width: 100%;height: 100%;text-align: center; line-height: 110%; display: inline-block;font-size: 6rem;color:#999999;}
.sheader .stitle{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display:-webkit-box; display:-moz-box; display:box; font-size: 3.6rem; text-align: center; color:#555555; height: 100%;}
.sheader .skefu{width: 14%;height: 100%; position: relative;}
.sheader .skefu a{width: 100%;height: 100%; line-height: 110%; text-align: center;display: inline-block;font-size: 6rem;color:#999999;}
.sk_wrap{position: fixed; display: none; width:140px; text-align: left; top:38px; right:10px; z-index: 115;}
.sk_wrap .sk_top{text-align: right; margin-right: 7px;}
.sk_wrap .sk_top i{font-size:.16rem; color:#333333; display: inline-block; }
.sk_wrap .sk_main{background: #333333; padding:3px 0; box-shadow:-5px 0 5px rgba(0, 0, 0, .2), 5px 0 5px rgba(0, 0, 0, .2), 0 5px 5px rgba(0, 0, 0, .2);}
.sk_wrap .sl1{border-top:1px solid #444444;}
.sk_wrap .sl2{border-bottom: 1px solid #222222}
.sk_wrap .sk_list a{display:block;padding:12px 15px; width:110px; text-align: left; color:#ffffff; font-size: 3.2rem;}
.sk_wrap .sk_list a i{font-size: 4rem; margin-right: 5px;}
.kefu_fix{width:100%; height: 100%; position: fixed; background: rgba(0,0,0,0); display: none; z-index: 109;}
.ifooter{background: #ffffff;position: fixed;z-index: 10;bottom: 0px;width: 100%;}
.ifooter ul{display: block;width: 100%; height: 100%;}
.ifooter li{height: 100%; text-align: center;display: block; width:25%;font-size: 2.3rem;color:#999999;float:left;}
.ifooter li.cur{color:#c70027;}
.ifooter li a{display: block;width:100%;height: 100%;color:#999999;}
.ifooter li.cur a{color:#ff8204;}
.ifooter li a i{display: inline-block;font-size: 5rem;}
.ifooter li p{text-align: center; height: 44%; padding:6% 0px 0px 0px;}
#bgmask{background: rgba(0,0,0,0);position: fixed;width: 100%;height: 100%;z-index: 99; right:57%; top:0;}
#bgside{width:100%;position: fixed;top: 0;height: 100%;z-index: 90;}

.defview{width:100%; height: auto; min-height: 600px}
.defview .iadv{width:100%;}
.adv-container {width: 100%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1;}
.adv-container a{display: block;}
.adv-container .swiper-slide{font-size: 0px;}
.adv-container img{width:100%;}
.adv-pagination{bottom: 8px;left: 0;width: 96%; padding:0px 2%; position: absolute; text-align: right;-webkit-transition: 300ms; -moz-transition: 300ms;
    -o-transition: 300ms; transition: 300ms; -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
.adv-pagination .swiper-pagination-bullet{margin: 0 5px 0 0;cursor: pointer;width: 10px;height: 10px;display: inline-block;border-radius: 5px;opacity: 1; background: #ffffff;}
.adv-pagination .swiper-pagination-bullet-active {background: #303030;}
.defview .dtop{background:#ffffff;}
.defview .dtop img{height: 100%}
.defview .dtop{background:#ffffff;}
.defview .dmenu{background:#f6f6f6; padding:3%; overflow: auto;}
.defview .dmenu li{display: block; width:48.5%; margin-bottom: 3%}
.defview .dmenu li img{width:100%;}
.defview .prod_top{padding:3%;}
.defview .prod_top a{display:-webkit-box; display:-moz-box; display:box; padding-left:5px; border-left:3px solid #c1002e;}
.defview .prod_top .mt_main{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; font-size:3.6rem; color:#3f3f3f; }
.defview .prod_top .mt_right{color:#999999; padding-top:3px; font-size: 2.8rem}
.defview .prod_top .mt_right i{font-size: 2.8rem; color:#999999;}
.defview .prod_main{padding:0 1.5%;}
.defview .prod_main ul{display: block; overflow: auto;}
.defview .prod_main li{width:calc(47% - 6px); width:-moz-calc(47% - 6px); width:-webkit-calc(47% - 6px); padding:3px; display: block; margin:1.5%; background:#ffffff;}
.defview .prod_main li a{display: block; font-size: 0; position: relative;}
.defview .prod_main li a img{width:100%;}
.defview .prod_main li a .m_title{padding:8px 0; text-align: center; font-size:2.8rem; color:#666666;}
.defview .indoor_top{background:#ffffff; margin-top: 4%; font-size: 0;}
.defview .indoor_top img{width:100%;}
.defview .indoor_main{background:#ffffff; font-size: 0; position: relative;}
.defview .indoor_main img{width:100%;}
.defview .indoor_main .plist{font-size:.16rem; color:#888888; z-index: 5; position: absolute;}
.defview .indoor_main .plist p{line-height: 1.4em;}
.defview .indoor_main .plist p.font{text-align: center; font-size: 3.2rem; color:#303030; font-weight: bold;}
.defview .indoor_main .pl1{left:3%; top:10%;}
.defview .indoor_main .pl2{right:6%; top:10%;}
.defview .indoor_main .pl3{left:6%; bottom:6%;}
.defview .indoor_main .pl4{right:3%; bottom:6%;}

.defview .about_top{background:#ffffff; font-size: 0;}
.defview .about_top img{width:100%;}
.defview .about_main{background:#ffffff; font-size:.16rem; color:#414141; padding:3%;}
.defview .about_main p{padding-bottom: 20px; line-height: 1.6em;}
.defview .about_main a{}
.defview .job_top{background:#ffffff; font-size: 0;}
.defview .job_top img{width:100%;}
.defview .job_main{background:#ffffff; padding:0 3%;}
.defview .job_main li{display: block; padding:4% 0; border-bottom: 1px solid #eaeaea;}
.defview .job_main li a{display: block;}
.defview .job_main li p{padding:5px 0; color:#868686; line-height: 1.6em; font-size:.2rem;}
.defview .job_main li p.font{color:#142d66; font-size: 3.2rem; font-weight: bold;}
.defview .job_btn{padding: 4% 0; background: #ffffff; text-align: center;}
.defview .job_btn a{display: inline-block; width:50%; height: 36px; line-height: 36px; border-radius: 18px; font-size:.16rem; color:#ffffff; background: #fb8c00; text-align: center;}
.defview .partner_top{background:#f6f6f6; padding:3% 0 0 0;}
.defview .partner_top img{width:100%;}
.defview .partner_main{background:#f6f6f6; padding:3%; overflow: auto;}
.defview .partner_main li{display: block; width:48.5%; margin-bottom: 3%}
.defview .partner_main li img{width:100%; border:1px solid #e9e9e9;}
.defview .pduct_top{background:#ffffff; font-size: 0;}
.defview .pduct_top img{width:100%;}
.defview .pduct_main{background:#ffffff; padding:3% 0;}
.pduc-container {width: 100%; margin: 0 auto; padding-bottom: 20px; position: relative; overflow: hidden; z-index: 1;}
.pduc-container a{display: block;}
.pduc-container .swiper-slide{ font-size:.16rem; color:#414141;}
.pduc-container .swiper-slide p{padding:5px 0; line-height: 1.8em;}
.pduc-container .swiper-slide p.pt{padding:5px 5%;}
.pduc-container .swiper-slide p .font{font-size: 3.2rem; font-weight: bold;}
.pduc-container img{width:100%;}
.pduc-pagination{bottom: 8px;left: 0;width: 96%; padding:0px 2%; position: absolute; text-align: center;-webkit-transition: 300ms; -moz-transition: 300ms;
    -o-transition: 300ms; transition: 300ms; -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;}
.pduc-pagination .swiper-pagination-bullet{margin: 0 5px 0 0;cursor: pointer;width: 10px;height: 10px;display: inline-block;border-radius: 5px;opacity: 1; background: #a2a2a2;}
.pduc-pagination .swiper-pagination-bullet-active {background: #fa8b01;}
.defview .feedback{background-image:url(../images/a_img6.jpg); background-repeat: no-repeat; background-size:100% 100%; padding:5%; }
.defview .feed_top{padding-top: 5px;}
.defview .feed_top p{padding:0px 0; color:#ffffff; font-size:.16rem;line-height:30px;}
.defview .feed_top .font1{color:#ffffff; font-size: 3.8rem; font-weight: bold; line-height:30px;}
.defview .feed_top .font2{color:#ffffff; font-size: 2.8rem;}
.defview .feed_top .font3{color:#ffffff; font-size: 4.5rem; font-weight: bold;}
.defview .feed_main{padding: 24% 10% 5% 10%;}
.defview .feed_main .textlist{margin-bottom: 10px; display: -moz-box; display: -webkit-box; display: box;}
.defview .feed_main .textlist .text{border:0; background: #ffffff; font-size:.16rem; color:#999999; padding:12px; border-radius: 5px; display: block; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}
.defview .feed_main .textlist .tarea{ padding:12px; height: 60px;  background:#ffffff;  border-radius: 5px; border:0px; line-height: 1.4em; color:#999999; font-size: 2.8rem; display: block; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}
.defview .feed_main ::-webkit-input-placeholder {color:#b4b4b4; font-size:.16rem}
.defview .feed_main :-moz-placeholder {color:#b4b4b4; font-size:.16rem}
.defview .feed_main ::-moz-placeholder {color:#b4b4b4; font-size:.16rem}
.defview .feed_main :-ms-input-placeholder {color:#b4b4b4; font-size:.16rem}
.defview .feed_main .complain_btn{overflow: auto; text-align: center; padding-top: 5px;}
.defview .feed_main .obtn1{background:#ff7400; color:#ffffff; padding:15px 0;  text-align: center; font-size:.16rem; border-radius: 5px; display: inline-block; width:45%;}
.defview .stud_top{padding:5% 0; background: #ffffff;}
.defview .stud_top img{width:100%;}
.defview .stud_main{padding:0 1.5%; padding-bottom: 7%; background: #ffffff}
.defview .stud_main ul{display: block; overflow: auto;}
.defview .stud_main li{width:47%; display: block; margin:1.5%; background:#ffffff;}
.defview .stud_main li a{display: block; font-size: 0; position: relative;}
.defview .stud_main li a img{width:100%;}
.defview .stud_main li a .m_title{padding:5px 0 0 0; font-size:.16rem; color:#242424;}
.defview .stud_main li a .m_remark{padding:5px 0 0 0; line-height: 1.4em; font-size:.2rem; color:#646464;}
.defview .news_top{background: #ffffff; overflow: auto;}
.defview .news_top a{width:50%; padding:15px 0; text-align: center; font-size:.16rem; color:#ffffff; float:left;}
.defview .news_top a.bg1{background: #132e67;}
.defview .news_top a.bg2{background: #575757;}
.defview .news_main{background: #ffffff; overflow: auto; padding:1% 3% 3% 3%;}
.defview .news_li1{padding:3% 0;}
.defview .news_li1 a{display: block; width:100%; height: 100%; display: -moz-box; display: -webkit-box; display: box;}
.defview .news_li1 .fml_img{width:35%; margin-right:10px; font-size: 0px;}
.defview .news_li1 .fml_img img{width:100%;}
.defview .news_li1 .fml_right{font-size:.16rem; color:#838383; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;position: relative;}
.defview .news_li1 .fml_right p{padding-top:5px; line-height: 120%;}
.defview .news_li1 .fml_right .font{font-size:.16rem; color:#3f3f3f;}
.defview .news_li2{padding:3% 0; border-top: 1px dashed #e2e2e2; display: -moz-box; display: -webkit-box; display: box;}
.defview .news_li2 a{display: block; width:100%; height: 100%; font-size:.16rem; color:#424242; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}
.defview .news_li2 span{padding-left: 10px; font-size:.16rem; color:#838383;}
.defview .foot_main{padding:3%; background: #303030;}
.defview .foot_list{padding:3% 0; border-bottom: 1px dashed #434343;}
.defview .foot_list a{display:-webkit-box; display:-moz-box; display:box; padding-left:5px;}
.defview .foot_list .mt_main{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; font-size:.16rem; color:#e1e1e1; }
.defview .foot_list .mt_right{color:#c9c9c9; padding-top:3px; font-size:.16rem}
.defview .foot_list .mt_right i{font-size:.16rem; color:#c9c9c9;}
.defview .foot_copy{padding:4% 0; line-height: 1.6em; color:#989898; text-align: center; font-size:.16rem;}
.defview .foot_copy p{line-height: 1.6em;}
/* 提示框 */
.flow_tip{z-index:10001; width:40%; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height: auto; position: fixed; left:50%; top:-40%; margin-left:-20%; margin-top:-40px;  color:#fff; font-size:.2rem; text-align: center;}
.successbg{height: auto; padding:20px 10px 10px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; line-height: 1.2em; background: rgba(0,0,0,0.8); box-shadow:-2px 0 0.2px rgba(0, 0, 0, .1), 2px 0 2px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1);}
.failbg{height: auto; padding:20px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; line-height: 1.2em; background: rgba(255,0,0,0.8); box-shadow:-2px 0 2px rgba(0, 0, 0, .1), 2px 0 2px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1); }
.flow_tip .ftype{display: inline-block; font-size: 8rem; color:#ffffff;}
.flow_tip p{padding:5px 0px; text-align: center;}

.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; margin-left:-1px;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 30%; background-color: #ffffff; z-index: 2147000001; width: 76%; height: auto; margin-left: -38%; border-radius: 5px; color: #535e66;}
.xcConfirm .popBox .ttBox{padding: 8px 15px; overflow: auto;}
.xcConfirm .popBox .ttBox .tt{font-size:.2rem; display: block; float: left; height: auto; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; color:#999999; font-size: 3.4rem; cursor: pointer;  position: absolute; top: 8px; right: 10px; }
.xcConfirm .popBox .txtBox{margin: 20px 15px; height: auto; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ height: auto; line-height: 1.3em; font-size: 2.8rem;}
.xcConfirm .popBox .txtBox p input{width: 364px; height: 30px; border: solid 1px #eef0f1; font-size: 2.6px; margin-top: 6px;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin:10px 10px 10px 0px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; font-size:.2rem; float: left; padding:10px 20px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #ff8600; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}

/* search */
.search_wrap{width:100%; height: 100%;  overflow-y: auto; position: fixed; top:0; right:-120%; z-index: 103; background:#ffffff;}
.search_wrap .sheader{z-index: 105; position: absolute;}
.search_wrap .search_main{padding:3%;}
.search_wrap .search_top{color:#000000; margin-bottom: 10px; font-size:.16rem; padding:1%;}
.search_wrap .search_top i{font-size: 3.6rem; margin-right: 3px;}
.search_wrap .search_keyword a{margin:0 1.5% 3% 1.5%; width:22%; padding:3% 0; text-align: center; border-radius: 3px; background: #eeeeee; font-size: 2.8rem; color:#555555; float:left;}
.search_wrap .ws_main{background: #eeeeee; border-radius: 3px; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display:-webkit-box; display:-moz-box; display:box; height: 100%;}
.search_wrap .ws_main form{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display:-webkit-box; display:-moz-box; display:box; height: 100%;}
.search_wrap .ws_main .ws_text{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; display: block; font-size: 2.8rem; height: 100%; color:#666666; border:0px; margin-left:15px; background: none;}
.search_wrap .ws_main .ws_btn{padding:0 15px; height: 100%; color:#eb8600; font-size:.16rem; border:0px; background: none;}

.indexview{width:100%; height: auto; min-height: 600px;}
.indexview .iadv{width:100%;}
.indexview .iadv img{width:100%;}

.indexview .a_detail{font-size:0.4rem; padding:5% 3% 3% 3%; min-height: 300px; background: #ffffff; color:#555555; line-height: 160%;}
.indexview .a_detail p{line-height: 160%;}
.indexview .a_detail a{font-size:.16rem; color:#555555; line-height: 160%;}
.indexview .a_detail img{max-width: 100%}

.indexview .inews{padding:2% 0; background: #ffffff;}
.indexview .inews .n_list1{padding:3%; margin-bottom: 2%; border-bottom: 1px solid #f1f1f1; display:-webkit-box; display:-moz-box; display:box;}
.indexview .inews .n_list1 .nl_image{width:40%; margin-right: 10px}
.indexview .inews .n_list1 .nl_image img{width:100%;}
.indexview .inews .n_list1 .nl_remark{-webkit-box-flex:1; -moz-box-flex:1; box-flex:1; font-size:.2rem;}
.indexview .inews .n_list1 .nl_remark p{padding:3px 0px; line-height: 1.4em; color:#787878;}
.indexview .inews .n_list1 .nl_remark a{font-size:.16rem; color:#1a1a1a;}
.indexview .inews .n_list2{padding:2% 3%;}
.indexview .inews .n_list2 a{font-size:.16rem; color:#858585;}

.tfooter{padding:20px 0; text-align: center;}
.tfooter p{padding:5px 0; color:#737373; font-size:.2rem}
.tfooter a{color:#737373; font-size:.2rem}

.indexview .ilink{padding:4% 3%; font-size:.2rem; color:#838383;}
.indexview .ilink a{font-size:.2rem; color:#838383;}

.indexview .prod_main{padding:3%; background: #ffffff; overflow: auto;}
.indexview .prod_main li{display: block; width:48%; text-align: center; margin-bottom: 10px; height: auto; }
.indexview .prod_main li img{width:100%; }
.indexview .prod_main li p{padding:3px 0px;}
.indexview .prod_main li a{color:#7f7f7f; font-size:.2rem;}

.indexview .pdetil_main{padding:3%; background: #ffffff;}
.indexview .pdetil_main .pm_title{padding-bottom: 3%; text-align: center; font-size: 3.2rem; color:#333333; text-align: center;}
.indexview .pdetil_main .pm_image{width:100%;}
.indexview .pdetil_main .pm_remark{padding:3% 0; color:#666666; line-height: 1.6em; font-size:.2rem;}
.indexview .pdetil_main .pm_remark p{color:#666666; line-height: 1.6em; font-size:.2rem;}
.indexview .pdetil_detil{padding:3%; overflow: auto; background: #ffffff; font-size: 2.8rem; line-height: 1.6em; border-top:1px solid #ff8204; color:#666666;}
.indexview .pdetil_detil img{max-width: 100%; float:left;}
.indexview .pdetil_detil p{color:#666666; line-height: 1.6em; font-size: 2.8rem;}

.indexview .news_menu{background: url(../images/new_line.jpg) repeat-x center bottom; text-align: center;}
.indexview .news_menu a{padding:15px 10px; display: inline-block; font-size: 0.4rem; color:#616161;}
.indexview .news_menu a.active{color:#ff8204; background: #ffffff;}
.indexview .news_main{padding:3% 2%; overflow: auto; background: #ffffff; border-bottom: 1px solid #e9e9e9;}
.indexview .news_main li{width:30%; margin:2% 1.6%; text-align: center; display: block; float:left;}
.indexview .news_main li img{width:100%; }
.indexview .news_main li p{padding:3px 0px; line-height: 1.6em;}
.indexview .news_main li a{color:#8b8b8b; font-size: 2.2rem;}
.indexview .news_main li a .font{color:#333333; font-size:.2rem;}
.indexview .news_li{padding:3% 0;}
.indexview .news_li a{display: block; width:100%; height: 100%; display: -moz-box; display: -webkit-box; display: box;}
.indexview .news_li .fml_img{width:35%; margin-right:10px; font-size: 0px;}
.indexview .news_li .fml_img img{width:100%;}
.indexview .news_li .fml_right{font-size:0.3rem; color:#838383; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;position: relative;}
.indexview .news_li .fml_right p{padding-top:5px; line-height: 120%;}
.indexview .news_li .fml_right .font{font-size:0.4rem; color:#3f3f3f; font-weight:bold;}


.indexview .news_detil{padding:3%; background: #ffffff;}
.indexview .news_detil .nd_tip{padding:10px 0px; font-size: 0.2rem; color:#a3a3a3; text-align: center;}
.indexview .news_detil .nd_tip p{padding:5px 0px;}
.indexview .news_detil .nd_tip .font{font-size: 0.4rem; color:#333333; font-weight:bold; line-height:0.6rem;}
.indexview .news_detil .nd_main{padding:10px 0px; font-size: 0.35rem; color:#5f5f5f; line-height: 1.6em;}
.indexview .news_detil .nd_main p{padding:5px 0px; line-height: 1.8em;}
.indexview .news_detil .nd_main img{max-width: 100%;}

.indexview .complain_main{padding:3%; background: #ffffff;}
.complain_main .textlist{margin-bottom: 10px; display: -moz-box; display: -webkit-box; display: box;}
.complain_main .textlist .text{border:1px solid #c5c5c5; font-size: 2.8rem; color:#999999; padding:10px 12px; border-radius: 3px; display: block; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}
.complain_main .textlist .tarea{ padding:12px; height: 50px;  border:1px solid #c5c5c5; background:none; line-height: 1.4em; color:#999999; font-size: 2.8rem; display: block; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1;}
.complain_main ::-webkit-input-placeholder {color:#c4c4c4; font-size: 2.8rem}
.complain_main :-moz-placeholder {color:#c4c4c4; font-size: 2.8rem}
.complain_main ::-moz-placeholder {color:#c4c4c4; font-size: 2.8rem}
.complain_main :-ms-input-placeholder {color:#c4c4c4; font-size: 2.8rem}
.indexview .complain_btn{padding:3%; display: -moz-box; display: -webkit-box; display: box;}
.indexview .obtn{background:#ffa200; border:0px; color:#ffffff; padding:15px 0; text-align: center; font-size: 3.4rem; border-radius: 3px; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1;}
.seo-h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
