﻿@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:1.4rem; line-height:150%; }
html{font-size:62.5%;}
a:link, a:visited{ text-decoration:none; }
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:none;}
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px; max-width:100%;}

/*media*/
@media screen and (min-width: 320px) {
    html { font-size:21.33px}
    body { font-size: 12px}
}

@media screen and (min-width: 360px) {
    html { font-size:24px}
    body { font-size: 12px }
}

@media screen and (min-width: 375px) {
    html { font-size:25px}
    body { font-size: 12px}
}

@media screen and (min-width: 384px) {
    html {  font-size:25.6px}
    body { font-size: 14px}
}

@media screen and (min-width: 400px) {
    html {font-size:26.67px}
    body { font-size: 14px}
}

@media screen and (min-width: 414px) {
    html {font-size:27.6px}
    body { font-size: 14px}
}

@media screen and (min-width: 424px) {
    html {font-size:28.27px}
    body { font-size: 14px}
}

@media screen and (min-width: 480px) {
    html {  font-size:32px}
    body { font-size: 15.36px}
}

@media screen and (min-width: 540px) {
    html { font-size:36px}
    body {  font-size: 17.28px}
}

@media screen and (min-width: 720px) {
    html { font-size:48px}
    body {font-size: 23.04px}
}

@media screen and (min-width: 750px) {
    html { font-size:50px}
    body { font-size: 24px}
}

.banner{ position: absolute; width:100%; z-index:-1; top:0px; bottom:0px; right:0px; left:0px; overflow:hidden;}
.banner1{ background:url(../images/banner.jpg) no-repeat top; background-size:100%; height:100%;}
.top{width:82.8%; margin:0 auto; overflow:hidden; }
.top ul li{ margin:0px 1.3%; float:left; width:46.4%; margin-bottom:15px;}
.top ul li img{ width:100%;}
.top ul li a{ display:block;}
.bottom{ position:fixed; bottom:0px; width:100%;z-index:12;}
.bottom ul li{ float:left; width:33.33333%;}
.bottom ul li a{ display:block;}
.en img{ width:9%; position:absolute;RIGHT:20PX; bottom:10%;}

