/*
* @Author: ChunLai
* @Date:   2018-05-05 09:53:00
* @Name:公司产品
*/

/*---------------------md1--------------*/
.md1{background-color: #fff;padding-bottom: 120px;}
.md1 .md1-ul1{display: flex;justify-content: space-between;margin-top:-100px;}
.md1 .md1-ul1 li{width:220px;height:300px;padding:62px 10px;position:relative;overflow: hidden;}
.md1 .md1-ul1 li:nth-child(even){background:#f4984f;}
.md1 .md1-ul1 li:nth-child(odd){background:#e5e5e5;}
.md1 .md1-ul1 li p{text-align: center;font-size: 20px;}
.md1-p{font-weight: bold;background: -webkit-gradient(linear,left top,right top,color-stop(0, #000),color-stop(0.3, #000),color-stop(0.5, #4af58a),color-stop(0.8, #000),color-stop(1, #000));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: slidetounlock 4s linear infinite;
    animation: slidetounlock 4s linear infinite;
}
@-webkit-keyframes slidetounlock {
    0% {background-position: -130px 0;}
    80%{background-position: 100px 0;}
    100% {background-position: 130px 0;}
}
@keyframes slidetounlock {
    0% {background-position: -130px 0;}
    80%{background-position: 100px 0;}
    100% {background-position: 130px 0;}
}
.md1-intro{width:200px;height:300px;background-color:#38302a;padding:35px 10px;position:absolute;top:0;left:-220px;font-size:15px;text-indent: 2em;color:#fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.md1 .md1-ul1 li:nth-child(1):hover .md1-li1{left:0;opacity:.9;}
.md1 .md1-ul1 li:nth-child(2):hover .md1-li2{left:0;opacity:.9;}
.md1 .md1-ul1 li:nth-child(3):hover .md1-li3{left:0;opacity:.9;}
.md1 .md1-ul1 li:nth-child(4):hover .md1-li4{left:0;opacity:.9;}
.md1 .md1-ul1 li:nth-child(5):hover .md1-li5{left:0;opacity:.9;}
.md1 .md1-ul1 li:nth-child(6):hover .md1-li6{left:0;opacity:.9;}
.md1 h1{margin-top: 60px;}
.md1 h4{margin-top: 20px;}

.out_circle{width:500px;height:500px;margin:80px auto 0;border-radius:100%;border:1px dotted #5b5b5b;position:relative;}
/*small-circle*/
.ch-grid li {
    width: 100px;
    height: 100px;
    border-radius:100%;
    position:absolute;
}
.ch-grid li:nth-child(1){top:-50px;left:0;right:0;margin:auto;}
.ch-grid li:nth-child(2){top:60px;left:-5px;}
.ch-grid li:nth-child(3){top:60px;right:-5px;}
.ch-grid li:nth-child(4){top:250px;left:-42px;}
.ch-grid li:nth-child(5){top:250px;right:-42px;}
.ch-grid li:nth-child(6){top:405px;left:56px;}
.ch-grid li:nth-child(7){top:405px;right:56px;}
.ch-item {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    cursor: default;
}
.ch-info{
   display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    font-size:20px;text-align:center;padding-top: 21px;
    background-color:#f49448;
    overflow: hidden;
    box-shadow: inset 0 0 0 8px rgba(255,255,255,0.5);
}

.out_circle ol{width:300px;height:300px;border-radius:100%;margin:100px auto;border:1px solid #2f2f2f;position:relative;}
.out_circle ol li{width:100%;height:100%;line-height: 35px;text-align:center;font-size:18px;padding-top:72px;position:absolute;top:0;left:0;display: none;}

/*-------------md2--------------*/
.md2{background-color:#f3f3f3;padding:70px 0 40px;}
.md2 ul{padding:0 80px;display: flex;justify-content:space-between;margin-bottom:30px;}
.md2 ul li p{text-align:center;line-height:27px;margin-top:20px;}
.md2 ol{padding:0 80px;display: flex;justify-content:space-between;margin-top:60px;}
.md2 ol li em{line-height:27px;font-size:70px;color:#d41f28;}
.md2 ol li p{font-size:16px;line-height:80px;}

/*-------------md3--------------*/
/*.new-font{}*/
.md3{background-color:#fff;padding:70px 0;}
.md3 h1,.md3 p{text-align:center;}
.md3 h1{line-height:50px;}
.md3 p{line-height:23px;}
.md3 ul{display: flex;justify-content:space-between;margin-top:70px;}
.md3 ul li{position:relative;}
.md3 ul li .md3-dot{position:absolute;top:47%;right:-85px;}
.md3-dot span{display:inline-block;width:16px;height:16px;border-radius:8px;background-color:#d41f28;margin-right: 10px;}

/*-------------md4--------------*/
.md4{background-color:#fff;padding:40px 0 70px;}
.md4 h1,.md4 p{text-align:center;}
.md4 h1{line-height:50px;}
.md4 p{line-height:23px;}
.md4 ul{width:77%;display: flex;justify-content:space-between;margin:40px auto 70px;}
.md4 ul li{position:relative;}
.md4 ul li .md4-arrow{position:absolute;top:50%;right:-68px;margin-top:-10px;}

.arrow_left{-webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
        transform: rotate(180deg);
}
.md4 ol{width:60%;margin-left:340px;display: flex;}
.arrow_down{-webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg);
}
.arrow_up{-webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
}
.md4 ol li{position:relative;}
.md4 ol li .arrow_mid1{position:absolute;top:-43px;left:34px;}
.md4 ol li .arrow_mid2{position:absolute;bottom:-44px;left:34px;}