@charset "utf-8";
/* 技术支持：www.ljun.net */
body { font-family: "微软雅黑"; padding: 0; font-size:14px; color:#111; background:fff; margin: 0 auto;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
a:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #064F95; text-decoration: none;}
a:active { color: #111;}
.clr{ height: 0; line-height: 0; font-size: 0; clear:both;}
.cRed{ color: #f00;}
.pages{ height: 30px; clear:both; padding: 20px 0;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 6px 10px; border: 1px solid #ccc; background: #E8E8E8; font-size: 12px;}
.pages a:hover,.pages strong{ border: 1px solid #DC0334; color: #fff; background: #DC0334; font-weight:normal; font-weight:bold;}

.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0; clear:both;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.addWrap .swipe-wrap img{ width: 100%; }
.addWrap .bottom{ position: absolute; bottom:10px; margin:0 auto; width: 100%; }
.addWrap #position{ margin:0 auto; width: 69px;}
.addWrap #position li{width:11px;height:11px;margin:0 5px;display:inline-block;-webkit-border-radius:11px;border-radius:11px;background-color:#fff; float:left;}
.addWrap #position li.cur{background-color:#FF0039;}
.addWrap .img-responsive { display: block; width: 100%;  height: auto;}

.Header{ padding: 5px 10px}
.Header .logo{ float:left; padding: 10px 0 2px;}
.Header .logo img{ max-width: 150px;}
.Header .r{ float:right; margin-top: 15px;}
.Header .r .en,.Header .r .en:visited{ height: 25px; width: 25px; display:block; background:url(img/common.png) no-repeat -205px -2px; background-size: 320px; float:right;}
.Header .r .tel{display:block; height: 25px; width: 38px; background:url(img/common.png) no-repeat -107px -45px; background-size: 290px; float:right; margin-right: 10px;}
.Header .r .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 18px; font-size: 12px; text-align:center;}
.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 1;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 45px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}

.title{ height: 40px; line-height: 40px; clear:both; overflow:hidden; padding: 0 10px; margin: 0 8px; background: #DFDFDF;}
.title h2{ font-size: 18px; font-weight:bold; float:left;}
.title span{ float:right; background:url(img/ico_1.png) no-repeat right center; background-size: 18px; display:block; width: 30px; height: 40px;}


.Banner img{ width: 100%;}



.Home{ margin: 0 auto;}
.Home .pr{ padding: 10px 2px 0;}
.Home .pr ul{ margin-top: 8px;}
.Home .pr li{ float:left; width: 50%;}
.Home .pr li img{ width:100%; display:block;}
.Home .pr li a{ border-bottom: none; display: block; position: relative; color: #fff; border: 8px solid #fff;}
.Home .pr li span{position:absolute; z-index: 2; background: rgba(0,0,0,0.6); bottom: 0; height: 32px; line-height: 32px; overflow:hidden; width: 100%; text-align:center; color: #fff;}



.Home .news{ padding: 10px 2px;}
.Home .news ul{ margin:3px 8px 0;}
.Home .news li{ border-top: 1px solid #ddd; height: 36px; line-height: 36px; overflow:hidden;}
.Home .news li em{ float:left; font-style:normal; padding-right: 15px; color: #999;}
.Home .news .no{border-top: none;}
.Home .about{ position:relative;}
.Home .about img{ width: 100%; display:block; margin-bottom: 10px;}
.Home .about p{ margin: 0;  padding: 10px 8px;line-height: 200%;}
.Home .about p a{ display:block; width: 160px; height: 56px; color: #fff; background: #00AEEF; text-align:center; line-height: 56px; margin:35px auto 0;}
.Home .about p a:hover{ background: #FF0039;}



.topbg{ background:url(img/bg.jpg) no-repeat 0 0; background-size: 100%; height: 70px; line-height: 70px; color: #fff; text-indent: 20px; font-size: 20px;}
.Content{ clear:both;}
.Content .menu{ background: #ddd; padding: 10px 0;}
.Content .menu li{ width: 33.3%; float:left; height: 38px; line-height: 38px; text-align:center;}
.Content .menu li .tag{ color:#064F95;}
.Content .menu_c{ padding: 10px 0;}
.Content .menu_c li{ float:left; width: 25%;  height: 38px; line-height: 38px; text-align:center; font-size: 16px;}
.Content .menu_c li .tag{ color:#064F95;}
.Content .menu2 li{ width: 50%;}


.Content .about{ padding: 20px 10px; line-height: 180%; }
.Content .about .addWrap #position{ margin:0 auto; width: 92px;}
.Content .about .pic img{ width: 100%; display:block;}
.Content .about p{ margin: 0; padding: 10px 0;}
.Content .about h3{ font-size: 18px; font-weight:bold; padding-top: 15px;}
.Content .about img{ display:block; margin: auto; width: 100%;}
.Content .newslist{ padding: 5px 0;}
.Content .newslist li{ border-bottom: 1px solid #ddd; height: 38px; line-height: 38px; padding: 0 10px; overflow:hidden;}
.Content .newslist li em{ float:left; font-style:normal; padding-right: 15px; color: #999;}
.Content .newsview{ padding: 7px;}
.Content .newsview h1{ font-size: 20px; padding: 10px 0; line-height: 160%; font-weight:bold;}
.Content .newsview .time{ color: #999;}
.Content .newsview .text{ line-height: 180%; padding: 10px 0 30px; }
.Content .newsview .text img{ max-width: 100%; display:block;}
.Content .newsview .text p{ margin: 0; padding: 7px 0;}
.Content .newsview .next{ clear:both; padding: 20px 0; border-top: 1px solid #ddd; line-height: 220%;}
.Content .newsview .next a,.Content .newsview .next a:visited{ color: #00AEEF;}





.Content .Productslist{}
.Content .Productslist{ padding: 10px 2px 0;}
.Content .Productslist ul{ margin-top: 8px;}
.Content .Productslist li{ float:left; width: 50%;}
.Content .Productslist li img{ width:100%; display:block;}
.Content .Productslist li a{ border-bottom: none; display: block; position: relative; color: #fff; border: 8px solid #fff;}
.Content .Productslist li span{position:absolute; z-index: 2;overflow:hidden; background: rgba(0,0,0,0.6); bottom: 0; height: 32px; line-height: 32px; overflow:hidden; width: 100%; text-align:center; color: #fff;}

.Content .productsview{line-height: 180%; }
.Content .productsview .pic{ padding: 10px 7px 0;}
.Content .productsview .pic a{ border-bottom: none; display: block; position: relative; color: #fff; }
.Content .productsview .pic span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.6) url(img/ico_2.png) no-repeat 10px 15px; background-size: 22px; bottom: 0; height: 40px; line-height: 40px; width: 100%;text-indent: 40px; color: #fff;overflow:hidden;}

.Content .productsview .text{ padding: 10px 7px 30px; }
.Content .productsview .miaoshu{ background: #DFDFDF; padding: 5px 10px; margin: 7px 7px 0;}
.Content .productsview p{ margin: 0; padding: 7px 0;}
.Content .productsview h1{font-size: 20px; padding: 15px 0; line-height: 160%; background: #DFDFDF; text-align:center;}
.Content .productsview img{ display:block; max-width:100%; height:auto; margin: 10px auto 0;}
.Content .productsview .next{ clear:both; padding: 20px 0; border-top: 1px solid #ddd; line-height: 220%; margin: 0 7px;}
.Content .productsview .next a,.Content .newsview .next a:visited{ color: #00AEEF;}



.Content .ProductsVideo{ padding: 0 2px 10px;}
.Content .ProductsVideo ul{ margin-top: 8px;}
.Content .ProductsVideo li{ float:left; width: 50%;}
.Content .ProductsVideo li img{ width:100%; display:block;}
.Content .ProductsVideo li a{ border-bottom: none; display: block; position: relative; color: #fff; border: 8px solid #fff;}
.Content .ProductsVideo li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.6) url(img/ico_2.png) no-repeat 10px 15px; background-size: 22px; bottom: 0; height: 40px; line-height: 40px; width: 100%;text-indent: 40px; color: #fff; overflow:hidden;}

.Content .videoview{}
.Content .videoview h1{font-size: 20px; padding: 15px 0; line-height: 160%; background: #DFDFDF; text-align:center;}
.Content .videoview .text{ padding: 7px 7px 30px;}
.Content .videoview .text video{ max-width:100%;}
.Content .videoview .next{ clear:both; padding: 20px 0; border-top: 1px solid #ddd; line-height: 220%; margin: 0 7px;}
.Content .videoview .next a,.Content .newsview .next a:visited{ color: #00AEEF;}







.foot{ text-align:center; padding: 25px 0 70px; color: #999;}
.foot a{ color: #999;}
.FootTel{ position: fixed; z-index: 200; left: 0; bottom: 0; right: 0; height: 48px; padding-top: 2px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,#FFF 67%,#FFF 100%);}
.FootTel li{ width: 33.333%; float:left; text-align:center; height: 48px;font-size: 14px;}
.FootTel li a{ display:block; height: 48px; padding-top: 7px;}
.FootTel img{ display:block; margin: 0 auto; width: 20px; height: 20px; vertical-align: middle;}
.FootTel .f1 a:first-child img  
{
    -webkit-animation:bounce 1.2s .2s ease both infinite;
    -moz-animation:bounce 1.2s .2s ease both infinite;}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-3px)}
    60%{-webkit-transform:translateY(-2px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-3px)}
    60%{-moz-transform:translateY(-2px)}
}