@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */@charset "utf-8";
/* CSS Document */


/*多分辨率设定rem设定*/
html {
  font-size: 20px;
    height:100%;

}
/*Note3*/
@media only screen and (max-width: 360px) {
  html {
    font-size: 10px !important;
  }
}
/*Note3*/
@media only screen and (min-width: 360px) {
  html {
    font-size: 10px !important;
  }
}
/*iPhone6*/
@media only screen and (min-width: 376px) {
  html {
    font-size: 12px !important;
  }
}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
  html {
    font-size: 12px !important;
  }
}
/*big Resolution*/
@media only screen and (min-width: 641px) {
  html {
    font-size: 20px !important;
  }
}
html {
  -ms-touch-action: none;
}
*{margin:0;padding: 0px;}
img{vertical-align: middle;}
ul{list-style: none;}
a{text-decoration: none;}
p{margin-bottom: 0px;}
a:hover{text-decoration: none;}
.clear{clear: both;}
h3{padding: 0px; margin: 0px;}
.cl{clear: both;}
.index_header_box{width: 100%;}
.index_header{width:1200px;height:40px;line-height:40px;text-align: center;
margin:0 auto; }
.nav_box{width: 100%;background: #5d5fbe;}
.index_header{position: relative;}
.index_header li{width:14%;display: block;float: left;}
.index_header li:hover{background: #ffffff;}
.index_header li:hover a{color:#5d5fbe;font-weight: bold;}
.index_header li a{color: #ffffff;}
.index_logo{width:1200px;margin: 0 auto;}
.index_logo li{width:20%;display: inline-block;height:100px;line-height:100px;}

.li_list{width:1200px;position:absolute;left:0px;
background:#ffffff;display: none;z-index: 999}
.li_list li{width:14%;text-align: center;}
.li_list li a{display: block;width:85%;margin:0 auto;text-align:left;padding-left:10px;
    color:#a3a3a3 !important;font-size: 12px;}
.li_list li a span{color:#5d5fbe;font-size:14px;}
.li_list li a img{width:100%;padding-top:10px;}
.li_list li hr{padding:0px;width:80%;margin:0 auto;border-top:1px solid #dddddd;}
.li_list1{width:1200px;
position:absolute;left:0px;padding-bottom:20px;display: none;
z-index: 999;background:#ffffff;
}
.li_list1 li{width:14%;text-align: center;}
.li_list1 li a{display: block;width:85%;margin:0 auto;text-align:left;padding-left:10px;
    color:#a3a3a3 !important;font-size: 12px;}
.li_list1 li a span{color:#5d5fbe;font-size:14px;}
.li_list1 li a img{width:100%;padding-top:10px;}
.li_list1 li hr{padding:0px;width:80%;margin:0 auto;border-top:1px solid #dddddd;}

.li_list2{width:400px;
position:absolute;left:-70%;padding-bottom:20px;display: none;
z-index: 999;background:#ffffff;
}
.li_list2 li{width:48%;text-align: center;}
.li_list2 li a{display: block;width:85%;margin:0 auto;text-align:left;padding-left:10px;
    color:#a3a3a3 !important;font-size: 12px;}
.li_list2 li a span{color:#5d5fbe;font-size:14px;}
.li_list2 li a img{width:100%;padding-top:10px;}
.li_list2 li hr{padding:0px;width:80%;margin:0 auto;border-top:1px solid #dddddd;}


.li_list3{width:600px;
position:absolute;left:-70%;padding-bottom:20px;display: none;
z-index: 999;background:#ffffff;
}
.li_list3 li{width:33%;text-align: center;}
.li_list3 li a{display: block;width:85%;margin:0 auto;text-align:left;padding-left:10px;
    color:#a3a3a3 !important;font-size: 12px;}
.li_list3 li a span{color:#5d5fbe;font-size:14px;}
.li_list3 li a img{width:100%;padding-top:10px;}
.li_list3 li hr{padding:0px;width:80%;margin:0 auto;border-top:1px solid #dddddd;}

.index_about_us{width:100%;padding:2rem 0rem;}
.index_about_us li{width:50%;float: left;margin-bottom: 2rem;}
.index_about_us li img{width: 100%;}
.index_about_us_t{width: 100%;}
.index_about_us_t_l{width:40%;float: left;text-align: center;}
.index_about_us_t_l span{font-size: 2rem;font-weight: bold;line-height: 30px;}
.index_about_us_t_r{width:60%;float:left;}
.index_about_us_t_r p{line-height: 30px;}
.index_about_us_t_r span{color: #5d5fbe;}
.index_about_us_img_box{display:block;
    width:90%;margin: 0 auto;height:85px;overflow: hidden;}
.index_about_us_img_box img{width:100%;height: 100%;}
.index_cases{width:100%;margin: 0 auto;}
.index_cases h3{color:#5d5fbe;font-size:2rem;text-align: center;margin-bottom: 15px;}
.index_case1{width: 100%;margin:0 auto;}
.index_case_tab{width:95%;margin:0 auto;margin-bottom: 40px;}
.index_case_tab span{width:50%;line-height: 40px;border-radius: 20px;
display: block;float: left;color:#5d5fbe;text-align: center;
cursor: pointer;
}
.span_active{background: #5d5fbe;color:#ffffff!important;}
.product_r{width:100%;}
.product_r_list li{width:47%;display: block;float: left;margin-left:2%; border-bottom: 2px 
solid #5d5fbe;margin-bottom: 2rem;}
.product_r_list_img{display: block;width: 100%;text-align: center;}
.product_r_list_img img{width:100%;height: 132px; }
.index_r_list_b{height:60px;padding-left:20px;padding-top: 10px;}
.index_r_list_b p{color:#5d5fbe;}
.more{width:30%;height:25px;border-radius: 12.5px;display: block;
line-height: 25px;text-align: center;margin-bottom: 20px;margin-top: 15px;
color:#5d5fbe;}
.product_r_list{display: none;}
.product_r_list li:hover .index_r_list_b{background: #5d5fbe}
.product_r_list li:hover .index_r_list_b p{color:#ffffff;} 
.product_r_list li:hover .more{background: #ffffff;color:#5d5fbe;}

.index_product_display{width:100%;background: #f5f5f5;padding-top: 2rem;padding-bottom: 2rem;}
.index_product_display_con{width: 95%;margin: 0 auto;text-align: center;}
.index_product_display_con h3{text-align: center;color:#5d5fbe;margin-bottom: 1rem;} 
.index_product_display_con hr{float: left;width: 20%;border-top:2px solid #666666;line-height: 2.5rem;}
.index_product_display_con h2{float: left;font-size: 1.5rem;width: 60%;margin:0px; padding: 0px;
    margin-top: 5px;line-height: 2.5rem;}
.index_product_nav{margin-top: 40px;}
.more_displays{display: block;width: 80%;height: 40px;
    border-radius: 20px;border:1px solid #5d5fbe;margin:0 auto;line-height: 40px;
text-align: center;color: #5d5fbe;font-weight: bold;margin-top: 30px;}
.index_product_tab{width:100%;background: #ffffff;margin-bottom: 2rem;}
.index_product_tab span{width: 50%;float:left;height:50px;text-align: center;display: block;
float:left; border:1px solid #dddddd;cursor: pointer;line-height: 50px;font-size:12px;overflow: hidden;}
.index_product_tab span p{display: block;text-align: center;font-size: 5px !important;}
.index_products_list{width:100%;background: #ffffff;padding-top: 30px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);display: none;}
.index_products_list li{width:48%;margin-left:1%;
  border:1px solid #dddddd;float: left;display: block;text-align: center;margin-bottom: 15px;
}
.index_products_list li img{width:100%;height: 115px;}
.index_products_list li a{color:#666666;}
.index_products_list li a p{line-height: 50px;}
.index_products_list1{width:100%;margin: 0 auto; background: #ffffff;padding-top: 30px;height: auto;padding-bottom: 30px;}
.index_products_list1 strong{width:90%;margin: 0 auto; line-height: 25px;display: block;}
.index_products_list1 p{width: 90%;margin:0 auto;line-height: 25px;overflow: hidden;}
.index_products_list1 p{width: 90%;margin:0 auto;line-height: 25px;overflow: hidden;}
.index_products_list1 p img{width:100%;height: auto!important;}
.index_products_list1 h3{font-size: 16px;
    display:block; width: 90%;margin:0 auto;line-height: 25px;}


.index_cature{width: 100%;padding-bottom:4rem;background-color:#f9f9f9;}
.index_cature_box{width: 90%;margin:0 auto;}
.index_cature_title{width:110px;height:120px;background: #3753c9;color:#FFFFFF;}
.index_cature_title span{font-size: 18px;display: block;text-align: center;line-height: 80px;
}
.index_cature_title p{text-align: center;font-size: 30px;line-height: 20px;}
.li_active{color:#3753c9;}
.index_cature_l{width: 100%;}
.index_cature_r{width:90%;margin:0 auto;position: relative}
.index_cature_l_t{width: 100%;margin-top: 60px;margin-bottom: 20px;}
.index_cature_l_t span{float: left;}
.index_cature_l_t span:first-child{font-size: 25px;color:#666666;}
.index_cature_l_t span:nth-child(2){color:#999999;padding-top: 13px;padding-left: 10px;}
.index_cature_l_t a{float: right;color:#666666;}
.index_cature_l_m p{text-indent: 2em;color:#a0a0a0;padding-top: 20px;margin-bottom: 40px;}
.index_cature_l_b li{width:18%;display: block;line-height: 25px;color:#a0a0a0;
float: left;}
.li_active{color:#3979cb !important;}
.index_cature_video{width:100%;height:23rem;}
.index_cature_video h4{color:#3753c9;padding-top: 15px;}
.index_cature_video_con img{width: 100%;height: 197px; position: absolute;top:4rem;}


.index_news_box{width: 100%;background: #f0f0f0;padding-top: 30px;padding-bottom: 30px;
}
.index_news{width: 90%;margin:0 auto;}
.index_news_l{width: 100%;}
.index_news_header span{display: block;float: left;}
.index_news_header span:first-child{font-size: 18px;color:#9f9f9f;border-bottom: 1.5px solid #3753c9;
    height:40px;line-height: 40px;padding: 0px 15px;margin-right: 20px;}
.index_news_header span:nth-child(3){color:#9f9f9f;font-size: 18px;padding-left: 10px;line-height: 40px}
.index_news_header a{float: right;color:#3753c9;line-height: 40px;padding-right: 10px;}
.index_news_l_list li{line-height: 50px;width:100%;border-bottom: 1px solid #dddddd;padding-left: 10px;}
.index_news_l_list li a{color:#9f9f9f;}
.index_news_l_list li a span{float: right;display: block;padding-right: 10px;}

.index_news_r{width: 100%;margin-top: 5rem;}
.index_news_header span{display: block;float: left;}
.index_news_header span:first-child{font-size: 18px;color:#9f9f9f;border-bottom: 1.5px solid #3753c9;
    height:40px;line-height: 40px;padding: 0px 15px;margin-right: 20px;}
.index_news_header span:nth-child(3){color:#9f9f9f;font-size: 18px;padding-left: 10px;line-height: 40px}
.index_news_header a{float: right;color:#3753c9;line-height: 40px;padding-right: 10px;}
.index_news_r_list li{line-height: 50px;width:100%;border-bottom: 1px solid #dddddd;padding-left: 10px;}
.index_news_r_list li a{color:#9f9f9f;}
.index_news_r_list li a span{float: right;display: block;padding-right: 10px;}

.index_contactus_box{background: #ffffff;padding-top: 30px;padding-bottom: 30px;}
.index_contactus{width: 90%;margin:0 auto;}
.index_contactus_header{margin-bottom: 2rem;}
.index_contactus_header h3{text-align: center;color:#000000;}
.index_contactus_header p{text-align: center;color:#bfbfbf;font-size: 12px;line-height: 25px;}
.index_contactus_con{width: 100%;margin:0 auto;} 
.index_contactus_con_l{width: 100%;}
.index_contactus_con_r{width:100%;float: right;}
.index_contactus_con_l h4{color:#333333; }
.index_contactus_con_l p{margin-bottom: 15px;}
.index_contactus_con_l p img{margin-right: 15px;}
.input_box{width:100%;float: left;}
.input_box p{line-height: 30px;color: #000000;}
.input_box input{width: 90%;margin-bottom: 5px;border: 1px solid #dddddd;}
.input_box1{width: 100%;margin-bottom: 20px;}
.input_box1 p{line-height: 30px;color: #000000;}
.input_box1 textarea{width: 90%;resize: none;height:70px;}
.submitt{border: none;background: #3753c9;margin:0 auto;width:100%;height: 30px;color:#ffffff;
display: block;}
footer{padding-bottom:30px;background: #1c1c1c;}
.footer_t{width: 100%;border-bottom: 1px solid #c9c9c9;}
.footer_t_con{width: 90%;margin:0 auto;}
.footer_t_con span, .footer_t_con a{color:#a3a3a3;line-height: 50px;margin-left: 5px;font-size: 12px;}
.footer_logo{text-align: center;line-height: 100px;width: 50%;margin: 0 auto;}
footer span{text-align: center;color:#a3a3a3;display: block;text-align: center;margin-bottom: 15px;}
.footer_logo img{width:100%;}
footer p{margin-bottom: 15px;text-align: center;color:#a3a3a3;font-size: 12px;}

.news_box{width: 95%;margin: 0 auto;}
.news_box_con{width:100%;}

.news_box_con a{color:#333333;}
.news_box_con li{background: #ffffff;padding:2rem 2rem;margin-bottom: 30px;}
.news_box_con hr{width:100%;border-top: 3px solid #3753c9;-webkit-transition: all 1s ease;
    transition: all 1s ease;}
.news_box_con p{margin-top: 2rem;margin-bottom: 2rem;}
.news_box_con li:hover{box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);-webkit-transition: all 1s ease;
    transition: all 1s ease;}
.news_box_con li:hover hr{width: 10%;-webkit-transition: all 1s ease;
    transition: all 1s ease;}
.news_box_con li:hover h3{color:#3753c9;}
.news_box_con p{line-height: 25px;}

.index_case_tab1{border: 1px solid #dddddd;border-radius:20px;width:90%;
  margin: 0 auto; margin-bottom: 2rem;}
.index_case_tab1 span{width:50%;line-height: 40px;border-radius: 20px;
display: block;float: left;color:#5d5fbe;text-align: center;
cursor: pointer;
}
.index_case_tab1 span a{display: block;width: 100%;height: 100%;border-radius: 20px;color:#5d5fbe;}

.news_info{height:100%;width:1200px;margin: 0 auto;padding-top:50px;padding-bottom: 50px;}
.news_info h1{color:#000000;margin-bottom: 40px;}
.news_info p{color:#333333;
    line-height: 30px;font-size: 16px;}
.news_info_con{padding:30px;width:100%;box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);background: #ffffff;}

.jion_us_con{width: 95%;margin:0 auto;padding:30px 0px;}
.jion_us_banner{width:100%;background: #f0f0f0;padding-top: 30px;padding-bottom:30px;}
.jion_us_list{width: 100%;}
.jion_us_list li{width:200px;height:200px;border-radius: 100px;border:3px solid #5d5fbe;
float: left;display: block; margin-left: 60px;}

.ybb{transition:all 1s ease;float: left;margin-left:35px; }

.czz{opacity:0;}
.ybb:hover .czz{opacity:1;}
.ybb:hover .yb{transform:rotate(180deg)}

.adress_con{width:90%;margin:0 auto;}
.adress_con_l{width:100%; padding:2rem 0rem;}
.adress_con_l h3{margin-bottom: 20px;font-size: 2rem;}
.adress_con_l p{line-height: 30px;}



.page{width:15%;margin:0 auto;text-align: center}
.current{height:20px;width:20px;display:block;float:left;background: #5d5fbe;color:#ffffff;margin:auto 10px;}
.num{height:20px;width:20px;display:block;float:left;background: #d7d8db;color:#ffffff;}
.rows{height:20px;display:block;float:left;}
.prev{display: block;float: left;color:#5d5fbe;margin:auto 10px;}
.next{display: block;float: left;color:#5d5fbe;margin:auto 10px;}

.product_info_con{width: 90%;margin: 0 auto;padding-top: 30px;padding-bottom: 30px;}
.product_description{width: 100%;margin-top: 40px;}
.product_description h4{margin-bottom: 20px;}
.product_description p{line-height: 25px;
color: #666666;font-size: 1rem;padding-bottom: 20px;
}
.product_description p img{width: 100%;}
.product_contact_pro h4{margin-bottom: 20px;}

.new_con_title{border: 1px solid #d7d8db;padding-bottom:40px;}
.new_con_title h2{font-size: 2.5rem;}
.news_con_box{width:95%; margin:0 auto; padding-bottom: 30px;margin-top: 2rem;}
.news_con_box h2{text-align: center;line-height: 60px;} 
.new_con_name{width:100%;margin:0 auto;text-align: center;}
.new_con_img_box{width:100%;margin-bottom: 20px;text-align:center;}
.new_con_img_box img{width:50%;}
.news_con_box span{margin-right: 50px;color:#999999;}
.new_con{padding-bottom: 30px;padding-top: 2rem;border: 1px solid #d7d8db;}
.new_con img{width:90%;}
.new_con p{width:94%;margin:0 auto;line-height: 30px;   }

.index_strength_list{width:100%;
 background: #ffffff;padding-top: 30px;}
.index_strength_list li{width:48%;float: left; margin-left: 1%;
  display: block;text-align: center;margin-bottom: 15px;
}
.index_strength_list li img{width:100%;height: 119px;}
.index_strength_list li a{color:#666666;}
.index_strength_list li a p{line-height: 50px;}


.index_product_tab1{float:left;width:100%;
 margin: 0 auto; background: #ffffff;box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);}
.index_product_tab1 a span{width: 50%;text-align: center;display: block;padding:15px 0px;
float:left; border:1px solid #dddddd;cursor: pointer;color: #666;font-size: 12px;overflow: hidden;}
.index_product_tab1 a span:hover{background: #5d5fbe;color: #ffffff;}
.index_product_tab1 a span p{display: block;text-align: center;font-size: 5px !important;}

.products_product_ul{background: #f0f0f0;}
.products_product_list{width:100%;margin: 0 auto;
background: #ffffff;padding: 30px 0px;}
.products_product_list li{width:48%;margin-left:1%;float: left;display: block;
 border: 1px solid #dddddd; text-align: center;margin-bottom: 15px;
}
.products_product_list li img{width:100%;height: 119px;}
.products_product_list li a{color:#666666;}
.products_product_list li a p{line-height: 50px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.dianjia button{width:90%;height:3rem;margin:0 auto;display: block;margin-bottom: 2rem;}
.shangxiaye a{color:#000000;font-size: 16px;margin-left:30px;line-height: 80px;}
.shangxiaye a:hover{color: #5d5fbe;}