*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; background-color:#d8f0fe}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer; color: #666;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

.l_ink {
	list-style-type: none
}

 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.fb {font-weight:bold;}
.f12 {font-size:12px;}
.f14 {font-size:14px;font-weight:bold;}
.f141 {font-size:14px;}
.f16 {font-size:16px;font-weight:bold;}
.fm{font-family:"微软雅黑";}
.mt20{ margin:20px 0px}

.text-overflow{ text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.text-l{text-align:left}/*水平居左*/
.text-r{text-align:right}/*水平居中*/
.text-c{text-align:center}/*水平居右*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}/*上下居顶*/
.va-m{ vertical-align:middle!important}/*上下居中*/
.va-b{ vertical-align:bottom!important}/*上下居底*/
.clear{    clear: both;
    height: 0;
    width: 0;
    zoom: 1;
    overflow: hidden;}
.cl:after,.clearfix:after,.container:after{content:"";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.clear{ width: 100%; clear: both; height: 1px;}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{  width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*公用开始------------------------------------------------------------------*/

.container-fluid{ width:100%}

.container1{padding-left:5px; padding-right:5px;}
.container{ padding-left: 15px; padding-right: 15px; margin: 0 auto; overflow: hidden;}/*固定外框*/	
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.ml10 {margin-left:10px;_margin-left:5px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.mb20 {margin-bottom:20px;}
.mr10 {margin-right:10px;}


/*头部开始------------------------------------------------------------------*/
#header{width: 100%; }
#header .fixed{ background:#fff; height:52px;}
#header .logo{ width: 300px; float: left; margin-top: 5px;}
#header .logo img{ width:300px; margin-top:5px;}
#header .nav{ float: right; height:30px; }
#header .nav>.fa{ color: #0f98e7; font-size: 25px; line-height:45px;}
#header .nav .on{ width: 30px; height: 30px; margin-top:12px; margin-left: 10px; float: right;}
#header .nav .on span{ display: block; height:5px; width: 100%; background: #0f98e7; margin-top: 10px; position: relative;transition:all 0.5s;
-moz-transition: all 0.5s;	
-webkit-transition: all 0.5s;	
-o-transition: all 0.5s; border-radius:2.5px ;}
#header .nav .on span:before,#header .nav .on span:after{ content:'';display: block;height:5px; width: 100%; background: #0f98e7; position: absolute;border-radius:2.5px ;
transition:all 0.5s;
-moz-transition: all 0.5s;	
-webkit-transition: all 0.5s;	
-o-transition: all 0.5s;}
#header .nav .on span:after{ top:-10px}
#header .nav .on span:before{ bottom: -10px;}
#header .nav .on.off span{ background:none;}
#header .nav .on.off span:after{ top:0px;transform: rotate(45deg);transform-origin:50% 50%;
 -webkit-transform: rotate(45deg); -webkit-transform-origin:50% 50%;
    -moz-transform: rotate(45deg) ; -moz-transform-origin:50% 50%;
    -ms-transform: rotate(45deg) ;   -ms-transform-origin:50% 50%;}
#header .nav .on.off span:before{bottom:0px;transform: rotate(-45deg);transform-origin:50% 50%;
 -webkit-transform: rotate(-45deg); -webkit-transform-origin:50% 50%;
    -moz-transform: rotate(-45deg) ; -moz-transform-origin:50% 50%;
    -ms-transform: rotate(-45deg) ;   -ms-transform-origin:50% 50%;}

#header .nav>ul{ position: fixed; z-index: 9999; display: none; width: 100vw; top:45px; left: 0; background: rgba(0,0,0,0.5); height: calc(100vh - 80px); height: -webkit-calc(100vh - 80px);}
#header .nav>ul>li{ background: #0f98e7; width: 100%; line-height: 50px; color: #fff; text-align: center; border-radius:4px ; border-bottom: 1px solid #fff; height: 50px;}
#header .nav>ul>li a{ font-size: 16px; color: #fff; display:block}

