@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: 微软雅黑, Verdana, Arial, Helvetica, sans-serif; overflow-x:hidden; width:100%; position:relative}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; line-height:normal}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#fff; text-decoration:none; cursor:pointer}
a:hover { }
img { border:none; vertical-align:baseline}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "微软雅黑", Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll; width:100%; overflow-x:hidden} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/*** head ***/
.head{ border-top:15px solid #242a3f; position:absolute; top:0; width:100%; z-index:99}
.head_middle{ width:100%; max-width:1200px; margin:0 auto; position:relative}
.head_middle .logo{ position:absolute; width:14.2%; top:-14px; left:0;}
.head_middle .logo img{ width:100%}
.head_middle .brand{ font-size:14px; color:#fff; line-height:25px; margin-top:10px; display: none; font-weight: bold; left:25%; position:absolute}
.head_middle .nav_bg{ width:85.8%; height:105px; float:right; background:#163072}
.head_middle .nav li{ width:12.5%; display:inline-block; height:105px; line-height:105px; float:left; position:relative}
.nav li a{ display:block; text-align:center;  font-size:15px; color:#fff}
.nav li a:hover, .nav li a.on{ background:#264598}
.m_nav{ position:absolute; width:40%; right:-40%; background:#fff; top:0; transition:all ease 0.5s; z-index:1002}
.m_nav .option{ position:relative}
.m_nav .option a{ display:block; height:50px; text-align:center; line-height:50px; color:#000; position:relative; z-index:1002; background:#fff}
.m_nav .option a.on{ background:#173072; color:#fff}
.m_nav .option ul{ position:absolute; width:100%; right:0; top:0; z-index:1001; background:#fff; transition:all 0.5s ease}
.m_nav .option ul.on{ position:absolute; width:100%; right:100%; z-index:1001; background:#fff; }
#m_nav_bg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1000; top:0; display:none}
.hamburger{ display:none; float:right; margin-top:20px; margin-right:20px;}
.sub_nav{ position:absolute; top:100%; width:150%; background:#173072; display:none; left:-22%}
.head_middle .sub_nav li{ height:50px; line-height:50px; display:block; width:100%; float:none}

.container{ width:100%; max-width:1200px; margin:0 auto}
.kind_of_price{ width:100%;}
.kind_of_price li{ width:100%; float:left; background-image:url(../images/price_bg.jpg); background-position:100% 45px; background-repeat:no-repeat; background-color:#b63a33; text-align:center; color:#fff}
#kind_of_price li{ width:20%}
.kind_of_price li a{ display:block; padding-top:25px; padding-bottom:20px;}
.kind_of_price li a:hover{ background-color:#21459b}
.kind_of_price li p{ margin-bottom:30px; font-size:24px}
.kind_of_price li span{ font-size:18px}
.kind_of_price li:nth-child(5){ background-image:none}

.device_show{ padding-top:100px}
.device_show h2{ font-size:36px; color:#333333; font-weight:bold; text-align:center}
.device_show h2 span{ color:#646464}
.device_show > p{ text-align:center; font-size:18px; color:#989898; margin:15px 0 55px}
#owl-demo .item p{ line-height:80px; background:#677fba; font-size:22px; text-align:center}
.item:hover p{ background:#3453a2}
.pic_box{ position:relative; width:100%; overflow:hidden}
.pic_text{ padding:25% 30px 0; position:absolute; top:-100%; width:100%; box-sizing:border-box; height:100%; font-size:16px; background:rgba(25,60,150,0.6); line-height:25px; transition:all ease 0.5s}
.item:hover .pic_text{ top:0}
.owl-theme .owl-dots .owl-dot span{ background:#193c96; transition:all ease 0.5s;}
.owl-theme .owl-dots .owl-dot.active span{ width:40px; border-radius:10px; background:#193c96}

.i_about{ padding-top:80px}
.i_about h2{ font-size:36px; color:#333333; font-weight:bold; text-align:center; margin-bottom:70px}
.i_about h2 span{ color:#646464}
.about_box{ padding-right:25px; }
.about_box  .left{ width:40%; float:left; padding-top:25px; position:relative; text-align:right}
.about_box  .right{ width:55%; float:right}
.about_box  .left img{ width:92%;}
.about_box  .left img:nth-child(1){ position:absolute; top:0; left:0; border:3px solid #fff}
.about_box  .right{ position:relative; overflow:hidden}
.about_box  .right img{ width:100%}
.i_about_text{ position:absolute; padding:30px 60px 0 70px; box-sizing:border-box; font-size:14px; color:#646464; line-height:25px; }


.case{ padding-top:100px}
.case h2{ font-size:36px; color:#333333; font-weight:bold; text-align:center}
.case h2 span{ color:#646464}
.case > p{ text-align:center; font-size:18px; color:#989898; margin:15px 0 55px}
.case #i_case_list{ margin:0 -5px;}
.case #i_case_list li{ width:25%; float:left; padding:0 5px; box-sizing:border-box; margin-bottom:20px}
#i_case_list li .pic_box img{ width:100%}
#i_case_list li p{ line-height:75px; color:#646464; padding-left:15px; font-size:16px; border:1px solid #e6e6e6}

.news{ padding-top:100px}
.news h2{ font-size:36px; color:#333333; font-weight:bold; text-align:center}
.news h2 span{ color:#646464}
.news > p{ text-align:center; font-size:18px; color:#989898; margin:15px 0 55px}
#i_news_list{}
#i_news_list li{ width:50%; float:left; padding:0 30px 0 25px; box-sizing:border-box; margin-bottom:75px}
#i_news_list li a.title{ font-size:18px; color:#323232; line-height:40px; display:inline-block; width:80%; vertical-align:middle; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
#i_news_list li a.more{ color:#6492c9; display:inline-block; width:20%; vertical-align:middle; text-align:right}
#i_news_list li > p{ font-size:14px; color:#646464; line-height:25px; width:85%; float:left; padding-right:20px; box-sizing:border-box}
#i_news_list li .rili{ width:15%; float:right; position:relative}
#i_news_list li .rili img{ width:100%; margin-top:5px}
#i_news_list li .rili .rili_text{ position:absolute; width:100%; height:100%; top:22%; font-size:14px; text-align:center; }
#i_news_list li .rili .rili_text span{ font-size:21px; display:block; margin-top:15%}

.footer{ background:#242a3f; padding:50px 0 40px}
.footer .middle{ width:95%; max-width:1200px; margin:0 auto; position:relative}
.row_1 .left{ font-size:18px; color:#7a7c85; float:left;}
.row_1 .left h1{ font-size:28px; font-weight:bold; color:#fff;}
.row_1 ul{ float:right; margin-top:10px}
.row_1 ul li{ display:inline-block; float:right; margin-left:35px; font-size:16px; color:#fff}
.row_2{ margin-top:50px}
.row_2 .left{ float:left; color:#fff}
.row_2 .left h4{ font-size:18px; margin-bottom:10px}
.row_2 .left ul li{ font-size:14px; display:inline-block; line-height:20px; min-width:215px}
.row_2 .copyright{ font-size:14px; color:#7b7b7b; margin-top:20px}
.row_2 .right{ float:right}
.row_2 .right img{ width:99px; margin-top:10px}

.big_title{ font-size:36px; text-align:center; color:#b0302a; margin:100px 0 30px; font-weight:bold}
.container_2{ padding:65px 0 60px; width:95%; max-width:1200px; margin:0 auto; overflow-x: hidden}
.container_2 .first_title{ font-size:36px; color:#b0302a; text-align:center; font-weight:bold;}
.container_2 .first_p{ text-align:center; font-size:14px; color:#989898; margin-top:13px; margin-bottom:55px}
.about .left{ width:50%; padding-right:35px; box-sizing:border-box; float:left}
.about .left img{ width:100%}
.about .right{ width:50%; float:left; font-size:14px; color:#646464; line-height:25px; text-align: justify}
.about .right h5{ font-size:20px; color:#d4625c; font-weight:bold; margin-bottom:20px}

.process{ background:url(../images/process.jpg) no-repeat center center; }
.process .container_2{ height:600px; box-sizing:border-box; overflow:hidden}
.diagram{ position:relative}
.diagram img{width:100%; }
.process .first_title{ color:#fff}
.process .first_p{ color:#fff}
.timeline{ position:absolute; color:#fff; width:145px}
.timeline span{ font-size:24px;}
.timeline p{ font-size:15px; line-height:20px; padding-top:10px}
.timeline span:before{ content:''; width:15px; height:15px; border-radius:50%; background:#fff; display:inline-block; margin-right:10px}
.timeline_2010{ top:35%; left:2%}
.timeline_2012{ top:20%; left:25%}
.timeline_2014{ top:65%; left:50%}
.timeline_2016{ top:5%; left:62%}
.timeline_2018{ top:25%; right:0}

.zizhi{ background:#4771af;}
.zizhi .first_title{  color:#fff}
.zizhi .first_p{  color:#fff}

#leader_list{ margin:0 -30px}
#leader_list li{ width:33.33%; padding:0 30px; box-sizing:border-box; float:left; cursor:pointer}
#leader_list li img{ width:100%;}
.l_name{ text-align:center; color:#b0302a; padding:20px 0 15px; border:1px solid #eeeeee; border-top:none}
.l_name h5{ font-size:22px}
.l_name span{ font-size:15px}
#leader_list li:hover .l_name{ background:#b0302a; color:#fff}
.con_content{ text-align:center}
.con_content img{ max-width:100%}

#owl-carousel_2 .owl-item img{ transform:scale(0.85,0.85); transition:all ease 0.5s}
#owl-carousel_2 .owl-item.c_pos img{ transform:scale(1,1)}

.inner_ban{ position:relative; height:600px; width:100%; overflow:hidden}
.inner_ban img{ position:absolute; left:50%; margin-left:-960px}
.product_slide a img{ transition:all 0.5s ease}
.product_slide a:hover img{ transform:scale(1.3,1.3); }

/*------- product ------*/
#category_list{ text-align:center}
#category_list li{ display:inline-block; background:url(../images/cate_bg.jpg) no-repeat right center; line-height:30px}
#category_list li:nth-last-child(1){ background:none}
#category_list li a{ display:block; padding:0 40px; font-size:18px; color:#646464}
#category_list li a.on{ color:#163072}
#product_list{ margin:0 -5px}
#product_list li{ width:25%; float:left; padding:0 5px; margin-bottom:20px; box-sizing:border-box}
#product_list li img{ width:100%;}
#product_list li p{ line-height:80px; font-size:16px; color:#646464; padding:0 15px}
#product_list li p a{ display:block; float:right; width:75px; height:25px; border-radius:15px; border:1px solid #e5a402; line-height:25px; text-align:center; color:#e5a402; margin-top:25px; cursor:pointer; }
#product_list li p a:hover{ background:#e5a402; color:#fff}
#layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; display:none; z-index:800}
#layer .tips_box{ width:100%; max-width:1200px; margin:0 auto}
#layer .tips{ width:64%; background:#fff; border-radius:5px; padding:40px 85px 40px; box-sizing:border-box; margin:5% auto 0; position:relative}
#layer .tips h4{ font-size:24px; color:#646464; font-weight:bold; margin-bottom:25px; }
#layer .tips input[type=text]{ width:100%; height:45px; border:2px solid #9fbfe4; margin-bottom:15px; padding-left:20px; box-sizing:border-box; font-size:16px; }
#layer .tips input[type=button]{ display:block; width:150px; height:50px; background:#608fc7; font-size:16px; color:#fff; border:none; margin:20px auto 0}
.product_content{ margin-bottom:70px; font-size:16px; line-height:36px}
.product_content img{ max-width:100%}
.content_pic{ text-align:center}
.content_pic img{ max-width:100%}
.common_title{ font-size:24px; color:#646464; text-align:center; margin:100px 0 0px; font-weight:bold}
#prev_next a{ font-size:16px; color:#646464; margin-left:20px}
#prev_next #prev{ display:inline-block; border-top:1px dashed #eeeeee; border-bottom:1px dashed #eeeeee; line-height:55px; font-size:16px; color:#646464; width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#prev_next #next{ display:inline-block; border-bottom:1px dashed #eeeeee; line-height:55px; font-size:16px; color:#646464; width:100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.back{ width:143px; height:47px; display:inline-block; background:#0093d9; font-size:19px; line-height:47px; text-align:center; margin-top:45px;}
@media screen and (min-width: 1024px){
	#product_list li a img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-object-fit: cover;object-fit: cover;}
	#product_list li a{position: relative;display: block;width: 100%;padding-bottom: 75%;height: 0;overflow: hidden;}
}

/*------ device ------*/
.device_row .device_pic{ width:50%; position:relative; overflow:hidden}
.device_row .device_name{ width:50%; float:left; padding:7.5% 5.8% 0 7.5%; box-sizing:border-box}
.device_row:nth-child(odd) .device_pic{ float:left}
.device_row:nth-child(even) .device_pic{ float:right}
.device_row .device_pic span{ display:inline-block; position:absolute; width:56px; height:56px; background:#fff; }
.device_row:nth-child(odd) .device_pic span{ transform:rotate(-45deg); right:-40px; top:50%; margin-top:-40px}
.device_row:nth-child(even) .device_pic span{ transform:rotate(45deg); left:-40px; top:50%; margin-top:-40px}
.device_row .device_pic img{ width:100%;}
.device_row .device_name h4{ font-size:30px; color:#3195c7; margin-bottom:25px}
.device_row .device_name p{ font-size:16px; color:#989898; line-height:30px}

/* #team_list li{ width:45%; border-top:1px solid #dcdcdc; transition:all ease 0.5s; min-height:290px; box-sizing:border-box} */
/* #team_list li .left{ width:66%; float:left; padding-right:25px; padding-top:10%; box-sizing:border-box} */
/* #team_list li .left h4{ font-size:18px;} */
/* #team_list li .left h4 span{ font-size:16px} */
/* #team_list li .left p{ font-size:14px; line-height:23px; padding-top:20px} */
/* #team_list li .right{ width:34%; float:right} */
/* #team_list li .right img{ width:100%} */
/* #team_list li:hover{ border-top:2px solid #5e8fc7; padding-top:25px} */

#team_list {display: flex;flex-wrap: wrap;}
#team_list .team-item{width: 31.6667%;cursor: pointer;}
#team_list .team-item{margin-right:2.5%;}
#team_list .team-item:nth-child(3n){margin-right:0;}
#team_list .team-item .team-figure{margin: 0;position: relative;padding-bottom: 63.684%;width: 100%;height: 0;overflow: hidden;}
#team_list .team-item .team-figure .pic{width: 100%;}
#team_list .team-item .team-figure .video-mask {display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;z-index: 2;background: rgba(0, 0, 0, 0.4);transition: all 0.23s ease;}
#team_list .team-item .video-mask .icon-video-btn {width: 4rem;height: 4rem;}
#team_list .team-item .pic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
#team_list .team-item .team-title{padding: 0 8px;}
#team_list .team-item  h4 {margin: 20px 0 10px;height: 3.4375rem;font-size: 1.5rem;font-weight: 700;color: #1a1a1a;transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
#team_list .team-item p {font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666666;line-height: 1.5rem;transition: all .23s ease;
}
#team_list .team-item:hover { box-shadow: 0rem 0.313rem 1.875rem 0rem rgba(176, 48, 42, 0.16);}
#team_list .team-item:hover .pic {transform: scale(1.1);}
#team_list .team-item:hover .video-mask {opacity: 1;visibility: visible;}
#team_list .team-item:hover h4 {color: #b0302a;}
#team_list .team-item:hover p{color: #888;}
.video-wrap-1 {z-index: 999999;position: fixed;width: 100%;height: 100%;top: 0;left: 0;transition: all .3s;opacity: 0;visibility: hidden;
}

.video-wrap-1.on {opacity: 1;visibility: visible;
}
.video-container{display: none;width: 70%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;z-index: 9;outline: none;border: 8px solid #fff;border-radius: 8px;
}

.video-bg {display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}

@media screen and (max-width:1100px){
  .video-container{
    width: 80%;
  }
}

@media screen and (max-width:640px){
  .video-container{
    width: 94%;
  }
}

#news_list li{ width:50%; float:left; padding:0 30px 0 25px; box-sizing:border-box; margin-bottom:75px}
#news_list li a.title{ font-size:18px; color:#323232; line-height:40px; display:inline-block; width:80%; vertical-align:middle}
#news_list li a.more{ color:#6492c9; display:inline-block; width:20%; vertical-align:middle; text-align:right}
#news_list li > p{ font-size:14px; color:#646464; line-height:25px; width:85%; float:left; padding-right:20px; box-sizing:border-box}
#news_list li .rili{ width:15%; float:right; position:relative}
#news_list li .rili img{ width:100%; margin-top:5px}
#news_list li .rili .rili_text{ position:absolute; width:100%; height:100%; top:22%; font-size:14px; text-align:center; }
#news_list li .rili .rili_text span{ font-size:21px; display:block; margin-top:15%}
.news_element{ text-align:center; margin-top:20px}
.news_element span{ font-size:16px; color:#989898;}

.resource{ padding-top:75px; font-size:14px; color:#646464}
#resource_menu{ text-align:center;}
#resource_menu li{ width:12.5%; display:inline-block}
#resource_menu li a{ display:block; height:50px; text-align:center; line-height:50px; color:#646464; font-size:18px;}
#resource_menu li a:hover,#resource_menu li a.on{ background:#5e8fc7; color:#fff}

#welfare_list{ text-align:center; margin-top:120px}
#welfare_list li{ display:inline-block; margin:0 13px 20px}
#welfare_list li b{ display:block; width:85px; height:85px; border:2px solid #5ed7c4; border-radius:50%; font-size:70px; color:#5ed7c4; font-family:"Myriad Pro"; font-style:italic; font-weight:100}
#welfare_list li strong{ font-size:18px; color:#666666; font-weight:bold}

.recruit{ padding-top:40px}
.recruit .blue{ font-size:18px; color:#5e8fc7; font-weight:bold; margin-bottom:45px; line-height:30px}
#job_list li{ margin-bottom:30px}
#job_list li:nth-child{ margin-bottom:30px}
#job_list li h4{ font-size:18px; color:#323232; margin-bottom:10px}
#job_list li h5{ font-size:16px; color:#323232; margin:5px 0}
#job_list li p{ font-size:14px; color:#646464; line-height:25px}
.pm{ margin-top:80px}
.pm .phone{ width:295px; height:75px; background:#b1524d; display:inline-block; vertical-align:middle; line-height:75px; font-size:20px; color:#fff; text-align:center}
.pm .mail{ width:295px; height:75px; background:#5e8fc7; display:inline-block; vertical-align:middle; line-height:75px; font-size:20px; color:#fff; text-align:center}
.pm img{ vertical-align:middle; margin-right:10px}
.blue_2{ color:#5e8fc7; font-size:14px; font-weight:bold}

#hy_icon{ max-width:700px; margin:10px auto 0}
#hy_icon li{ width:49%; margin-bottom:18px; padding-left:20px; box-sizing:border-box; display:inline-block}
#hy_icon li img{ vertical-align:middle; margin-right:20px; max-width:100%}
#hy_icon li p{ display:inline-block; vertical-align:middle; font-size:16px; color:#646464; line-height:22px}
#hy_icon li span{ display:block; font-size:14px; color:#989898}
#hy_map{ text-align:center}
#hy_map img{ max-width:100%}

#search_box{ width:100%; max-width:1030px; margin:0 auto;}
#search_box td{ font-size:18px; color:#646464}
#search_box input[type=text]{ width:240px; height:38px; border:1px solid #dcdcdc; padding:0 10px; box-sizing:border-box; margin-left:15px; margin-bottom:20px}
#search_box #btn{ width:105px; height:35px; background:#b0302a; font-size:18px; border:none; color:#fff}

#bill_box{ width:100%; max-width:1030px; margin:0 auto; border:1px solid #e5e5e5}
#bill_box th{ font-size:16px; color:#646464; text-align:center; background:#e5e5e5; border-right:2px solid #fff; height:55px}
#bill_box td{ font-size:14px; color:#646464; text-align:center; border-right:2px solid #e5e5e5; height:55px; border-bottom:1px solid #e5e5e5}
#bill_box tr td:nth-child(1){ width:27%}
#bill_box tr td:nth-child(2),#bill_box tr td:nth-child(3){ width:17%}
#bill_box tr th:nth-last-child(1){ border-right:2px solid #e5e5e5}
#bill_box tr td:nth-last-child(1) P{ padding:0 5%}

.contact .left{ width:58%; height:350px; display:inline-block; vertical-align:middle}
.contact .right{ display:inline-block; width:41%; padding-left:50px; box-sizing:border-box; vertical-align:middle}
.contact .right h4{ font-size:24px; color:#646464; font-weight:bold; margin-bottom:15px}
.contact .right ul li{ font-size:14px; line-height:25px}

.feedback h4{ font-size:24px; color:#646464; font-weight:bold}
.feedback ul{ margin-top:35px}
.feedback li{ margin-bottom:15px; display:inline-block; float:left; box-sizing:border-box;}
.feedback li input[type]{ width:100%; height:58px; padding:0 15px; box-sizing:border-box}
.feedback li textarea{ width:100%; height:170px; padding:20px 15px; box-sizing:border-box}
.feedback .fifty_r{ width:50%; padding-left:30px}
.feedback .fifty_l{ width:50%; padding-right:30px}
.feedback .full{ width:100%;}
.feedback #send{ width:185px; height:60px; background:#608fc7; color:#fff; font-size:24px; border:none; display:block; margin:65px auto 0}

#announ-table{ width:915px; margin:55px auto 0; padding-bottom:50px}
#announ-table tr td{ height:60px; font-size:16px; color:#323232; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:url(../images/td_bg.jpg) no-repeat right center}
#announ-table tr td:nth-child(3), #announ-table tr td:nth-child(4){ background-image:none !important}
#announ-table td span{ font-size:24px; margin-right:20px; vertical-align:middle; font-weight:bold}
#announ-table td p{ display:inline-block; vertical-align:middle}
#announ-table td a{ display:inline-block; width:31px; height:34px; background:url(../images/download2.png) no-repeat; background-size:100% 100%}
.first-td{ width:34%;}
.third-td{ width:23%; text-align:center}
.forth-td{ width:11%; text-align:center}
.first-td{ border-left:1px solid #e5e5e5; padding-left:30px}
.forth-td{ border-right:1px solid #e5e5e5;}
.second-td{ width:32%; text-align:center}
#announ-table tr:hover{ background:#608fc7}
#announ-table tr:hover td{ color:#fff; background-image:url(../images/td_bg_on.jpg)}
#announ-table tr:hover td a{ background-image:url(../images/download3.png)}

.Page{ margin-top:105px; text-align:center}
.Page > div *{ display:none}
.Page .Page_Num, .Page .Page_Selected{ display:inline-block; width:42px; height:42px; border-radius:50%; margin:0 9px; line-height:42px; color:#646464; font-size:24px}
.Page .Page_Selected{ background:#0093d9; color:#fff}

/* 本例子css */
.slideBox{ width:100%;  height:auto; overflow:hidden; position:relative; max-height:650px;}
.slideBox .bd ul{ line-height:0}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; width:100%}
.slideBox .bd li{ zoom:1; vertical-align:middle;  overflow:hidden; width:100%;}
.slideBox .bd li a{ display:inline-block; padding-bottom:650px; width:100%;  position:relative}
.slideBox .bd img{  display:block; position:absolute; left:50%; margin-left:-960px}
.mobileBox{ display:none}
.mobileBox .bd img{ position:static; margin:0; width:100%}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.control_box{ position:absolute; width:100%; max-width:1200px; left:50%; margin-left:-600px; bottom:0; text-align:right}
.slideBox .prev{ background:url(../images/prev.png) center center no-repeat}
.slideBox .next{ background:url(../images/next.png) center center no-repeat}
.slideBox .prev,
.slideBox .next{ display:inline-block; width:116px; height:70px; background-color:rgba(255,255,255,0.5)   }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
#close_tips{ width:50px; height:30px; color:#fff; background:rgba(0,0,0,0.3); right:0; top:-30px; position:absolute; text-align:center; line-height:30px; cursor:pointer}

.aslide-tel{position: fixed;top: calc(50% + 120px);left: 0;z-index: 99999;background: #163072;color: #fff;padding: 10px 20px;border-radius: 5px;}
[style="overflow: visible; position: absolute; z-index: 1200; left: 0px; top: 0px; margin: 24px 120px auto; padding: 12px; background: rgba(255, 0, 0, 0.8); user-select: none;"]{
	display: none;
}

/*--- 手机  ---*/
@media screen and (max-width: 1200px) {
	.head_middle .logo{ height:118px}
	.head_middle .logo img{ height:100%; width:100%}
	.diagram img{ display:none}
	.timeline{ width:19.5%; position:static; display:inline-block; margin-bottom:20px; padding:0 5px; box-sizing:border-box}
	.i_about{ width:95%; margin:0 auto}
	.case{ width:95%; margin:0 auto}
	.news{ width:95%; margin:0 auto}
	.device_show{ width:95%; margin:0 auto}
	.control_box{ left:0; margin:0}
}
@media screen and (max-width: 1024px) {
	#product_list li{ width:33.33%}
	#product_list li p{ padding:0}
	#announ-table{ width:100%}
}
@media screen and (max-width: 855px) {
	.head_middle .nav{ display:none}
}
@media screen and (max-width: 768px) {
	.head_middle .logo{ width:auto}
	#i_news_list li{ width:100%;}
	.timeline{ width:24%; position:static; display:inline-block; margin-bottom:20px}
	.device_row .device_name{ padding:3.2% 2.9% 3.7%}
	.device_row .device_name h4{ margin-bottom:10px}
	#news_list li{ width:100%}
	.hamburger{ display:inline-block}
	.head_middle .logo img{ width:auto}
	
	
}
@media screen and (max-width: 767px) {
	#kind_of_price li{ width:33.33%}
	.row_1 ul{ display:none}
	.row_2 .right{ position:absolute; top:-30px; right:0}
	.head_middle .brand{ display:block}
}
@media screen and (max-width: 640px) {
	.head_middle .nav_bg{ height:70px}
	.head_middle .logo{ height:85px}
	.head_middle .logo a{ display: block; height:100%; background:#f5f5f5;}
	.head_middle .logo a img{ height:70%; margin-top:15%}
	#product_list li{ width:50%}
	.timeline{ width:32%; position:static; display:inline-block; margin-bottom:20px; padding:0 5px; box-sizing:border-box}
	.contact .left{ width:100%}
	.contact .right{ width:100%; padding:0}
	.contact .right h4{ font-size:18px}
	#resource_menu li{ width:15%}
	.device_row{ margin-bottom:10px}
	.device_row .device_pic{ width:100%}
	.device_row .device_name{ width:100%}
	#news_list li{ padding:0}
	#news_list li > p{ width:80%}
	#news_list li .rili{ width:20%}
	.about .left{ width:100%; padding:0}
	.about .right{ width:100%}
	.inner_ban{ height:auto; padding-bottom:50%}
	.inner_ban img{ width:160%; margin-left:-80%}
	.slideBox .bd li a{ padding-bottom:0%;}
	.head{ position:relative}
	#search_box td{ display:block}
	.about_box  .left{ width:100%}
	.about_box  .right{ width:100%; margin-top:20px}
	.about_box{ padding:0}
	.i_about_text{ padding:4% 8% 0 9%; height:100%; }
	#layer .tips input[type=button]{  margin-top:20px}
	#layer .tips{ margin-top:20%}
	.mobileBox.slideBox{ display:block}
	.slideBox{ display:none}
	#team_list {justify-content: space-between;}
	#team_list .team-item{width: 48.5%;}
	#team_list .team-item h4{font-size: 16px;margin: 8px 0;}
}
@media screen and (max-width: 480px) {
	#kind_of_price li{ width:50%}
	.device_show h2{ font-size:22px}
	.device_show > p{ font-size:16px; margin-bottom: 25px}
	.i_about h2{ font-size:22px; margin-bottom: 25px}
	.case h2{ font-size:22px}
	.case > p{ font-size:16px}
	.case #i_case_list li{ width:50%}
	.news h2{ font-size:22px;}
	.news > p{ font-size:16px}
	#i_news_list li .rili{ width:20%}
	#i_news_list li .rili .rili_text span{ margin-top:10%}
	#i_news_list li > p{ width:80%}
	#i_news_list li{ margin-bottom:30px}
	#product_list li{ width:100%}
	#category_list li a{ padding:0 20px}
	#category_list li a.on{ color:#173072}
	
	.big_title{ margin:50px 0 0; font-size:22px}
	.container_2{ padding-top:30px}
	.feedback li{ width:100% !important; padding:0 !important; width:100%}
	.feedback h4{ font-size:18px} 
	
	.about .left{ width:100%; padding:0; margin-bottom:20px}
	.about .right{ width:100%}
	.about .right h5{ margin-bottom:10px}
	.timeline{ width:49%; position:static; display:inline-block; margin-bottom:10px}
	.container_2 .first_title{ font-size:22px}
	
	#leader_list{ margin:0 -10px}
	#leader_list li{ padding:0 10px;}
	#product_list li p{ padding:0 15px}
	
	#layer .tips{ width:90%; padding:20px; }
	#resource_menu li{ width:24%}
	.device_row .device_name h4{ font-size:24px}
	
	#welfare_list{ margin-top:60px}
	#team_list li{ width:100%; min-height:auto; padding-bottom:10px}
	#team_list li .left{ padding-top:5%}
	#team_list li .left p{ padding-top:10px}
	#search_box input[type=text]{ width:220px}
	#search_box td{ font-size:14px}
	#search_box #btn{ float:right; margin-bottom:20px}
	.common_title{ margin-top:50px}
	.slideBox .prev, .slideBox .next{ width:80px; height:35px; background-size:auto 25px}
	.Page{ margin-top:50px}
	.Page .Page_Num, .Page .Page_Selected{ width:30px; height:30px; font-size:16px; line-height:30px}
	.owl-theme .owl-controls{ display: none }
	#owl-demo .item p{ font-size:16px; line-height: 35px }
	.device_show{ padding-top:50px; }
	.i_about{ padding-top:40px; }
	
}
@media screen and (max-width: 320px){
	#resource_menu li a{ font-size:14px}
	#i_news_list li > p{ width:70%}
	#i_news_list li .rili{ width:30%}
}