body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,iframe {display: block}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-size: 14px;line-height:1.5; font-family:"Microsoft Yahei","Helvetica Neue","Helvetica","Arial","PingFang SC","Heiti SC",sans-serif,sans-serif;color:#555555}
button, input, select, textarea {font-size: 14px;line-height:1.5;  }
button{border: 0}
:-moz-ui-invalid:not(output) {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0}
th {text-align: inherit}
fieldset, img {border: 0}
img{vertical-align: middle}
del {text-decoration: line-through}
address, caption, cite, code, dfn, em, th, var {font-style: normal;}
ol, ul {list-style: none}
caption, th {text-align: left}
q:before, q:after {content: ''}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
a{text-decoration: none;color:inherit;}
.clearfix:after,.clf:after{visibility: hidden; display: block;font-size: 0;content: '.'; clear: both;height: 0}
.clearfix,.clf{zoom: 1;}
.clear { font-size: 0;line-height: 0;height: 0;clear: both; visibility: hidden; overflow: hidden}
.fn-text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;line-height: 1.5;}
input,textarea,button{outline: none;border: 0;}
textarea{
    resize: none;
}
em, b, i, code, strong {
    font-style: normal;
}

.left {
	float: left;
}
.right {
	float: right;
}

.service_content {
    padding-top: 59px;
}
.common_main01 {
    width: 1180px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}
.grd_pro_tit {
    color: #222222;
    font-size: 32px;
    line-height: 32px;
}
.grd_pro_p {
    color: #828282;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    margin-top: 19px;
}
.grd_sm {
    width: 1180px;
    height: 145px;
    background-color: #f8f8f8;
    margin: 41px auto 21px auto;
    box-sizing: border-box;
    padding: 45px 0 44px 45px;
}
.grd_sm p {
    background: url(/dist/images/duble_yuan_03.png) no-repeat left center;
    line-height: 24px;
    padding-left: 24px;
    color: #666666;
    text-align: left;
}
.grd_js_sl {
    padding: 61px 50px 50px 50px;
    background-color: #f8f8f8;
    text-align: left;
    margin-bottom: 78px;
}
.grd_pro_tit01 {
    color: #222222;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 41px;
}
.grd_js_sl_content li {
	margin-top: 20px;
}
.grd_js_sl_content li:first-of-type {
	margin-top: 0;
}
.js_sl_img, .js_sl_img img {
    width: 540px;
    height: 290px;
    float: left;
}
.js_sl_txt {
    float: left;
    width: 540px;
    height: 290px;
    background-color: #ffffff;
    border-radius: 0px 0px 100px 0px;
    padding: 61px 50px 0 40px;
    box-sizing: border-box;
}
.grd_js_sl_content h3 {
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    color: #1c327e;
    position: relative;
    padding-left: 15px;
    margin-bottom: 16px;
}
.grd_js_sl_content h3>span {
    width: 5px;
    height: 18px;
    background-color: #1c327e;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.js_sl_txt p {
    color: #666666;
    line-height: 24px;
    font-size: 14px;
}
.js_sl_txt01 {
    width: 540px;
    height: 290px;
    background-color: #ffffff;
    border-radius: 100px 0px 0px 0px;
    padding: 61px 40px 0 50px;
    box-sizing: border-box;
    float: left;
}
.center_line {
    height: 8px;
    background: url(/dist/images/xiegang_03.png) no-repeat center;
    margin: 50px 0;
}
.grd_yzs_service {

}
.grd_pro_tit02 {
    height: 38px;
    font-size: 38px;
    line-height: 38px;
    color: #222222;
    margin-bottom: 20px;
    text-align: center;
}
.grd_yzs_service li {
	float: left;
	margin-left: 20px;
}
.no_margin_left {
	margin-left: 0!important;
}
.grd_yzs_service li {
	position: relative;
	margin-top: 20px;
}
.grd_yzs_service li {
	width: 530px;
	height: 260px;
	line-height: 260px;
	border-radius: 10px;
}
.duiqi01 {
	background: url("/dist/images/jszc01_03.jpg") no-repeat center;
}
.duiqi02 {
	background: url("/dist/images/jszc02_03.jpg") no-repeat center;
}
.duiqi03 {
	background: url("/dist/images/jszc03_03.jpg") no-repeat center;
}
.duiqi04 {
	background: url("/dist/images/jszc04_03.jpg") no-repeat center;
}
.grd_yzs_service p {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
@media(max-width:640px){
    body{
        width: 100%;
        margin: 0 auto;
    }
    .common_main01 {
        width:96%;
        margin: 0 auto;
    }
    .service_content {
        padding-top: 20px;
    }
    .grd_pro_tit {
        font-size: 24px;
    }
    .grd_sm {
        width: 100%;
        height: auto;
        margin: 20px auto 20px auto;
        padding: 20px 10px 20px 10px;
    }
    .grd_sm p {
       font-size: 14px;
       margin-bottom: 10px;
    }
    .grd_js_sl {
        padding: 20px 10px 20px 10px;
        margin-bottom: 30px;
    }
    .grd_pro_tit01 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .js_sl_img, .js_sl_img img {
        width: 100%;
        height: auto;
    }
    .js_sl_txt {
        width: 100%;
        height: auto;
        border-radius: 0px 0px 50px 0px;
        padding: 20px 10px 20px 10px;
    }
    .js_sl_txt01 {
        width: 100%;
        height: auto;
        background-color: #ffffff;
        border-radius: 50px 0px 0px 0px;
        padding: 20px 10px 20px 10px;
    }
    .center_line {
        margin: 20px 0;
    }
    .grd_yzs_service {
        width: 100%;
    }
    .grd_pro_tit02 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .grd_yzs_service li {
        width: 100%;
        height:auto;
        min-height: 205px;
        line-height: 205px;
    }
    .grd_yzs_service li {
        margin-left: 0;
    }
}