@import url("reset.css");
@import url(font-awesome.css);
@import url(font-awesome.min.css); 

/*public*/
html { box-sizing: border-box;}
html, body { height: 100%; }
html{ font-size:625%;box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none; user-select: none;}
body {margin: 0; padding: 0;  width: 100%; min-height: 100%; -webkit-touch-callout: none;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: stretch;position: relative;font-family: "Microsoft YaHei",Helvetica, Arial, sans-serif;}
body{ font-size: 0.14rem; background-color: #eee; color: #333; line-height: 1.5;}
a{ color:#666;}
.clear{ clear:both;zoom:1;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix:before, .clearfix:after { display: table;content: '';}
.warpper { min-width: 320px; max-width: 640px; margin: auto; position: relative;}
.itm{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*index*/
header{ position: fixed;right: 0;left: 0;background:#fff;z-index: 50;}
.header{ position: relative;min-height: 50px;padding:0 11px;}
.header img{height:30px;margin-top:13px;}
.header .head-nav{display:block;width:25px;height:19px;position:absolute;top:16px;right:11px;background:url(../images/menu.jpg) no-repeat;background-size:25px auto;}
.ban{padding-top:50px;}
.ban .swiper-pagination-bullet-active{background:#002475;}
.indexmenu{width: 100%;padding-top: 15px;background-color: #fff;}
.indexmenu li{text-align: center;float: left;width: 33%;font-size: 14px;color: #333;margin-bottom: 15px;}
.indexmenu span, .fxcase h1 i{background: url(../images/m3icon.png) no-repeat;}
.indexmenu span{position: relative;display: inline-block;width: 50px;height: 51px;background-size: 50px;}
.indexmenu h2{padding-top: 8px;}
.indexmenu span.icon-jzqi-enter{background-position: 0 0;}
.indexmenu span.icon-jjqi-enter{background-position: 0 -58px;}
.indexmenu span.icon-gcqi-enter{background-position: 0 -117px;}
.indexmenu span.icon-fsfliao-enter{background-position: 0 -176px;margin-top: 6px;}
.indexmenu span.icon-rzcpin-enter{background-position: 0 -234px;margin-top: 6px;}
.indexmenu span.icon-gyrfe-enter{background-position: 0 -292px;margin-top: 6px;}
.indexcase{margin:20px 10px 10px;background:#fff;}
.fxcase{position:relative;padding:14px 0px 10px 0px;margin:0 12px;border-bottom:1px #d8d8d8 solid;}
.fxcase h1{color:#002577;font-size:.12rem;line-height:.18rem;}
.fxcase h1 i{background-size: 50px;display: inline-block;width:18px;height:18px;margin-right:.02rem;background-position:0 -347px;vertical-align: -2px;}
.fxcase h1 span{color:#676767;font-size:.10rem;}
.fxcase a{color:#666;font-size:.10rem;position:absolute;top:.14rem;right:0px;}
.fxcon{padding:12px 12px 12px;}
.fxcon li{float:left;margin-bottom:1.14%;position:relative;}
.fxcon li p{position:absolute;bottom:0;left:0;width:100%; height: 18px;line-height: 18px;color:#fff; font-size: 12px;text-align:center;background-color: rgba(0,0,0,.5);white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;-webkit-box-sizing: border-box;z-index: 2;}
.fxcon li:nth-child(1),.fxcon li:nth-child(4){width:59.87%;}
.fxcon li:nth-child(2),.fxcon li:nth-child(3),.fxcon li:nth-child(5){width:38.8%;float:right;margin:0;}
.fxcon li:nth-child(6){width:49.33%;margin:0;}
.fxcon li:nth-child(7){width:49.33%;float:right;margin:0;}
.fxcon li:nth-child(3){margin:2.12% 0;}
.fxcon img{max-width:100%;}
.indexfwlc{width:94.375%;margin:0 auto;color:#666;font-size:.12rem;}
.indexfwlc p:first-child{padding:.15rem 0;width:89.4%;margin:auto;}
.indexfwlc img{max-width:100%;}
.inmore{ display: inline-block;width: 100%;border: none;font-size: .12rem;background:#f34135;color:#fff;text-align:center;height:.3rem;line-height:.3rem;margin:.13rem 0;}
.indexnewbg{background:#efefef;}
.indexnew{width:94.375%;margin:0 auto;}
.indexnew h1 i{background-position:0 -369px;}
.indexnew .fxcase{margin:0;}
.innewcon{margin-top:.10rem;}
.innewcon h2{padding:8px 0;}
.innewcon h2 a{color:#000;font-size:.12rem;}
.innewcon .dec{color:#959595;font-size:.10rem;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.innewcon .dec a{color:#10276b;}
.innewcon ul{margin:10px 0;}
.innewcon li{border-top:1px #e1e1e1 solid;height:35px;line-height:35px;}
.innewcon li a{color:#000;}
.innewcon li span{ font-size:.12rem;white-space: nowrap;overflow: hidden;width: 75%;display: inline-block; text-overflow: ellipsis;}
.innewcon li em{float:right;color:#686868;font-size:.10rem;}
.innewcon li:last-child{border-bottom:1px #e1e1e1 solid;}
.yuyueformbg{width:100%;background:#333;}
.yuyueforms{width:90.625%;margin:auto;}
.yuyueforms .tip{font-size:14px;color:#cb3036;padding:12px 0;}
.yuyueforms li{overflow:hidden;color:#fff;position: relative;width:50%;float: left;font-size: 14px;line-height: 44px;border-bottom:1px #878787 solid;margin-bottom:20px;}
.yuyueforms li label{}
.yuyueforms li input[type="text"]{ width: 75%;border:none;line-height: 44px;color:#fff;background:none;}
.yuyueforms li:last-child{width:100%;}
.yuyueforms li:last-child input[type="text"]{ width: 87%;}
.yuyueforms textarea{ width: 100%;padding: 2%;background:none;border:1px #858585 solid;color:#4f4f4f;font-size: 14px;}

/*tel*/
.tel_wrap{width: 75%; height: 1.6rem; position: fixed; top: 30%; left: 12.5%; z-index: 999;display:none;}
.tel_box{ width: 100%; height: 100%; background: #fff; border-radius:20px; box-shadow: 0px 10px 10px rgba(0,0,0,0.5);}
.tel_title{ background: #ed1b23; height: .32rem; width: 100%; border-radius:20px 20px 0 0; color: #fff; text-align: center; font-size: .18rem; line-height: .32rem;}
.tel_phone{ width: 100%; text-align: center; padding: .31rem 0; display: inline-block;font-size: .26rem;}
.tel_btn{ width: 100%; height: .28rem; border-top: solid 1px #cbcacf; }
.tel_btn a{ width: 49%; text-align: center; color: #444; font-size: 14px; float: left; line-height: 25px;}
.tel_btn a:nth-child(1){ border-right: solid 1px #cbcacf; }

/*about*/
.nyban{padding-top:50px;min-height:1rem;}
.nyban img{width:100%;}
.index_menu{padding:10px 0;background:#fff;border-bottom:1px solid #e0e0e0;}
.index_menu li{float:left;margin:2px 3px;}
.index_menu a{display: block; padding: 0px 8px;font-size:14px;line-height: 28px;color: #494949; background-color: #eee;}
.index_menu a.active{color: #fff;background: #002576;}
.abtcontent{background:#fff;padding:0 10px;padding-bottom:20px;}
.abtcontent h2{font-size:18px;line-height:35px;color: #002576;padding:10px 0;}
.abtcontent img{max-width:100%;margin-bottom:10px;width: auto!important;height: auto!important;}
.abtcontent p{text-indent:2em;}
.abtcontent .culture{padding-top:15px;line-height:30px;text-align:center;}
.abtcontent .culture img{margin:0;}

.timeline{width:100%;}
.timeline .swiper-wrap{height:65px;overflow:hidden;}
.timeline .dates div { position: relative; display: inline-block; width: 20%;height: 45px;float: left;margin-top: 20px;line-height: 18px;
font-size: 11px;font-family: Arial;color: #666;text-align: center; background-image: url(../images/time.png);background-size: 100% 30px;
background-repeat: no-repeat;background-position: center 18px;}
.timeline .dates div.active {font-size: 15px;font-weight: bold;color: #006eb1;  background-image: url(../images/timeon.png);}
.issues{padding:20px 0;}
.issues li{display:none;}
.issues p{text-indent:0px;}
.issues li.selected{display:block;}
.year-conul li{ width: 40%;height: 115px;float: left;margin-right: 10%;margin-top: 10px;overflow: hidden;}
.year-conul li .pic{width: 100%;height: 91px;padding:2px 0;overflow: hidden;border:1px solid #e7e7e7; }
.year-conul li .pic img{margin:0;}
.year-conul li .pic-title{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.contamap{ overflow: hidden;width: 100%;height: 190px;margin-top: 10px;}
.contamap #allmap{height:100%;overflow:hidden;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}

/*search*/
.seatip{ font-size:0.12rem;padding:0.15rem 0;text-align:center;}

/*news*/
.list{overflow:hidden;}
.newslist {margin: 0 10px;}
.newslist li{border-bottom: solid 1px #e6e6e6;padding-bottom: 10px;margin-top: 10px;}
.newslist li a {display: block;}
.newslist figure{width: 90px;height: 60px;overflow: hidden;float: left;}
.newslist figure img{width: 90px;height: 60px;}
.newslist li div{float: left;width: 70%;padding-left: 10px;}
.newslist li h1{height: 40px;line-height: 20px;overflow: hidden;}
.newslist li p{font-size: 10px;color: #999;margin-top: 8px;}
.newcont{background:#fff;float: left;}
.newcont .t{ margin-left: 10px; margin-right: 10px; font-size: 0.16rem; border-bottom: solid 1px #cbcbcb; padding-bottom: 8px;margin-top: 10px;}
.newcont .t time{ font-size: 0.12rem; color: #999;}
.newcont .t a{font-size: 0.10rem;color:#fff;background:#482b1e;padding:0 5px;}
.newcont div.details { margin: 8px 10px 10px 10px; font-size: 0.14rem; line-height: 160%;overflow: hidden;}
.newcont div.details p{text-indent:2em;padding:3px 0;}
.newcont div.details *{font-size: 0.14rem!important;}
.con img{max-width:100%; width: auto!important;height: auto!important;}

.ask_lists_se { background: #fff; padding: 0 .12rem; min-height: 2rem;}
.ask_lists_se li { padding: .12rem 0; border-bottom: 1px solid #eee;}
.ask_lists_se li p { color: #999; font-size: .1rem; margin-top: .06rem;}
.ask_lists_se .ask_titlls_answered {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: .14rem;margin-top: 0;}
.ask_lists_se .ask_answer_answered { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #999; font-size: .14rem;margin-top: 0;}

.feedDetails { display: inline-block; width: 100%; text-align: center;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.feedDetails > * { display: block; position: relative; margin: 10px 5%; border: 1px solid #d7d7d7; border-radius: 3px; width: 40%;
 background-color: #f2f0ec;line-height: 0.25rem; color:#666;font-size:0.12rem;}
.feedDetails .prev { float: left; text-indent: 5%;}
.feedDetails .next { float: right; text-indent: -5%;}
.feedDetails > *::after { content: ""; position: absolute; top: 50%; margin-top: -5px; border-color: transparent #9c9595; border-style: solid;}
.feedDetails .prev::after { left: 20%; border-width: 5px 5px 5px 0px;}
.feedDetails .next::after { right: 20%; border-width: 5px 0px 5px 5px;}

#nothing{text-align:center;font-size:0.12rem; min-height: 2rem; background-color: #fff; padding-top: 0.5rem;}

/*bus*/
.buslist{ padding: 15px 0;background:#fff;}
.buslist ul li { position: relative; width: 95%;padding: 0 15px;float:left;background-color: #f7f7f7;margin-bottom: 2px;}
.bus-list-title { display: block; width: 100%;height: 33px;margin-top: 2px;background-color: #f7f7f7;}
.bus-list-word{width: 80%;float: left;font-size: 10px;font-weight: bold;color: #666;line-height: 33px;}
.bus-list-more{width: 20%;float: right;height: 33px;overflow: hidden;}
.bus-list-more a{display: block;width: 100%;height: 100%;background-image: url(../images/bus-list-more.png);background-size: 18px 18px;background-repeat: no-repeat;background-position: center;}
.bus-list-main{display: none;width: 100%;height: 200px;margin-top: 6px;margin-bottom: 10px;background-color: #f7f7f7;}
.bus-list-main-title{width: 100%;margin-top: 10px;line-height: 22px;font-size: 11px;font-weight: bold;color: #666;}
.bus-list-main-content{width: 100%;height: 200px;margin-top: 5px;}
.bus-list-main-img{width: 40%;float: left;overflow: hidden;}
.bus-list-main-img img{width:100%;}
.bus-list-main-cont{width: 56%;height: 155px;float: right;overflow: hidden;}
.bus-list-main-word{width: 100%;height: 105px;font-size: 10px;color: #666;line-height: 18px;}
.bus-list-main-word p{word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.bus-list-main-more{width: 75px;height: 25px;line-height: 25px;border: 1px solid #cbcbcb;}
.bus-list-main-more a{display: block;width: 100%;height: 100%;font-size: 10px;color: #666;line-height: 25px;text-align: center;}
#brandetail{background:#fff;padding:15px 10px;}
#brandetail h3 {font-size: 16px;color: #fff;background: #f9a602;height: 30px;line-height: 30px; padding: 0 20px;margin-bottom: 20px;display: inline-block;}
#brandetail h4 { font-size: 14px; color: #f9a602; padding-bottom: 10px;}
#brandetail .newtxt{color:#666;}
#brandetail .newtxt p { text-indent: 2em; padding: 2px 0;}
#brandetail .newtxt img{max-width:100%;}
#brandetail .newtxt strong { color: #f9a602;font-size: 14px;}
.bdmore{ margin-top: 15px;text-align: right;}
.bdmore a{ display: inline-block;padding: 5px 10px;border: 1px solid #0c5392; line-height: 15px; text-align: center;font-size: 12px; color: #333;}
.abtcontent .zxzz h3,.abtcontent .serteam h3,.abtcontent .fwlc h3 { margin: 10px 0 10px 0px; font-size: 16px;color: #fff;background: #f9a602;padding: 0 18px;display: inline-block;}
.abtcontent .zxzz img,.abtcontent .serteam img{margin:0;}
.abtcontent .zxzz p,.abtcontent .serteam p{padding:5px 0;}
.abtcontent .serteam strong{color: #f9a602;}
.newslist .txt{margin-top:15px;text-indent:2em;}
.abtcontent .fwlc h3{margin-left:0;}
.abtcontent .fwlc p { text-indent: 0px;}
.contact .icontact p { text-indent: 0px;}
.contact a{ color: #002576;text-decoration:underline;}

/*house*/
.piclist{width:100%;padding:10px 0;}
.piclist ul{width:95%;margin:auto;}
.piclist li{width: 49%; float: left;margin: 0 2% 2% 0;background-color: #fff;position: relative;}
.piclist li:nth-child(2n) { margin-right: 0;}
.piclist li .img{max-height:1rem;overflow:hidden;}
.piclist li img{ width:100%;}
.piclist li p { font-size: .124rem; color: #333;line-height: .2rem;height: .3rem;padding:0 5px;overflow: hidden;}
.casecon{padding:0 10px; padding-bottom:20px; }
.casecon h2 { font-size: 16px; line-height: 20px;color: #474747;padding:15px 0;text-align: center;}
.casecon .newtxt{padding-top:10px;}
.casecon .newtxt p{text-indent:2em;}
.msg{width:95%;margin:auto;padding:10px 0;}
.msg .tit span{color:#fc0000;}
.msgform{margin-top:10px;}
.msgform input[type="text"]{position: relative;display: block;height: 44px; margin-bottom: 10px;width: 100%;border: 1px solid #e3e3e3;
background: #fff;font-size: 14px;color: #000;padding: 10px 15px;line-height: 20px;}
.msgform textarea{width: 100%;border: 1px solid #e3e3e3;background: #fff;font-size: 14px;color: #000;padding: 10px 15px;line-height: 20px;margin-bottom: 10px;}
.msgform .btns{width: 100%;height: 44px;line-height: 44px;text-align: center;background-color: #f34135;border:0;color: #fff;margin-bottom: 10px;font-size: 17px;}
.caculatr_box{width:95%;margin:auto;padding-top:15px;}
.caculatrform{padding-top: 10px;padding-bottom: 20px;}
.caculatrform ul{ padding: 7px 10px 4px;}
.caculatrform ul li{position: relative;}
.caculatrform ul li input[type="text"] { text-align: left; padding-left: 10px;height: 50px;line-height: normal;width: 100%;
border: solid 1px #d9d9d9; -webkit-appearance: none;outline: none;border-radius: 0;}
.caculatrform ul li .mm { position: absolute;right: 10px;color: #333;font-size: 16px;top: 13px;font-family: 'Arial';}
.calculate-form-btn { margin: 16px 12px;}
.calculate-form-btn .start-btn { height: 44px;font-size: 15px;-webkit-appearance: none;border: none;outline: none;width: 100%;border-radius: 5px;  background-color: #f69c32;color: #fff;}
.caculatr_box .ht14{width:100%;height:14px; background-color: #f5f5f5;}
.calculate-list{ background: #fff;}
.calculate-list h3 { text-align: center; font-size: 16px; padding: 25px 0 8px;}
.calculate-list h3 em{margin: 0 10px; color: #f69c32;font-size: 18px;}
.calculate-list ul li { height: 40px;line-height: 40px;border-bottom: 1px solid #e3e3e3;padding: 0 8px;}
.calculate-list ul li div {width: 40%;color: #999;}
.calculate-list ul li div span {float: left;}
.calculate-list ul li div span.price-fl {float: right;}
.calculate-list ul li div em { color: #f69c32;}
.caculator_tip{font-size:12px;padding:10px 0;}
.joblist .txt{padding:10px;}
.jobtab{background-color: #e7eaf3;}
.jobtab ul{ padding: 10px;}
.jobtab li{ position: relative;margin-bottom: 10px;}
.jobtab li .ui-btn { padding: 15px 10px;  background-color: #fff;border-color: #ddd; color: #38c;text-shadow: 0 1px 0 #f3f3f3;  border-width: 1px 0 0;
border-style: solid;  display: block;position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.jobtab li .title { font-size: 16px; color: #00a0e9;}
.jobtab li .graybar { padding: 10px; background: #f4f4f4; border-bottom: 1px solid #ccc;}
.jobtab li .graybar .date { font-size: 14px;color: #898e91;float: right;}
.jobtab li .graybar .area {font-size: 14px;color: #898e91;}
.jobtab li .ui-btn:after{  background-color: rgba(0, 0, 0, 0);  background-image: url(../images/icon.png);
right: .5625em;top: 50%;margin-top: -11px;content: "";position: absolute;display: block;width: 22px;height: 22px;background-position: center center;
background-repeat: no-repeat;border-radius: 1em;}
#jobdetail .jobtab { padding: 10px;}
#jobdetail h2{ padding: 10px;color: #00a0e9;font-size: 16px;}
#jobdetail h3 { padding: 10px; color: #00a0e9;font-weight: normal;font-size: 16px;margin: 0; background: #f4f4f4;}
.list1 { border-bottom: 1px solid #ccc; background: #fff;width: 100%;padding-top: 10px;margin-bottom: 10px; display: -webkit-box; word-wrap: break-word;}
.list1 th { padding: 0 8px 10px 8px;color: #666;font-size: 14px;font-weight: normal;text-align: left; width: 70px; box-sizing: content-box;}
.list1 td {padding: 0 8px 10px 8px;color: #333;font-size: 14px;font-weight: normal;text-align: left;}
.list1 .desc{ padding: 0 12px 10px;}
.apply{ text-align: center;background: #fff; padding: 5px 0; text-shadow: 0 1px 0 #eee;}
.apply a{  font-size: 16px; color: #fff;text-shadow: none;padding: 10px 30px;display: inline-block;}
.appplyBtn { background: #00a0e9;border: 1px solid #00a0e9;border-radius: 3px;}
.backBtn { background: #5cb85c;border: 1px solid #5cb85c;border-radius: 3px; margin-left: 5px;}
.apply{ left: 0;right: 0;width: 100%; position: fixed;z-index: 1000;bottom: 0;border: #ddd 1px solid;}
.join-apply{padding:10px;}
.join-apply li{margin-bottom:10px;position:relative;}
.join-apply li label{width: 25%;display: -webkit-box;float: left;line-height: 40px;}
.join-apply li label span{font-size:10px;}
.join-apply li span{line-height: 40px;}
.join-apply li input[type="text"] { padding-left: 10px; height: 40px;line-height: normal;width: 75%;border: solid 1px #d9d9d9;
-webkit-appearance: none;outline: none;border-radius: 0;}
.join-apply li select { height: 40px;width: 20%;border: solid 1px #e3e3e3;border-radius: 0;background-color: #fff;padding-left: 10px;}
.join-apply li .file{width:25%; vertical-align: middle;}
.join-apply li textarea{width:100%;border: solid 1px #d9d9d9;}
.hrbtn{text-align: center;padding: 5px 0; text-shadow: 0 1px 0 #eee;}
.hrbtn .btn{font-size: 16px; color: #fff;text-shadow: none;padding: 10px 30px;display: inline-block;}
.hrbtn .btn:first-child{ background: #002576;border: 1px solid #002576;border-radius: 3px;}
.hrbtn .btn:last-child{ background: #5cb85c;border: 1px solid #5cb85c;border-radius: 3px; margin-left: 5px;}
.jmcon{padding:10px;}
.jmcon h3{text-align:center;font-size: 16px;color: #f9a602;line-height: 22px;padding-bottom:10px;}
.jmcon .txt_b{text-align:center;margin:10px auto;}
.jmcon .txt_b a { font-size: 16px; color: #fff;text-shadow: none;padding: 10px 30px;display: inline-block;background-color: #f9a602;border-radius: 3px;}
#joinfm li select {width: 40%;}
.caseman .tit{background:#fff;padding:10px;}
.caseman .case_con{padding-top:10px;}

/*pro*/
#protype{ padding: 0 10px;}
.protitle h2 { font-size: 18px; padding: 20px 0 10px 0; color: #002576;}
.protitle p{ font-size: 12px;color: #888888; margin: 0 0 10px;}
.proseries li{padding: 10px 10px 0 10px;border: 1px solid #e7e7e7; position: relative;overflow: hidden;margin-bottom: 10px; background: #fff;}
.proseries li .img { width: 100%;position: relative;overflow: hidden;text-align:center;}
.proseries li .img img { max-width: 100%;}
.proseries li h4 { display:none;margin: 5px 0;text-align:center;}
.proseries li h4 span{font-size:18px;line-height: 30px;color: #025195;z-index: 1;position: relative;}
.proseries li .row { margin: 0 -10px;}
.proseries li .col-sm{ padding: 0 10px; position: relative;min-height: 1px;}
.proseries li div a.more { display: block;margin: 0 -10px;color: #025195;padding-left: 10px;border-left: 0;border-top: 1px solid #e3e3e3;line-height: 40px;}
.proseries li div a.more span { float: right; font-size: 20px;margin-right: 10px;color: #025195;line-height: 40px;}
.procalist{background:#fff;padding:0 10px;}
.procalist h2{font-size: 18px;color: #333333;padding: 15px 0;line-height: 20px;}
.procalist li{margin-bottom:10px;}
.procalist li img{max-width:100%;}
#prolist{background:#fff;padding:0 10px;}
#prolist h2.pname{font-size: 18px;padding: 20px 0 10px 0; color: #002576;}
#prolist li{width: 49%; float: left;margin: 0 2% 2% 0;background-color: #fff;position: relative;}
#prolist li:nth-child(2n) { margin-right: 0;}
#prolist li .img{max-height:1.6rem;overflow:hidden;}
#prolist li .img img{ width:100%;}
#prolist li .proitem {background: #fff;margin-top: 20px;border: 1px solid #e7e7e7;}
#prolist li h2{font-size: 14px;padding: 0 15px 0 10px;line-height: 20px; margin: 10px 0;}
.prodetail{background:#fff;padding:0 10px;}
.detail-img { margin-bottom: 10px;text-align:center;}
.detail-img img{max-width:100%;}
.detail_con{ padding: 10px;background: #fff; border: 1px solid #e7e7e7;}
.detail_con h4.t { font-size: 14px; margin: 10px 0 5px 0;}
.detail_con h4.t span { line-height: 30px;padding: 0 20px;display: inline-block;font-weight: bold;color: #fff; background: url(../images/border3.jpg) no-repeat right;background-size: auto 100%;}
.detail_con p { font-size: 12px; line-height: 22px;}
.detail_txt h3{background: url(../images/border3.jpg) no-repeat right;background-size: auto 100%;line-height: 30px;padding: 0 20px;display: inline-block;font-size: 14px;font-weight: bold;color: #fff;}
.detail_txt p{padding-top:10px;}
.ht50{width:100%;height:50px;}
.nav-cont li{line-height: 38px;width: 20%;float: left;border-right: 1px solid #fff;border-left: 1px solid #fff;}
.nav-cont li a { display: block;width: 100%;height: 100%;color: #002576;font-size: 12px;line-height: normal;padding: 10px 0 5px 0;text-align: center;}
.nav-cont li i { width: 19px;height: 19px;display: block;margin: 0 auto 5px; background: url(../images/icon_classify.png) no-repeat;background-size: 100px 20px;}
.nav-cont li i.c1 { background-position: 0 0;}
.nav-cont li i.c2 { background-position: -80px 0;}
.nav-cont li i.c3 { background-position: -60px 0;}
.nav-cont li i.c4 { background-position: -40px 0;}
.nav-cont li i.c5 { background-position: -20px 0;}
.nav-cont li:first-child a{color:#db1e1e;}
.nav-cont li:nth-child(2) a{color:#85582f;}
.nav-cont li:nth-child(3) a{color:#efa413;}
.nav-cont li:nth-child(4) a{color:#50aee1;}
.nav-cont li:last-child a{color:#d0bdfe;}

/*menu*/
.menu{position: fixed;top: 0;left: -100%;width: 100%; height: 100%;background-color: #fff;z-index: 102;}
.menu .nav-top { padding: 15px 20px 20px 25px;border-bottom: 1px solid #e5e5e5;}
.nav-main { width: 100%;}
.nav-main ul{width: 100%;}
.nav-main ul li{width: 100%;}
.nav-main-title{padding: 0 25px;line-height: 35px;border-bottom: 1px solid #d4d4d4;}
.nav-main-title a{display: block;height: 35px;line-height: 35px;padding-left: 20px;font-size: 13px;color: #555;text-align: left;
background-image: url(../images/nav-main-title.png);background-size: 12px 8px;background-repeat: no-repeat;background-position: left center;}
.nav-main-cont{display: none;width: 100%;}
.nav-main-cont a{display: block;height: 35px;line-height: 35px;text-align: left;padding-left: 45px;padding-right: 35px;font-size: 12px;color: #555;background-color: #ececec;border-bottom: 1px solid #d4d4d4;
background-image: url(../images/nav-main-cont.png);background-size: 10px 10px;background-repeat: no-repeat;background-position: 95% center;}
.black-bg { display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index: 101;}
.nav-logo {width: 70%;height: 30px;margin-top: 3px;overflow: hidden;}
.nav-logo img{height:30px;}
.nav-inline{position: absolute; top: 18px; right: 78px; width: 1px; height: 30px; background-color: #999;}
.nav-out{display: block; position: absolute; top: 21px; right: 20px; width: 20px; height: 25px; z-index: 12;}
.nav-out a{display: block; width: 100%; height: 100%; background-image: url(../images/close.png); 
background-size: 20px auto; background-repeat: no-repeat; background-position: center;}

/*foot*/
.ht50{width:100%;height:50px;}
.footer-nav{width: 100%; max-width: 640px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: fixed; left: 50%; right: 0; bottom: 0; background-color: #fff; z-index: 100;}
.footer-nav ul { display: -webkit-box; display: -moz-box;display: -o-box;display: -ms-flexbox;display: flex;}
.footer-nav ul li{-moz-box-flex: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #333; font-size: .089rem; padding: 5px 0;}
.footer-nav ul li a{display: block;color:#7d7d7d;background:url(../images/ftnbg.jpg) no-repeat right;}
.footer-nav ul li span{text-indent: -99999px; display: inline-block; width: 20px; height: 20px; background: url(../images/footer-nav.png) no-repeat; background-size: 100%;}
.footer-nav ul li p{margin-top: 2px;}
.footer-nav ul li span.pro{ background-position: 0 25%;}
.footer-nav ul li span.tel{ background-position: 0 50%;}
.footer-nav ul li span.map{ background-position: 0 75%;}
.footer-nav ul li.on{background-color:#002576;}
.footer-nav ul li.on a{color:#fff;background:none;}
.footer-nav ul li.on span { background-image: url(../images/footer-nav-hover.png);}
.footer-nav ul li.on span.pro{ background-position: 0 25%;}
.footer-nav ul li.on span.tel{ background-position: 0 50%;}
.footer-nav ul li.on span.map{ background-position: 0 75%;}
.footer-nav ul li:last-child a{background:none;}

/*load*/
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#FFF; z-index:100; }
#status {z-index:99;width:250px;height:250px;position:absolute;left:50%; top:50%; background-image:url(../images/status.gif); 
background-size:64px 64px;background-repeat:no-repeat;background-position:center;margin:-125px 0 0 -125px; }
#status p{position: relative;top:60%;display: block;text-align: center;line-height: 30px;margin-bottom: 30px;font-size: 13px;letter-spacing: 0px;}
#status em{font-size:10px!important;display:block;font-style:normal;}

.amn { -webkit-transition: all ease-in-out .4s 0s;-moz-transition: all ease-in-out .4s 0s;-o-transition: all ease-in-out .4s 0s;}
.load{position:absolute;height:100%;width:100%;overflow:hidden;top:0;left:0;z-index:999;background:#fff;visibility:hidden;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
.load .loadbox { position: relative; width: 110px; height: 110px; margin: 50% auto 0;}
.loadlogo { position: absolute;top: 0;left: 0; width: 110px; height: 110px; background-image: url(../images/loadlogo.jpg);background-repeat: no-repeat; background-position: center center; background-size: 100px auto; }
.load .loader {position:relative;border-radius: 50%; width: 110px; height: 110px;border-top:4px solid #e5e4e2;border-right:4px solid #e5e4e2;border-bottom:4px solid #e5e4e2;border-left:4px solid #f14a4a;
-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear;}
.load{visibility:visible;-webkit-transform: translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform: translateX(0);}


/*animate*/
@-webkit-keyframes load {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes load {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
 
/*loading*/
.loading{display:block;height: 35px;line-height: 35px;background-color: #f6f6f6;color: #666;text-align:center;}
.classify{height: 35px;line-height: 35px;background-color: #f6f6f6;color: #666;text-align:center;margin:0.1rem 0;}
.classify a{ color: #666;}

/*dialog*/
.zxd-mask { position: fixed; top: 0; height: 768px; width: 100%;background-color: rgba(0,0,0,.5); z-index: 1010;}
.zxd-dialog { width: 3rem; height: auto; margin: -0.73rem auto 0 -1.5rem; background-color: #fff;text-align: center;position: fixed;top: 50%;
left: 50%;padding: 0.15rem;z-index: 1020;}
.zxd-dialog-title {font-size: 0.19rem;margin-bottom: 0.1rem;}
.zxd-dialog-info { text-align: left;font-size: 0.12rem;line-height: 0.16rem;margin: 0 0.2rem;color: #333;}
.zxd-dialog-btn { width: 1.3rem; height: 0.35rem;line-height: 0.35rem; background-color: #f36f20; color: #fff;font-size: 0.17rem;display: inline-block;
margin: 0.15rem 0;}

/*backtop*/
.backtop{ position: fixed;bottom: 1.2rem;right: 0px;width: 42px;height: 42px;z-index: 90;display: none;}
.backtop img{width:100%;}

/*share*/
.sharebg{ position: fixed; top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.7); transition: all 0.3s;
 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0;z-index:-2;}
.sharebg img {width: auto; position: absolute;right: 4px;top: 0px; max-width: 100%;}
.sharebg.on{opacity:1; z-index: 100; }

/*mask*/
.mask{width:100%; height:100%; background:#32373b;position: absolute; left:0;top: 0;z-index:999; display:none;overflow: hidden;}
.mask-box{width: 100%;height: 252px;position: absolute;top: 50%;left:0;margin-top: -119px;z-index:999;background:#32373b;}
.mask-pic{width: 194px;height: 194px;margin: 0 auto;text-align: center;}
.mask span{font-size:22px;display:block;color:#ffd40a; text-align:center;width: 100%;height: 25px;padding-top: 10px;}
.mask i{width: 128px;height: 194px;background: url(../images/hengping.png) 0 0 no-repeat;background-size: 128px 194px;display: block;margin: 0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;animation: maskAni 1.5s ease infinite alternate;}
@-webkit-keyframes maskAni{
    0% {-webkit-transform:rotate(-90deg);}
    30% {-webkit-transform:rotate(-90deg);}
    70%{-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(0deg);}
}

/*media*/
@media (min-width:721px) {
    html { font-size: 937.5%;}
}
@media (min-width:541px) and (max-width:720px){
    html { font-size: 1400%;}
}
@media (min-width:481px) and (max-width:540px){
    html { font-size: 1054%;}
}
@media (min-width:361px) and (max-width:480px){
    html { font-size: 938%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width:414px){
    html { font-size: 808%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:375px){
    html { font-size: 732%;}
}
@media (min-width:321px) and (max-width:360px){
    html { font-size: 625%;}
}
@media (max-width:320px){
    html { font-size: 625%;}
}

@media screen and (min-width: 360px) {
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}

/*iPhone 5 and 5S */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}
/*iPhone 6 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	
}
/* iPhone 6+  */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	
}

@media screen and (min-width: 320px) and (max-width: 360px){
	.yuyueforms li { width: 100%;}
	.yuyueforms li input[type="text"] { width: 85%;}
	.yuyueforms li:last-child input[type="text"] { width: 85%;}
}

/* portrait */
@media screen and (orientation:portrait) {
	#lock{display:none;}
}
/* landscape */
@media screen and (orientation:landscape) {
	/*#lock{display:block;}
	.warpper{display:none}*/
}