@charset "utf-8";
* { margin: 0; padding: 0; border: 0; }
body { font-family: "Microsoft YaHei", "SimSun", monospace !important; max-width: 640px; margin: 0 auto; font-size: 62.5%; }
a { text-decoration: none; }
ul { list-style: none; }
.fl{float:left}
.fr{float:right}
.clear { clear: both; width: 100%; }
.box { width: 100%; }
.head { background-color: #f1f1f1; border-bottom: solid 1px #ccc; position: relative; }
.logo { margin: 0 auto; text-align: center; width: 30%; }
.logo img { width: 100%; display: block; }
.extendMenu { position: relative; z-index: 999; display: none; }
.clnnow{display:none;}
.show { display: block; }
.menus { position: absolute; left: 0; right: 0; box-shadow:rgba(0,0,0,0.15) 0px 3px 3px;}
.column { background-color: #fff; }
.column p { padding-left: 3.125%; background-color: #f1f1f1;  border-bottom: solid 1px #ccc;  color: rgb(51,51,51); font-size: 1.7em; line-height: 2em; overflow: hidden; }
.borderCont {  border-bottom: solid 1px #ccc; display:none;}
.column p i { display: block; float: right; width: 10.3%; background-image: url(http://www.comac.cc/images/wap/phone_tagA.png); background-size: 100%; }
.menus .on p i { background-image: url(http://www.comac.cc/images/wap/phone_tagB.png); }
.column p i img { width: 100%; display: block; opacity: 0; }
.column ul { background: #fff;  margin: 0 auto; width: 95%; overflow: hidden; padding:1.6% 0%; font-size:1em; }
.column ul li{ font-size: 1.4em; line-height: 2em; }
.column ul li a{ color: rgb(102,102,102); }
.menus .on .borderCont { display: block; }
.column li { width: 25%; float: left; }
.column .widen {width:33%;}
.btnNav { width: 10.3%; position: absolute; right: 0; top: 0; }
.btnNav img { width: 100%; }
.nav { width: 100%; background-color: #338acd; position: relative; overflow: hidden; }
.nav .btnL { width: 9.6875%; float: left; z-index: 9; background:url(http://www.comac.cc/images/wap/phone_btn_navL.png) center center no-repeat;}
.nav .btnL img { display: block; width: 100%; height:54px; opacity:0}
.nav .btnR { width: 9.6875%; float: right; z-index: 9; background:url(http://www.comac.cc/images/wap/phone_btn_navR.png) center center no-repeat; }
.nav .btnR img { display: block; width: 100%; height:54px; opacity:0; }
.nav .bgList { width: 80.625%; position: relative; overflow-x: scroll; float: left; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch; }
.nav .bgList .list { float: left; width: 800%;  color: #fff; font-weight: bold; }
.nav .bgList .list li { float: left; background: url(http://www.comac.cc/images/wap/phone_bg_nav.png) left top no-repeat; background-size:auto 100%;}
.nav .bgList .list li a { color: #fff;  line-height: 54px; font-size: 1.8em; padding: 0 15px; display:block; }
.nav .bgList .list .curr { background: url(http://www.comac.cc/images/wap/phone_bg_navCurr.png) no-repeat left top; background-size:auto 100%;}
.imgFocus { width: 93.28%; margin: auto; margin-top: 3.59375%; position: relative; overflow: hidden; }
.swiper-slide { position: relative; }
.swiper-slide p { position: absolute; left: 0px; right: 0px; bottom: 0px; font-size: 1.4em; line-height: 2em; color: #fff; background-color: rgba(0,0,0,.7); }
.swiper-slide img { width: 100%; display: block; }
.focusTxt { position: absolute; left: 0; right: 0; text-align: left; bottom: 0px; padding: 0 5px; z-index: 1; font-size: 1.4em; line-height: 1.8em; color: #fff; background-color: rgba(0,0,0,.7); }
.focusTxt li { display: none; opacity: 0; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; }
.focusTxt li.on { display: block; opacity: 1; }
.pagination { position: absolute; left: 0; text-align: right; bottom: 0px; width: 100%; z-index: 2; height: 1.6em; font-size: 1.4em; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #fff; }