body {font: 16px '微软雅黑',Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }
.c{width: 1350px;margin:0 auto;}

a:link{text-decoration:none; }  /* 指正常的未被访问过的链接*/

a:visited{text-decoration:none; }/*指已经访问过的链接*/

a:hover{text-decoration:none;}/*指鼠标在链接*/

a:active{text-decoration:none;}/* 指正在点的链接*/ 

a:hover {
  color: #e84567;
  text-decoration: none;
}
.header{width: 100%;height: 90px;font-size: 16px;}
.header .header_mid{width:1600px;height: 90px; margin:0 auto;}
.header .header_mid a img{height: 47px;margin-top: 21px; float: left;}
.header .header_mid .nav{width: 66%; height: 45px;line-height: 45px;margin-left: 5%; margin-top: 22px; float: left;}
.header .header_mid ul{list-style-type:none}
.header .header_mid ul li{height: 45px;line-height: 45px;float: left; text-align:center;margin-left: 5%;}
.header .header_mid ul li a{color: #666666;font-size: 16px;}
.header .header_mid ul li a:hover {color: #e84567;text-decoration: none;}
.header .header_mid ul li a:visited {text-decoration: none;}
.header .header_mid .phone{height: 90px;float: right;width: 12%;}
.header .header_mid .phone img{float: left; margin-top: 35px;}
.header .header_mid .phone p{font-size: 16px;color: #666666;margin-top: 35px;}
.header .header_mid ul li.active a{color: #e84567;} 

.banner{width: 100%;height: 820px;}


.Group{width: 100%;height: 700px;background: #f2f2f2;}
.Group .titlea{width: 100%; text-align: center;color: #333;font-size: 34px;padding-top: 50px;}
.Group ul{margin-top: 50px;padding-inline-start: 0px;}
.Group li{width: 33.3333%;float: left;list-style-type: none;overflow: hidden;background: #fff;}
.Group li:nth-child(2){background: #f8f8f8;}
.Group li:nth-child(3){margin-right: 0;}
.Group li img{margin: 30px auto;display: block;width: 114px;height: 114px;}
.Group li span{display: block;text-align: center;margin-top: 30px;font-size: 24px;color: #555555;}
.Group li p{margin-top: 40px;text-align: center; font-size: 20px;color: #555555;line-height: 30px;padding: 0 24px;}
.Group li .tp{margin: 50px auto;}
.Group li .tp img{width: 170px;height: 40px;}
 


.advantage{width: 100%;height: 810px;background: url(/lib/images/advantage.png) no-repeat CENTER;}
.advantage .titlea{width: 100%; text-align: center;color: #ffffff;font-size: 34px;padding-top: 50px;margin-bottom: 50px;}
.advantage .tp{width: 100%;}
.advantage .tp1{width: 48%;height: 260px;float: left;margin-right: 4%;margin-bottom: 4%;border-radius: 20px;background: rgba(50,73,106,.5);}
.advantage .tp1:nth-child(2){margin-right: 0;}
.advantage .tp1:nth-child(4){margin-right: 0;}
.advantage .tp1 span{font-size: 25px;color: #fff; text-align: center;display: block;margin-top: 30px;}
.advantage .tp1 p{font-size: 19px;color: rgba(240,240,240,.8);margin-top: 20px;line-height: 30px; text-align: center;padding-left: 20px;padding-right: 20px;}
.advantage .tp1 hr{width: 50px;height: 2px;}




.oemodm_capability{width: 100%;height: 1050px;}
.oemodm_capability .titlea{width: 100%; text-align: center;color: #333;font-size: 34px;padding-top: 50px;}
.oemodm_capability .titleb{width: 100%; text-align: center;color: #666;font-size: 16px;margin-top: 20px;}
.oemodm_capability .tp{width: 100%;margin-top: 50px;}
.oemodm_capability .tp1{width: 32%;height: 300px;margin-right: 2%;float: left;margin-bottom: 2%;}
.oemodm_capability .tp1 img{width: 100%;height: 300px;}
.oemodm_capability .tp1:nth-child(1){width: 49%;height: 441px;}
.oemodm_capability .tp1:nth-child(1) img{width: 100%; height: 441px;}
.oemodm_capability .tp1:nth-child(2){width: 49%;height: 441px; margin-right: 0;}
.oemodm_capability .tp1:nth-child(2) img{width: 100%; height: 441px;}
.oemodm_capability .tp1:nth-child(5){margin-right: 0;}




/* Cooperation_Process */
.Cooperation_Process{width: 100%;height: 800px;background-color: #f7f7f7;}
.Cooperation_Process .titlea{width: 100%; text-align: center;color: #333;font-size: 34px;padding-top: 50px;}
.Cooperation_Process .titleb{width: 30%;margin: 0 auto;}
.Cooperation_Process .titleb .titleb_1{float: left;width: 50%;text-align: center;margin-top: 30px;}
.Cooperation_Process .titleb .titleb_1.active a{color: #e84567;}
.Cooperation_Process .titleb .titleb_1 a{color: #555;font-size: 18px;}
.Cooperation_Process .titleb .titleb_1 a:visited {text-decoration: none;}
.Cooperation_Process ul{padding-inline-start: 0px;margin-top: 80px;}
.Cooperation_Process ul li{float: left;width: 16.3%;height: 270px;background-color: #ffffff; list-style-type: none;margin-right: 0.3%;margin-bottom: 0.3%;}
.Cooperation_Process ul li > .tp1{background: url(/lib/images/b1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp2{background: url(/lib/images/b2.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp3{background: url(/lib/images/b3.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp4{background: url(/lib/images/b4.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp5{background: url(/lib/images/b5.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp6{background: url(/lib/images/b6.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp7{background: url(/lib/images/b7.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp8{background: url(/lib/images/b8.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp9{background: url(/lib/images/b9.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp10{background: url(/lib/images/b10.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp11{background: url(/lib/images/b11.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > .tp12{background: url(/lib/images/b12.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li > h5{text-align: center;font-size: 16px;color: #666;padding-top: 10px;}
.Cooperation_Process ul li:hover{background-color: #e84566;}
.Cooperation_Process ul li:hover > h5{text-align: center;font-size: 16px;color: #fff;padding-top: 10px}
.Cooperation_Process ul li:hover > .tp1{background: url(/lib/images/b1.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp2{background: url(/lib/images/b2.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp3{background: url(/lib/images/b3.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp4{background: url(/lib/images/b4.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp5{background: url(/lib/images/b5.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp6{background: url(/lib/images/b6.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp7{background: url(/lib/images/b7.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp8{background: url(/lib/images/b8.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp9{background: url(/lib/images/b9.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp10{background: url(/lib/images/b10.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp11{background: url(/lib/images/b11.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}
.Cooperation_Process ul li:hover > .tp12{background: url(/lib/images/b12.1.png) no-repeat;-webkit-background-size:100% 100%;width: 44px; height: 44px;margin:80px auto 0;}



.p10{width: 100%;height:832px;background: url(/lib/images/oem_footer.png) no-repeat center top;overflow: hidden;}
.p10 .titlea{width: 100%; text-align: center;color: #fff;font-size: 34px;padding-top: 50px;}
.p10 .c{height: 615px;background: url(/lib/images/oem_footer1.png) no-repeat;margin-top: 50px;overflow: hidden;}
.p10 .right{width: 50%;height: 300px;float: right;margin-right: 100px;margin-top: 170px;}
.p10 .right .text1{width:49%;float: left;margin-right: 1%;margin-top: 10px;background-color: #ffffff;box-shadow: rgba(200,200,200,.3) 1px 1px 5px 3px;}
.p10 .right .text1:nth-child(2){width:49%;float: right;margin-right: 0px;}
.p10 .right .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 50px;
    border:0 solid #ffffff;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #ffffff;box-shadow: rgba(200,200,200,.3) 1px 1px 5px 3px;
  }
  .p10 .right .msg{
    font-size: 14px;
    border:0 solid #ffffff;
    width: 100%;
    height: 200px;
    padding: 20px;
    resize: none;
    margin-top: 20px;
    background-color: #ffffff;box-shadow: rgba(200,200,200,.3) 1px 1px 5px 3px;
}
.p10 .right .msg:focus{outline-color:#fff}
.p10 .right .submit1{width: 100%;height: 50px;float: right;margin-top: 20px;background-color: #e84567;}
.p10 .right .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 50px;
    border:0 solid #ffffff;
    color:#ffffff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #e84567;

  }




  @media (max-width:1400px){
    .header .header_mid{max-width: 95%;}
    /* .banner{background: url({$pro_oem.main_photo}) no-repeat CENTER;} */
    .header .header_mid ul li a{font-size: 14px;}
    .header .header_mid .nav {margin-left: 2%;width: 62%;}
    .header .header_mid .phone{width: 15%;}
    .header .header_mid ul li{height: 45px;line-height: 45px;float: left; text-align:center;margin-left: 3%;}
    .c{max-width: 96%;}
  }