.tuihou{ position:absolute; left:5.5%;top:20px; width:2.8%}
.ttop{ position:relative; text-align:center; padding:10px 0px; background:#eae9e9; font-size:0.8rem; color:#333}
.topan{ position:absolute; right:6%; width:5.15%;top:20px;}

.aboutcc{ padding-bottom:4%;}
.aboutcc .aboutnr{ padding:0px 5%; margin-top:10px; line-height:1.05rem}
.aboutcc .aboutnr p{padding: 0.05rem 0;}
.aboutcc .aboutnr h2{ padding-bottom:2.5px;}
.dibu img{ width:100%;}

.certicon{ padding-top:20px;}
.certicon ul{ overflow:hidden; padding-left:6.25%;}
.certicon ul li{ width:40.4%; float:left; margin-left:3.9%; margin-bottom:25px;}
.certicon ul li a p{  text-align:center; height:40px; padding-top:10px; color:#000;}
.certicon ul li a{ display:block;}
.cerimg{ height:332px; overflow:hidden;}
.cercon{ text-align:center; font-size:0.7rem; padding-top:30px; padding-bottom:30px;}
.cercon img{ width:80%; padding-top:10px;} 
.huise{ background:#000;opacity:0.5; width:100%; position: absolute; height:100%;}
.rightcon{ position:absolute; top:0px; bottom:0px;  width:100%; z-index:111; right:0px; display:none;}
.right{background:#000; width:50%; height:100%; position:absolute; right:0;}
.right ul li{ font-size:0.8rem; line-height:1.5rem; color:#fff; padding-left:5%; position:relative; }
.right ul li a{color:#fff;}
.right ul li ul{ display:none}
.right ul li ul li{font-size:0.6rem; padding-left:10%;}
.circle{width: 10px; height: 10px;border: #777 1px solid;border-radius: 10px;margin-right: 10px;display: inline-block;}
.jia{ position:absolute; right:0%; padding:0 5%;}
.leftcon{ position:relative;}
.aboutjs{  padding:0px 5%;padding-top:30px;}
.aboutjs ul li{ margin-bottom:10px;}

#AspNetPager{ text-align:center; height:38px;}
#AspNetPager a{ padding:8px 10px; border:1px solid #eeeeee; color:#666666; font-size:14px;}
.current{padding:8px 10px; background:#ee1d23; color:#fff; border:1px solid #ee1d23;}

.prolb{padding:0px 10px;padding-top:30px; overflow:hidden;}
.prolb ul{ overflow:hidden;width:110%;}
.prolb ul li{ float:left; width:44%; margin-right:3%; text-align:center; margin-bottom:10px; line-height:1.5rem; font-size:0.56rem;}
.prolb ul li a{ color:#333}
.procon{ padding-top:30px;}
.protop{ text-align:center;}
.protop img{ width:90%;}
.protitle{ font-size:0.8rem; margin-bottom:10px;}
.procont{  padding:0px 5%;padding-top:10px;}
.procont .content h1{ font-size:0.8rem; height:25px; margin-bottom:10px;}
.procont .content{ line-height:1.1rem}

.solucon{ padding-top:20px;}
.solucon ul li{ overflow:hidden; line-height:1.5rem; margin-bottom:10px; padding:0px 5%;}
.solucon ul li a{ color:#333; font-size:0.55rem;}
.soluconctt{ float:left;}
.soludate{ float:right; color:#999;}
.soluhui{ background:#f6f5f5;}

.newscon{ margin-top:30px;}
.newsimg{float:left; width:20%; height:95px; overflow:hidden;}
.newsimg img{ height:95px;}
.newscon ul li{ overflow:hidden; padding:0px 10px; margin-bottom:10px; padding-bottom:10px; }
.newscontr{ float:left; margin-left:5%; width:75%;}
.newstt{ color:#333333; font-size:0.55rem}
.newsdate{ color:#999999; font-size:0.5rem}
.newszhaiyao{ color:#999999; font-size:0.5rem}
.newsnr{color:#333; padding:0px 5%; padding-top:30px; padding-bottom:10px}
.newsnrtt{ text-align:center; margin-bottom:10px; font-size:0.8rem}
.newsnrcc{ font-size:0.6rem}
.newsnrcc p{ text-indent:2em;}
.newsnrdate{ font-size:0.6rem; text-align:center; color:#999;}
.feedDetails{ margin-top:30px; padding-bottom:10px; overflow:hidden;}
.prev{ float:left; font-size:0.6rem;}
.next{ float:right;  font-size:0.6rem;}

.conditu{ width:90%; margin:0 auto; margin-top:10px;}
.contact{ font-size:0.7rem; padding:0px 5%; line-height:2rem;}

.fuwu{ width:76.5%; margin:0 auto;}
.fuwu .fuwuimg{ width:100%; margin-bottom:20px;}
.fuwutt{ text-align:center; font-size:0.8rem; color:#083e89; margin-bottom:30px;}
.fuwutt span{ font-size:0.6rem}
.fuwuul li{ overflow:hidden; margin-bottom:40px;}
.fuwuul li img{ float:left; width:35%;}
.fuwuright{ float:left; margin-left:5%; width:60%; }

.fuwuright p{ padding-left:10%; background:url(../images/sersk.jpg) no-repeat left;}
.protjt{ text-align:center; font-size:0.8rem; color:#083e89; margin-bottom:30px;}
.protjt span{ font-size:0.6rem}
.protuijian{ margin-top:20px}
.service{ padding-top:30px;}
.shebei p{ text-align:center; font-size:0.8rem; color:#083e89; margin-bottom:30px;}
.shebei ul{ padding:0px 10%;}
.shebei ul li{ margin-bottom:10px; font-size:0.5rem}
.shebei ul li span{ display:inline-block; width:55%;}
.shebei ul li select{ width:44%;}

.proloadDiv{ width:76.5%;margin: 0 auto; overflow:hidden; margin-bottom:20px;}
.proproimg{ width:60%; float:left;}
.propror{ float:left; margin-left:8%; margin-top:70px; width:32%;color:#666666; font-size:0.55rem}
.progenduo a{ padding-left:20%; background:url(../images/sgd.jpg) no-repeat left; color:#666666;}


.fxbottom{ overflow:hidden; display:none;}
.bottbj{ position:absolute; top:0px; bottom:0px; background:#000; opacity:0.5; z-index:11; width:100%; display:none;}
.fxtttt{  padding:7% 0 10% 28%; background:#f0f0f0;}
.gbboo{ font-size:0.7rem; padding:10px 0px; text-align:center; background:#fff}



