/*解决方案样式开始*/
.item_solution {
  padding: 0 0 100px 0;
}
.product_desc {
  /*text-align: center;*/
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
  color: #303030;
  font-size: 18px;
  line-height: 1.8;
  padding: 0 25px;
  text-indent: 2em;
}
#solution_ulist * {
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
}
#solution_ulist li {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom:2%;
  /*padding-bottom: 35px;*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}
#solution_ulist li:nth-child(2n) {
  margin-right: 0;
}
#solution_ulist li .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
#solution_ulist li .thumb img {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  transition:
    transform 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#solution_ulist li .thumb {
  overflow: hidden;
  margin-bottom: 25px;
  position: relative;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}
#solution_ulist li b {
  font-size: 24px;
  display: block;
  color: #2e2e2e;
  font-weight: normal;
}
#solution_ulist li p {
  color: #2e2e2e;
  display: block;
  padding-top: 10px;
  font-size: 15px;
}
#solution_ulist li .desc {
  position: relative;
  padding-left: 40px;
  padding-top: 10px;
  padding-right: 40px;
}
#solution_ulist li em {
  background: #3963ef;
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  display: block;
  font-size: 50px;
  font-weight: bold;
  position: absolute;
  left: 40px;
  top: -80px;
}
#solution_ulist li:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
}
#solution_ulist li:hover .thumb {
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
}
#solution_ulist li:hover {
  background: #3963ef;
}
#solution_ulist li:hover * {
  color: #fff;
}
#solution_ulist li:hover .desc {
}
@media (max-width: 1674px) {
  .item_solution {
    padding:0 85px 50px 85px;
  }
}

@media (max-width: 1360px) {
  .item_solution {
    padding:0 50px 40px 50px;
  }
  .product_desc {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  #solution_ulist li em {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    top: -60px;
    left: 25px;
  }
  #solution_ulist li .desc {
    padding-left: 25px;
  }
}
@media (max-width: 640px) {
  .item_solution {
    padding:0 25px 25px 25px;
  }
  .product_desc {
    margin-bottom: 50px;
    width: 100%;
  }
  #solution_ulist li {
    width: 100%;
    margin-right: 0;
  }
  #solution_ulist li:nth-child(2n) {
  }
  #solution_ulist li em {
    font-size: 30px;
  }
}
@media (max-width:740px){
    .product_desc {
    margin-bottom: 50px;
    width: 100%;
  }
}
/*解决方案样式结束*/

/*联系我们样式开始*/
.wcenter { max-width: 1504px; margin:0 auto }
.wcenter .h2_title{
    font-size: 38px;
    color: #3963ef;
    font-weight: normal;
    display: block;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}
