.xn_c_solution_21_wrap{width:100%;background:#fff;box-shadow:0 17px 23px rgba(0,0,0,0.06);margin:40px auto 0;overflow:hidden }
.xn_c_solution_21_main{width:54%;float:right;height:232px;background:#f8f8f8;padding:0 4% 10px;}
.xn_c_solution_21_name:before{content:"";display:block;width:30px;height:2px;background:#333;position:absolute;top:54px;}
.xn_c_solution_21_intro{font-size:14px;color:#333333;line-height:30px;}
.xn_c_solution_21_ul{width:46%;float:left;padding:0 4%;}
.xn_c_solution_21_ul:before{content:"三大研究方向";display:block;position:relative;font-size:18px;color:#333333;line-height:54px;padding-bottom:20px;}
.xn_c_solution_21_name{display:block;position:relative;font-size:18px;color:#333333;line-height:54px;padding-bottom:20px;}
.xn_c_solution_21_li{width:47%;float:left;height:50px;line-height:50px;margin-bottom:24px;background:#f5f5f5;font-size:16px;color:#333333;text-align:center;overflow:hidden;position:relative;}
.xn_c_solution_21_li:nth-child(2n+1){margin-right:6%}
.xn_c_solution_21_li i{position:absolute;font-family:Impact;font-size:30px;color:#215797;font-weight:bold;right:5px;top:18px;}
@media screen and (max-width:768px) {
    .xn_c_solution_21_ul{display:none}
    .xn_c_solution_21_main{width:100%;clear:both;height:auto}
}


.xn_c_solution_3_wrap{width:100%;margin:50px auto 0;}
.xn_c_solution_3_nrbox{width:100%;position:relative;margin:0 auto;}
.xn_c_solution_3_title{width:100%;height:96px;border-bottom:1px solid #dddddd;position:relative;}
.xn_c_solution_3_title>a{font-size:24px;color:#215797;line-height:36px;}
.xn_c_solution_3_pic{width:45%;float:left;padding:3%;overflow:hidden;position:relative}
.xn_c_solution_3_pic a{display:block;overflow:hidden;position:relative;z-index:30}
.xn_c_solution_3_pic img{width:100%;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.xn_c_solution_3_pic a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.xn_c_solution_3_cont{width:54%;float:right}
.xn_c_solution_3_cont1{width:100%;font-size:14px;color:#666666;line-height:30px;border-bottom:1px solid #eaeaea;padding:15px 0}
.xn_c_solution_3_cont2{width:100%;height:225px;overflow:hidden;font-size:14px;color:#666666;line-height:30px;padding-top:15px}
@media screen and (min-width:768px) {
    .xn_c_solution_3_title:before{content:"";display:block;width:25%;height:2px;bottom:-2px;left:0;position:absolute;background:#215797}
    .xn_c_solution_3_title>i{font-size:60px;color:#e8e8e8;line-height:96px;position:absolute;left:0;font-family:fantasy;font-weight:bold}
    .xn_c_solution_3_title>a{font-size:24px;color:#215797;line-height:36px;display:block;position:relative;z-index:20;padding:42px 75px 0;}
    .xn_c_solution_3_title>a:before{content:"";display:block;position:absolute;left:30px;top:55px;width:38px;height:2px;background:#215797;}
    .xn_c_solution_3_pic:before{content:"";display:block;width:72px;height:65px;position:absolute;left:0;bottom:0;background:#215797;z-index:20}
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_title { text-align: right; }
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_title > i { right: 0; }
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_title > a:before { right: 30px; left: auto; }
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_pic{float:right}
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_cont{float:left}
    .xn_c_solution_3_nrbox:nth-child(2n) .xn_c_solution_3_pic:before{left:auto;right:0}
}
@media screen and (max-width:768px) {
    .xn_c_solution_3_pic,.xn_c_solution_3_cont{width:100%;clear:both}
    .xn_c_solution_3_wrap{margin-top:20px;}
    .xn_c_solution_3_title{text-align:center;height:auto;padding:30px 0 10px;}
    .xn_c_solution_3_title>i{display:none}
}

p.p1 {
    margin: 0.0px 0.0px 0.0px 0.0px;
    text-align: justify;
    font: 10.5px 'PingFang SC';
    color: #000000;
    -webkit-text-stroke: #000000
}

span.s1 {
    font-kerning: none
}

span.s2 {
    font: 10.5px 'Lucida Grande';
    font-kerning: none
}

span.s3 {
    font: 10.5px 'Trebuchet MS';
    font-kerning: none
}