body{ font-size:12px; font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; position:relative; height:100%; color:#282828;}
html{background-image:url(about:blank); background-attachment:fixed; height:100%;}
input,select,textarea,button{ -webkit-appearance:none; appearance:none; font-family:Tahoma, Geneva, sans-serif;outline:none; vertical-align:middle; }
textarea{overflow-y:visible}
* {margin:0;padding:0; border: 0;}
ul, li {list-style-type:none;}
em,i,ins{ font-style:normal;}
img {border:none; vertical-align:top;}
a {color:#282828; text-decoration:none; transition:color .5s; -webkit-transition:color .5s; -moz-transition:color .5s; -ms-transition:color .5s; -o-transition:color .5s;}
a:hover{ color:#114873; text-decoration:none;}
.fl {float:left !important;}
.fr {float:right !important;}
.cl { clear:both;}
.none{ display:none;}
.clearfix:after{ content:"."; display:block; height:0; overflow:hidden; clear:both;}
.clearfix{*+height:1%; zoom:1;}
.w1200{ width:1200px; margin:0 auto;}
.relative{ position:relative;}

::selection {background:#0097db; color:#FFF; text-shadow: none;}
::-webkit-scrollbar-track-piece{ width:8px; background-color:#FFF;}
::-webkit-scrollbar{width:8px; height:6px;}
::-webkit-scrollbar-thumb{height:50px; background-color:#0097db;}

/*头部*/
.header{ position:fixed; top:0; left:0; right:0; z-index:100; background:#FFF; height:84px; border-bottom:solid 1px #e8e8e8;}
.logo{ margin-top:32px;}
.logo a{ background:url(../images/logo.png) no-repeat; width:224px; height:27px; display:block; transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -ms-transition:background .5s; -o-transition:background .5s; background-size: cover;}
.menu{ margin-left: 36px;}
.menu ul li{ float:left; position:relative; text-align: center;}
.menu ul li a.select i{ display: none; /*display:inline-block; width:10px; height:6px; background:url(../images/icon24.png) no-repeat; vertical-align:middle; margin-left:10px;*/}
.menu ul li .menu_select{ position:absolute; top:84px; left: 0; background: #f1f1f1; display:none; text-align: center; width: 150px;}
.menu ul li .menu_select p a{ display:block; padding:10px 0; height:25px; line-height:25px; font-size:15px; white-space: nowrap;}
.menu ul li .menu_select p a:hover{ background:#DDD; color:#0068b7;}

.menu ul li .menu_select p.subselect{ position: relative; text-align: center;}
.menu ul li .menu_select p.subselect .three_select.on{ background: #DDD; color: #0068b7;}
.menu ul li .menu_select p.subselect em{ position: absolute; left: 100%; top: 0; background: #f1f1f1; display: none; width: 108px;}
.menu ul li .menu_select p.subselect em a{ white-space: nowrap; width: auto; color: #181818;}
.menu ul li .menu_select p.subselect em a:after{ display: none;}
.menu ul li .menu_select p.subselect em a:hover{ background: #DDD;}

.menu ul li.on .menu_select{ display:block;}
.menu ul li a{ display:block; color:#181818; font-size:16px; width: 150px; position:relative; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; height:84px; line-height:84px;}
/*.menu ul li a:after{ content:''; height:2px; background:#0157a0; left:0; right:0; bottom:0; position:absolute; transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}*/
.menu ul li a.on,.menu ul li a:hover{ background: #CCC; color:#FFF;}
.menu ul li a.on:after,.menu ul li a:hover:after{ transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1);}
.language{ margin-top:28px;}
.language ul{ border:solid 2px #ededed; padding:4px 10px;}
.language ul li{ float:left;}
.language ul li a{ display:inline-block; padding:0 15px; font-size:14px;}
.language ul li:first-child a{ border-right:solid 1px #ccc;}
.language ul li a.on{ color:#0157a0;}
.search{ position:relative; padding-right:30px;}
.search a{ display:block; line-height:84px;}
.search a img{ vertical-align:middle;}
.search form{ position:absolute; right:0; top:85px; display:none; background: #EEE; padding: 20px;}
.search form input{ background:#FFF; padding:10px 30px 10px 10px; font-size:14px; width:200px; border-radius: 20px;}
.search form button{ width: 15px; height: 17px; background:url(../images/icon1.png) no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -9px;}

    /*首页*/
.banner{ margin-top:85px;}
.banner .swiper-pagination-bullet{ width:75px; height:5px; border-radius:0; margin:0 5px; background:rgba(255,255,255,.2); opacity:1;}
.banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:20px;}
.banner .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.banner .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat; width:24px; height:42px; margin-top:-21px;}

.title{ margin-bottom:65px;}
.title span{ font-size:30px;}
.title em{ float:right; line-height:36px;}
.title em a{ margin-left:50px; font-size:15px; display:inline-block;}
.title em a.on{ color:#018bff;}
.section_1{ background:#F4F4F4; padding:65px 0;}
.section_1 .swiper-container{ padding-bottom:45px; margin-top:-30px;}
.section_1 .swiper-container .swiper-slide{ background:none; padding:30px 0; position:relative; z-index:10;}
.section_1 .swiper-container .swiper-slide a{ display:block; background:#FFF; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.section_1 .swiper-container .swiper-slide a img{ display:block; width:100%; border-bottom:solid 1px #EEE;}
.section_1 .swiper-container .swiper-slide a p{ padding:30px 0; margin:0 30px; background:url(../images/icon2.png) right center no-repeat; font-size:16px; line-height: 22px;}
.section_1 .swiper-container .swiper-slide a p em{ display: block; color: #999; font-size: 14px;}
.section_1 .swiper-container .swiper-slide a:hover{ box-shadow:0 0 20px #CCC; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95);}
.section_1 .swiper-pagination-bullet{ width:40px; height:5px; border-radius:0; margin:0 5px; background:rgba(43,43,43,.2); opacity:1;}
.section_1 .swiper-pagination-bullet-active{ background:rgba(43,43,43,.5);}
.section_1 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}

.section_2{ padding:65px 0;}
.section_2 .swiper-container{ padding-bottom:5px;}
.section_2 .swiper-container .swiper-slide{ text-align:center; padding:30px 0;}
.section_2 .swiper-container .swiper-slide:after{ content:''; position:absolute; top:0; bottom:0; width:1px; right:-1px; background:#e5e5e5;}
.section_2 .swiper-container .swiper-slide .section_2_info{ padding:0 100px;}
.section_2 .swiper-container .swiper-slide .section_2_info span img{ transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; }
.section_2 .swiper-container .swiper-slide .section_2_info:hover span img{ -webkit-transform:rotateY(180deg); transform: rotateY(180deg);}
.section_2 .swiper-container .swiper-slide .section_2_info h2{ font-size:20px; font-weight:normal; margin:20px 0;}
.section_2 .swiper-container .swiper-slide .section_2_info p{ font-size:14px; line-height:24px; color:#939393;}
.section_2 .swiper-pagination-bullet{ width:40px; height:5px; border-radius:0; margin:0 5px; background:rgba(43,43,43,.2); opacity:1;}
.section_2 .swiper-pagination-bullet-active{ background:rgba(43,43,43,.5);}
.section_2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.section_2 .swiper-button-next,.section_2  .swiper-button-prev{ margin-top: -80px;}


.section_3{ background:#008bff url(../images/pic7.jpg) center center no-repeat;}
.section_3 .swiper-container .swiper-slide{ text-align:center; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; justify-content:center; color:#FFF; height:537px;}
.section_3 .swiper-container .swiper-slide .section_3_info a{ display:inline-block; border-radius:50%; overflow:hidden; padding:40px; border:solid 1px rgba(255,255,255,.2);}
.section_3 .swiper-container .swiper-slide .section_3_info a span{ border-radius:50%; position:relative; display:inline-block;}
.section_3 .swiper-container .swiper-slide .section_3_info a span img{ width:212px; height:212px; border-radius:50%;}
.section_3 .swiper-container .swiper-slide .section_3_info a span i{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5) url(../images/icon6.png) center center no-repeat; border-radius:50%;}
.section_3 .swiper-container .swiper-slide .section_3_info h2{ font-size:18px; font-weight:normal; margin:15px 0;}
.section_3 .swiper-container .swiper-slide .section_3_info p{ color:rgba(255,255,255,.5); line-height:24px; font-size: 14px;}
.section_3 .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.section_3 .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.section_3 .swiper-container-horizontal>.swiper-scrollbar{ bottom: 150px; width: 30%; right: 0; background: rgba(255,255,255,.1); border-radius: 5px; left: inherit;}
.section_3 .swiper-container-horizontal>.swiper-scrollbar .swiper-scrollbar-drag{ background: #FFF; border-radius: 5px;}

.video_pop{ position:fixed; width:600px; top:50%; z-index:105; margin:-210px 0 0 -300px; left:50%; display:none;}
.video_pop i{ display:block; text-align:right; color:#FFF; cursor:pointer; font-size:16px; margin-bottom:10px;}
.video_pop .zy_media{ overflow:hidden;}
.video_pop video{ width:600px; height:400px;}
.mask{ position:fixed; background:rgba(0,0,0,.5); top:0; left:0; right:0; bottom:0; z-index:104; display:none;}

.section_4{ background:#F4F4F4; padding:65px 0;}
.section_4_list dl{ float:left; width:50%; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; background:#FFF;}
.section_4_list dl dd{ box-sizing:border-box; -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; padding:30px;}
.section_4_list dl dd h2{ font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section_4_list dl dd p{ font-size:13px; line-height:24px; margin-top:20px; color:#757575}
.section_4_list dl dd time{ display:block; color:#AAA; font-family:Tahoma; font-size:13px; margin-top:72px;}

.footer_hd{ padding:40px 0; background:#444;}
.footer_hd ul{display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; justify-content:space-between; }
.footer_hd ul li{ width:335px; position:relative; min-width:0; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.footer_hd ul li:nth-child(2){ margin:0 90px;}
.footer_hd ul li .footer_tit{display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-end; align-items:flex-end; justify-content:space-between; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px rgba(255,255,255,.1); background:url(../images/icon7.png) left 10px no-repeat; padding-left:40px; font-size:18px;}
.footer_hd ul li .footer_tit span{ line-height:30px; color:#FFF;}
.footer_hd ul li .footer_tit em{ color:rgba(255,255,255,.5);}
.footer_hd ul li .code{ position:absolute; right:0; bottom:0;}
.footer_hd ul li .footer_hd_list p{ line-height:30px;}
.footer_hd ul li .footer_hd_list p a{ color:rgba(255,255,255,.4); display: inline-block;}
.footer_hd ul li .footer_hd_list p a span{ display:inline-block; margin:0 20px 0 10px; height:2px; width:10px; background:rgba(255,255,255,0.2); vertical-align: middle; margin-top: -2px;}
.site_map{ display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-end; align-items:flex-end; justify-content:space-between; padding:25px 0; border-bottom:solid 2px #e2e2e2; font-size:14px;}
.site_map span i{ margin:0 15px;}
.site_map em font{ margin-left:30px;}
.copyright{ color:#a0a0a0; font-size:14px; padding:25px 0;}

.page_box{ margin-top:85px;}
.page_banner img{ width:100%;}

/*产品列表*/
.pro_list{ background:#f4f4f4; padding:65px 0;}
.pro_list a{ display: block;}
.pro_list a dl{ display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; height:355px; margin-bottom:20px; box-sizing:border-box; padding:0 95px;}
.pro_list a:last-child{ margin-bottom:0;}
.pro_list a:nth-child(odd) dl dd{ order:-1; margin-left:0;}
.pro_list a dl.item1{ background:url(../images/bg1.jpg) center center no-repeat;}
.pro_list a dl.item2{ background:url(../images/bg2.jpg) center center no-repeat;}
.pro_list a dl.item3{ background:url(../images/bg3.jpg) center center no-repeat;}
.pro_list a dl dd{ min-width:0; -webkit-box-flex:1; -webkit-flex:1; flex:1; color:#FFF; font-size:16px; margin-left:105px;}
.pro_list a dl dd h2{ font-weight:normal; font-size:58px; margin-bottom:10px;}
.pro_list a dl dd p{ line-height:22px;}
.pro_list ul{ margin-left:-15px;}
.pro_list ul li{ float:left; width:390px; margin:0 0 20px 15px;}
.pro_list ul li a{ display:block; background:#FFF; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.pro_list ul li a img{ display:block; width:100%; border-bottom:solid 1px #EEE;}
.pro_list ul li a p{ padding:30px 0; margin:0 30px; background:url(../images/icon2.png) right center no-repeat; font-size:16px; line-height: 22px;}
.pro_list ul li a p em{ display: block; color: #999; font-size: 14px;}
.pro_list ul li a:hover{ box-shadow:0 0 20px #CCC; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95);}

/*解决方案*/
.solution{ padding-top:65px;}
.title_1{ text-align:center;}
.title_1 h1{ font-weight:normal; font-size:38px; margin-bottom:20px;}
.title_1 h2{ font-weight:normal; color:rgba(0,0,0,.4); margin-bottom:20px; font-size:16px;}
.title_1 span.line{ display:inline-block; height:2px; width:30px; background:#8cbede;}
.solution_item{ padding:65px 0;}
.solution_item_1{ background:#e8f2fe;}
.solution_item_1_box{ margin-top:65px; /*background:url(../images/icon8.png) left 35px no-repeat;*/ background-size:100%; max-width:1781px; height:496px; margin:0 auto; margin-top:65px;}
.solution_item_1_box dl{display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.solution_item_1_box dl dt{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:15px; line-height:30px;}
.solution_item_1_box dl dd{ margin:0 80px;}
.solution_item_2{ background:#b0c8ee;}
.solution_item_2 .title_1 span.line{ background:rgba(255,255,255,.3);}
.solution_item_2_box{ margin-top:65px;}
.solution_item_2_box .swiper-container{ padding-bottom:35px;}
.solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info{ text-align:center; padding:0 50px;}
.solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info span{ display:inline-block; height:145px; line-height:145px;}
.solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info span img{ max-width:100%; vertical-align:middle; max-height:100%;}
.solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info h2{ font-weight:normal; margin:30px 0; font-size:25px;}
.solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info p{ font-size:15px; line-height:30px;}
.solution_item_2_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width:14px; height:14px; margin:0 10px; background:#FFF;}
.solution_item_2_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#FFF;}
.solution_item_2_box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.solution_item_2_box .swiper-button-next{ background:url(../images/arrow_next.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.solution_item_2_box .swiper-button-prev{ background:url(../images/arrow_prev.png) no-repeat; width:24px; height:42px; margin-top:-21px;}
.solution_item_3{ background:#4997e9;}
.solution_item_3 .title_1{ color:#FFF;}
.solution_item_3 .title_1 h2{ color:rgba(255,255,255,0.5);}
.solution_item_3 .title_1 span.line{ background:rgba(255,255,255,.3);}
.solution_item_3_box{ text-align:center; margin-top:65px; max-width:100%; box-sizing:border-box; padding:0 15px;}
.solution_item_3_box img{ max-width:100%;}

/*视频教程*/
.video_tutorial{ padding:65px 0; background:#f4f4f4;}
.bt{ border-top:solid 2px #494949; padding-top:40px;}
.page_search{ margin-bottom:40px;}
.page_search input{ border:solid 1px #EEE; font-size:15px; padding:15px; vertical-align:top; width:300px;}
.page_search button{ height:50px; width:115px; color:#FFF; cursor:pointer; font-size:14px; background:#0159a0}
.video_tutorial ul{ margin-left:-22px;}
.video_tutorial ul li{ float:left; width:385px; margin:0 0 20px 22px;}
.video_tutorial ul li a{ display:block; background:#FFF; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.video_tutorial ul li a:hover{ box-shadow:0 0 20px #CCC; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95);}
.video_tutorial ul li a .video_tutorial_tit{ padding:20px;}
.video_tutorial ul li a .video_tutorial_tit h2{ font-weight:normal; font-size:18px; margin-bottom:10px;}
.video_tutorial ul li a .video_tutorial_tit em{ display:block; color:#a3a3a3; text-transform:uppercase; font-size:14px;}
.video_tutorial ul li a p{ padding:20px 0; margin:0 20px;  border-top:solid 1px #ececec; font-size:13px; color:#a3a3a3; background:url(../images/icon2.png) right center no-repeat;}

/*售后服务*/
.after_sale{ padding:65px 0;}
.after_sale_hd{ font-size:0; margin-bottom:45px;}
.after_sale_hd select{ width:200px; height:40px; border:solid 2px #e7e7e7; padding:0 10px; background:#FFF url(../images/icon15.png) 95% center no-repeat; margin-right:15px; cursor:pointer;}
.after_sale_hd select:hover{ background:#048dff url(../images/icon15.png) 95% center no-repeat; color:#FFF;}
.after_sale_bd ul li{ padding:35px 0; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; border-top:solid 2px #dfdfdf; font-size:18px; color:#666;}
.after_sale_bd ul li span{ width:430px;}
.after_sale_bd ul li em{width:370px; margin-right:55px;}
.after_sale_bd ul li a{ -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.after_sale_page{ padding:30px; border-top:solid 2px #dfdfdf; border-bottom:solid 2px #dfdfdf; margin-top:50px; font-size:15px; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.after_sale_page span{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.after_sale_page em i{ margin:0 20px;}

/*常见问题*/
.q_a{ padding:65px 0; background:#f4f4f4;}
.q_a h1{ font-weight:normal; border:solid 2px #1876bd; font-size:30px; color:#1876bd; padding:40px; margin-bottom:20px;}
.q_a h1 span{ float:right; color:#DDD; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.q_a ul{ margin-bottom:60px;}
.q_a ul li{ margin-bottom:10px;}
.q_a ul li h2{ font-weight:normal; font-size:14px;}
.q_a ul li h2 a{ display:block; padding:20px; background:#e8e8e8 url(../images/icon16.png) 98% center no-repeat;}
.q_a ul li h2 a.on{ color:#FFF; background:#1876bd url(../images/icon17.png) 98% center no-repeat;}
.q_a ul li .q_a_sub{ padding:10px 20px 0; color:#0068b7; font-size:14px; line-height:30px; display:none;}
.q_a ol{ margin-bottom:60px;}
.q_a ol li{ padding:10px; font-size:14px; line-height:30px;}
.q_a ol li:nth-child(odd){ background:#e9e9e9;}
.q_a form textarea{ box-sizing:border-box; padding:10px; line-height:30px; font-size:15px; border-radius:5px; border:solid 1px #d8d8d8; background:none; width:100%; resize:none; display:block; margin-bottom:15px;}
.q_a form p:last-child{ text-align:right;}
.q_a form button{ color:#FFF; cursor:pointer; background:#1876bd; padding:10px 30px; font-size:16px; border-radius:5px;}

/*下载中心*/
.down{ background:#f4f4f4; padding:65px 0;}
.down_box ul{ margin-left:-15px;}
.down_box ul li{ float:left; width:390px; margin-left:15px}
.down_box ul li a{ display:block; background:#FFF; padding:20px 30px; color:#777; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.down_box ul li a h2{ font-weight:normal; margin:10px 0; font-size:30px;}
.down_box ul li a p{ font-size:14px;}
.down_box ul li a:hover{ box-shadow:0 0 20px #CCC; transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95);}

/*下载详情*/
.down_detaild table{ border-collapse:collapse;}
.down_detaild table thead td{ background:#006edd; height:50px; font-size:16px; padding:0 10px; color:#FFF; border:solid 10px #f4f4f4;}
.down_detaild table tbody td{ border:solid 10px #f4f4f4; padding:0 10px; height:50px; font-size:15px;}
.down_detaild table tbody td a{ color:#006edd;}
.down_detaild table tbody tr:nth-child(even) td{ background:#e6e6e6;}

/*公司简介*/
.about{ padding:65px 0;}
.about_info{ border-bottom:solid 1px #e0e0e0; padding-bottom:35px;}
.about_info dl dt{ float:left; margin:0 35px 35px 0;}
.about_info dl dd{ color:#6b6b6b; font-size:14px; line-height:26px;}
.about_bd ul li{ float:left; padding:35px 0; width:550px; border-bottom:solid 1px #e0e0e0; margin-right:45px;}
.about_bd ul li h2{ font-size:24px; font-weight:normal; margin-bottom:20px;}
.about_bd ul li p{ color:#949494; font-size:14px; line-height:24px;}

/*成长轨迹*/
.growing_up{ padding:65px 0;}
.growing_up_box{ position:relative; padding:50px 0;}
.growing_up_box:after{ content:''; position:absolute; left:0; top:0; width:1px; bottom:0; background:#cecece; left:50%; margin-left:-1px;}
.growing_up_box:before{ content:''; position:absolute; width:16px; height:16px; border-radius:50%; border:solid 1px #11090c; top:0; left:50%; margin-left:-9px; background:#FFF; z-index:1;}
.growing_up_box dl{ width:50%; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; margin-bottom:40px; position:relative;}
.growing_up_box dl dt img{ border-radius:50%;}
.growing_up_box dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:right; padding:0 40px; position:relative;}
.growing_up_box dl dd i{ position:absolute; right:-10px; top:50%; border-radius:50%; width:16px; height:16px; border:solid 1px #11090c; margin-top:-9px; background:#FFF; z-index:1;}
.growing_up_box dl dd i:before{ content:''; position:absolute; border-radius:50%; width:10px; height:10px; background:#11090c; top:3px; left:3px;}
.growing_up_box dl dd h2{ font-size:50px; line-height:normal;}
.growing_up_box dl dd p{ color:#818181; font-size:14px;}
.growing_up_box dl:nth-child(even){ margin-left:50%;}
.growing_up_box dl:nth-child(even) dd{ order:-1; text-align:left; padding-right:0; padding-left:40px;}
.growing_up_box dl:nth-child(even) dd i{ right:inherit; left:-10px;}
.growing_up_box center{ position:absolute; left:0; right:0; bottom:-20px; font-size:14px; color:#a6a6a6;}

/*企业动态*/
.news{ padding:65px 0; background:#f4f4f4;}
.news_list dl{ float:left; width:50%; display:-webkit-box; display:-webkit-flex;  display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; background:#FFF; margin-bottom:20px;}
.news_list dl dd{ box-sizing:border-box; -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; padding:30px;}
.news_list dl dd h2{ font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list dl dd p{ font-size:13px; line-height:24px; margin-top:20px; color:#757575}
.news_list dl dd time{ display:block; color:#AAA; font-family:Tahoma; font-size:13px; margin-top:72px;}
.news_list .news_list_col:nth-child(even) dl dd{ order:-1;}

/*企业动态详情*/
.news_detaild{ padding:65px 0;}
.news_detaild_hd{ padding-top:65px; border-top:solid 1px #dfdfdf; text-align:center;}
.news_detaild_hd h1{ color:#22476c; font-weight:normal; font-size:26px; line-height:30px;}
.news_detaild_hd time{ display:block; color:#a9a9a9; font-size:14px; margin-top:10px;}
.news_detaild_bd{ padding-top:65px; color:#7d7d7d; font-size:14px; line-height:26px;}
.news_detaild_bd img{ max-width:100%;}

/*pages*/
.pages{ font-size:0; margin-top:30px; text-align:center;}
.pages a{ display:inline-block; vertical-align:middle; min-width:40px; height:38px; line-height:38px; font-size:14px; text-align:center; margin:0 5px; border:solid 2px #e7e7e7; background:#FFF;}
.pages span{ display:inline-block; min-width:40px; height:38px; line-height:38px; font-size:14px; text-align:center; margin:0 5px;}
.pages a:hover{ border-color:#024f9d; color:#024f9d;}
.pages a.on{ background:#024f9d; color:#FFF; border-color:#024f9d;}
.pages a.pageBtn{ padding:0 15px;}

/*联系我们*/
.contact{ padding:65px 0;}
.contact_box h1{ font-weight:normal; border:solid 2px #1876bd; font-size:30px; color:#1876bd; padding:40px; margin-bottom:20px;}
.contact_box ol{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; margin:65px 0;}
.contact_box ol li{ -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.contact_box ol li h2{ font-weight:normal; border-bottom:solid 2px #1876bd; padding-bottom:20px; margin-bottom:20px; font-size:25px; height:88px; box-sizing:border-box;}
.contact_box ol li span{ display:inline-block; width:60px; height:60px;}
.contact_box ol li span.icon1{ background:url(../images/icon21.png) center center no-repeat; background-size:cover;}
.contact_box ol li span.icon2{ background:url(../images/icon22.png) center center no-repeat; background-size:cover;}
.contact_box ol li span.icon3{ background:url(../images/icon23.png) center center no-repeat; background-size:cover;}
.contact_box ol li h3{ margin:10px 0; font-weight:normal; font-size:18px;}
.contact_box ol li p{ color:#a3a3a3; font-size:15px;}
.contact_box ol li:nth-child(2){ margin:0 105px;}
.contact_box ol li:nth-child(3) h2{ padding-top:20px;}
.contact_box ol li:hover span.icon1{ background:url(../images/icon21_01.png) center center no-repeat; background-size:cover;}
.contact_box ol li:hover span.icon2{ background:url(../images/icon22_01.png) center center no-repeat; background-size:cover;}
.contact_box ol li:hover span.icon3{ background:url(../images/icon23_01.png) center center no-repeat; background-size:cover;}
.contact_box .after_sale_hd{ padding-top:20px;}

/*VR教育*/
.vr_item{ box-sizing:border-box; padding-top:75px;}
.vr_item h1,.vr_item h2{ font-weight:normal; text-align:center; font-size:60px; color:#FFF;}
.vr_item h2{ font-size:40px;}
.vr_item span.line{ width:30px; height:2px; background:rgba(255,255,255,.3); display:block; margin:30px auto;}
.vr_item h3{ font-size:18px; line-height:30px; font-weight:normal; text-align:center; color:#FFF;}
.vr_item_info{ text-align:center;}
.vr_item_info img{ max-width:100%;}
.vr_1{ background:url(../images/pic40.jpg) center bottom no-repeat; height:902px; background-size:cover;}
.vr_2{ background:#f4f4f4;}
.vr_2 .vr_item_info{ padding:65px;}
.vr_2 .vr_item_info img{ max-width:100%;}
.vr_2 h1,.vr_2 h2,.vr_2 h3{color:#333;}
.vr_2 span.line{ background:#bfbfbf;}
.vr_3{ padding:290px 0; background:url(../images/pic42.jpg) center center no-repeat; background-size:cover;}
.vr_4 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; background:#1f2845 url(../images/pic44.png) right center no-repeat;}
.vr_4 dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:0 120px;}
.vr_4 dl dd h1,.vr_4 dl dd h2,.vr_4 dl dd h3{ text-align:left;}
.vr_4 dl dd span.line{ display:inline-block;}
.vr_5{ background:#F4F4F4 url(../images/pic46.png) center center no-repeat; background-size:100%;}
.vr_5 h1,.vr_5 h2,.vr_5 h3{color:#333;}
.vr_5 span.line{ background:#bfbfbf;}
.vr_5 .vr_item_info{ padding:65px 0 0;}

/*安卓白板*/
.pad .title{ margin-bottom:0; padding:25px 0; background:#f5f5f5;}
.pad_hd{ text-align:center; padding-top:55px;}
.pad_hd h2{ color:#FFF; font-size:80px; font-weight:normal; padding:15px 0; }
.pad_hd h3{ font-weight:normal; font-size:15px; line-height:30px; color:#FFF; margin-bottom:40px;}
.pad_hd p img{ max-width:100%;}
.pad_bd dl{ float:left; width:50%; height:450px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.pad_bd dl dt{ width:50%;}
.pad_bd dl dt img{ max-width:100%;}
.pad_bd dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:0 60px; color:#FFF;}
.pad_bd dl dd h2{ font-size:30px; font-weight:normal; margin-bottom:15px;}
.pad_1 .pad_hd{ background:#fab585;}
.pad_1 .pad_bd dl.pad_item1{ background:#2dd1f7;}
.pad_1 .pad_bd dl.pad_item2{ background:#8ccfba;}
.pad_1 .pad_bd dl.pad_item3{ background:#8fc3ea;}
.pad_1 .pad_bd dl.pad_item4{ background:#ffd457;}

.pad_2 .pad_hd{ background:#00a4e4;}
.pad_2 .pad_bd dl.pad_item1{ background:#2dd1f7;}
.pad_2 .pad_bd dl.pad_item2{ background:#82cec1;}
.pad_2 .pad_bd dl.pad_item3{ background:#a4d7f4;}
.pad_2 .pad_bd dl.pad_item4{ background:#00a4e4;}

.pad_3 .pad_hd{ background:#54bceb;}
.pad_3 .pad_bd dl.pad_item1{ background:#9ed8d5;}
.pad_3 .pad_bd dl.pad_item2{ background:#f9b4a6;}
.pad_3 .pad_bd dl.pad_item3{ background:#8ccfba;}
.pad_3 .pad_bd dl.pad_item4{ background:#ffd457;}

.pad_4 .pad_hd{ background:#4e94dc;}
.pad_4 .pad_bd dl.pad_item1{ background:#93d5e7;}
.pad_4 .pad_bd dl.pad_item2{ background:#62affd;}
.pad_4 .pad_bd dl.pad_item3{ background:#62affd;}
.pad_4 .pad_bd dl.pad_item4{ background:#93d5e7;}

.pad_5 .pad_hd{ background:#7ecdc3;}
.pad_5 .pad_bd dl.pad_item1{ background:#fab585;}
.pad_5 .pad_bd dl.pad_item2{ background:#8fc3ea;}
.pad_5 .pad_bd dl.pad_item3{ background:#a4d7f4;}
.pad_5 .pad_bd dl.pad_item4{ background:#00a4e4;}

/*遥控器*/
.remote_control .title{ margin-bottom:0; padding:25px 0; background:#f5f5f5;}
.remote_control_1{ /*height:902px;*/ background:url(../images/pic75.jpg) center bottom no-repeat; border-top:solid 1px #eaeaea; background-size:100%;}
.remote_control_1 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:120px 0 0 0;}
.remote_control_1 dl dt{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:40px;}
.remote_control_1 dl dt:last-child{ font-size:30px; margin-left:40px;}
.remote_control_1 dl dd{ padding:0 20px; }
.remote_control_1 dl dd img{ max-width:80%;}
.remote_control_2 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; background:#17171c;}
.remote_control_2 dl dt{ width:50%; box-sizing:border-box;}
.remote_control_2 dl dt img{ width:100%;}
.remote_control_2 dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:30px;  color:#FFF; padding:0 80px 0 10%; line-height:50px;}
.remote_control_3{ background:#f5f5f5 url(../images/pic78.png) center center no-repeat; background-size:100%; padding-top:150px;}
.remote_control_3 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start;}
.remote_control_3 dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:30px; padding-top:80px; line-height:50px;}
.remote_control_3 dl dd font{ font-size:14px; font-family:"Microsoft YaHei","宋体",Tahoma, Geneva, sans-serif; }
.remote_control_3 dl dt{ width:44%; text-align:center;}
.remote_control_3 dl dt img{ max-width:90%;}
.remote_control_4{ padding:70px 0; text-align:center;}
.remote_control_4 h1{ font-weight:normal; font-size:40px;}
.remote_control_4 h2{ font-weight:normal; font-size:30px; opacity:0.8; margin:10px 0;}
.remote_control_4 h3{ font-weight:normal; font-size:16px;}
.remote_control_info{ margin-top:60px;}
.remote_control_info img{ max-width:50%;}

/*触摸笔*/
.touch_pen .remote_control_1{ text-align:center; box-sizing:border-box; height:auto; padding:120px 0 180px;}
.touch_pen .remote_control_1 h1{ margin-bottom:15px;}
.touch_pen .remote_control_1 h1,.touch_pen .remote_control_1 h2{ font-weight:normal; opacity:0.8; font-size:30px;}
.touch_pen .remote_control_2 dl dd font{ font-size:16px; font-family:"Microsoft YaHei","宋体",Tahoma, Geneva, sans-serif;}
.touch_pen .remote_control_3{ padding:200px 0;}
.touch_pen .remote_control_3 dl dd{ padding-top:0;}
.touch_pen .remote_control_4{background-image:-webkit-linear-gradient(to top, #332845, #4b396b); background-image:linear-gradient(to top,#332845,#4b396b); padding-bottom:0; color:#FFF;}
.touch_pen .remote_control_4 h1{ margin-bottom:15px;}
.touch_pen .remote_control_4 h1,.touch_pen .remote_control_4 h2{ font-size:30px;}

/*高拍仪*/
.remote_control_5{ background:url(../images/pic86.jpg) center center no-repeat; background-size:cover;}
.remote_control_5 dl dt{ width:50%;}
.remote_control_5 dl dd{ text-align:right; color:#FFF;}
.touch_pen .remote_control_6 dl dd{ padding-top:80px;}

/*平板电脑*/
.ipad .remote_control_4{ padding-bottom:0;}
.ipad .remote_control_4 h1,.ipad .remote_control_4 h2{ font-size:30px;}
.ipad .remote_control_1{ background:url(../images/pic86.jpg) center center no-repeat; background-size:cover; height:100%;}
.ipad .remote_control_1 dl dt{ color:#FFF;}
.ipad .remote_control_3{ padding:150px 0 50px;}
.ipad .remote_control_3 dl dt{ margin-top:-100px;}

/*平板支架*/
.stent .remote_control_1{ height:902px; background:url(../images/pic94.jpg) center center no-repeat; background-size:cover;}
.stent .remote_control_5{ background:#93bed1; padding:100px 0;}
.stent .remote_control_5 dl dd{ padding-top:170px;}
.stent .remote_control_6{ background:none; padding:0;}
.stent .remote_control_6 dl{ -webkit-align-items:center; align-items:center;}
.stent .remote_control_6 dl dd{ padding-top:0;}

/*系列*/
.series .title{ margin-bottom:0; padding:25px 0; background:#f5f5f5;}
.title_2{ text-align:center; padding-top:20px;}
.title_2 h1{ font-weight:normal; font-size:60px;color:#FFF;}
.title_2 h2{ font-weight:normal; color:rgba(0,0,0,.4); margin-bottom:20px; font-size:50px; color:#FFF; font-family: Arial;}
.title_2 span.line{ display:inline-block; height:2px; width:30px; /*background:rgba(52,122,213,.3);*/ background:rgba(255,255,255,.3); vertical-align:middle;}
.title_2 h3{ font-weight:normal; color:#FFF; font-size:18px; line-height:30px; margin-top:20px;}
.title_2 p img{ margin-top:10px; max-width:100%;}
.series_1{ background:url(../images/pic104.jpg) center center no-repeat; background-size:cover; height:1000px;}
.series_1 .title_2 h1{ padding-top:30px;}
.series_1 .series_info{ text-align:center; margin-top:45px;}
.series_1 .series_info img{ max-width:100%;}
.series_2{ background:url(../images/pic105.jpg) center center no-repeat; background-size:cover; height:970px;}
.series_2 .title_2 h1{ color:#347ad5;}
.series_2 .title_2 h2{ color:#cbd9f2;}
.series_2 .title_2 span.line{ background:rgba(52,122,213,.3); }
.series_2 .title_2 h3{ color:#282828; }
.series_2 ul{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; margin-top:60px;}
.series_2 ul li{ text-align:center; -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.series_2 ul li p{ margin-top:20px; font-size:18px;}

.series_3{ background:url(../images/pic106.jpg) center center no-repeat; background-size:cover; height:970px;}
.series_3 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding-top:120px;}
.series_3 dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:30px;}
.series_3 dl dd .title_2{ text-align:left;}
.series_3 dl dd .title_2 h1{ color:#347ad5; margin-bottom:0;}
.series_3 dl dd .title_2 h2{ color:#347ad5; margin-bottom:0;}
.series_3 dl dd .title_2 span.line{ background:rgba(52,122,213,.3); line-height:0;}
.series_3 dl dd .title_2 h3{ color:#282828; margin-top:0;}
.series_3 dl dt{ width:60%; text-align:center;}
.series_3 dl dt img{ max-width:100%;}

.series_4{ background:url(../images/pic107.jpg) center center no-repeat; background-size:cover; height:875px;}
.series_4 dl{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding-top:100px;}
.series_4 dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; font-size:30px;}
.series_4 dl dd .title_2{ text-align:right;}
.series_4 dl dt{ width:60%; text-align:center;}
.series_4 dl dt img{ max-width:100%;}

.series_2 .swiper-container{ padding-bottom:100px;}
.series_2 .swiper-pagination-bullet{ width:14px; height:14px; margin:0 10px !important; background:#4887d9;}
.series_2 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}