@charset "utf-8";
/* CSS Document */

*{margin: 0;padding: 0;}
body {margin: 0;padding: 0; background:#fff; font-size:13px; color:#555; font-family:"寰蒋闆呴粦"; text-decoration:none; line-height:25px;}
a { color:#555; text-decoration:none;}
ul,li { list-style:none;}
img { border:0; margin: 0;padding: 0;}


.header{position:relative;height:85px;background:#fff;}
.header img{ max-height:65px; max-width:60%; margin-top:10px; margin-left:15px;}
@media (min-width:641px){body{width:640px;margin:auto;}}

.drawer-nav { margin-top:20px; padding-bottom:70px;max-height: 100vh;
    box-sizing: border-box;
    overflow-y: auto;}
.drawer-nav li {text-indent:18px; padding:4px 0px;}
.drawer-nav li a { line-height:20px; font-size:15px; color:#ddd; }
.submenu { margin-top:7px;}
.submenu li {padding:2px 0px; border:0;}
.submenu li a { font-size:13px; color:#999;}

/*banner*/
#banner{clear:both;max-width:640px;background:#f0f0f0;width:100%;margin: 0px auto;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{display:inline-block!important;margin:0px 0;max-width:100%;width: auto;height: auto;display:block;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 10px 10px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent:999px;width:32px;height:16px; background: url(dot.png) no-repeat 0 -16px;display: block; overflow:hidden;}
.bbdd a.wmuActive{background-position:0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#f1f1f1;}
.banner img{min-width:1000px;max-width:100%;}

.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}

.hotnews { height:50px; background:#f0f0f0 url(news-bg.jpg) repeat-x left bottom;}
.hotnews p { background:url(news-pic.jpg) no-repeat 15px 10px; padding-left:43px; height:50px; line-height:40px; overflow:hidden;}
.hotnews p span { font-size:12px; color:#999; margin-left:5px;}

.four-circle { margin:20px 10px 0px 10px; overflow:hidden;}
.four-circle li { width:25%; float:left; text-align: center;}
.four-circle li .c-con { width:75px; height:75px; border-radius:100px; line-height:75px; margin:0px auto; color:#fff;}
#one { background:#F8845C;}
#two { background:#58B5E1;}
#three { background:#FF99CC;}
#four { background:#92CF68;}

.mobile-title { height:50px; padding:10px; background: url(title-bg.jpg) repeat; text-align:center; color:#999; line-height:25px; margin-top:25px; overflow:hidden;}
.mobile-title p { color:#39f; font-size:19px; font-weight:bold;}

.mobile-about { margin:25px 10px 0px 10px; text-align:left;}
.mobile-about img { max-width:100%;}
.mobile-about .abo-content { margin-top:5px;}

.mobile-pro { margin:15px 5px 0px 5px; overflow:hidden;}
.mobile-pro li { position:relative; width:48%; height:140px; overflow:hidden; text-align:center; float:left; margin:10px 1% 0px 1%;}
.mobile-pro li .proimg { width:100%; height:140px;}
.mobile-pro li .proimg img { max-width:100%; max-height:140px;}
.mobile-pro li p { position:absolute; width:100%; height:30px; margin-top:-30px; background:url(pro-bg.png) repeat; color:#ccc;}

.newslist {margin:10px 10px 0px 10px; overflow:hidden;}
.newslist li { border-bottom:1px dotted #ddd; height:30px; line-height:30px; width:100%; overflow:hidden; background:url(point.png) no-repeat 5px center; padding-left:17px;}

.prolist { width:98%; margin:0px auto; margin-top:10px; overflow:hidden;}
.prolist li { border-bottom:1px solid #}
.prolist li{float:left;width:99%; height:200px; margin:0px auto; border:1px solid #ddd; background:#eee; margin-top:10px;}
.propic{float:left;}
.protext{padding:0 12px 0 230px; font-size:14px;}
.propic{height:200px; width:200px; text-align:center}
.propic img{max-height:200px; max-width:200px;}
.protext h3{font-size: 16px; margin-top:25px; margin-bottom: 0px; max-height:30px; text-transform: capitalize; font-weight: 600;max-height:42px; overflow:hidden;}
.protext p{max-height:60px; line-height:20px; overflow:hidden;}
.p_more{margin: 16px 0; display:inline-block;min-width:85px; padding:0 15px;height:30px;line-height:30px;font-size:14px; font-weight:600;text-transform:uppercase; text-align: center; color: #fff;}
.mmv{background-color:#39f; padding: 0px 13px; vertical-align: middle; display: inline-block; position: relative; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); transition-property: color; transition-duration: 0.5s; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; -webkit-transition-property: color; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden;}

 @media screen and (max-width:640px){
.prolist li{float:none;width:98%; height:120px; border:1px solid #e3e3e3; background:#f4f4f4;}
.propic{height:120px; width:160px; text-align:center}
.propic img{max-height:120px; max-width:160px;}
.protext{padding:0 12px 0 175px; font-size:12px;}
.protext h3{font-size: 14px;margin-top:5px;line-height: 30px;max-height: 30px;}
.protext p{max-height:40px; line-height:20px; overflow:hidden;}
.p_more{margin:7px 0; display:inline-block;min-width:55px; padding:0 15px;height:25px;line-height:25px;font-size:14px; font-weight:600;text-transform:uppercase; text-align: center; color: #fff;}}

.foot { background:#39f; margin-top:25px; padding:20px 0px 60px 0px; text-align:center; color:#fff; font-size:12px; line-height:20px;}
.foot a { color:#fff;}
.foot-cc {position:fixed; width:100%; margin-top:15px; text-align:center; bottom:0; background:#39f; padding:7px 0px; border-top:1px solid #99f;}
.foot-cc .foot-phone { border-radius:50px; width:35%; margin-left:10%; float:left; background:#fff; height:30px; line-height:30px; color:#333;}
.foot-cc .foot-phone a { font-size:13px; color:#666; }
.foot-cc .foot-email { border-radius:50px; width:35%; margin-left:10%; float:left; background:#fff; height:30px; line-height:30px; color:#333;}
.foot-cc .foot-email a { font-size:13px; color:#666; }

.quicknav {width:100%;bottom:0px;position:fixed;width:100%;text-align:center;height: 50px;line-height:62px;color: #000;z-index:99;background: url(/Content/C_IMG/wap.m7/yqbfoot-bg.png) repeat;}
.quicknav .quickhome {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-1.png) no-repeat top center;margin-top:7px;}
.quicknav .quickhome a:link, .quicknav .quickhome a:visited {font-size: 10pt;color:#FFF;text-align: center;}
.quicknav .quicktel {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-2.png) no-repeat top center;margin-top:7px;}
.quicknav .quicktel a:link, .quicknav .quicktel a:visited {font-size:10pt;color:#FFF;}
.quicknav .quickmail {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-3.png) no-repeat top center;margin-top:7px;}
.quicknav .quickmail a:link, .quicknav .quickmail a:visited {font-size:10pt;color:#FFF;}
.quicknav .quickfeedback {float:left;width:24.7%;font-size:8pt;color:#FFF;background: url(/Content/C_IMG/wap.m7/yqbfoot-4.png) no-repeat top center;margin-top:7px;}
.quicknav .quickfeedback a:link, .quicknav .quickfeedback a:visited {font-size:10pt;color:#FFF;}   

.drawer-main{position:fixed;top:0;width:200px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-200px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-200px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:200px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:200px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#222;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:18px}
.drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{display:block;padding:15px;color:#888}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position: relative;float: right;z-index:1000;display:block;width:40px;height:40px;background-color:transparent;border:0;background:#39f;margin: 22px 22px 0px 0px;border-radius: 3px;}
.drawer-hamberger span{margin-top: 19px;margin-left: 8px;}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width: 24px;height: 1px;cursor:pointer;content:'';background-color: #fff;border-radius: 0px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1);}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
@media (min-width:767px){.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
.drawer-responsive.drawer-left .drawer-main{left:0}
.drawer-responsive.drawer-right .drawer-main{right:0}}@media (min-width:768px){.drawer-responsive{background-color:#222}
.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
.drawer-responsive.drawer-left .drawer-main{float:left}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
.drawer-responsive.drawer-right .drawer-main{float:right}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}}@media (min-width:1200px){.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:200px!important}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:200px}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:200px}}

.m-position { height:57px; background:#f0f0f0 url(news-bg.jpg) repeat-x left bottom; line-height:50px; text-indent:15px;}
.m-about { margin:15px 10px 0px 10px;}
.m-about img {max-width:100%;}

.mobile-detail { margin:20px 10px 0px 10px;}
.mobile-detail h1 {font-size:18px; text-align:center; margin-bottom:15px;}
.mobile-detail img { max-width:100%;}
.prevNext {border:1px solid #ddd; padding:10px; margin-top:15px;}

.mobile-prolist { margin:15px 10px 0px 10px;}
.mobile-prolist h1 { font-size:18px; text-align:center;}
.singglepic { text-align:center; margin-top:10px;}
.singglepic img {max-width:100%;}
.mpro_tit {text-align:center;margin:15px auto;background: #ddd;color:#39f;font-size:16px;line-height:35px;border-radius:3px;}
.mpro-cont img {max-width:100%;margin-top:-10px;}

.table{border-collapse:collapse; min-width:100%;}
.table td, .table th{border:1px solid #cdcdcd; padding:5px;word-wrap:break-word;word-break:normal}
/* fackback */
.button2{display:block;color:#fff;line-height:45px;font-size:16px;width:100%;border:0px;background:#39f;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.fbbtn,.area1,.area2{margin:10px 12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.area1,.area2{padding:10px 6px;border:1px solid #d9d9d9;}
input,textarea{color:#000000;font-size:14px;width:100%;background-color:#ffffff; border:0px;color:#999;outline:none}.textarea2{height:64px;}

.lsmallsomebox{display:none;}
.aboutul{display:none;}
.aboutmore{display:none;}
.aboutimg{width:100% !important;height:auto !important;}
.aboutimg1{width:50%;}
.aboutp{display: block;height: 120px;overflow: hidden;}
.mk123{background:#4d4d4f !important}
 /*.LayImAhrefNode{*/
  /*position: fixed;*/
  /*display: block;*/
  /*width: 72px;*/
  /*height: 36px;*/
  /*background: #f08800;*/
  /*right: 0;*/
  /*top: 50%;*/
  /*z-index: 999;*/
  /*border-radius: 3px;*/
  /*line-height: 36px;*/
  /*text-align: center;*/
  /*color: #fff;*/
 /*}*/
 .foot-cc1 {
  position: fixed;
  bottom: 60px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  right: 5px;
  z-index: 999;
 }
 .foot-cc1 .foot-phone1 {
  float: right;
 }
 .foot-cc1 .foot-email1 {
  float: right;
 }
 .foot-cc1 .foot-chat1 {
  float: right;
 }
 .foot-cc1 span {
  display: inline-block;
  height: 36px;
 }
 .foot-cc1 a {
  color: #fff;
  font-size: 15px;
 }
 .foot-cc1 .foot-phone1>span>a>img {
  width: 40px;
  margin-left: 5px;
 }
 .foot-cc1 .foot-email1>span>a>img {
  width: 40px;
  margin-left: 5px;
 }
 .foot-cc1 .foot-chat1>span>a>img {
  width: 40px;
 }