﻿ul li { list-style-type: none; }
a { text-decoration: none; }
img { border: none; }
em, i { font-style: normal; }
.xinxi_solution_bg { background-size: 100% 500px; max-width: 1920px; margin: 0 auto; background-color: #ffffff; padding:40px;margin-bottom:40px;}
.xinxi_solution_main ul { overflow: hidden; height: 500px; }
.xinxi_solution_main .main_mobile { max-width: 1030px; /*min-width: 1080px;*/margin: auto; }
.xinxi_solution_main ul li { background: url('/Images/CommonWebSite/1.jpg') no-repeat;background-size:auto 100%; height: 500px; float: left; width: 50px; position: relative; overflow: hidden; transition: all 0.5s; }
.xinxi_solution_main ul li:nth-child(2) { background: url('/Images/CommonWebSite/1.jpg') no-repeat; background-size:auto 100%; }
.xinxi_solution_main ul li:nth-child(3) { background: url('/Images/CommonWebSite/1.jpg') no-repeat; background-size:auto 100%;}
.xinxi_solution_main ul li:nth-child(4) { background: url('/Images/CommonWebSite/1.jpg') no-repeat; background-size:auto 100%;}
.xinxi_solution_main ul li:nth-child(5) { background: url('/Images/CommonWebSite/1.jpg') no-repeat; background-size:auto 100%;}
.xinxi_solution_main ul li:nth-child(6) { background: url('/Images/CommonWebSite/1.jpg') no-repeat; background-size:auto 100%;}
.xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 30px; padding: 0 14px; text-align: center;cursor:pointer; }
.xinxi_solution_main ul li .left_top img { width: 30px; }
.xinxi_solution_main ul li i { font-size: 16px; color: #FFF; }
.xinxi_solution_main .left_top { font-size: 30px; color: #FFF; }
.xinxi_solution_main ul li .left { float: left; width: 50px; background: #000; opacity: 0.5; height: 500px;cursor:pointer; border-right: 1px solid #ffffff;}
.xinxi_solution_main ul li .right { float: left; width: 630px; position: relative; height: 500px; }
.xinxi_solution_main .right dl { position: absolute; top: 50%; left: 30px; }
.xinxi_solution_main .right dd { color: #FFF; font-size: 26px; border-radius: 5px; width: 280px; height: 75px; margin-bottom: 45px; background: #000; opacity: 0.5; }
.xinxi_solution_main .right dl a { background-repeat: no-repeat; color: #FFF; font-size: 16px; line-height: 40px; height: 40px; width: 280px; text-align: center; padding: 0 10px; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; background-size: 100% 100%; background-color: rgba(0,0,0,0.23); border-radius: 5px; margin-top: 10px; }
.xinxi_solution_main .right dl a.yichu { float: left; margin-right: 20px; }
.xinxi_solution_main ul li.on { width: 680px; }
.xinxi_solution_main ul li.two { background: url('images/pic2.jpg') no-repeat; }
.xinxi_solution_main ul li.thr { background: url('images/pic3.jpg') no-repeat; }
.xinxi_solution_main ul li.four { background: url('images/pic4.jpg') no-repeat; }
.xinxi_solution_main ul li.five { background: url('images/pic5.jpg') no-repeat; }
.xinxi_solution_main ul li.six { background: url('images/pic6.jpg') no-repeat; }


/*手机状态下*/
.mobile {

        }
.mobile ul li .left {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ffffff;
}
.mobile ul li .left_top {
    width: 100%;
    margin-top: -5px !important;
    top: 5px !important;
    height: 50px;
}
.mobile ul li {
    width: 100%;
    height: 50px;
}
.mobile ul li.on {
    height: auto;
    width: 100%;
}
.mobile ul {
    height: auto;
}
.mobile ul li .right {
    width: 100%;
    height: auto;
}
.mobile .right dl {
    margin-top: 0px !important;
    top: 0px;
    left: 0px;
    right: 0px;
    position: relative;
}
.mobile .right dl a.yichu {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.mobile .right dl a {
    margin-left: auto;
    margin-right: auto;
}
/*手机状态下*/