html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p { margin: 0; padding: 0; -webkit-text-size-adjust: none; font-family: "微软雅黑" , Helvetica; color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
audio, canvas, video { display: inline-block; *display:inline;*zoom:1}
audio:not([controls]) { display: none }
[hidden] {display:none}
input, select { vertical-align: middle; outline: 0 }
table { margin: 0 auto }
ol, ul { list-style: none }
li { list-style-type: none }
img {vertical-align: middle;border: 0; outline:none; }
img:not([src*="/"]) { display: none }
h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight: normal }
a { color: #000; text-decoration: none;-webkit-tap-highlight-color: rgba(255,255,255,0) ;font-family: "微软雅黑", Helvetica}
a:hover { text-decoration:none}
.clear { clear: both; height: 0; overflow: hidden; display: block; line-height: 0; background-color: #F00 }
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: "." }
.both { clear: both; width: 100% }
.left { float: left }
.right { float: right }
.hidden { overflow:hidden;}
.bg_124a9c { background-color:#124a9c !important;}
.bg_124a9c .title div{ color:#fff !important; border-bottom: 1px solid #fff !important}
.bg_124a9c .title div span{ color:#fff !important}
.bg_124a9c .more a{ background:#fff !important; color:#124a9c !important}
.bg_124a9c .product_list li span{ color:#fff !important}
.padding5{ padding:5px 10px!important; margin-top:10px !important;}
.fl{ float:left; margin-top:11%}
.fr{ float:right; margin-top:11%}

#header{ width:96%; height:50px; padding:0 2%; background:#124a9c; position:fixed; z-index:99; top:0;}
#header .logo{ float:left; width:80%; color:#fff; font-size:1em; font-weight:bold; line-height:50px}
#header .logo img{ height:30px; margin-top:10px} 
#header .menubtn img{ float:right; height:20px; margin-top:15px}

.drawer-main{position:fixed;top:0;width:150px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-280px;-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:-280px;-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:280px}
.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:150px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#ff9a9a;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; text-align:center; color:#fff; font-size:18px; padding:10px 0; border-bottom:1px solid #808080}
.drawer-default .drawer-nav-title span{ display:block}
.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; text-align:center; padding:10px 0; color:#888; color:#fff}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position:fixed;z-index:1000;display:block;width:30px;height:30px;padding:10px;background-color:transparent;border:0}
.drawer-hamberger span img{ height:30px;}
.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:280px!important}
.drawer-responsive.drawer-left .drawer-overlay{margin-left:280px}
.drawer-responsive.drawer-right .drawer-overlay{margin-right:280px}
}

.main_visual{height:200px; top:50px; overflow:hidden;position:relative;}
.main_image{height:200px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:200px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;height:200px;}
.main_image img{ width:100%;}
div.flicking_con{position:absolute;bottom:5px;left:44%;z-index:2; width:50%}
div.flicking_con a{float:left;width:8px;height:8px;margin:0;padding:0; background:#124a9c; border-radius:10px; border:2px solid #124a9c; margin-right:2%; display:block;text-indent:-1000px}
div.flicking_con a.on{ background:#fff; border:2px solid #124a9c}

#main{ width:100%; margin:50px auto 0; display:block; padding-bottom:34%; overflow:hidden}
#main .boder{ border-bottom:1px solid #dadada; margin:20px 0 10px}
#main .search{ padding:10px; background:#ececec;}
#main .search input{ width:80%; height:30px; background:#fff; padding:0 2%; color:#6a6a6a; border:0}
#main .search a{color:#333; background:#fff; height:30px; line-height:30px; width:16%; float:right; text-align:center}
#main .search a img{ height:20px; margin-top:5px}
#main .menu { margin:0 auto; padding:0 10px; position:relative; text-align:center; overflow:hidden}
#main .menu li { float:left; width:32%; margin:2% 2% 0 0; padding:1.5% 0; background:#ddf2fd; border:1px solid #dbdbdb; box-sizing:border-box; color:#6b6868}
#main .menu li:nth-child(3n){ margin-right:0}
#main .menu li a{ color:#6b6868}
#main .menu li img{ width:100%; height:auto; display:block}
#main .menu span { color:#333; line-height:25px;}
#main .top_img{ padding:0 10px}
#main .top_img img{ width:100%}

#main .product_type li{ width:100%; padding:10px 0; text-align:center}
#main .product_type li:nth-child(2n){ background:#e2e2e2}
#main .product_list li{ float:left; width:48%; margin:2% 4% 0 0; text-align:center;}
#main .product_list li:nth-child(2n){margin-right:0}
#main .product_list li img{ width:100%; height:100%; border:1px solid #cdcdcd; box-sizing:border-box}
#main .product_list li span{ display:block; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#124a9c;}
#main .product_list li .span{ font-size:.85em}
#main .content{ padding:0 10px; overflow:hidden}
#main .content p{ padding:10px 0; font-size:0.85em;}
#main .content .message{ padding:10px 0; overflow:hidden}
#main .content label{width:22%; text-align:left; line-height:30px; float:left; font-size:.85em}
#main .content label span{ color:#124a9c}
#main .content input{ width:72%; float:left; padding:0 2%; height:30px; border:1px solid #bfbfbf; font-size:.75em}
#main .content textarea{ width:72%; float:left; padding:0 2%; height:105px; border:1px solid #bfbfbf; font-size:.75em;}
#main .content .button{background:#124a9c; width:77%; margin-right:1%; border:0; color:#fff; float:right}
#main .content .message img{ float:left; margin-left:22%; margin-top:20px}
#main .content h3{ text-align:center}
#main .content img{ max-width:100%; margin:0 auto; display:block}
#main .content .text{ border-top:1px solid #bab9b7; margin-top:10px;}
#main .title{ margin:0px 0 10px; position:relative; overflow:hidden}
#main .title div{ float:left; padding:8px 0 5px; color:#215cb4; font-size:1.1em; position:relative; border-bottom:1px solid #215cb4}
#main .title span{ color:#57c0f7; font-size:.85em; color:#215cb4; vertical-align:middle; margin-left:5px; font-weight:normal}
#main .title .inmore{ float:right; border:0px; width:70px; padding:0; font-weight:normal; position: absolute; right:0px; top:9px; text-align:center; text-indent:0px; background:#57c0f7; font-size:.8em}
#main .title .inmore a{color:#ddf2fd}
#main .title img{ float:left; height:60px;}
#main .title .more{font-size:.8em;}
#main .title .more a{ padding:0}
#main .title .div_a{ background-image:url(../../images/tit_div_bga.jpg) , url(../../images/tit_div_bga.jpg);color:#fff}
#main .title .div_a span{ color:#fff}
#main .title_a{ background:url(../../images/tit_bga.jpg) repeat-x center;}
#main .margin40{ margin:20px auto 40px;}
#main .more{ width:100%; text-align:center; margin:10px auto; overflow:hidden; font-size:.9em; }
#main .more img{ width:20px; display:inline; vertical-align:-3px; margin-left:5px;}
#main .more a{ color:#fff; background:#124a9c; display:block; width:30%; margin:0 auto; padding:5px 10px;}
#main .btnfff{ color:#69a5e2; background:#fff}
#main .btnfff a{ color:#69a5e2;}
#main .map{ border:1px solid #bab9b7; height:auto; padding:10px}
#main .map img{ width:100%; height:100%}
#main .news_list li{ overflow:hidden; border-bottom:1px dashed #444; padding:10px 0;}
#main .news_list li p{ width:90%; padding:0; float:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#main .news_list li time{ float:right; font-size:.9em; color:#565656; margin:0 0 0 5px;}
#main .news_list li dl{ padding:0; float:left; width:61%; padding:0 3%;}
#main .news_list li dt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#main .news_list li dd{ font-size:.9em; color:#515050; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#main .news_list li a{ margin-left:5px; color:#565656}
#main .news_list li img{ float:left; width:10px; height:10px; margin-top:6px; margin-right:5px}
#main .news_list li span{ float:left; font-size:.9em; color:#F00}
#main .news_list li span a{ color:#565656}
#main .spe img{ width:100%; margin-top:10px}
#main .hot_bg{ background:url(../../images/hot_bg.png) no-repeat center top; background-size: 100%; padding:20px 0; margin-top:30px}

#main .in_pro { width:80%; margin:0 auto; padding:0 10px; position:relative; text-align:center}
#main .in_pro .in_pro_k{float:left;width:100%;overflow:hidden;}
#main .in_pro .in_pro_k ul { width:2000px; position:relative;}
#main .in_pro .in_pro_k li{ float:left; width:108px; margin:0 10px;text-align:center; font-size:1em; line-height:30px; color:#5d902b}
@media (min-width:321px) and (max-width:360px){
#main .in_pro .in_pro_k li { width:122px}
}
#main .in_pro .in_pro_k li a{color:#5d902b;}
#main .in_pro img{ height:30px;}
#main .in_pro li img{ width:100%; height:auto; display:block;border:2px solid #5d902b}
#main .in_pro .prev{ left: -10px; margin-top:35%; position:absolute; z-index:2}
#main .in_pro .next{ right: -10px; margin-top:35%; position:absolute; z-index:2}

#main .index_phone{ background:url(../../images/phone_bg.png) no-repeat; background-size:100%; text-align:center; color:#57c0f7; font-size:1.3em; margin:10px 10px 0; padding-top:6px; text-indent:1.7em}
#main .index_phone span{ display:block; font-size:.75em; font-size:1.5em; font-weight:bold; line-height:2.1em }
#main .index_phone img{ display:inline; width:40px; vertical-align:-1px}
#main .index_about {padding:0 10px;text-align:center}
#main .index_about img{ max-width:100%; margin-bottom:10px}
#main .index_about p{ color:#727070; margin:10px auto; font-size:.9em; line-height:1.5em; text-align:left}
#main .index_about .btn li{ width:22%; margin-right:4%; float:left;}
#main .index_about .btn li:nth-child(4n){margin-right:0;}
#main .index_about .btn li img{ width:100%;}
#main .in_tell{ background:url(../../images/tell_bg.jpg) no-repeat center top; margin:10px 0; background-size: 100%; color:#fff; text-align:center; font-size:1em; line-height:32px; font-style:italic}
#main .in_tell span{ display:block; color:#ece026; font-size:1.4em;}
#main .cooperation_list li{ float:left; width:32%; margin-right:2%; margin-top:2%}
#main .cooperation_list li:nth-child(3n){margin-right:0}
#main .cooperation_list li img{ width:100%; height:100%}

.page{ padding:0 10px; text-align:center; margin-top:10px; overflow:hidden }
.page .next{ float:right; background:#00b8ee; padding:10px; color:#fff}
.page .num{ vertical-align:middle; padding:10px; display:inline-block}
.page .prev{ float:left; background:#333; padding:10px; color:#fff}

.copyright{ width:96%; padding:5px 2%; background:#fff; position: fixed; bottom:60px; z-index:3}
.copyright span{ display:block; text-align:center; font-size:0.75em}

.gotop{ position:fixed; bottom:70px; right:0px; z-index:88; cursor:hand; opacity:0.7; }

#footer{ width:100%; height:60px; background:#313232; position:fixed; bottom:0; z-index:3}
#footer li{ float:left; width:25%; padding:5px 0; text-align:center; color:#fff; font-size:.85em; cursor: pointer;}
#footer li a{ color:#fff}
#footer li img{ height:30px}
#footer li span{ display:block}
#footer .check{ background:#124a9c;}

.am-share { font-size: 14px; border-radius: 0; top: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) }
.am-share-title { color: #fff; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; position:relative }
.am-share-title::after { content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }
.share_btn { position:absolute; top:11px; right:-49%; color: #fff; display: block; width: 100%; cursor: pointer; padding: 0; font-weight: 400; line-height: 1.2; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align:inherit-block; white-space: nowrap;font-family:"微软雅黑";  }
.share_btn img{ width:15px; height:15px}
.am-share-sns { margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }
.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }
.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }
.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

.poster-main{ position:relative;width:100%;height:170px; margin:0 auto; background:url(../../images/pro_bg.png) no-repeat bottom center; background-size:70%; padding-bottom:25px}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:100%;height:170px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:170px; z-index:10; cursor:pointer;  opacity:1}
.poster-main .poster-prev-btn{left:-37px; background: url(../../images/btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:-37px; background: url(../../images/btn_r.png) no-repeat center center;}