.wcenter .h2_title_desc{
    font-size: 14px;
    color: #606060;
    text-transform: uppercase;
    text-align: center;
    display: block;
    /*margin-bottom: 60px;*/
}
@media(max-width:1674px){
/**/
.wcenter { max-width:100%; margin:0 auto }
}
.item_contact{ padding:0 0 100px 0;}
.contact_ul{ text-align:center; padding-top:50px}
.contact_ul li{ display:inline-block; padding-left:85px; position:relative; min-height:77px; text-align:left; vertical-align:top}
.contact_ul li:before{ background:url(../images/cion_tel.png) no-repeat; height:77px; width:76px; content:""; display:block; margin:0 auto;}
.contact_ul li:before{ position:absolute; left:0; top:0}
.contact_ul li.tel{ padding-left:106px; padding-right:70px; border-right:1px solid #eee}
.contact_ul li.email{padding-left:115px; margin:0 70px;padding-right:70px; border-right:1px solid #eee}
.contact_ul li.add{padding-left:98px; width:404px;}
.contact_ul li.email:before{ width:85px; background-position:-91px center;}
.contact_ul li.add:before{ width:68px; background-position:right center}
.contact_ul li b{ color:#3c3c3c; font-size:24px; display:block; margin-bottom:5px}
.contact_ul li p{ font-size:20px; color:#858585; font-weight:bold}
/**/
#contact_address{ 
    margin-top:2%;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-box;      /* 兼容旧版 iOS & Android */
    display: -webkit-flex;     /* 兼容 iOS 9-10 */
    display: -ms-flexbox;      /* 兼容 IE */}
#contact_address li{  width:48%; margin-right:4%; margin-top:4%; border:1px solid #eee; padding:30px; line-height:1.8; font-size:16px;}
#contact_address li p{ display:block; position:relative; padding-left:55px; color:#9b9b9b;margin-bottom: 0; }
#contact_address li p label{ position:absolute; left:0; top:0}
#contact_address li:nth-child(2n){ margin-right:0}
/**/
#sitemap_iframe iframe{ width:100%; height:500px;}
#contact_form { }
#contact_form li { float:left; width:31%; margin-right:3.5%; margin-bottom:25px; position:relative }
#contact_form li input[type='text'] { border:0; border-bottom:1px solid #ddd; padding:5px 0px; padding-bottom:15px; width:100%; display:block; }
#contact_form li.ct_3 { margin-right:0 }
#contact_form li.textarea { width:100% }
#contact_form li.textarea textarea { border:0; border-bottom:1px solid #ddd; width:100%; min-height:60px; }
#contact_form li.send { text-align:center; width:100% }
#contact_form li.send input { display:inline-block; padding:15px 60px; background:#3a67ff; color:#fff; border:0; cursor:pointer;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}

@media(max-width:1674px){
.item_contact{ padding:0 70px 50px 70px}
}

@media(max-width:1360px){
.item_contact{ padding:0 50px 40px 50px}
.contact_ul li.tel{ padding-right:50px}
.contact_ul li.email{ padding-right:50px; margin:0 50px}
}
@media(max-width:1300px){
.contact_ul li{ width:40%; padding:0; border:0}
.contact_ul li.tel{ padding-right:0;border:0}
.contact_ul li.email{ margin:0; padding-right:0;border:0}
.contact_ul li.add{ width:80%; margin-top:35px}
#sitemap_iframe iframe{height:38.46153846153846vw}
}
@media(max-width:800px){
.contact_ul li{ width:40%;}
.contact_ul li.tel{ width:50%}
.contact_ul li.add{ width:90%; margin-top:35px}	
}
@media(max-width:700px){
.contact_ul li{ width:100%; padding-left:0; text-align:center}
.contact_ul li.email{ padding-left:0}
.contact_ul li.tel{ width:100%;margin-bottom:15px;padding-left:0}
.contact_ul li.add{ width:100%; margin-top:15px;padding-left:0}	
.contact_ul li:before{ display:block; position:static; margin-bottom:8px}
#contact_address li{ width:100%; margin-right:0}
}
@media(max-width:600px){
.item_contact{ padding:0 25px 25px 25px}
#contact_address li{ padding:15px}
#sitemap_iframe iframe{height:250px}
#contact_form li{ width:100%}
}
/*联系我们样式结束*/

/*申请样品*/

.application-body{
     background:#f3f3f3;
}
.application-body .innerrtitle{
    background: #ffffff;
}
.title-name{
    font-weight: bold;
    color:#3963ef;
    font-size: 16px;
    margin-bottom: 10px;
}
.btn-p{
    text-align: center;
}
.sure-btn{
    /*width: 100%;*/
    background: #3963ef;
    color: #ffffff;
    border: 0;
        padding: 15px ;
        -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    width: 50%;
    margin: 0 auto;
}
.form_div{
    /*background:url(../images/sqbg.jpg) no-repeat center;*/
        margin: 0 auto;
    padding: 30px 0;
}
.infor{
    width: 50%;
    background: #ffffff;
    padding: 25px;
    margin: 0 auto;
    border-radius: 6px;
}
.infor .text{
    color: #3963ef;
    cursor: pointer;
}
.ct{
    margin-bottom:25px;
}
.ct li{
    margin-right: 3.5%;
}
.ct li:last-child{ margin-right:0}
/*.ct li input[type='text'] {  border:1px solid #ddd; padding:5px 0px; padding-bottom:15px; width:100%; display:block; } */
.ct_1 li{
    display:inline-block; 
    width: 40%;
    
}
.ct_2 li{
    display:inline-block; 
    width: 30%;
}
.item-application input[type='text'] {  border:1px solid #ddd; padding:5px 0px; width:78%; display:inline-block; } 
.item-application .textarea {  border:1px solid #ddd; width:100%; min-height:60px; }
.item-application label{ width:125px;font-size: 15px;
    color: #000000;
    font-weight: bold;}
   .item-application .required-star {
            color: #e53e3e;
            font-size: 18px;
            font-weight: 700;
            margin-left: 2px;
            display: inline-block;
        }
@media(max-width:600px){
.item-application .ct li{ width:100%;margin-bottom:10px;}
.sure-btn{
    width: 100%;
}
.infor{
     width: 100%;
}
.item-application input[type='text']{
     width: 100%;
}
#modal{
    width: 80%;
}
}


  /* 遮罩层 - 默认隐藏 */
        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 999;
        }

        /* 弹框卡片 */
        #modal {
            /*width: 320px;*/
            
            padding: 30px 20px 20px;
            background: #fff;
            border-radius: 12px;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
#modal p{
    text-align: left;
}
        #modal button {
            margin-top: 15px;
            padding: 8px 30px;
            border: none;
            border-radius: 6px;
            background: #dc3545;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
        }

        #modal button:hover {
            background: #c82333;
        }