.m-nav{ width: 100%; position: relative; margin-top:6px;}
.m-nav:after,.m-nav:before{ content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0;}
.m-nav ul{ padding: 15px 0;}
.m-nav li{ float: left; width: 25%; text-align: center;}
.m-nav li img{ width: 60%;}
.m-nav li p{ font-size: 16px; color:#333; line-height: 30px;}
.pro-tit{ font-size: 16px;color:#333;text-align:center}
.pro-tit span{color:#0f98e7;text-transform:uppercase;font-size:20px; font-family:impact}
.pro-tit p{color:#0f98e7;}
.pro_con{ text-align:center; font-size:15px;  height:1px; background-color:#eeeeee;}


.banner {
	overflow: hidden;
}



.swiper-wrapper{}
.swiper-wrapper .swiper-slide{ float: left; text-align: center; }
.swiper-wrapper .swiper-slide p{ display: block;  padding: 10px; padding-bottom: 0;}
.swiper-wrapper .swiper-slide a{ display: block;}
.swiper-wrapper .swiper-slide a img{ max-width: 100%; border:#fbc02e 1px solid}
.swiper-wrapper .swiper-slide a{ text-align: center; line-height: 30px;}


 .swiper-container-pro {
	        width: 100%;
	        height: auto;
	        margin-left: auto;
	        margin-right: auto;
			margin-top:20px;
	    }
.swiper-slide {

	        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;
	    }
.swiper-pagination-bullet {
    width: 15px;
    height:5px;
    border-radius:0 ;
    opacity: 1;
    display: inline-block;
    background: #e5e5e5;
}

.swiper-pagination{ margin-top:30px;}
 
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; margin-top:20px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #e20300;}

.m-news ul { margin:12px 0px;} 
.m-news ul li{background:#f2f2f2 no-repeat center left;height:40px; display:block; line-height:40px; margin-bottom:12px; padding-left:8px}
.m-news ul li a{ font-size: 14px; line-height:40px;}
.m-news ul li a:after{ content: '>'; float: right;font-size: 14px; padding-right:8px}


.m-napa ul{ margin-bottom: 20px;}
.m-napa ul li{ float: left; text-align: center; border-left:1px solid #eee ;border-bottom:1px solid #eee ; width: 33%;}
.m-napa ul li:first-child,.m-napa ul li:nth-child(4){ border-left:0 ;}
.m-napa ul li a:first-child{ display: block; padding: 10px; padding-bottom: 0;}
.m-napa ul li a img{ max-width: 100%;}
.m-napa ul li a{ text-align: center; line-height: 30px;}
.footer{ height: 50px}
.footer ul{ height: 50px; width: 100%; position: fixed; z-index: 999; bottom: 0; left: 0; background: #333;}
.footer ul li{ width: 25%; float: left; overflow: hidden; line-height: 50px; text-align: center;}
.footer ul li img{ width:16px; vertical-align: middle; margin-right: 5px;}
.footer ul li a{ font-size: 16px; color: #fff;}


/*shouye*/
.index_xian{ height:2px; background-color:#097146;}


.weixin{margin:20px auto; text-align:center;}
.weixin img{width:50%;}
.index_more{ width:25%; margin:20px auto; background-color:#0f98e7;line-height:35px;}
.index_more a{ text-align:center; color:#fff; display:block; font-size:15px}

.index_more2{ width:25%; margin:20px auto; background-color:#e20300;line-height:35px;}
.index_more2 a{ text-align:center; color:#fff; display:block; font-size:15px}

.m-join{ background-color:#0f98e7; text-align:center; padding:18px 0px; margin-top:30px}
.m-join p{ color: #fff;font-size:16px; line-height:32px;}
.m-join a{ width:200px; height: 40px; line-height: 32px; color: #fff; font-size: 22px; text-align: center; margin: 10px auto; border: 1px solid #fff;}

.index-about{margin-top:0px;}
.about_con2{padding:10px;color:#333; text-align:center; font-size: 14px; line-height: 25px; }
.gong_img{ margin-top:5px; margin-bottom:25px;}
.youqing{ font-size:14px; width:95%; margin:0 auto}
.lianjie{font-size:14px; width:95%; margin:0 auto}
.about_con2 a{ color:#333; }



/*内页头------------------------------------------------------------------*/
.toptit{ line-height: 35px; text-align: center; position: relative; color: #3c241e; font-size: 16px;}
.toptit a:first-child{ position: absolute; left: 15px; top:6px; height: 21px; line-height: 21px; display: block; width: 38px;}
.toptit a:last-child{ position: absolute; right: 15px; top:6px; height: 21px;line-height: 21px; width: 21px; display: block;}
.m-tit{ height:26px; line-height: 30px; font-size: 15px; color: #333; margin: 15px auto 0; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom:20px;}
.m-tit a{ float: right; font-size: 14px; color: #7d7d7d ;}
.m-tit:before{content: ''; display: block; height: 26px; width: 6px; float: left; background: #0f98e7; margin-right: 10px;}

.m-title{ font-size: 16px; height: auto; line-height: 32px;border-bottom:1px solid  #eee; padding-top: 5px; padding-bottom: 10px;}
.m-title:before{ content: ""; margin-top: 8px; margin-right: 5px; display: block; width: 3px; height: 16px; float: left; background: #0f98e7;}
.m-title span{font-size: 12px; color: #999; display: block; line-height: 100%; padding-left: 8px;}
.m-messages{}
.m-messages form{border-bottom: 1px solid #eee;}
.m-messages form>input{ width:calc(100% - 20px); width: -webkit-calc(100% - 20px); padding:0 10px ; margin-top: 15px;}
.m-messages form textarea{width:calc(100% - 20px); width: -webkit-calc(100% - 20px); padding:0 10px ; margin-top: 15px;}
.m-name,.m-tel,.m-messages form textarea{ border: 1px solid #eee; line-height: 38px; font-size: 16px;}
.m-verify { margin-top: 15px;}
.m-verify img{  height: 40px; width: 95px; float: left;}
.m-verify input{ width:calc(100% - 107px); float: left; width: -webkit-calc(100% - 107px);border: 1px solid #eee; line-height: 38px; font-size: 16px; padding-left: 10px;}
.m-messages form>input[type="submit"]{  width: 150px; background: #ff5a5d; border: none; font-size: 16px; height: 40px; line-height: 40px; color: #fff;  text-align: center; display: block; margin: 15px auto;}
.abouturl { margin: 20px auto;}
.abouturl a{width: 47%; display: inline-block; border: 1px solid #0371c6; font-size: 14px; text-align: center;  line-height: 40px; margin-bottom: 15px; float: left;}
.abouturl a:nth-child(2),.abouturl a:nth-child(4),.abouturl a:nth-child(6),.abouturl a:nth-child(8),.abouturl a:nth-child(10){ float: right;}
.abouturl a.on{ background: #0371c6; color: #fff;}
/*内页产品------------------------------------------------------------------*/
.m-pro{ overflow: hidden;}
.m-pro li{  width: calc(33% - 1px); float: left;  margin-left: -1px; border-left:1px solid  #eee;border-bottom:1px solid  #eee; }
.m-pro li>a{ display: block; width: calc(100% - 20px); margin:10px; margin-bottom: 0;  text-align: center;}
.m-pro li>a img{ max-width: 100%;  margin: 0 auto;}
.m-pro li p{ line-height: 40px; text-align: center; font-size:14px ; color: #3c241e;} 
.swiper-pagination2{ text-align: center;}

.clmore{ display: block; width: 100%; text-align: center; font-size: 16px; color: #999; padding-top: 10px;}

/*内页新闻------------------------------------------------------------------*/
.mp-news .m-newslist li{ border-bottom: 1px solid #f0f0f0; height: 35px;}
.mp-news .m-newslist li a{ font-size: 14px; line-height: 35px;}
.mp-news .m-newslist li a p{ width:  calc(100% - 15px); float: left;}
.mp-news .m-newslist li a:after{ content: '>'; float: right;font-size: 16px;}
.m-newshow{ padding: 20px 0 ; border-bottom: 1px solid #eee;}
.m-newshow p{ font-size: 14px; color: #333; text-indent: 28px;}
.prnex a{ display:inline-block; width: 30%; font-size: 16px; line-height: 30px;}
.prnex a:first-child{ float: left; text-align: left;}
.prnex a:last-child{ float: right; text-align: right;}
.mp-about .mabcon{ border-bottom: 1px solid #eee; padding-bottom: 15px;}
.mabcon{  width:94%; margin:0 auto; }
.mabcon p{ font-size:14px; line-height:25px;}

/*---分页---*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #0f98e7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #ff5a5d;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #ff5a5d;
  border-color: #ff5a5d;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.m-product img{ max-width: 100% !important; height:  auto !important;} 
.m_banner{ width:100%}