/*����*/
html, body, div, p, a, table, textarea, form, input, select, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre {
margin:0px;
padding:0px;
font-size:100%;
}
body {
background: #fff;
overflow-x:hidden;
font-size:100%;
max-width:640px;
margin: 0 auto;
}
li {
text-indent:0px;
}
ol, ul, li {
list-style:none;
}
img, a img {
border:0px;
max-width:100%;
}
a {
color:#4f4d4f;
text-decoration: none;
border:0px;
}
table {
border-collapse: collapse;
}
.clear {
background: none;
border: 0px none;
clear: both;
display: block;
float: none;
font-size: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
line-height: 0px;
list-style-type:none;
}
/*�����Զ�ͼƬչʾ*/
#show {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
overflow:hidden;
background:#000;
}
#show .bd {
height:100%;
}
#show .tempWrap {
height:100%;
}
#show .bd ul {
height:100%;
}
#show .bd li {
vertical-align:middle;
text-align:center;
}
#show .bd li a {
}
#show .bd li img {
background:url(images/loading.gif) center center no-repeat;
max-width:100%;
max-height:100%;
}
#show .bd li .tit {
display:block;
width:100%;
position:absolute;
bottom:0;
text-indent:10px;
height:28px;
line-height:28px;
background:url(images/focusBg.png) repeat-x;
color:#fff;
text-align:left;
}
#show .hd {
position:absolute;
height:28px;
line-height:23px;
bottom:0;
right:0;
z-index:1;
}
#show .hd li {
display:inline-block;
width:5px;
height:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#333;
text-indent:-9999px;
overflow:hidden;
margin:0 6px;
}
#show .hd li.on {
background:#fff;
}
#show .hd span {
color:#fff;
display:inline-block;
padding:0px 8px;
font-size:12px;
}
/*������à¼ï¿½ï¿½ï¿½ï¿½Ê½*/
ul.fs {
border:#eee 1px solid;
margin:20px 0px;
border-radius: 5px;
}
ul.fs:hover {
box-shadow: 5px 5px 10px #aaa;
}
ul.fs li {
background:#fff;
padding:0px;
border-top:#eee 1px solid;
}
ul.fs li * {
font-size:16px;
font-family:'Microsoft Yahei', '΢���ź�E���ź�6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '����B8B��4F53'
}
ul.fs li:hover {
background:#fafafa;
}
ul.fs li dl, ul.fs li dt, ul.fs li dd {
min-height:46px;
line-height:46px;
margin-right:2%;
display: inline-block;
*display: inline;
*zoom:1;
vertical-align:top;
}
ul.fs li dl {
width:10%;
text-align:right;
}
ul.fs li dt {
width:51%;
}
ul.fs li dd {
width:31.5%;
}
ul.fs li:hover dl {
color:red;
}
ul.fs li:hover dd {
color:red;
}
ul.fs div.edittools {
margin:5px;
}
ul.fs .border-top {
border-top:#eee 1px solid;
}
ul.fs li.selects {
display:none;
}
ul.fs li dt input[type="text"], ul.fs li dt input[type="password"], ul.fs li dt textarea {
width:95%;
font-size:16px;
height:23px;
padding:2px;
}
ul.fs li dt textarea {
height:150px;
line-height:150%;
margin-top:8px;
}
ul.fs li dt select, ul.fs li dt textarea, ul.fs li dt input {
border:1px solid #0099cc;
BACKGROUND:#fdfdfd;
COLOR: #0099cc;
}
ul.fs li dt select:hover, ul.fs li dt textarea:hover, ul.fs li dt input:hover {
border:1px solid #00ddff;
BACKGROUND: #fff;
box-shadow: 0px 0px 13px #666;
}
ul.fs li dt label {
padding:0px 5px 0px 0px;
}
ul.fs li dt label span:hover {
background:#378BC8;
color:#fff;
}
ul.fs li dt label input[type="radio"], ul.fs li dt label input[type="checkbox"] {
height:auto;
border:0px;
opacity:0;
position: absolute;
z-index: -1;
}
ul.fs li dt input[type="checkbox"]+span, ul.fs li dt input[type="radio"]+span {
padding:2px 5px;
}
ul.fs li dt input[type="checkbox"]:checked+span, ul.fs li dt input[type="radio"]:checked+span {
color:#fff;
background:#285797;
}
@media \0screen\,screen\9 {
/*����IE9���°汾*/
ul.fs li dt input[type="checkbox"]+span, ul.fs li dt input[type="radio"]+span {
padding:0px 13px 0px 6px;
}
ul.fs li dt label input[type="radio"], ul.fs li dt label input[type="checkbox"] {
opacity:100\9;
position:static\9;
}
}
ul.fs .showimg {
position:relative;
background:#fff;
display:none;
}
ul.fs .showimg dd {
position:relative;
margin-left:180px;
}
ul.fs .showimg dt {
position:absolute;
top:37px;
width:180px;
}
ul.fs .showimg dt img, ul.fs .showimg dd img {
height:100px;
line-height:130px;
padding:5px;
margin:10px 10px 10px 0px;
border:#eee 1px solid;
background:#FFF;
cursor:pointer;
}
ul.fs .showimg dt img {
max-height:100px;
max-width:90%;
}
ul.fs .showimg img:hover {
box-shadow: 0px 0px 13px #666;
}
div.editsubmit {
text-align:center;
width:100%;
}
div.editsubmit input, .button {
user-select: none;
width:auto;
border:0px;
color: #fff;
font-size:16px;
font-family: 'Microsoft Yahei', '΢���ź�E���ź�6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '����B8B��4F53';
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
height:38px;
line-height:38px;
padding:0px 13px;
margin:15px;
display:inline-block;
text-align: center;
cursor: pointer;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
text-decoration: none !important;
background-color: #2EB5E5;
background-image: -moz-linear-gradient(top, #34C0E9, #29AAE1);
background-image: -webkit-linear-gradient(top, #34C0E9, #29AAE1);
background-image: -ms-linear-gradient(top, #34C0E9, #29AAE1);
background-image: linear-gradient(top, #34C0E9, #29AAE1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c0e9', endColorstr='#29aae1', GradientType=0 );
}
div.editsubmit input:hover, .button:hover {
box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.3);
color:#ffd;
}
ul.fs .seo div {
line-height:200%;
padding:20px;
color:red;
}
ul.fs table.table {
background:#FFFFFF;
}
ul.fs table.table td input {
width:90%;
}
@media only screen and (max-width: 425px) {
ul.fs li dl {
width:27%;
text-align:right;
}
ul.fs li dt {
width:65%;
}
ul.fs li dd {
display:none;
}
}
/*�˵�����*/
ul.minmenu li {
float:left;
padding:15px 15px 15px 0px;
}
ul.minmenu a {
text-decoration: none;
border:1px solid #bbb;
display: block;
background: #F6F6F6;
line-height: 30px;
text-align: center;
padding:0px 20px;
border-radius: 5px;
}
ul.minmenu a:hover {
background:#fff;
}
ul.minmenu a:active, ul.minmenu li.selectlink a {
background:#C4005B;
color:#fff;
border:1px solid #C4005B;
box-shadow: 0px 0px 15px #aaa;
}
/*״̬��Ϣ*/
.error3 {
position:absolute;
z-index:999;
width:80%;
border:1px solid #bbb;
BACKGROUND: #fff;
margin:auto auto;
border-radius: 5px;
box-shadow: 0px 0px 15px #aaa;
}
.error3 h1 {
BACKGROUND:#f0f0f0;
}
.error3 h1 span {
min-width:auto;
}
.error3 div {
padding:5px;
line-height:30px;
min-height:100px;
max-height:360px;
border-top:1px solid #bbb;
font-size:1em;
overflow:auto;
}
.nocolor {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
/*������ʽ���������޸�*/
@media only screen and (min-width: 320px) {/*ָ��������Ļ��ʽ*/
}
@media screen and (orientation:portrait) {/* ������ʽ */
}
@media screen and (orientation:landscape) {/* ������ʽ */
}
.bian {
-moz-border-radius:2.5%;
-webkit-border-radius:2.5%;
border-radius:2.5%;
-moz-box-shadow: 0px 0px 8px #222;
-webkit-box-shadow: 0px 0px 8px #222;
box-shadow: 0px 0px 8px #222;
}
.yuan, div.cpmini img {
-moz-border-radius:2.5%;
-webkit-border-radius:2.5%;
border-radius:2.5%;
}
.overtxt {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.jb {
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35%, #ededed), color-stop(50%, #e3e3e3));
}
div.top {
background:#fff;
height:100px;
border-bottom:#eee 1px solid;
}
.showpic {
max-width:none;
}
.showpictxt {
position:relative;
top:-50px;
left:0px;
padding:10px;
background:#FFFFFF;
opacity:0.8;
}
div#nav {
position:absolute;
z-index:99;
top:0px;
width:100%;
height:100%;
display:none;
}
ul.nav {
position:fixed;
z-index:100;
bottom:0px;
width:100%;
border-top:1px solid #bbb;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35%, #ededed), color-stop(50%, #e3e3e3));
}
ul.nav li {
float:left;
position:relative;
}
ul.nav li a {
width:100%;
height:50px;
line-height:50px;
font-size:1em;
display:block;
text-align:center;
text-shadow: 0px 1px 0px #ffffff;
border-left:1px solid #bbb;
}
ul.nav li a img {
height:50px;
paddingtop:0px 0px 0px 0px;
}
ul.nav ul {
display:none;
width:96%;
position:absolute;
left:1%;
margin:0px;
z-index:99;
bottom:-130%;
border:#ccc 1px solid;
border-radius:2.5%;
background:#E9E9E9;
}
ul.nav ul:before {
content: "";
display:inline-block;
position: absolute;
z-index: 180;
left:0%;
width: 100%;
height:100%;
background:url(../images/mini/1.svg) no-repeat center 0;
-webkit-background-size: 13% auto;
bottom: -99%;
}
ul.nav ul li {
width:100%;
}
ul.nav ul li a {
border-left:0px;
border-top:1px solid #e0e0e0;
width:90%;
margin:0 auto;
font-size:1em;
}
ul.nav ul li:first-child a {
border:0px;
}
#nav2 {
position:fixed;
right:20px;
z-index:100;
top:8px;
width:36px;
overflow:auto;
}
ul.nav2 {
position:fixed;
left:-70%;
opacity:0;
z-index:100;
top:0px;
width:200px;
overflow:auto;
padding-right:4%;
height:100%;
border:1px solid #bbb;
background:url(../images/bigbg.jpg) no-repeat;
background-size:100% 100%;
}
ul.nav2 li {
border-top:1px solid #e0e0e0;
padding:3%;
opacity:0.9;
}
ul.nav2 li:first-child {
border:0px;
}
ul.nav2 li a {
font-size:1.3em;
white-space:nowrap;
color:#fff;
}
ul.nav2 li a img {
height:36px;
}
ul.nav2 li ul {
padding-left:10%;
}
ul.nav2 li ul li {
}
h1.title3 {
background:#00719A;
color:#fff;
height:50px;
line-height:50px;
padding-left:15px;
}
h1.title3 a {
color:#fff
}
h1.title3 i {
background:#C4005B;
width:2px;
height:30px;
display:block;
float:left;
margin:10px 10px 0px 0px;
}
h1.title3 .b {
background:#005BC4;
}
h1.title3 .g {
background:#00C45B;
}
h1.title3 span {
float:right;
padding:0px 15px;
font-size:15px;
}
h1.title2 {
background:#fafafa;
color:#444;
height:36px;
line-height:36px;
font-weight:bold;
font-size:15px;
font-family:'Microsoft Yahei', '΢���ź�E\8F6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '����B8B\4F53';
}
h1.title2 i {
background:#C4005B;
width:2px;
height:20px;
display:block;
float:left;
margin:8px 10px 0px 0px;
}
h1.title2 .b {
background:#005BC4;
}
h1.title2 .g {
background:#00C45B;
}
h1.title2 span {
float:right;
padding:0px 15px;
font-size:13px;
}
.bottom {
height:40px;
}
/*��ҳ*/
div.pagelist {
padding:8px;
height:25px;
text-align: center;
}
div.pagelist a {
float:left;
font-size: 14px;
}
div.pagelist select {
float:right;
}
div#pagelist li {
display: inline-block;
margin: auto 2px;
}
div#pagelist li a.current{
background: #00719a;
color: white;
}
div#pagelist li a{
border: #f0f0f0 1px solid;
padding: 2px 8px;
}
/*���������*/
.link {
}
.link img {
border-radius: 5px;
}
.link img:hover {
}
/*��������*/
.links {
}
.links li {
}
.links li a {
}
.links li a img {
border-radius: 5px;
}
.links li a img:hover {
}
/*�Զ�������չʾ������*/
ul.love li {
width:47%;
float:left;
color:#666;
margin-left:1%;
margin-top:10px
}
ul.love li a {
display:block;
color:#666;
padding:10px 5px;
}
ul.love li a:hover {
color:#00719A;
}
ul.love li a img:hover {
box-shadow: 0px 0px 15px #aaa;
}
ul.love li a img {
width:100%;
border-radius: 5px;
}
ul.love ol {
padding:0px;
display:block;
height:30px;
}
ul.lovelist li {
width:100%;
float:left;
background:#fafafa;
margin:5px 5px 5px 0px;
padding:0px;
border-radius: 5px;
}
ul.lovelist li a {
padding-left: 10px;
color: #000;
display: inline-block;
max-width: 70%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
ul.lovelist li time {
display: inline-block;
float: right;
padding: 10px 5px;
font-size: 14px;
}
ul.lovelist li a:before {
content: ">";
color: #000;
}
ul.lovelist li:hover {
background:#ebebeb;
}
/*�Զ�������չʾ������*/
ul.loveal li {
width:33%;
float:left;
color:#666;
}
ul.loveal li a {
display:block;
color:#666;
padding:10px 5px;
}
ul.loveal li a:hover {
color:#00719A;
}
ul.loveal li a img:hover {
box-shadow: 0px 0px 15px #aaa;
}
ul.loveal li a img {
width:100%;
border-radius: 5px;
}
ul.loveal ol {
padding:0px;
display:block;
height:40px;
}
/*�Զ�������չʾ������*/
ul.love2 li {
width:99%;
float:left;
color:#666;
}
ul.love2 li a {
display:block;
color:#666;
padding:10px 5px;
}
ul.love2 li a:hover {
color:#00719A;
}
ul.love2 li a img:hover {
box-shadow: 0px 0px 15px #aaa;
}
ul.love2 li a img {
width:100%;
border-radius: 5px;
}
ul.love2 ol {
padding:0px;
display:block;
height:40px;
}
.sycp {
text-align: center;
margin: 0px auto;
padding:5px 30px 5px 30px
}
.sycp h3 {
font-size:20px;
color: #666;
margin-top: 10px;
background: url(../images/1_172.jpg) center 20px no-repeat
}
.sycp em {
color: #6c6c6c;
font: 20px Arial, sans-serif;
display: block
}
header {
background:#00719A;
color:#ea1600;
line-height:50px;
text-align: center;
margin-bottom: 0px;
padding-top: 5px;
}
.buttone {
user-select: none;
width:auto;
border:0px;
color: #fff;
font-size:16px;
font-family: 'Microsoft Yahei', '΢���ź�E���ź�6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '����B8B��4F53';
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
height:30px;
line-height:30px;
padding:0px 8px;
margin:2px;
display:inline-block;
text-align: center;
cursor: pointer;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
text-decoration: none !important;
background-color: #239f3f;
background-image: -moz-linear-gradient(top, #239f3f, #239f3f);
background-image: -webkit-linear-gradient(top, #239f3f, #239f3f);
background-image: -ms-linear-gradient(top, #239f3f, #239f3f);
background-image: linear-gradient(top, #239f3f, #239f3f);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239f3f', endColorstr='#239f3f', GradientType=0 );
}
h1.title3 {
background:#00719A;
color:#fff;
height:50px;
line-height:50px;
font-weight:bold;
font-size:18px;
font-family:'Microsoft Yahei', '΢���ź�E\8F6F\96C5\9ED1', Arial, 'Hiragino Sans GB', '����B8B\4F53';
}
h1.title3 i {
background:#ff9c00;
width:2px;
height:30px;
display:block;
float:left;
margin:10px 10px 0px 0px;
}
h1.title3 .b {
background:#ff9c00;
}
h1.title3 .g {
background:#ff9c00;
}
h1.title3 span {
float:right;
padding:0px 15px;
font-size:14px;
}
h1.title3 span a {
color:#fff;
}
.synav li {
float:left;
width:24%;
text-align:center;
margin:10px 0 0 0.5%
}
.synav li span {
width:60px;
height:60px;
display: inline-block;
line-height: 60px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius:25px;
transition:all .5s ease;
}
.synav li a b {
display:block;
font-weight:400
}
.sytel {
display:block;
background:#f39c12;
color:#fff;
height:40px;
line-height:40px;
text-align:center;
-moz-border-radius:25px;
}
.bt1 {
background: #6acb02
}
.bt2 {
background: #3da0fd
}
.bt3 {
background: #e0cc00
}
.bt4 {
background: #bf8ee0
}
.bt5 {
background: #f39c12
}
.bt6 {
background: #88da3e
}
.bt7 {
background: #3498db
}
.bt8 {
background: #3dffb0
}
.synav li span i {
font-size: 25px;
color: #fff
}
.sytel img {
padding: 10px 10px 0 0
}
.show_content2 {
padding:1% 1%;
line-height:200%;
background:#00719A;
color:#fff
}
.show_content3 {
padding:3% 4%;
line-height:200%;
background-color: #5f6163;
color: #ffffff;
text-align: left;
white-space: nowrap;
vertical-align: middle;
margin-top: 1px;
font-size: 14px;
margin-bottom: 14px;
display: inline-block;
width: 94%;
}
.syfl {
text-align:center;
zoom:1;
overflow: hidden;
padding-top:20px;
}
.syfl a {
width:43%;
display: block;
float: left;
height: 40px;
line-height: 40px;
font-weight: bold;
background: #fe9a09;
color: #fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius:25px;
transition:all .5s ease;
margin: 3px 1%
}
.about_border {
color:#fff
}
.about_border h3 {
font-size:36px;
font-family:Arial;
margin:0;
padding:0;
text-align:center
}
.company_box {
line-height:24px;
height:144px;
overflow:hidden;
font-size:14px;
margin:20px 0;
padding: 0 10px;
}
.company_box p, .company_box p span {
font-size:14px
}
.about_border .more {
text-align:center
}
.about_border .more a {
color:#fff;
display:inline-block;
font-size:12px;
position:relative;
padding:0 20px
}
.about_border .more a:before {
content:"";
position:absolute;
left:-70px;
width:70px;
background-color:#fff;
height:1px;
top:8px
}
.about_border .more a:after {
content:"";
position:absolute;
right:-70px;
width:70px;
background-color:#fff;
height:1px;
top:8px
}
.LeftBox .more a:after, .LeftBox .more a:before, .article, .p_info_x .more a:after, .p_info_x .more a:before, .product .more a:after, .product .more a:before {
background-color:#00719A
}
.article {
padding:30px
}
.article .title {
color:#fff;
font-size:18px
}
.article .company_box {
margin:15px 0 20px;
height: 300px
}
.article .company_box ul li {
margin-bottom:10px;
position:relative
}
.article .company_box ul li span {
position:absolute;
left:0;
top:0;
height:66px;
width:66px;
background-color:#fff;
text-align:center;
font-family:Arial;
font-size:24px;
box-sizing:border-box;
padding:10px 0
}
.article .company_box ul li span b {
display:block;
font-size:14px
}
.article .company_box ul li a {
display:block;
height:66px;
line-height:66px;
background:url(../mimages/white.png) repeat;
color:#fff;
font-size:14px;
padding:0 10px 0 80px;
overflow: hidden
}
.article .more {
text-align:center
}
.article .more a {
color:#fff;
display:inline-block;
font-size:12px;
position:relative;
padding:0 20px
}
.article .more a:before {
content:"";
position:absolute;
left:-70px;
width:70px;
background-color:#fff;
height:1px;
top:8px
}
.article .more a:after {
content:"";
position:absolute;
right:-70px;
width:70px;
background-color:#fff;
height:1px;
top:8px
}
/*�ֻ�banner�ֲ�*/
.banner {
width:100%
}
.banner img {
display:block;
width:100%
}
.swipe {
width:100%;
overflow:hidden;
position:relative;
}
.swipe ul {
-webkit-transition:left 800ms ease-in 0;
-moz-transition:left 800ms ease-in 0;
-o-transition:left 800ms ease-in 0;
-ms-transition:left 800ms ease-in 0;
transition:left 800ms ease-in 0;
}
.swipe #pagenavi {
position:absolute;
left:10px;
bottom:10px;
text-align:center;
width:100%;
background:rgba(fff, fff, fff, 0.6)!important;
filter:Alpha(opacity=50);
padding:6px;
}
.swipe #pagenavi a {
width:8px;
height:8px;
line-height:99em;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
margin:0 4px;
overflow:hidden;
cursor:pointer;
display:inline-block;
*display:inline;
*zoom:1;
position:relative;
}
.swipe #pagenavi a.active {
background:#ff0;
position:relative;
}
.foot {
width:100%;
max-width:640px;
height:8rem;
position: relative;
background:#1b1b1b;
position:fixed;
bottom:0;
}
.foot a {
display:block;
width:25%;
height:8rem;
position:relative;
float:left;
text-align:center;
font:2.2rem/2.8rem "microsoft yahei";
color:#fff;
}
.foot a img {
display:block;
position: absolute;
width:76%;
left:10%;
bottom:0
}
.foot a span {
font:4rem/5rem "microsoft yahei";
color:#fff;
display:block;
width:100%;
text-align:center;
}
.foot_nav {
width:88.28125%;
margin:2% auto;
overflow:hidden
}
.foot_nav li {
width:33%;
height:auto;
float:left;
}
.foot_nav li a {
display:block;
width:94.69%;
margin:0 auto;
font:1.2rem/4rem "microsoft yahei";
border-radius:4rem;
text-align:center;
background:#086cb8;
text-overflow: ellipsis;
overflow:hidden;
white-space: nowrap;
color:#fff;
}
/* �ײ��̶����� */
.social_nav5 {
height:58px;
position:fixed;
bottom:0;
width:100%;
z-index:999;
max-width:640px;
}
.social_nav5 li {
width:33.333%;
float:left;
position:relative;
border-right:1px solid #ffffff;
font-size:18px;
text-align:center;
color:#fff;
line-height:12px;
height:58px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.social_nav5 li:last-child {
border-right:none;
}
.social_nav5 li:first-child {
border-left:none;
}
.social_nav5 li em {
width:23px;
display:block;
margin:0 auto;
padding:10px 0 6px 0;
}
.social_nav5 li em img {
width: 23px;
}
.social_nav5 li a {
color:#fff;
}
.social_nav5 li.cur {
color:#fff;
background: #ffae02;
}
.social_nav5 li .erji {
position:absolute;
bottom:58px;
left:0;
width:100%;
text-align:left;
background:#0c7051;
display:none;
}
.social_nav5 li .erji a {
display:block;
border-bottom:1px solid #20a6ee;
font-size:12px;
height: 26px;
line-height:26px;
position:relative;
text-align:center;
color:#fff;
}
.social_nav5 li .erji a:last-child {
border-bottom:none;
}
.nybt {
background:#00719A;
padding:0.2rem;
margin-bottom:12px;
color:#FFF;
text-align: center;
}
.nybt span {
font-size:30px;color:#FFF;
}
.nybt h3 {
display:inline;
padding-left:0.5rem;
font-size:20px;
color:#FFF;
}
.nybt img {
width:35px;
vertical-align:middle;
float:right
}
.mini_n {
line-height:200%;
margin:20px
}
.cppic a {
position:relative;
display:block;
width:95%;
height:246px;
text-align:center;
cursor:pointer;
margin:1rem auto;
text-align:center
}
.cppic a img {
position:absolute;
left:0;
z-index:3;
width:100%;
}
.cppic a:hover img {
transition:all 1.5s;
transform:rotateY(360deg)
}
.cppic a span {
position:absolute;
top:220px;
left:10%;
z-index:4;
width:80%;
line-height:30px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#086cb8;
color:#000;
color:#fff;
text-align:center;
font-size:16px;
font-size:14px;
}
.cppic a:hover span {
transition:all 1.5s;
transform:rotateY(360deg)
}
/*���Ų�Ʒ������*/
div.content {
margin-top:10px;
padding-top: 10px;
background: #f3f3f3;
}
.m_weizhi {
height: 26px;
line-height: 26px;
text-align: left;
margin-left: 3%;
font-size: 12px;
background: #FFF;
width: 94%;
}
.m_weizhi ul{
white-space: nowrap;
}
.m_weizhi li{
display: inline-block;
}
div.content h1 {
font-size: 20px;
color: #00719a;
margin: 5px 0;
text-align: left;
padding: 0 3%;
font-weight: 800;
}
.information {
font-size: 12px;
color: #999;
float: left;
width: 94%;
border-bottom: 1px #CCCCCC solid;
margin: 0 3%;
}
.information time {
line-height: 30px;
display: inline;
float: left;
}
.source {
line-height: 30px;
display: inline;
float: right;
}
.updown {
float: left;
width: 100%;
max-width: 100%;
font-size: 12px;
margin: 2% 0;
}
.updown span {
width: 100%;
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 1% 0;
line-height: 20px;
padding: 0;
}
.share span {
float: left;
margin: 0;
padding: 0;
line-height: 28px;
font-size: 12px;
}
div.content .p {
line-height:200%;
padding:0 3%; padding-top: 10px;
}
div.content .p p {
font-size: 14px;
line-height: 26px;
margin-bottom: 8px;
}
div.content h2 {
margin-bottom: 8px;
font-size: 14px;
line-height: 26px;
width: 100%;
}
div.content figure{
width: 100%;
margin: auto;
}
div.content li img{
/*display: none;*/
width: 100%;
}
div.content img {
max-width: 100% !important;
max-height: 100%;
display: block;
margin: 2% auto;
height: auto !important;
}
div.content dl {
padding:0 3%;
margin-bottom:10px;
line-height:180%
}
/*���*/
.m_xg {
background: #FFF;
/*margin-bottom: 70px;*/
float: left;
}
.m_xg_tit {
line-height: 45px;
font-size: 16px;
text-align: center;
border-bottom: 1px solid #aaa;
margin: 0 4%;
}
.m_xg1 {
width: 92%;
float: left;
margin: 4% 4%;
height: 90px;
}
.m_xg1 img {
width: 30%;
float: left;
height: 100%;
}
.m_xg1_nr {
float: left;
width: 66%;
margin-left: 4%;
}
.m_xg1_nr .m_xg1_tit {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
margin-bottom: 1%;
color: black;
}
.m_xg1_nr time {
font-size: 12px;
color: #b0b1b1;
}
.m_xg1_con {
overflow: hidden;
line-height: 24px;
height: 45px;
font-size: 12px;
color: #999;
}
/*���end*/
.product_pic_box {
width:100%;
margin-top:10px;
}
.mod-product-list-t1 {
display: block;
overflow: hidden;
}
.mod-product-list {
-webkit-box-flex: 1;
display: -webkit-box;
}
.product_pic_box dd {
width: 48%;
margin-bottom: 14px;
float: left;
overflow: hidden;
margin-left: 1%;
margin-right: 1%;
}
.mod-product-list-t1 dd {
width: 48%;
background-color: #fff;
float: left;
}
dd {
display: block;
-webkit-margin-start: 40px;
}
.mod-product-list-t1 {
display:block;
overflow:hidden;
width: 100%;
}
.mod-product-list-t1 dd {
width:48%;
background-color:#fff;
float:left
}
.mod-product-list-t1 dd a {
margin:5px;
display:block;
background-color:#fff
}
.mod-product-list-t1 dd a .product-img {
position:relative;
width:100%;
height:0;
padding-bottom: 100%!important;
}
.mod-product-list-t1 dd img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}
/*��������*/
.m_wenan {
width: 100%;
height: 100px;
text-align: center;
line-height: 30px;
font-size: 16px;
background-image: url(../images/bannerbj.jpg);
background-position: center;
}
.m_wenan p {
padding-top: 20px;color: #fff;
}
/*����*/
.product_pic_title {
line-height:2;
text-align:center;
color:#333;
text-overflow:ellipsis;
overflow:hidden;
/*white-space:nowrap;*/
}
.protxt h3 {
font-size: 14px;
font-weight: 400;
padding: 0 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product_pic_box .more {
text-align:center;
margin:30px auto 0 auto
}
.product_pic_box .more a {
color:#00719A;
display:inline-block;
font-size:12px;
position:relative;
padding:0 20px
}
.product_pic_box .more a:before {
content:"";
position:absolute;
left:-70px;
width:70px;
background-color:#00719A;
height:1px;
top:8px
}
.product_pic_box .more a:after {
content:"";
position:absolute;
right:-70px;
width:70px;
background-color:#00719A;
height:1px;
top:8px
}
menu {
width:100%;
background:#00719A;
max-width:640px;
}
.menu ul {
list-style-type:none;
list-style-image:none;
margin:0;
padding:0px;
}
.menu ul li {
margin: 0 auto;
}
.menu_li {
width:24%;
line-height:38px;
color:#ffffff;
text-align:center;
float:left;
display:block;
line-height:38px;
border-bottom:1px solid #6db7ff;
background:#00719A;
}
.menu_li1 {
width:1%;
line-height:38px;
color:#ffffff;
text-align:center;
float:left;
display:block;
line-height:38px;
border-bottom:1px solid #6db7ff;
background:#00719A;
}
.menu_li a {
line-height:38px;
color:#ffffff;
text-align:center;
line-height:38px;
font-size: 15px;
}
/*����*/
.area {
margin: 20px 0;
}
.w370 { line-height:50px;
}
.w90 {
text-align: right;
}
.input {
width: 100%;
}
.input1 {
width: 60%;
}
.mes .input {
height: 30px;
border: 1px solid #ccc;
padding-left: 3px;
padding-top: 2px;
}
.mes p {
color: #999;
}
.require {
width: 100%;
height: 160px;
border: 1px solid #ccc;
padding-left: 3px;
padding-top: 2px;
margin: 7px 0;
}
.submit {
width: 45%;
height: 30px;
text-align: center;
background: #ef2416;
color: #FFF;
border: 0;
font-family: "΢���ź�";
font-size: 15px;
cursor: pointer;
}
.reset {
width: 45%;
height: 30px;
text-align: center;
background: #ADADAD;
color: #FFF;
border: 0;
font-family: "΢���ź�";
margin-left: 15px;
font-size: 15px;
cursor: pointer;
}
/*qa_ad*/
.qa_ad_tel {
width:100%;
background:#0ae;
float:left;
}
.qa_ad_tel .right_tel {
padding:25px 20px 20px 20px;
width:100%;
float:left;
}
.qa_ad_tel .inp {
width:100%;
float:left;
}
.qa_ad_tel .inp input {
width:60%;
height:36px;
padding:0 10px;
border:none;
font-size:15px;
float:left;
}
.qa_ad_tel .inp .btn {
line-height:36px;
padding:0 15px;
background:#fe3;
color:#0ae;
font-size:15px;
float:left;
width:30%;
}
.qa_ad_tel .inp .btn:hover {
background:#fd3;
}
.text {
color:#fff;
width:100%;
font-size:12px;
float:left; text-align:left;
}
.submit_tel {
width: 50px;
height: 30px;
text-align: center;
background: #ef2416;
color: #FFF;
border: 0;
font-family: "΢���ź�";
font-size: 15px;
cursor: pointer;
}
/*����*/
.xuanfuzx {
padding: 0 5% 5%;
/* background: #f3f3f3; */
font-size: 14px;
/* width: 240px; */
}
.xuanfuzx1 {
color: #e33043;
padding-top: 10px;
line-height: 30px;
font-size: 20px;
border-top: 2px solid #e33043;
margin: 0 -5%;
text-indent: 1.5ex;
}
.xuanfuzx li {
position: relative;
height: 38px;
margin-top: 15px;
/* background: white; */
border-radius: 5px;
background: #f3f3f3;
}
.xuanfuzx p {
width: 30%;
float: left;
line-height: 38px;
padding-left: 5%;
/* background: #f3f3f3; */
}
.xuanfuzx input {
line-height: 38px;
width: 65%;
border: 0;
background: #f3f3f3;
border-radius: 5px;
}
.xuanfuzx input.np {
width: auto;
float: none;
line-height: 38px;
}
.xuanfuzx select {
width: 65%;
height: 38px;
border: white;
}
.xuanfuzx span {
width: 65%;
height: 38px;
line-height: 38px;
}
.xuanfuzx2 {
margin-top: 10px;
}
.xuanfuzx2 input {
height: 45px;
width: 100%;
cursor: pointer;
border-radius: 5px;
background: #e33043;
line-height: 45px;
color: #fff;
font-size: 18px;
border: none;
font-family: Microsoft YaHei,SimSun,Arial, Helvetica;
}
.xuanfzx {
bottom: 0;
position: fixed;
left: 0;
}
.xuanfwt {
bottom: 0;
position: inherit !important;
left: 0;
}
.bank15-3 td {
border-left: 1px solid #d1d3d4;
border-top: 1px solid #d1d3d4;
margin-left: 2%;
padding: 0 10px;
width: inherit !important;
height: inherit !important;
white-space: nowrap !important;
color: #666 !important;
font-size: 14px !important;
}
.bank15-3 table {
width: 80%;
margin: auto;
margin: 5px auto;
border-bottom: 1px solid #d1d3d4;
border-right: 1px solid #d1d3d4;
width: inherit !important;
height: inherit !important;
white-space: nowrap !important;
}
.bank15-3 tr{
width: inherit !important;
height: inherit !important;
white-space: nowrap !important;
}
.xuan1920 {
display: inline-block;
width: 100%;
}
.xuan1920 form {
margin: auto;
}
/* �ײ��̶����� */
.social_nav5 {
height:58px;
position:fixed;
bottom:0;
width:100%;
z-index:999;
max-width: 640px;
background: #fff;
}
.social_nav5 li {
width:30%;
float:left;
position:relative;
/*border-right:1px solid #6db7ff;*/
font-size:18px;
text-align:center;
color:#fff;
line-height:12px;
height:40px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
border-radius: 50px;
margin-top: 6px;
margin-left: 1.5%;
margin-right: 1.5%;
}
.social_nav5 li:last-child {
border-right:none;
}
.social_nav5 li:first-child {
border-left:none;
}
.social_nav5 li em {
width:23px;
display:block;
margin:0 auto;
padding:10px 0 6px 0;
}
.social_nav5 li em img {
width: 23px;
}
.social_nav5 li a {
color:#fff;
display: block;
text-indent: 30px;
font-size: 16px;
height: 40px;
line-height: 40px;
}
.kcbtnlia1 {
background: url(../images/liuyan.png) no-repeat 5px 50%;
background-size: 30px;
}
.kcbtnlia2 {
background: url(../images/weixin.png) no-repeat no-repeat 5px 50%;
background-size: 30px;
}
.kcbtnlia3 {
background: url(../images/dianhua.png) no-repeat no-repeat 5px 50%;
background-size: 30px;
}
.social_nav5 li.cur {
color:#fff;
background: #ffae02;
}
.social_nav5 li .erji {
position:absolute;
bottom:58px;
left:0;
width:100%;
text-align:left;
background:#0c7051;
display:none;
}
.social_nav5 li .erji a {
display:block;
border-bottom:1px solid #20a6ee;
font-size:12px;
height: 26px;
line-height:26px;
position:relative;
text-align:center;
color:#fff;
}
.social_nav5 li .erji a:last-child {
border-bottom:none;
}