.position{border-bottom:1px solid #d5d5d5}
.position2{background: #f6f6f6;}
.content{width:100%;background:#f6f6f6;padding-bottom:48px;}
.content .solution{background: #fff;padding:48px 0}
.content .solution .navs{width:204px;margin-left:18px;border-right:1px solid #dcdcdc}
.content .solution .navs h2{width:200px;border-bottom:8px solid #f6f6f6;line-height: 44px;color: #009ea1;text-indent: 14px;margin-bottom:2px;font-size: 22px;}
.content .solution .navs h2 a{color: #009ea1;text-indent: 14px;margin-bottom:2px;font-size: 22px;}
.content .solution .navs ul{margin-top:20px;}
.content .solution .navs li{line-height:48px ;text-indent: 14px;}
.content .solution .navs li a{color: #333;}
.content .solution .navs li.active{position: relative;width:204px;background: #fff;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
.content .solution .navs li.active a{color: #009ea1;font-weight: bold}
.content .solution .navs li:hover{position: relative;width:204px;background: #fff;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc}
.content .solution .navs li:hover a{color: #009ea1;font-weight: bold}
.content .solution .navs ul li div{ width: 100%;display:none;position: absolute;left:-1px; top:48px; background:#f1f1f1; border:1px solid #dcdcdc; z-index:999;}
.content .solution .navs ul li div a{line-height:2rem; text-align:left; font-weight:100!important;margin-left:20px;display:block; color:#000!important;}
.content .solution .navs li:hover div{display:block;}


.content .solution .mcon{width:920px;margin-right:55px;}
.content .solution .mcon h2{line-height:44px;font-size:32px ;text-align:center;color: #009ea1;padding-bottom:23px;border-bottom:1px solid #dcdcdc}
.content .solution .mcon .box .boxL{width:480px;height:290px;}
.content .solution .mcon .box .boxL img{width:100%;height:100%;}
.content .solution .mcon .box .boxR{width:390px;margin-left:40px;height:290px;overflow: hidden}
.content .solution .mcon .box .boxR p{font-size: 14px;line-height: 26px;color: #333;}
.content .solution .mcon .navlist{margin-top:34px;height:50px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;background: #efefef;}
.content .solution .mcon .navlist li{border-bottom:1px solid #dddddd;font-size: 16px;line-height: 50px;float:left;text-align:center;width: 182.81px;border-right:1px solid #e5e5e5;}
.content .solution .mcon .navlist li:last-child{border:none}
.content .solution .mcon .navlist li a{color: #333;}
.content .solution .mcon .navlist li.active{height:48px;position:relative ;line-height: 48px;border-top:3px solid #009ea1;background: #fff;margin-top:-1px;border-bottom:none;}
.content .solution .mcon .navlist li:hover{height:48px;position:relative ;line-height: 48px;border-top:3px solid #009ea1;background: #fff;margin-top:-1px;border-bottom:none;}
.content .solution .mcon .content{margin-top:34px;background: #fff;}
.content .solution .mcon .content p{font-size: 16px;line-height:42px ;color: #333;}



/*.content .mcon .box img{max-width:100%;height:auto;}*/
.content .mcon .box img{width:910px;height:290px;display: block;margin: 0 auto}
.content .solution .mcon .box{margin-top: 40px}

@media only screen and (max-width: 640px){
    .content .solution .navs h2{display: none}
    .content .solution .navs{display: none}
    /*.navM{display: block!important;}*/
    .content{background: #fff;padding-top: 30px;}
    .content .solution .mcon{width: 100%;float: none;margin-right: 0}
    .content .solution{padding: 0}
    .navM li{width: 50%;float: left;text-align: center;height: 30px;line-height: 30px;font-size: 16px;border-radius: 40px;margin-bottom: 30px;}


    .navM li a{color: #333}
    .navM li.active{background: #009ea1;}
    .navM li.active a{color: #fff}
    .fl_list h1 span{font-size: 16px;color:#009ea1;margin-left: 30px;}
    .main li{height: auto;padding: 30px 0}
    .main li:nth-child(2n-1) .onepic,.main li:nth-child(2n-1) .onecon,.main li:nth-child(2n) .onecon,.main li:nth-child(2n) .onepic{width: 100%;float: none;margin: 0}
    .main li img{display: block;width: 100%;height: auto}
    .main li .onecon .more{float: right}
    .content .solution .mcon .content{margin-top: 0;padding-top: 0}
    /*.content{padding-bottom: 0}*/
	.content img{display:block;width:100%;height:auto}
}