body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; -webkit-text-size-adjust: none;}
img{vertical-align: middle; border:none; max-width: 100%!important;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
input[placeholder], [placeholder], *[placeholder] { 
color:#fff !important; 
} 
::-webkit-input-placeholder {
color: #fff; 
} 
::-ms-input-placeholder {
color: #fff; 
} 
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
.fr{ float: right;}
.fl{ float: left;}


.wt,.header h1,.header h1 img,.k3 li a i,.inews-pic img,.inews-list li .more,.detail i{ 
    -webkit-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

.header{ height: 88px; position: relative;}
.header h1{ float: left; font-size: 0; margin-top: 17px; float: left;}
.nav{ float: right; padding: 48px 0 0 0;}
.nav li{ float: left; margin-left: 42px; font-size: 16px; height: 40px; overflow: hidden;}
.nav li a{ display: block;}
.nav li a:hover{ background: url("../images/icon1.png")/*tpa=images/icon1.png*/ no-repeat center bottom; height: 40px; color: #084fb1;}
.top-tel{  width: 199px; height: 13px; position: absolute;
 top: 13px; right: 0; text-align:right }
.mtel{ color:#ff0000; font-size:18px}

.slide-banner{ width: 100%; position: relative; margin-bottom: 25px;}
.slide-img li{ float: left; display: none;}
.slide-img li img{ width: 100%;}
.slide-banner .flex-control-nav{ display: block; position: absolute; left: 0; z-index: 9; bottom: 20px;
width: 100%; text-align: center; height: 5px; line-height: 5px;}
.slide-banner .flex-control-nav li{ cursor: pointer; border-radius: 6px; overflow: hidden; margin: 0 5px;  display: inline-block;}
.slide-banner .flex-control-nav li a{ width: 20px; height: 5px; display: block; background: #004098;
font-size: 0; text-indent: -9999px;}
.slide-banner .flex-control-nav li .flex-active{ background: #fb8f10;}

.layout{ padding: 50px 0;}
.layoutaa{ padding: 100px 0;}
.i-cloumn{ text-align: center; margin-bottom: 30px;}
.ent{ background: url("../images/icon3.png")/*tpa=images/icon3.png*/ no-repeat; font-size: 0; text-indent: -9999px; margin: auto;  height: 37px;}
.product-en{ background-position: 0 -103px; width: 324px;}
.i-cloumn h3{ font-size: 30px; color: #333; font-family: '黑体';}
.tagbtn{ height: 35px; line-height: 35px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  text-align: center; margin-bottom: 30px;}
.inlineb{ display: inline-block; height: 35px;}
.inlineb a{ float: left; padding: 0 25px; font-size: 14px;}
.inlineb .on{ background: #004098; color: #fff;}
.tagpro .flex-viewport{overflow: hidden; width: 1200px; height: 289px;}
.tagpro li{ float: left; text-align: center;}
.tagpro .slides li a{ display: block; border: 1px solid #e6e5e5; width: 233px;}
.ipro-pic{ width: 233px; height: 248px; border-bottom: 1px solid #e6e5e5;}
.ipro-pic img{ width: 233px; height: 248px; float:left}

.tagpro li h3{ font-size: 14px; height: 38px; line-height: 38px; overflow: hidden;}
.tagpro{ width: 1200px; margin: auto; position: relative; display: none;  }
.tagpro .slides li a:hover{ border-color:#004098; }
.tagpro .slides li a:hover h3{ background: #004098; color: #fff;}
.tagpro .flex-control-nav{ display: none;}

.flex-direction-nav a{ background: url("../images/icon4.png")/*tpa=images/icon4.png*/ no-repeat; position: absolute; width: 30px; height: 55px;  top: 120px; z-index: 9; font-size: 0; text-indent: -9999px;}
.flex-direction-nav .flex-prev{ background-position: 0 0; left: -45px;}
.flex-direction-nav .flex-next{ background-position: -30px 0; right: -45px;}

.layout2{ background: url("../images/bg1.jpg")/*tpa=images/bg1.jpg*/ no-repeat center bottom; height: 500px; padding: 50px 0;}
.cul-en{ background-position: 0 -50px; width: 382px; height: 38px;}
.txt-culture{ width: 52%; float: left; padding-top: 0px;}
.pic-culture{ width: 46%; float: left; text-align: right;}
.k3{ padding-top: 30px;}
.k3 li{ float: left; width: 100px; text-align: center; margin:0 15px 0 5px;}
.k3 li a{ display: block; font-size: 14px;}
.k3 li a i{ background: url("../images/icon5.png")/*tpa=images/icon5.png*/ no-repeat; display: block; width: 100px; height: 114px; margin-bottom: 10px;}
.k3 .tu1 i{ background-position: 0 0;}
.k3 .tu2 i{ background-position: -201px 0;}
.k3 .tu3 i{ background-position: -403px 0;}
.k3 li a:hover{ color: #004098;}
.k3 .tu1 a:hover i{ background-position: 0 -115px;}
.k3 .tu2 a:hover i{ background-position: -201px -115px;}
.k3 .tu3 a:hover i{ background-position: -403px -115px;}

.news-en{ background-position: 0 0; width: 248px;}
.inews-pic{ margin-bottom: 25px; width:278px; height:160px;}
.inews-title{ height: 60px; margin-bottom: 4px;}
.inews-title dt{ width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; color: #333; background: #e5e5e5; float: left; margin-right: 6px;}
.inews-title dd{ -float: left; padding-top: 8px;}
.inews-title dd h3{ font-size: 14px; height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.inews-list{ margin: 0 -15px;}

.inews-list li{ float: left; width: 25%; padding: 0 15px; box-sizing:border-box;}
.inews-list li .intro{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 6px;}
.inews-list li .more{ width: 78px; height: 28px; line-height: 28px; text-align: center; display: block;
border: 1px solid #004098; color: #667fb5; margin-bottom:20px;}
.inews-title:hover dt{ background: #004098; color: #fff;}
.inews-title:hover h3 a:hover{ color: #004098;}
.inews-list li .more:hover{ background: #004098; color: #fff;}

.footer{ background: #022e69; padding-top: 30px; overflow: hidden;-height: 277px;}
.bleft{ width: 55%; float: left;}
.bwap{ width: 45%; float: left; height: 175px; border-left: 1px dashed #fff; box-sizing:border-box;}
.bm{ width: 158px; float: left; color: #fff;}
.bm dd a{ color: #fff;}
.bm dd a:hover{ text-decoration: underline; }
.bm dt{ margin-bottom: 16px; font-size: 14px;}
.bm dt span{ padding-bottom: 4px; border-bottom: 1px solid #fff;}
.bm dd{ margin-bottom: 4px;}
.er{ float: left; margin-right: 40px;}
.er p{ font-size: 14px; text-align: center; color: #fff; margin-top: 8px;}
.cway{ float: left; color: #fff;}
.cway h3{ font-size: 14px; margin-bottom: 15px;}
.cway span{ display: inline-block; margin-bottom: 6px;}
.cway-item{ margin-bottom: 6px;}
.cway-item p{ margin-left: 21px;}
.dizhi{ background: url("../images/icon6.png")/*tpa=images/icon6.png*/ no-repeat -2px 0; padding-left: 20px;}
.lxren{ background: url("../images/icon66.png")/*tpa=images/icon66.png*/ no-repeat -2px 0; padding-left: 20px;}

.dh{ background: url("../images/icon6.png")/*tpa=images/icon6.png*/ no-repeat -2px -48px; padding-left: 20px;}
.cz{ background: url("../images/icon6.png")/*tpa=images/icon6.png*/ no-repeat -2px -95px; padding-left: 22px}
.yx{ background: url("../images/icony.png")/*tpa=images/icon6.png*/ no-repeat -2px -95px; padding-left: 22px}

.fb{ padding: 2px 0 ; text-align: center; color: #ccc; border-top: 0px solid #4e6d96; background-color:#333333}
.fb a{ color: #a4acbe;}
.mb24{ margin-bottom: 24px;}
.bway{ float: left; border-left: 1px dashed #6782a5; padding-left:40px;}

.banner{ height: 300px;}
.menusbar{ height: 40px; background: #004098; width: 100%; margin-bottom: 16px;

}
.ncloumn{ width: 200px; height: 90px; background: #333333; float: left; margin-top: -20px; text-align: center;color: #fff;
-webkit-border-radius: 20px 0px 10px 0px;
-moz-border-radius:  20px 0px 10px 0px;
border-radius: 20px 0px 10px 0px;
behavior: url(pie.htc);

}
.ncloumn h3{ font-size: 30px; padding-top: 12px; font-weight: 700;}
.ncloumn h4{ font-family: arial;}
.menus{ float: left; padding-left: 12px;}
.menus li{ float: left; font-size: 16px; height: 40px; line-height: 40px; margin-right: 1px; position: relative;}
.menus li a{ padding: 0 30px; color: #fff; height: 40px; display: block; position: relative;}
.menus li a:hover,.menus li .hover{ background: #084fb1;}
.menus li i{
	-webkit-backface-visibility: hidden;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -2.5px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed;
    border-color: #084fb1 transparent transparent;
    font-size: 0;
    line-height: 0;
    display: none;
}
.menus li .hover i{ display: block;}
.bread{ text-align: right;}
.bread span{ color: #084fb1;}

.box{ overflow: hidden; padding-bottom: 40px; border-top:1px solid #084fb1;}
.article{ min-height: 400px; line-height: 24px; overflow: hidden; padding: 30px 0;}

.list{ min-height: 400px; overflow: hidden;}
.product-list { margin-bottom: 30px;}
.product-list li{ height: 160px; padding: 20px 10px; border-bottom: 1px solid #f2f2f2;}
.cp-pic{ float: left; border: 1px solid #e6e5e5; overflow: hidden; margin-right: 18px;} 
.cp-pic img{ width: 268px; height: 158px;}
.product-list li h3{ height: 20px; line-height: 20px; font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 25px; margin-bottom: 8px;}
.product-list li .intro{ line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; margin-bottom: 20px;}
.product-list li .more{ color: #004098;}
.cmore{ text-align: center;}
.cmore a{ width: 198px; height: 33px; border: 1px solid #004098; background: #004098; color: #fff; line-height: 33px; display: inline-block; font-size: 16px;}
.product-list li h3 a:hover{ color: #004098;}
.cp-pic:hover{ border-color: #004098;}
.cmore a:hover{ background: #fff; color: #004098;}
.product-list li .more:hover{ text-decoration: underline;}
.pro-article{ overflow: hidden; padding: 90px 180px 40px;}
.product-pd li{ width: 50%; float: left; padding-left:0; padding-right: 0; height: 170px;}
.product-pd li img,.pro-article .cp-pic img{ width: 158px; height: 168px;}
.product-pd li h3{ padding-top: 10px;}
.product-pd li .intro{ height: 72px; margin-right: 20px;}
.da-pic{ float: left; border: 1px solid #e6e5e5; margin-right: 40px;}
.da-title{ color: #004098; font-size: 20px; padding-top: 16px; margin-bottom: 40px;}
.er-title{ color: #333; font-size: 16px; margin-bottom: 10px;}
.c3f4{ color: #333; font-size: 16px;}
.jj{ line-height: 24px;}

.ptag{ height: 35px; line-height: 35px; background: #f7f7f7;}
.ptag a{ float: left; padding: 0 15px; font-size: 14px; margin-right: 1px;}
.ptag a:hover,.ptag .on{ background: #004098; color: #fff;}
.pcons{ line-height: 24px; padding: 20px 15px; overflow: hidden; min-height: 200px; display: none;}
.top-news{ height: 230px; margin-bottom: 18px;}
.top-news-p{ height: 230px; float: left; margin-right: 24px;}
.top-news-p img{ width: 400px; height: 230px;}
.top-news h3{ font-size: 24px; height: 24px; line-height: 24px; overflow: hidden; padding-top: 22px; margin-bottom: 14px;}
.other{ margin-bottom: 12px;}
.other span{ margin-right: 30px;}
.top-news .intro{ line-height: 24px; height: 78px; overflow: hidden; margin-bottom: 10px;}
.detail{ width: 98px; height: 28px;  line-height: 28px; position: relative; text-align: center; border: 1px solid #004098; border-radius: 6px; display: inline-block; color: #004098;}
.detail i{ background: url("../images/icon7.png")/*tpa=images/icon7.png*/ no-repeat; width: 14px; height: 10px; display: inline-block; margin-left: 10px;}
.detail:hover i{
    -webkit-transform:translateX(4px);
    -ms-transform:translateX(4px);
    transform:translateX(4px);
}
.top-news h3 a:hover{ color:#004098}
.news-list{ margin-bottom: 40px;}
.news-list li{ height: 100px; padding: 20px 0; border-bottom:1px dashed #e5e5e5;}
.ti{ width: 100px; height: 100px; text-align: center; background: #f2f2f2; float: left; color: #004098;
margin-right: 18px;}
.day{ font-size: 40px; line-height: 1; padding-top: 18px;}
.mo{ font-size: 14px; padding-top: 2px;}
.news-list h3{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; padding-top: 4px; margin-bottom: 6px;}
.zz{ margin-bottom: 3px;}
.news-list .intro{ line-height: 24px; height: 48px; overflow: hidden;}
.news-list li:hover .ti{ background: #668cc1; color: #fff;}
.news-list h3 a:hover{ color:  #004098; }

.gong{ margin-left: 10px;}
.pages{ text-align: center;}
.pg{ float: left;}
.pg a{ display: inline-block; padding: 7px 13px; border: 1px solid #e5e5e5; margin: 0 2px;}
.s{ border-radius: 6px 0 0 6px;}
.x{ border-radius: 0 6px 6px 0;}
.pg .cur{ background: #276bbe; color: #fff;}
.fm{ float: left; margin: 2px 0 0 30px;}
.fm .ptext{ width: 28px; height: 28px; line-height: 28px; border: 1px solid #e5e5e5; text-align: center; margin: 0 5px;}
.fm .btn{ width: 56px; height: 30px; border: 1px solid #276bbe; border-radius: 6px; background: #fff; font-size: 14px; color: #276bbe; margin-left: 10px;}
.ds{ display: inline-block; overflow: hidden;}

.atitle{ text-align: center; padding: 40px 0 12px; background: url("../images/hr.png")/*tpa=images/hr.png*/ no-repeat center bottom;}
.atitle h1{ color: #004098; font-size: 25px; margin-bottom: 12px;}
.data span{ margin: 0 15px;}

.down{ height: 40px; line-height: 40px; background: #e5e5e5; font-size: 16px; color: #333; overflow: hidden;}
.down span{ float: left;}
.down .sp1{ text-indent: 157px;}
.sp1{ width: 60%;}
.sp2{ width: 13%; text-align: center;}
.sp3{ width: 13%; text-align: center;}
.sp4{ width: 14%; text-align: center;}
.down-list li{ height: 36px; line-height: 36px; font-size: 14px;}
.wez{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 14px; color: #333;
background: url("../images/icon9.png")/*tpa=images/icon9.png*/ no-repeat 0 12px; padding-left: 24px; margin-left: 12px;}
.dd{ background: url("../images/icon8.png")/*tpa=images/icon8.png*/ no-repeat 113px 10px; padding-right: 20px; display: block;}
.down-list{ margin-bottom: 40px;}
.down-list li a{ display: block; overflow: hidden;}
.down-list li a:hover{ background: #668cc1; color: #fff;}
.down-list li a:hover .wez{ color: #fff; background-position:  0 -26px}
.down-list li a:hover .dd{  background-position:  113px -24px}

.msgbox{ padding-bottom: 50px;}
.tips{ background: url("../images/icon10.jpg")/*tpa=images/icon10.jpg*/ no-repeat left; padding-left: 105px; height: 66px; margin: 65px 0 40px 295px; overflow: hidden;}
.tips p{ font-size: 16px; margin-top: 30px;}

.itemtxt{ overflow: hidden; margin-bottom: 25px;}
.item-txt-title{ float: left; width: 375px; margin-right: 20px; font-size: 14px; color: #333; text-align: right;}
.ipt{ float: left;}
.ipt .text,.ipt textarea{ width: 250px; height: 20px; line-height: 20px; padding: 4px 5px; border: 1px solid #e1e1e1;}
.ipt em{ font-style: normal; color: #c00; position: relative; left: 10px; top: 3px;}
.ipt textarea{ resize:none; overflow-y:hidden; height: 90px; width: 420px; background: none;}
.ipt .ycode{ width: 150px;}
.ma{ margin-left: 10px; display: inline-block;}
.ptz{ padding-top: 15px;}
.ipt .btn{ width: 100px; height: 30px; color: #fff; font-size: 14px; background: #004098;}
.cbg{ background: url("../images/bg2.jpg")/*tpa=images/bg2.jpg*/ no-repeat center bottom;}

.h{ height: 88px;}
.wt{ height: 88px; background: #fff; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%;}

.fixed{ top: -34px; border-bottom: 1px solid #084fb1;}
.fixed .header h1{ margin-top: 41px; width: 300px;}

.inews-pic img{ display: block;}
.inews-pic:hover img{ 
    box-shadow: 0 3px 3px #999; 
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
}

.dong2,.txt-culture,.pic-culture,.dong3,.inews-list li,.idx .footer{ visibility: hidden;}

.slide-banner.into,.dong1.into,.dong2.into,.dong3.into{ 
    -webkit-animation:fadeInUp 0.8s ease 0.2s both;
    -ms-animation:fadeInUp 0.8s ease 0.2s both;
    animation:fadeInUp 0.8s ease 0.2s both;
    visibility: visible;
}
.txt-culture.into,.idx .footer.into{ 
    -webkit-animation:fadeInUp 0.8s ease 0.4s both;
    -ms-animation:fadeInUp 0.8s ease 0.4s both;
    animation:fadeInUp 0.8s ease 0.4s both;
    visibility: visible;
}
.pic-culture.into{ 
    -webkit-animation:fadeInUp 0.8s ease 0.6s both;
    -ms-animation:fadeInUp 0.8s ease 0.6s both;
    animation:fadeInUp 0.8s ease 0.6s both;
    visibility: visible;
}
.inews-list.into li:nth-of-type(1){
    -webkit-animation:fadeInUp 0.8s ease 0.2s both;
    -ms-animation:fadeInUp 0.8s ease 0.2s both;
    animation:fadeInUp 0.8s ease 0.2s both;
}
.inews-list.into li:nth-of-type(2){
    -webkit-animation:fadeInUp 0.8s ease 0.4s both;
    -ms-animation:fadeInUp 0.8s ease 0.4s both;
    animation:fadeInUp 0.8s ease 0.4s both;
}
.inews-list.into li:nth-of-type(3){
    -webkit-animation:fadeInUp 0.8s ease 0.3s both;
    -ms-animation:fadeInUp 0.8s ease 0.3s both;
    animation:fadeInUp 0.8s ease 0.3s both;
}
.inews-list.into li:nth-of-type(4){
    -webkit-animation:fadeInUp 0.8s ease 0.5s both;
    -ms-animation:fadeInUp 0.8s ease 0.5s both;
    animation:fadeInUp 0.8s ease 0.5s both;
}
.inews-list.into li{
    visibility: visible;
}

.mnav{ background: url("../images/mnav.png")/*tpa=images/mnav.png*/ no-repeat; background-size: 25px 25px; width: 25px; height: 25px; position: absolute; right: 10px; top: 15px; display: none; text-align: center; line-height: 24px; font-size: 26px; color: #004098; text-indent: -9999px; z-index: 9999;}
.mobdrop{ background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 54px; left: 0; z-index: 999; display: none;}
.mobdrop a{ color: #fff; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.k .mobdrop{ display: block;}
.k .mnav{ text-indent: 0; background:none;}
.mobn{ display: none;}
.down{ margin-top: 20px;}
.ie8 .cp-pic{ width: 270px; height: 160px;}
.ie8 .product-pd .cp-pic{ width: 160px; height: 170px;}
.dform{ width: 220px; height: 120px; background: #fff; position: fixed; left: 50%; margin-left: -110px;
top: 50%; margin-top: -60px; z-index: 999; display: none;}
.shade{ background: #000; opacity: 0.6; filter:alpha(opacity=60); position: fixed; width: 100%; height: 100%
 ; z-index: 99; left: 0; top: 0; display: none;}
.dform h3{ color: #000; text-align: center; font-size: 18px; padding-top: 20px;}
.typepsd{ width: 90px; height: 20px; line-height: 20px; padding: 2px 5px; border: 1px solid #999;}
.bdiv{ color: #c00; padding-left: 25px; display: none;}
.pdiv .btn{ width: 60px; height: 26px; background: #003D93; color: #fff; color: #fff;}
.pdiv{ text-align: center; padding: 15px 0 5px 0;}
.clo{ position: absolute; right: 4px; top: -4px; font-size: 16px; color: #003D93; }

.ent{ background: url("../images/bb.png")/*tpa=images/bb.png*/ no-repeat; height: 33px; }
.i-cloumn h3{ font-size: 32px; color: #004098; margin-bottom: 2px;}
.product-en{ background-position: 0 0; width: 260px; }
.cul-en{ background-position: 0 -41px; width: 306px;}
.news-en{ background-position: 0 -84px; width: 200px; }


.ziM{ position: absolute; left: 0; top: 40px; width: 100%; text-align: center; background: #084fb1; display: none; }
.menus .ziM a{ display: block;  line-height: 14px; color: #fff; font-size: 12px; padding:0; padding-bottom:5px; padding-top:5px;}
.menus .ziM a:hover{ background: #004098; }


DIV.digg { MARGIN: 20px 0px 20px 0px; TEXT-ALIGN: left;font-family: "黑体", "宋体";}
DIV.digg A {BORDER: #084fb1 1px solid; COLOR: #971518; padding:5px 15px 5px 15px;  font-weight:bold; font-family: "黑体", "宋体";
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(ie-css3.htc); }
DIV.digg A:hover { BORDER: #084fb1 1px solid; COLOR: #000; padding:5px 15px 5px 15px;  }
DIV.digg A:active { BORDER: #084fb1 1px solid;  COLOR: #971518;  padding:5px 15px 5px 15px; }
DIV.digg SPAN.current { COLOR: #fff;  BORDER: #084fb1 1px solid; BACKGROUND-COLOR: #084fb1; padding:5px 15px 5px 15px;font-weight:bold; font-family: "黑体", "宋体";-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(ie-css3.htc);  }
DIV.digg SPAN.disabled { BORDER: #084fb1 1px solid;  padding:5px 15px 5px 15px;  MARGIN: 0px; font-weight:bold; font-family: "黑体", "宋体"}
.listt{ min-height: 40px; overflow: hidden;}
.diggg { MARGIN: 20px 0px 20px 0px; TEXT-ALIGN: left;font-family: "黑体", "宋体"; float:left}

.pagess{ text-align: left; border-top:1px solid #ccc; padding-top:10px;}








@media only screen and (max-width: 1200px){
    .wrap,.tagpro{ width: 100%; box-sizing:border-box; padding: 0 10px; overflow: hidden;}
    .top-tel{ right: 0px;}
    .bm{ width: 25%;}
    .bleft{ width: 45%;}
    .bway{ width: 55%; box-sizing:border-box;}
    .k3 li a{ width: 100px;}
    .k3 li{ width: 33.3%; margin: 0;}
    
    .banner{ height: 200px; background-size: cover!important;}
    .ncloumn{ margin: 0; height: 40px; width: 100%; background: #022e69; margin-bottom: 5px;}
    .ncloumn h3{ font-size: 14px; padding: 0; font-weight: normal;}
    .menus{ float: none; padding: 0; background: #022e69 ; overflow: hidden; width: 100%;}
    .menus li{ width: 15%; text-align: center;}
    .menusbar{ height: auto; overflow: hidden; background: #fff;}

    .pro-article{ padding: 10px 0;}
}
@media only screen and (max-width: 1017px){
    .h,.wt,.header{ height: 54px!important; position: static;}
    .header h1 img{ height: 40px;}
    .header h1{ margin-top: 6px!important;}
    .nav{ display: none;}
    .top-tel{ right: 0px; top: 19px;}
    .i-cloumn h3{ font-size: 20px;}
    .layout,.layout2{ padding: 20px 0;}
    .footer{ height: auto;}
    .bleft,.bway{ width: 100%; padding: 0; border: none;}
    .mnav{ display: block;}
    .menus li a{ padding: 0 10px; font-size: 14px;}
    .product-pd li{ width: 100%;}

    .top-news-p{ width: 200px; height: auto;}
    .top-news-p img{ height: auto;}
    .top-news h3{ font-size: 14px; padding: 0; margin-bottom: 2px;}
    .other{ margin-bottom: 2px;}
    .top-news .intro{ margin-bottom: 0;}
    .detail{ display: none;}
    .top-news{ height: auto; margin-bottom: 0; overflow: hidden;}
    .dd{ background: none;}

    .tips{ margin: 10px 0;}
    .item-txt-title{ display: block; float: none; width: auto; text-align: left; margin-bottom: 5px;}
    .ipt{ float: none;}
    .msgbox{ padding-left: 200px;}
}
@media only screen and (max-width: 768px){
    .pic-culture{ display: none;}
    .txt-culture{ width: 100%;}
    .i-cloumn{ margin-bottom: 15px;}
    .k3 li a{ margin: auto;}
    .layout2{ height: auto;}
    .inews-list { margin: 0 -5px;}
    .inews-list li{ padding: 0 5px;}
    .inews-title dt{ display: none;}
    .inews-pic{ margin-bottom: 5px;}
    .inews-title{ height: 50px;}

    .sp2,.sp3{ display: none;}
    .sp1{ width: 80%;}
    .sp4{ width: 20%;}
    .dd{ padding: 0;}
    .down{ font-size: 14px;}
    .msgbox{ padding: 0;}
    .ipt .text, .ipt textarea{ width: 98%;}
    .itemtxt{ margin-bottom: 10px;}
    .ipt em{ left: 0; display: block;}
    .ipt .ycode{ width: 100px!important;}
}
@media only screen and (max-width: 600px){
    .inlineb a{ padding: 0 10px; font-size: 14px;}
    .inews-list { margin: 0 -20px;}
    .inews-list li{ width: 50%; padding: 0 20px; margin-bottom: 15px;}
    .er{ float: none; margin: 0; text-align: center; padding: 10px 0;}
    .cway{ float: none;}
    .top-tel{ background: none; height: auto; width: auto; top: 17px;}
    .mtel{  font-size: 13px; color: #004098; display: block;}
    .bread{ display: none;}
    .article{ padding: 20px 0;}
    .menus li{ width: 20%; overflow: hidden; padding: 0;}
    .menusbar{ margin-bottom: 0;}

    .product-list li{ padding: 10px 0; height: auto; overflow: hidden;}
    .cp-pic{ width: 120px; margin-right: 10px;}
    .cp-pic img{ height: auto;}
    .product-list li h3{ padding: 0; font-size: 14px; margin-bottom: 5px;}
    .product-list li .intro{ font-size: 12px; margin: 0;}
    .product-list li .more{ display: none;}
    .cmore a{ font-size: 14px; width: 120px; height: 30px; line-height: 30px;}
    .product-list{ margin-bottom: 20px;}
    .box{ padding-bottom: 20px;}
    .banner{ margin-bottom: 10px; height: 100px;}
    .product-pd li img, .pro-article .cp-pic img{ height: auto;}

    .da-pic{ margin: 0; width: 100%; float: none; text-align: center; box-sizing:border-box;}
    .da-title{ padding-top: 10px; margin-bottom: 10px;}
    .pcons{ padding: 10px 0;}
    .top-news{ padding-top: 15px;}
    .top-news-p{ width: 100px;}
    .other{ display: none;}
    .top-news .intro{ height: 26px;}
    .top-news-p{ margin-right: 10px;}
    .ti{ display: none;}
    .news-list{ margin-bottom: 20px;}
    .news-list h3{ font-size: 14px;}
    .news-list li{ overflow: hidden; height: auto; padding: 10px 0;}
    .atitle h1{ font-size: 18px;}
    .atitle{ padding-top: 20px;}
    .fm{ display: none;}

    .ipt .text, .ipt textarea{ width: 94%;}
    .ptz .item-txt-title{ display: none;}
}
@media only screen and (max-width: 414px){
    .ent{ background: none; color: #004098 ; font-size: 16px; text-indent: 0; height: 24px;}
    .i-cloumn { margin-bottom: 10px; width: 100%; overflow: hidden;}
    .i-cloumn h3{ font-size: 18px;}
    .inews-list { margin: 0 -5px;}
    .inews-list li{ padding: 0 5px;}
     .ent{ width: 100%;}
    
    .k3{ padding-top: 15px;}
    .layout, .layout2{ padding: 10px 0;}
    .cway span{ float: left; vertical-align: middle;}
    .cway-item{ line-height: 22px; overflow: hidden;}
    .mb24{ margin-bottom: 10px;}
    .fb  a{ display: block;}
    .menus{ background: #fff;}
    .menus li{ width: 50%; float: left; margin: 0; height: 32px; line-height: 32px; background: #022e69 ; margin-bottom: 1px;}
    .menus li a{ font-size: 12px;}
    .data{ display: none;}
    .atitle h1{ margin-bottom: 0;}
    .wez{ background: none; padding: 0; font-size: 12px;}
    .dd{ font-size: 12px;}
    .down .sp1{ text-align: center; text-indent: 0;}
    .down-list{ margin-bottom: 20px;}
    .tips p{ margin: 0;}
    .slide-banner{ margin-bottom: 0;}
}
@media only screen and (max-width: 350px){
    .inews-list li{ width: 100%; padding: 0; text-align: center;}
    .inews-pic img{ display: inline-block;}
    .inews-list li .more{ margin: auto;}
    .bm{ width: 100%; margin-bottom: 8px;}
    .bm dd{ float: left; margin-right: 20px;}
    .footer{ padding-top: 10px;}
    .top-tel{ right: 0px;}
    .cp-pic{ width: 100px;}
    .tips{ background: none; padding: 0; height: 54px;}
    
}



