.mtop10{ margin-top:10px; }
.mtop20{ margin-top:20px; }
.mtop30{ margin-top:30px; }
.mtop40{ margin-top:40px; }
.mtop50{ margin-top:50px; }
.mtop60{ margin-top:60px; }
.mtop70{ margin-top:70px; }
.mtop80{ margin-top:80px; }
.introduce-box{
    padding-top:200px;
    padding-bottom: 215px;
}
.seo-a-top-pic{
    padding-top: 0; text-align: center;
}
.introduce-pic{
    width:38.75%;
    margin: 0 auto;
    position: relative;
}
.introduce-top{
    position: absolute;
    top:-25%;
    left: 50%;
    margin-left: -54px;
}
.introduce-left{
    position: absolute;
    top:8.5%;
    left:-28%;
}
.introduce-bot{
    position: absolute;
    bottom:-25%;
    left: 50%;
    margin-left: -66px;
}
.introduce-left2{
    position: absolute;
    bottom: 25.5%;
    left: -32%;
}
.introduce-right{
    position: absolute;
    top:8.5%;
    right: -32%;
}
.introduce-right2{
    position: absolute;
    right: -32%;
    bottom: 25.5%;
}
.line-t:before{
    content: "";
    width: 230px;
    height: 0;
    border: 1px dotted #d1d1d1;
    display:block;
    position: absolute;
    bottom:-120px;

}
.line-b:before{
    content: "";
    width:330px;
    height: 0;
    border: 1px dotted #d1d1d1;
    display:block;
    position: absolute;
    bottom:-100px;

}
.introduce-left:before{
    right: 0;
}
.introduce-right:before{
    left: 0;
}
.introduce-left2:before{
    right:-100px;
}
.introduce-right2:before{
    left:-100px;
}
.top1{
    font-size: 22px;
    color:#444;
}
.seo_ioc{
    width: 46px;
    margin: 0 auto;
    margin-bottom: 13px;
}
.introduce-top .hide-pic{
    width:418px;
    position: absolute;
    top:-65%;
    left: 50%;
    margin-left: -209px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-top .hide-pic:before{
    content: "";
    width: 21px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -14px;
    margin-left:-10px;
    background: no-repeat center;
}
.introduce-left .hide-pic{
    width:418px;
    position: absolute;
    top: 10%;
    left: -290px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-left .hide-pic:before{
    content: "";
    width: 24px;
    height:23px;
    display: block;
    position: absolute;
    right: -24px;
    top:50%;
    margin-top:-11px;
    background: no-repeat center;
}
.introduce-left2 .hide-pic{
    width:418px;
    position: absolute;
    top: 9%;
    left: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-left2 .hide-pic:before{
    content: "";
    width: 24px;
    height:23px;
    display: block;
    position: absolute;
    right: -24px;
    top:50%;
    margin-top:-11px;
    background: no-repeat center;
}
.introduce-right .hide-pic{
    width:418px;
    position: absolute;
    top: 10%;
    right: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-right .hide-pic:before{
    content: "";
    width: 24px;
    height:23px;
    display: block;
    position: absolute;
    left: -24px;
    top:50%;
    margin-top:-11px;
    background: no-repeat center;
}
.introduce-right2 .hide-pic{
    width:418px;
    position: absolute;
    top: 10%;
    right: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-right2 .hide-pic:before{
    content: "";
    width: 24px;
    height:23px;
    display: block;
    position: absolute;
    left: -24px;
    top:50%;
    margin-top:-11px;
    background: no-repeat center;
}
.introduce-bot .hide-pic{
    width:418px;
    position: absolute;
    top:-32%;
    left: 50%;
    margin-left: -209px;
    z-index: 5;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.3);
}
.introduce-bot .hide-pic:before{
    content: "";
    width: 21px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left:-10px;
    background: no-repeat center;
}
.hide-pic .hide-pic-z{
    padding: 35px 17px 35px 22px;
    width:117px;
    display: inline-block;
    float: left;
}
.hide-pic .hide-pic-txt{
    width: 287px;
    float: left;

}
.hide-pic .hide-pic-txt h6{
    padding-top: 8px;
    line-height: 54px;
    color: #2d4c9c;
    font-size: 22px;
}
.hide-pic .hide-pic-txt p{
    font-size: 14px;
    color: #444;
}
.hide-pic{
    display: none;
}
.introduce-ac:hover .top1{
    opacity: 0;
}
.introduce-ac:hover .hide-pic{
    display: block;
}
.seo-chenr{
   /* background-color: #f7f7f7;*/
}
.seo-chenr-box{
    padding-top: 70px;
}
.seo-chenr-txt{
    padding-top: 80px;
    padding-bottom: 10px;
}
.seo-chenr-pic{
    width:14%;
    float: left;
    margin-top: 5px;
}
.seo-chenr-p{
    width: 86%;
    float: left;
}
.seo-chenr-p h4{
    color: #333;
    font-size: 38px;
    font-weight: bold;
    padding-bottom: 20px;
}
.seo-chenr-p p{
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    padding-right: 5%;
}
.seo-chenr-p p span{
    color: #2d4c9c;
}
.seo-tables{
    background: no-repeat center;
    background-size: cover;
    padding-bottom: 65px;
}
.seo-tables .qbt-title h2{
    color: #fff;
}
.seo-tables .qbt-title p{
    color:rgba(255,255,255,0.5);
}
.seo-tables .tables-box{
    width: 90%;
    margin: 0 auto;
    margin-top: 47px;
    background: no-repeat center top;
   /* background-size: cover;*/
    padding-top: 114px;
    padding-bottom: 27px;
}
.seo-tables .tables-box .tab-box{
    width: 76%;
    margin: 0 auto;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    max-height: 410px;
    overflow:auto;
}

.tab-header{

    line-height: 39px;
    border-bottom: 1px solid #cdcdcd;
}
.tab-inner{
    line-height: 39px;
    border-bottom: 1px solid #cdcdcd;
}
.tab-header .wanglo{
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
    font-weight: bold;
}
.tab-header .guan{
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
    font-weight: bold;
}
.tab-header .baim{
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
    font-weight: bold;
}
.tab-header .rqi{
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
    font-weight: bold;
}
.wanglo{
    border-right: 1px solid #cdcdcd;
    width:36%;
    float: left;
    padding-left: 10%;
    font-size: 14px;
    color: #333;
    font-family: arail;
    font-weight: bold;
    word-wrap:break-word

}
.guan{
    border-right: 1px solid #cdcdcd;
    width:34.5%;
    float: left;
    padding-left: 10%;
    font-size: 14px;
    color: #2d4c9c;
    font-weight: bold;
    word-wrap:break-word
}
.baim{
    border-right: 1px solid #cdcdcd;
    width:10%;
    float: left;
    text-align: center;
    font-family: arail;
    font-size: 14px;
    color: #333;
    word-wrap:break-word
}
.rqi{
    border-right: 1px solid #cdcdcd;
    width:19.5%;
    float: left;
    text-align: center;
    font-family: arail;
    font-size: 14px;
    color: #333;
    word-wrap:break-word
}
.seo_bot{
    background-color: #2d4c9c;
}
.seo-top-pic2{
    width:26%;
    padding:2%;
    float: left;
}
.seo-txt{
    width: 73%;
    font-size: 14px;
    color: #000;
    float: left;
}
.seo-top-txt{
    display: none;
}

.hzhb_title{
    width:450px;
    margin:0 auto;
    padding-top:40px;
    font-size:35px;
    color:#00679e;
    text-align:center;
}




.hzhb_title_a{
    width:350px;
    margin:0 auto;
    padding-top:20px;
    font-size:35px;
    color:#00679e;
    text-align:center;
}

.hzhb_title_b{
    width:650px;
    margin:0 auto;
    padding-top:40px;
    font-size:35px;
    color:#00679e;
    text-align:center;
}

.hzhb_line{
    width:100px;
    height:3px;
    background:#00679e;
    margin:5px auto;
    border-radius:50px;
}

.hzhb_dec{
    width:1000px;
    margin:0 auto;
    height:20px;
    line-height:20px;
    color:#666;
    text-align:center;
}

.wc_ys_list{
    width:1310px;
    margin:0 auto;
}

.wc_ys_list ul{
    width:1310px;
    overflow:hidden;
    margin-top:20px;

}

.wc_ys_list ul li{
    width:633px;
    float:left;
    height:115px;
    border:1px solid #ccc;
    margin:10px;
    background:#fff;

}

.wc_ys_list ul li:hover{
    width:633px;
    float:left;
    height:115px;
    box-shadow: 0 0 20px #ccc;
    border:2px solid #ccc;
    cursor:pointer;
}

.wc_ys_t1{
    width:68px;
    height:68px;
    float:left;
    margin:25px 10px 25px 25px;
}

.wc_ys_t2{
    width:480px;
    height:68px;
    float:left;
    margin-top:28px;
    font-size:16px;
}
.wc_ys_t2 span{
    font-weight:bold;
    font-size:22px;
    color:#333;
}

.wc_ys_more{
    width:210px;
    height:43px;
    border:1px solid #666;
    line-height:43px;
    text-align:center;
    font-size:18px;
    border-radius:10px;
    margin:10px auto 80px auto;
}

.wc_ys_more a{
    width:210px;
    height:43px;

    line-height:43px;
    text-align:center;
    font-size:18px;
    border-radius:10px;
    display:block;
    color:#666;
}

.wc_ys_more a:hover{
    width:210px;
    height:43px;
    border:1px solid #666;
    line-height:43px;
    text-align:center;
    font-size:18px;
    background:#02298a;
    color:#fff;
    text-decoration:none;
}


.bg_blue{ background: #053e97; color:#fff; }
.text_ad1{ text-align: center; padding: 30px 0;}
.text_ad1 h2{ font-size:40px; font-weight: 700; padding-bottom:20px;}
.text_ad1 h3{ font-size: 30px; }
.text_ad1 p{ margin-top: 20px; display: block; }
.brank{ text-align: center; }
.brank ul li{ width: 20%;  background: #ccc; display: inline-block; margin:20px 1%; vertical-align: middle; }
.brank ul li img{ width: 100%; }

/*产品列表*/
.product h2{ font-size:48px; color:#333; text-align:center; display:block; font-weight:700; padding-bottom:30px;}
.productbox{margin: 0 auto;text-align: center;padding-bottom:20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.product .productul li .imgbox img,.product .productul li .imgbox .imgdiv:after,.product .productul li .imgbox .imgdiv:before,.product .productul li .imgbox .imgline:after,.product .productul li .imgbox .imgline:before{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}
.product .productul{padding: 0;margin:20px auto}
.product .productul li{overflow: hidden;margin:0 0.52% 12px 0.52% \9}
.product .productul li:first-child{margin:0 0.52% 12px 0.52% \9}
.product .productul li .imgbox{position: relative;line-height: 0}
.product .productul li .imgbox .morebtn{filter:alpha(opacity=0);opacity:0;border: 1px solid #000;color: #000;width:120px;height: 30px;line-height: 30px;display: block;font-size: 12px;position:absolute;z-index: 3;top: 50%;left: 50%;margin:-15px 0 0 -60px; text-align:center;}
.product .productul li:hover .imgbox .morebtn{filter:alpha(opacity=1);opacity:1}
.product .productul li .imgbox img{width: 100%}
.product .productul li:hover .imgbox img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.product .productul li .imgbox .imgbg{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: #fff;filter:alpha(opacity=0);opacity:0}
.product .productul li:hover .imgbox .imgbg{filter:alpha(opacity=40);opacity:0.4}
.product .productul li .imgbox h5{padding:10px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #000}
.product .productul li .imgbox .imgdiv{position: relative;overflow: hidden}
.product .productul li .imgbox .imgdiv:after,.product .productul li .imgbox .imgdiv:before,.product .productul li .imgbox .imgline:after,.product .productul li .imgbox .imgline:before{content: '';width: 80%;height: 1px;position: absolute;top: 10px;left: 10%;z-index: 4}
.product .productul li .imgbox .imgdiv:after{-webkit-transform:translatex(400px);-moz-transform:translatex(400px);-ms-transform:translatex(400px);-o-transform:translatex(400px);transform:translatex(400px)}
.product .productul li .imgbox .imgdiv:before{top: auto;bottom: 10px;-webkit-transform:translatex(-400px);-moz-transform:translatex(-400px);-ms-transform:translatex(-400px);-o-transform:translatex(-400px);transform:translatex(-400px)}
.product .productul li .imgbox .imgline:after,.product .productul li .imgbox .imgline:before{width: 1px;height: 80%;left: 10px;top: 10%}
.product .productul li .imgbox .imgline:after{-webkit-transform:translatey(-400px);-moz-transform:translatey(-400px);-ms-transform:translatey(-400px);-o-transform:translatey(-400px);transform:translatey(-400px)}
.product .productul li .imgbox .imgline:before{left: auto;right: 10px;-webkit-transform:translatey(400px);-moz-transform:translatey(400px);-ms-transform:translatey(400px);-o-transform:translatey(400px);transform:translatey(400px)}
.product .productul li:hover .imgbox .imgdiv:after,.product .productul li:hover .imgbox .imgdiv:before,.product .productul li:hover .imgbox .imgline:after,.product .productul li:hover .imgbox .imgline:before{-webkit-transform:translate(0px);-moz-transform:translate(0px);-ms-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px)}

/*-----------</end 最新产品>---------------*/
.title_ser{ text-align:center; margin:50px 0;}
.title_ser h2{ font-size:48px; color:#333; font-weight:700; padding:20px 0; margin-top:60px;}
.title_ser p{font-size:26px; }
.service dl dd{ width:58%; float:left; font-size:14px}
.service dl dd li{width: 48%; margin:2px 4px 2px 0; float:left;  background: no-repeat left; list-style-type:none; line-height:46px; padding-left:40px;}
.service dl dt{ width:40%; float:right; height:400px;}

.ser_bot{
	width:96%;
	margin:50px auto; 
	border:1px solid #ccc; 
	*display: inline;
	*zoom: 1;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	line-height: 46px;
	text-align:center;
	padding:20px 0;
}
.ser_bot h2{ font-size:24px; font-weight:700;}
.ser_bot p{ font-size:18px; line-height:46px;}
.ser_bot p span{color:#f00; font-weight:700; font-size:20px;}

.youci ul li{ display:inline-block; width:22%; margin:0 1%; text-align:center; vertical-align:top;}
.youci ul li h2{ font-size:18px; font-weight:700; color:#333; line-height:36px;}
.youci ul li p{ font-size:14px; color:#666666;}
.youhui{ text-align:center; width:22%; margin:0 1%; display:inline-block; font-size:14px;}
.youhui h3{ display:block; background:#f00; color:#fff; font-weight:300; font-size:18px; line-height:46px;}
.youhui dl{border-bottom:1px solid #ccc; display:block;}
.youhui dl dd{ float:left; width:50%;  line-height:36px;}
.youhui dl dt{ float:left; width:50%; border-left:1px solid #ccc; margin-left:-1px;  line-height:36px; }

.pinjia ul li{ float:left; width:31%; height:200px; margin:10px; 1%; border:1px solid #ccc; font-size:16px; line-height:26px; color:#333;}
.pinjia ul li p{ padding:20px; text-indent:2em; }
.pinjia ul li p span{ display:block; text-align:right; font-style:italic; color:#666; font-size:14px;}
.onlineqq{ 
    display:  inline-block;
    padding:10px 40px; 
    font-size: 16px;
    border: 1px solid #ccc; 
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
    position:relative; 
    behavior:  
 }
 .onlineqq:hover{ background: #fff;}