/* CSS Document */
.pageHeader{background: #fff;border-bottom: 1px solid #dee0e3;box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.pageHeader .logo a{background:url(../images/logo.png) no-repeat;background-size: contain;}
.pageHeader .head_r .li01 .btn-search{color:#585858; margin-top: 6px;}
.pageHeader .nav .nav_li .nav_a{ color:#585858;}
.pageHeader .head_r{ color:#585858;}
.n_banner { margin-top:115px;}
.n_banner .img_bg{height:400px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; max-width:none;}
.n_banner .box{position:absolute;top:0;bottom:0;left:0;right:0;}
.n_banner .text_t{font-size:27px;color:#016db8;margin-top: 8%;padding-top: 15px;}
.n_banner .text_t:before{content:'';width:53px;height:1px;background-color:#016db8;position:absolute;top:0;left:0;}
.n_banner .text_t ._big{font-size:42px;font-weight: bold;}
.n_banner .text_p{font-size:20px;color:#88b82a;margin-top: 5px;}
.s_menu_bar{position:absolute;bottom:-30px;left:0;right:0; z-index:9;}
.s_menu{background-color:#fff;border: 1px #d8d8d8 solid;}
.s_menu li{float:left;border-left:1px #d8d8d8 solid;margin-left:-1px;width:25%;*width:24.9%;}
.s_menu li a{display:block;font-size:16px;text-align: center;height:66px;line-height: 66px;}
.s_menu li.cur,.s_menu li.active{border-left-color:#88b82a;background-color: #88b82a;}
.s_menu li.cur a,.s_menu li.active a{color:#fff;}
.s_fixed,.fixed{position:fixed;top:0;bottom:auto;background:#fff;z-index: 8;}
.s_menu_bar2 .s_menu li{width:33.333333%;}
.s_menu_bar2 .s_menu.pro_menu li{ width:50%;}
.haveSmenu_bann{margin-bottom:25px;}
.pageMain{padding:20px 0 0;}
.posi{font-weight: normal;font-size:15px;margin-bottom: 40px;color: #a4a4a4;}
.posi i.ico{margin-right: 8px;}
.posi em{margin: 0 5px;}
.main_content{min-height: 400px;padding-bottom:50px;}
.channel_IN{font-size:36px;font-weight:normal;color:#006ab8;}
.channel_IP{font-size:16px;color:#666464; width: 70%;margin:10px auto 40px;}
.breadCrum{padding:20px 0 0;}
.pc_amenu{  margin-bottom:30px; text-align:center;}
.a_menu_bg{  background-color:#fff;}
.a_menu{width:100%; overflow:hidden;}
.a_menu .a_menu_a{ position:relative; padding:0px 25px; display:inline-block; overflow:hidden; text-align:center; line-height:50px; color:#333; font-size:16px;border-bottom:2px solid #fff;}
.a_menu .a_menu_a span{ margin:0 10px;padding:8px 20px;}
.a_menu .a_menu_a:before{ content:"|"; height:50px; width:1px; position:absolute; left:0px;}
.a_menu .a_menu_a:hover span,.a_menu .a_menu_a.active span{ color:#fff; background: #005dad; padding:8px 20px; line-height:50px; }

@media only screen and (max-device-width:1024px) {
.n_banner .img_bg{height:300px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-560px; width:130%; height:100%; max-width:none;}
.s_menu_bar{ z-index:0;}

}
@media (max-width: 768px) {
.pageHeader .logo{padding:5px 0 10px 0;width:80%; }
.pageHeader .logo a{ width: 100%;height: 34px;}
.pageHeader .mobile_key{margin-top:5px; color:#333;}
.pageHeader .head_r .li01 .btn-search{color:#585858; margin-top: 0px;}
.n_banner { margin-top:75px;}
.n_banner .img_bg{height:200px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-384px; width:130%; height:100%; max-width:none;}
.channel_IN{font-size:22px;font-weight:normal;color:#006ab8;}
.haveSmenu_bann{margin-bottom:0px;}
.s_menu_bar{position:absolute;bottom:-10px;left:0;right:0; z-index:0;}
.s_menu li a{display:block;font-size:14px;text-align: center;height:46px;line-height: 46px;}
.a_menu .a_menu_a{ position:relative; padding:0px 1%; }
.a_menu .a_menu_a span{ margin:0 5px;padding:5px 10px;}
.a_menu .a_menu_a:hover span,.a_menu .a_menu_a.active span{padding:5px 10px; line-height:50px; }

}
@media (max-width: 425px) {
.n_banner .img_bg{height:120px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-212.5px; width:100%; height:100%; max-width:none;}
.s_menu{ display:none;}
}
@media (max-width: 375px) {
.n_banner .img_bg{height:90px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-189px; width:100%; height:100%; max-width:none;}
}

@media (max-width: 320px) {
.n_banner .img_bg{height:90px;position:relative;overflow:hidden;}
.n_banner .img_bg img{ position:absolute; top:0; left:50%; margin-left:-160px; width:100%; height:100%; max-width:none;}
}

/*��������*/
.about-box1{padding:0 0 95px;}
.about-box1 .channel_IN{margin-bottom:22px;}
.ab1-con{border:5px #88b82a solid;width:100%;}
.ab1-con .ab1_left{width: 57%;}
.ab1-con .ab1_left .ab1_pbx{padding: 35px 0% 35px 3%;}
.ab1-con .ab1_left .ab1_en{font-size: 16px;font-family: Arial;text-transform: uppercase; color: #666464;}
.ab1-con .ab1_left .ab1_cn .icons{width:50px;height:50px;background-position:-77px 0;}
.ab1-con .ab1_left .ab1_cn{color:#666464;font-size:26px;line-height: 30px;margin-bottom: 10px;}
.ab1-con .ab1_left .ab1_pbx .ab1_content{height:400px;overflow:hidden;position:relative;padding-right: 8%; margin-top:20px;}
.ab1-con .ab1_left .ab1_pbx .ab1_content p{ margin-bottom:8px; line-height:24px }
.ab1-con .ab1_right{margin-top: -20px;position: relative;z-index: 3;margin-right: -55px;} 
@media (max-width: 1024px) {
.ab1-con .ab1_left .ab1_cn{color:#666464;font-size:18px;line-height: 30px;margin-bottom: 10px;}
.ab1-con .ab1_left{width:100%;}
.ab1-con .ab1_right{ display:none;}
}
@media (max-width: 425px) {
.about-box1{padding:0 0 55px;}
.ab1-con .ab1_left .ab1_pbx .ab1_content{height: auto;}

}
.about-box2{background:url(../images/ab2_bg.jpg) center top no-repeat;overflow:hidden; padding-top: 50px;padding-bottom:50px;}
.about-box2 .channel_IP{margin: 10px auto 15px;}
.ab_cultrue .ab_cul{padding-top: 30px;}
.ab_cultrue .ab_cul .box{padding:0 14%;text-align: center;font-size: 16px;}
.ab_cultrue .ab_cul .box .p{margin-top:20px;line-height: 1.5;}
.about-box3{padding:25px 0;}
.about-box4{background:url(../images/ab4_bg.jpg) center bottom no-repeat;padding:104px 0 65px;}
.about-box4 .ab_respon{width: 47%;background:url(../images/green.47.png) repeat;}
.about-box4 .ab_respon .pbox{padding:5% 8% 8%;color:#fff;}
.about-box4 .ab_respon .pbox .p{font-size: 22px;line-height: 1.5;margin: 30px 0 40px;}
.about-box4 .ab_respon .ab_channel{font-size:36px;font-weight: normal;border-bottom:1px #88b82a solid;cursor:pointer;}
.about-box4 .ab_respon .ab_channel i{font-size: 27px;opacity: .72;filter: alpha(opacity=72); position: absolute;right: 0;top: 50%;margin-top: -20px;}
.about-box4 .icoImg .circle{border:1px #86b62b solid;border-radius: 50%;text-align: center;width: 158px;height: 158px;margin-left: 30px;font-size:16px;color:#88b82a;}
.about-box4 .icoImg .circle .ico60{margin-top:40px;}
.about-box4 .icoImg .circle .t{margin-top:-10px;}
.about-box4 .icoImg .circle:after{content:'';width:12px;height:12px;border:1px #82b02b solid;border-radius: 50%;position:absolute;top: -6px;left: 50%;margin-left: -6px;background:url(../img/black.3.png) repeat;}
@media (max-width: 768px) {
.about-box2{background:url(../images/ab2_bg.jpg) center top no-repeat;overflow:hidden; padding-top: 30px;padding-bottom:30px;}
.ab_cultrue .ab_cul{padding-top: 0px;}


}
.widget-job-4 ._jcon { margin-bottom: 20px; }
.widget-job-4 ._title { font-size: 18px; color: #333333; }
.widget-job-4 ._part { padding: 10px; line-height: 26px; }
.widget-job-4 ._detailBtn { padding: 10px 0; }
.widget-job-4 ._btn { display: inline-block; padding: 0 30px; border-radius: 3px; color: #ffffff; background: #cccccc; cursor: pointer; line-height: 26px; margin-right: 10px; }
.widget-job-4 ._btn1 { background: #88b82a; }
.widget-job-4 ._btn1:hover { background: #88b82a; }
.playTime{width: 1000px; background-color: #fff;}
.playTime .play_area{padding: 4%; min-height:100px;}
.playTime ._clo{position: absolute;top: 0;right: 0; color: #88b82a;font-size: 30px;cursor:pointer;}
.playTime .widget-job-4{height:300px;overflow-y: scroll; margin: 20px 0;}

.about-box3{padding:25px 0;}
.factory_list .bd{ width: 100%; overflow: hidden;}
.factory_list .bd .box{}
.factory_list .bd .box .img{ width: 100%; overflow: hidden; position: relative;}
.factory_list .bd .box .img img{ width: 100%; height: 100%;}
.factory_list .bd .box .img .info{ position: absolute; left: 0; bottom: 0;width: 100%; height: 100%; background: rgba(0,117,194,.75); color: #fff;box-sizing: border-box; transition: all .8s; height: 0; overflow: hidden;}
.factory_list .bd .box .img .info h3{ font-size: 18px; font-family:"Century Gothic" ; font-weight: bold; margin-bottom: 20px;}
.factory_list .bd .box .img .info p{ line-height: 24px;}
.factory_list .bd .box:hover .info{ height: 100%; padding: 50px;}
.factory_list .bd .box .tit{ text-align: center; font-size: 16px; line-height: 48px; background-color:#f4f4f4;}
.hd_dot{ width: 100%; text-align: center; margin-top: 30px;}
.hd_dot li{ display: inline-block; width: 10px; height: 10px; border: 2px solid #cacdd2; border-radius: 50%; margin-right: 5px;cursor:pointer;}
.hd_dot li.on{ border-color: #88b82a;}
.about-box4{background:url(../images/ab4_bg.jpg) center bottom no-repeat;padding:104px 0 65px;}
.application .box-pro .list {width: 100%;height: auto;margin-top: 44px;position: relative; }
.application .box-pro .list .list-pro {width: 100%;height: auto;overflow: hidden; }
.application .box-pro .list .list-pro ul {width: 100%;height: auto; }
.application .box-pro .list .list-pro ul li {width: 31.25%;height: auto;background-color:#F7F7F7;float: left;margin-right: 45px;transition: all 0.5s; }
.application .box-pro .list .list-pro ul li a:hover {background-color:#00A0E9; color:#FFFFFF; }
.application .box-pro .list .list-pro ul li a {width: 100%;height: auto;display: block;padding-bottom: 27px; }
.application .box-pro .list .list-pro ul li a .pic {width: 100%;height: auto;overflow: hidden; }
.application .box-pro .list .list-pro ul li a .pic img {transition: all .5s; }
.application .box-pro .list .list-pro ul li a .con {width: 88.9%;height: auto;margin: 0 auto; }
.application .box-pro .list .list-pro ul li a .con .tits {font-size: 16px;line-height: 16px;height: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 26px; }
.application .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;display: block; }
.application .box-pro .list .a.prev {left: -80px;background: url(../images/btn05.png) no-repeat; }
.application .box-pro .list .a.next {background: url(../images/btn06.png) no-repeat;right: -80px; }
.application .box-pro .list .a.prev:hover {left: -80px;background: url(../images/btn05_h.png) no-repeat; }
.application .box-pro .list .a.next:hover {background: url(../images/btn06_h.png) no-repeat;right: -80px; }
.application .box-pro .list .swiper-button-disabled {opacity: 0.2; }
@media (max-width: 1600px) {
.application .box-pro .list .a {z-index: 10; }
.application .box-pro .list .a.prev {left: 0; }
.application .box-pro .list .a.next {right: 0; }
 }
@media (max-width: 1024px) {
.application{padding-top: 50px;padding-bottom:40px; }
.application .title .t {font-size: 80px;line-height: 80px; }
.application .title .t1 {font-size: 26px;line-height: 80px; }
.application .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -45px;display: block; }
.application .box-pro .list .list-pro ul li a .con {width:92%;height: auto;margin: 0 auto; }
.application .box-pro .list .list-pro ul li:hover {background: #3072c4; }
.application .box-pro .list .list-pro ul li:hover a .pic img {transform: scale(1.1); }
.application .box-pro .list .list-pro ul li:hover a .con .tits {color: #fff; }
}
@media (max-width: 800px) {
.application .box-pro .list {margin-top: 20px; } 
}
@media (max-width: 710px) {
.about-box4{padding:30px 0 30px;}
.application{padding-top: 30px;padding-bottom: 50px; }
.application .title .t {font-size: 50px;line-height: 60px; }
.application .title .t1 {font-size: 20px;line-height: 60px; }
}
@media (max-width: 450px) {
.application{padding-top: 0px;padding-bottom: 0px; }
}

/**��Ʒչʾ**/
.tech-menu-box{height:222px; margin-bottom:50px;}
.tech-menuItems{border:1px #ccc solid;padding:3% 2%;}
.tech-menuItems dt{font-size:15px;margin-bottom: 10px;border-bottom:1px #eee solid;}
.tech-menuItems dt a{display:block; font-size:16px;padding-left:20px;position:relative;}
.tech-menuItems dd .icons{width:12px;height:15px;background-position: 0 -55px;position:absolute;top:50%;margin-top:-7.5px;left:0;}
.tech-menu-box .tech_colse{position: absolute;right: 1%;bottom: 1%;cursor:pointer;display:none;}
.tech-menu-box .tech_colse i{font-size:35px;}
.tech-items-box{margin-top:30px; margin-bottom:50px;}
.tech-items-box ul{margin-right: -2%;}
.tech-items-box li{float: left;width:48%;margin:0 1.9% 2% 0;}
.tech-items-box .pbox{background-color:#f8f8f8;}
.tech-items-box .pbox .img,.tech-items-box .pbox .info{width:49%;}
.tech-items-box .pbox .info a{display:block;padding: 10%;}
.tech-items-box .pbox .info .title{font-size:18px;font-weight: normal;color:#111; margin-bottom: 20px;}
.tech-items-box .pbox .info .p{color:#666;line-height: 22px;height: 66px;overflow: hidden;}
.tech-items-box li:hover .pbox{background-color:#006AB8;color:#fff;}
.tech-items-box li:hover .pbox .info .title,.tech-items-box li:hover .pbox .info .p{color:#fff;}
@media (max-width:768px) {
.tech-items-box .pbox .info .title{font-size:16px;margin-bottom: 0px;}
.tech-menu-box{height:300px;}

}
.deviceInfos {width:100%;height:400px}
@media (max-width:768px) {.deviceInfos {height:auto}
}
.deviceInfos .deviceImage {float:left;width:40%;height:100%; padding:10px; border:1px solid #E4E4E4;overflow:hidden;}
@media (max-width:768px) {
.tech-items-box .pbox .info a{display:block;padding: 7%;}
.deviceInfos .deviceImage img {max-width:100%;position:static;margin:20px auto}
}
@media (max-width:480px) {

.deviceInfos .deviceImage img {margin:0 auto}
}

.deviceInfos .deviceContent {width:50%;float:left;padding-left:50px;}
.deviceInfos .deviceContent h1 {font-size:30px;color:#0069d2;font-weight:bold;border-bottom:1px solid #f0f0f0;padding-bottom:20px;margin:0}
.deviceInfos .deviceContent .summary {font-size:16px;color:#808080;line-height:28px;border-bottom:1px solid #f0f0f0;padding:25px 0;text-indent:32px}
@media (max-width:768px) {.deviceInfos .deviceContent h1 {font-size:20px}
.deviceInfos .deviceContent .summary {font-size:14px;line-height:24px;text-indent:32px}
}
.deviceInfos .deviceContent .useArea {overflow:hidden;padding:24px 0;border-bottom:1px solid #f0f0f0}
.deviceInfos .deviceContent .useArea p {font-size:16px;color:#808080;line-height:28px;text-indent:32px}
.deviceInfos .deviceContent .chatUs {padding-top:20px;overflow:hidden}
@media (max-width:1199px) {.deviceInfos .deviceContent {width:60%;padding-left:10px}
.deviceInfos .deviceImage {width:42%}
.deviceInfos .deviceContent {width:50%;float:left;padding-left:10px;}

}
.deviceInfos .deviceContent .chatUs a {float:left;display:block;width:260px;height:68px;border-radius:4px;background:#006ab8;color:#fff;font-size:26px;line-height:68px;text-align:center}
.deviceInfos .deviceContent .chatUs p {float:left;font-size:20px; margin-left:20px;line-height:32px;color:#565966}
.deviceInfos .deviceContent .chatUs strong {display:block;font-size:30px;line-height:40px;color:#88b82a}
.contentContain .introduce {border-top:0px solid #f0f0f0;border-bottom:1px solid #f0f0f0; padding:0px 0 30px; margin-bottom:70px;}
.contentContain .introduce h1 {font-size:26px;color:#0069d2;font-weight:bold; text-align: center; border-bottom:1px solid #f0f0f0;padding-bottom:20px; margin-bottom: 30px;}
.contentContain>div h3 {text-align:left;font-size:18px;color:#0069d2; margin-bottom:20px;}
@media (max-width:1024px) {
.deviceInfos {width:100%;height:350px}
.deviceInfos .deviceContent h1 {font-size:20px; padding-bottom:10px;}
.deviceInfos .deviceContent .useArea p {font-size:14px;color:#808080;line-height:26px;text-indent:32px}
.deviceInfos .deviceContent .useArea {overflow:hidden;padding:14px 0;border-bottom:1px solid #f0f0f0}
.deviceInfos .deviceContent .chatUs {padding-top:10px;overflow:hidden}
.deviceInfos .deviceContent .chatUs a {float:left;display:block;width:160px;height:48px;border-radius:4px;background:#006ab8;color:#fff;font-size:20px;line-height:48px;text-align:center}
.deviceInfos .deviceContent .chatUs p {float:left;font-size:16px; margin-left:20px;line-height:28px;color:#565966}
.deviceInfos .deviceContent .chatUs strong {display:block;font-size:20px;line-height:26px;color:#88b82a}

}
@media (max-width:480px) {.deviceInfos .deviceContent .chatUs a {width:40%;height:40px;font-size:16px;line-height:40px}
.deviceInfos .deviceContent .chatUs p {width:50%;font-size:14px;line-height:24px}
.deviceInfos .deviceContent .chatUs strong {font-size:16px;line-height:1}
.contentContain>div h3 {text-align:left;font-size:20px;padding:15px 0}
.deviceInfos {width:100%;height:570px; margin-bottom:20px;}
.deviceInfos .deviceImage {width:94%}
.deviceInfos .deviceContent {width:100%;float:none;padding-left:0px;}
.deviceInfos .deviceContent .chatUs {padding:20px 0}
}
.contentContain .introduce{ width:74%; float: right;}
.contentContain .introduce p {font-size:14px;line-height:28px;color:#565966;margin-bottom:10px}
.contentContain .introduce p img{ margin: 0 auto; text-align: center;}
.r_menu{ width:23%; float: left; margin-bottom:50px;}
.r_menu .r_menu_title{ font-size:18px;background-color: #0069d2;font-weight: bold; color:#fff;margin-bottom: 15px;padding:20px 10%;}
.r_menu dl dt{ line-height: 46px;font-size:16px;background-color: #eee; margin-bottom:1px;}
.r_menu dl dt a{ padding-left:10%;}
.r_menu dl dt:hover{ cursor: pointer; background-color: #006AB8;}
.r_menu dl dt:hover a{ color: #FFF;}
.r_menu dl dd{ line-height: 40px;background-color: #fafafa; margin-bottom:1px;}
.r_menu dl dd a{ padding-left:14%; font-size:15px;}

.left-nav{transition: all .3s;}
.left-nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px;color: #ABB1B7;transition: all .3s;}
.left-nav-item{position: relative; }
.left-nav-item dl{display: block; background: rgba(0,0,0,.1);}
@media (max-width:768px) {
.contentContain .introduce{ width:100%; float:none;}
.r_menu{ width:100%; float: none; margin-bottom:0px; display: none;}

}
.sub-products{ width:100%; display:table; margin-top:10px; margin-bottom:15px;}
.sub-products li{ line-height:40px;}
.products-tit{ width:100%; height:40px; line-height:40px;border-bottom:1px dotted #ccc; display:table;}
.products-tit span,
.products-tit small,
.products-tit h4{ display:inline-block; line-height:40px;} 
.products-tit span{ font-size:14px; color:#666666; width:85%; padding-left:15px; }
.products-tit small{ width:4%; height:30px; text-align:right; background:url(../images/hjt.png) no-repeat center center; vertical-align:middle;} 
.products-tit h4{ font-size:14px; line-height:45px; font-weight:normal; width:7%; float:right; padding-right:15px;}
.products-tit:hover small{ background:url(../images/hjt.png) no-repeat center center;}
.products-xx{ display:table; padding-bottom:20px; padding-top:20px;display:none;}
.products-xx h4{ font-size:14px; color:#DB3717; font-weight:bold; margin-top:20px; margin-bottom:30px;}
.products-xx p{ font-size:14px; color:#666666; line-height:23px;} 
@media (max-width:1024px) {
.products-tit span{ font-size:14px; color:#666666; width:83%; padding-left:15px; }
.products-tit h4{ font-size:14px; line-height:45px; font-weight:normal; width:9%; float:right; padding-right:5px;}
}
@media (max-width:767px) {
.products-tit span{ font-size:14px; color:#666666; width:93%; padding-left:5px; }
.products-tit h4{ display:none;}
}

/*��Ʒ�б�ҳ*/
.pro_list { overflow:hidden; margin:0 auto;}
.pro_list li{/* height:365px;*/ margin-bottom:25px; background-color:#fafafa; position:relative; box-shadow:2px 2px 5px 2px #ccc}
.pro_list li .tu{ display:block;overflow:hidden; border-bottom:1px solid #e7e7e7; margin-bottom:20px;}
.pro_list li h3{ font-size:16px; font-weight:normal;/* margin-left:20px; */white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px;text-align: center;}
.pro_list li h3 a{ color:#555}
.pro_list li p{ font-size:14px; color:#888; margin-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_list li i{ display:block; width:16px; height:9px; padding-left:5px; background:url(../images/pc-jt.png) no-repeat right top; border-left:1px solid #fff; position:absolute; right:20px; bottom:35px;}
.pro_list li:hover{ background-color:#1144a3; box-shadow:2px 2px 10px 2px #ccc}
.pro_list li:hover a,.pro_list li:hover p{ color:#fff;}
@media (max-width:768px) {
.pro_list li i{ display:none;}
.pro_list li h3{ font-size:14px;margin-left:0px;}
}
@media (max-width:425px) {
.pro_list li{ height:200px;}
.pro_list li .tu{ margin-bottom:15px;}
}
/*���Ŷ�̬*/
.news .hotNews {padding:20px 0 40px;overflow:hidden;border-bottom:1px solid #ccc}
.news .hotNews .newsImage {float:left;width:30%}
.news .hotNews .newsright {float:right;width:65%}
.news .hotNews .newsright h2 {font-size:20px;color:#333; margin-bottom:10px;}
.news .hotNews .newsright p {font-size:14px;color:#666;line-height:30px; margin-bottom:5px; text-indent:2em;}
.news .hotNews .moreBtn {display:block;width:138px;height:38px;border-radius:4px;background:#006ab8;text-align:center;font-size:16px;color:#fff;line-height:38px}
.news img {max-width:100%;height:auto}
.articleLink {width:100%;height:126px;border:1px solid #f0f0f0;border-left:none;border-right:none}


.news_list { margin-bottom:70px;}
.news_list li{padding:25px 0 30px;border-bottom:1px dashed #ccc;overflow:hidden;*zoom:1;width:100%;}
.news_list li .data{ font-family:Arial;border: 1px #ccc solid;width: 55px;margin-right: 2%;}
.news_list li .data span{ display:block; text-align:center;}
.news_list li .data .day{ font-size:30px; font-weight:bold; background-color:#ccc;line-height: 45px; color: #fff;}
.news_list li .data .month{ font-size:0.77em; color:#565656;}
.news_list ._img{float:left;width: 15%;margin-right:2%;}
.news_list ._img img{height:100%;}
.news_list ._t{font-size:18px;margin-bottom:5px;color:#555;}
.news_list ._p{line-height:23px;height:46px;overflow:hidden;color:#999;}
.news_list ._i{overflow:hidden;*zoom:1;margin-top: 25px;}
.news_list ._i span,.news_list ._i a{float:left;line-height:26px;padding:0 10px;}
.news_list ._i ._more{background:#88b82a;color:#fff;}
.news_list ._i ._date{background:#ededed;color:#999;}
.news_list li:hover ._t{color:#0267b2;}
.news_list li:hover span{color:#0267b2;}
.news_list li:hover ._i ._more{background-color:#0267b2;}
.news_list li:hover .data{border-color:#006ab8;}
.news_list li:hover .data .day{background-color:#006ab8;}
@media (max-width:1199px) {.news .hotNews .newsright span {padding:20px 0}
.news .hotNews .newsright p {margin-bottom:20px}
}
@media (max-width:1024px) {
.news .hotNews .newsImage {float:left;width:35%}
.news .hotNews .newsright {float:right;width:62%}

}

@media (max-width:768px) {
.news .hotNews .newsImage {float:left;width:35%}
.news .hotNews .newsright {float:right;width:62%}
.news .hotNews .newsright p {font-size:14px;color:#666;line-height:26px; margin-bottom:5px; text-indent:2em;}
.news_list ._img{float:none;height:auto;width:100%;margin-right: 0;}
.news_list ._t{font-size:16px;margin-bottom:5px;color:#555;}

}

@media (max-width:480px) {
.news .hotNews .newsImage {float:none;width:100%}
.news .hotNews .newsright {float:none;width:100%}
.news .hotNews {padding:24px 0;border-bottom-width:2px}
.news .hotNews .newsImage {width:100%}
.news .hotNews .newsright {width:100%;padding-left:0px; margin-top:10px;}
.news .hotNews .newsright h2 {font-size:16px;color:#565966;line-height:28px}
.news .hotNews .newsright span {padding:10px 0}
.news .hotNews .moreBtn {display:none}
.articleLink {display:none}
}

/*��������ҳ*/
.widget-newsdetail-8{ margin-bottom:30px;}
.widget-newsdetail-8 .ion { color:#676767; }
.widget-newsdetail-8 .n_left { width:71.5%; float:left; }
.widget-newsdetail-8 ._head ._title { font-size:20px;color:#000; margin-bottom:10px;line-height: 1.4;}
.widget-newsdetail-8 ._tools { font-size:0; color:#7e7e7e; margin-bottom:15px;}
.widget-newsdetail-8 ._tools ._tool{ font-size:12px; margin-right:10px; display:inline-block; height:30px; line-height:30px; overflow:hidden;}
.widget-newsdetail-8 ._tools .ion { font-size:18px; display:inline-block; height:30px; line-height:30px; vertical-align:-2px;}
.widget-newsdetail-8 ._tools b { font-weight:normal; }
.widget-newsdetail-8 ._tools #switcher { margin-left:10px; }
.widget-newsdetail-8 ._tools #switcher ._title{margin-right:5px;font-size:12px;color:#7e7e7e;}
.widget-newsdetail-8 ._tools #switcher .ion { font-size:15px; }
.widget-newsdetail-8 ._tools .bds_more { float:none; background:none; padding:0;}

.widget-newsdetail-8 .myart { line-height:2; min-height:200px; font-size:13px; color:#555555; }
.widget-newsdetail-8 .n_right { width:24%; float:right; padding-top:40px; }
.widget-newsdetail-8 .n_right ._tools { text-align:right; }
.widget-newsdetail-8 ._tools ._back { font-size:20px; font-weight:normal; font-weight:bold; color:#676767; height:26px; line-height:26px; border-right:#cccccc 1px solid; padding-right:40px; vertical-align:5px;}
.widget-newsdetail-8 ._tools ._back .ion { font-weight:normal; vertical-align:0; }
.widget-newsdetail-8 ._tools .share,.widget-newsdetail-8 ._tools .print { width:36px; height:36px; line-height:36px; text-align:center; background-color:#80939e; border-radius:50%; cursor:pointer; overflow:hidden; margin-right:0; margin-left:15px;}
.widget-newsdetail-8 ._tools .share:hover,.widget-newsdetail-8 ._tools .print:hover { background-color:#88b82a; }
.widget-newsdetail-8 ._tools .share .ion,.widget-newsdetail-8 ._tools .print .ion { font-size:18px; color:#ffffff; }
.widget-newsdetail-8 ._tools .share:hover .ion,.widget-newsdetail-8 ._tools .print:hover .ion { color:#ffffff; }
.widget-newsdetail-8 ._tools .share .ion { font-size:20px; }

.widget-newsdetail-8 ._detailPage_bottom li strong,.widget-newsdetail-8 ._detailPage_bottom li span,.widget-newsdetail-8 ._detailPage_bottom li a{ display:block;}
.widget-newsdetail-8 ._detailPage_bottom{margin-top:45px; border:#f3f3f3 10px solid; }
.widget-newsdetail-8 ._detailPage_bottom ul{padding:10px 7%;}
.widget-newsdetail-8 ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; }
.widget-newsdetail-8 ._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767; }
.widget-newsdetail-8 ._detailPage_bottom ._date .ion { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;}
.widget-newsdetail-8 ._detailPage_bottom li ._title:hover { color:#5c5c5c; }
.widget-newsdetail-8 ._detailPage_bottom li ._title { font-size:16px;color:#5c5c5c; }
.widget-newsdetail-8 ._detailPage_bottom li { padding: 27px 0; }
.widget-newsdetail-8 ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; }
.bdshare_popup_box{display:none!important;}
@media only screen and (max-device-width:1024px) {
.widget-newsdetail-8 .n_right { padding-top:0; }
.widget-newsdetail-8 ._detailPage_bottom { margin-top:10px; }
.widget-newsdetail-8-tools,._tools { display:none; }
.widget-newsdetail-8 ._detailPage_bottom ul { padding-right:3%; }
}

@media only screen and (max-device-width: 760px) {
.widget-newsdetail-8 ._head ._title { font-size:24px; }
.widget-newsdetail-8 .n_left,.widget-newsdetail-8 .n_right,.widget-newsdetail-8 .news_img { width:100%; float:none; }
.widget-newsdetail-8 .n_left { margin-bottom:20px; }
}

@media (max-width:480px) {
.widget-newsdetail-8 ._head ._title { font-size:18px; }
.widget-newsdetail-8 ._detailPage_bottom li ._mark{font-size:16px; }

}
/*��ҵӦ��*/
.applicationArea {padding-bottom:60px}
@media (max-width:768px) {
.applicationArea {padding-bottom:6%}
}
.servicePart{ margin-top:20px;}
.applicationArea .part {float:left;height:450px; margin-top:20px;position:relative;overflow:hidden}
.applicationArea .part img {width:100%;height:auto}
.applicationArea .textLayer {position:absolute;bottom:0;left:0;width:100%;height:70px;transition:all .6s;color:#fff}
.applicationArea .textLayer h4 {line-height:70px;text-align:center;font-size:16px;position:absolute;width:100%;top:0;transition:all .4s}
.applicationArea .textLayer p {width:78%;font-size:16px;line-height:28px;padding:0 12.5%;position:absolute;top:45%;transition:all .6s;opacity:0}
.applicationArea .part1 {float:left;height:550px; margin-top:20px;position:relative;overflow:hidden}
.applicationArea .part1 img {width:100%;height:auto}

@media (min-width:1200px) {.applicationArea .part:hover .textLayer {height:470px;transition:all .6s}
.applicationArea .part:hover .textLayer h4 {top:10%; text-align:left; padding-left:10%;transition:all .4s}
.applicationArea .part:hover .textLayer p {top:25%; padding:0 10%; width:80%;opacity:1;transition:all .6s}
.applicationArea .part1:hover .textLayer {height:570px;transition:all .6s}
.applicationArea .part1:hover .textLayer h4 {top:8%; text-align:left; padding-left:8%;transition:all .4s}
.applicationArea .part1:hover .textLayer p {top:17%; padding:0 8%; width:84%;opacity:1;transition:all .6s}
}
@media (max-width:1199px) {.applicationArea .part {height:auto}
}
@media (max-width:1024px) {.applicationArea .part1 img {width: auto;height:100%}}
@media (max-width:960px) {.applicationArea .textLayer {height:70px}
.applicationArea .textLayer h4 {line-height:60px}
}
@media (max-width:768px) {
.applicationArea .part1 {float:none;height: auto; margin-bottom:20px;position:static;overflow:hidden}
.applicationArea .part {float:none;height: auto; margin-bottom:20px;position: static;overflow:hidden}
.applicationArea .textLayer {position: static;bottom:0;left:0;width:100%;height: auto; padding:3% 0;transition:all .6s;color:#fff}
.applicationArea .textLayer h4 {line-height:30px;text-align:center;font-size:16px;position: static;width:100%;top:0;transition:all .4s}
.applicationArea .textLayer p {width:94%;font-size:14px;line-height:24px;padding:0 3%;position: static;top:0;transition:all .6s;opacity:1}

}
@media (max-width:480px) {.applicationArea .part {float:none;width:100%;margin:0 auto 3%}
.applicationArea .part1 img {width: auto;height: auto;}
}


.applicationArea .bgBlue {background:#006ab8;}
.applicationArea .bgGreen {background:#88b82a;}
.applicationArea .bgLightBlue {background:#13c2e4;}

/*�������*/
.technology_list{ margin-top:60px; border-top:1px solid #e6e6e6;}
.technology_list .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;}
.technology_list .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px;margin-right:2%;}
.technology_list li{ cursor: pointer; }
.technology_list .list_box{padding:40px 60px 40px 0px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.technology_list .list_main{overflow:hidden;}
.technology_list .bd_c{width:83%;padding:0 0 0 4%;}
.technology_list .list_title{font-size:20px;color:#202020;font-weight:normal; margin-top:0px;}
.technology_list .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;}
.technology_list .list_box:after{content: "";width:100%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;}
.technology_list li:hover {background-color:#f8f8f8;}
.technology_list li:hover .list_box:after{background-color:#f8f8f8;}
.technology_list li:hover .list_title a{color:#006ab8;}
.technology_list .list_time{font-size:18px;color:#444;padding:1% 2%;border-right:1px solid #e6e6e6;font-family: Arial;width:100px; text-align:center;}
.technology_list .list_time_day{display:block;font-size:50px;color:#333;line-height:50px;font-family:helvetica;}
.technology_list li:hover .list_time{color:#006ab8; }
.technology_list li:hover .list_time_day{color:#006ab8; }
@media only screen and (max-width: 768px){
.technology_list .list_box{padding:24px 0px;}
.technology_list .bd_c{width:70%;padding:0 5% 0 5%;}
.technology_list .list_time{padding:0 0 1% 2%;}
.technology_list .list_title{font-size:16px;}
.technology_list .list_p{font-size:14px;color:#464646;line-height: 22px;height:40px;overflow:hidden;}
.technology_list .list_time_day{font-size:40px;line-height:40px; text-align:center;}
}
@media only screen and (max-width: 480px){
.technology_list{ margin-top:30px; border-top:1px solid #e6e6e6;}
.technology_list .bd_c{width:70%;padding:0 2% 0 2%;}
.technology_list .list_time{font-size:18px;color:#444;padding:1% 2%;border-right:1px solid #e6e6e6;font-family: Arial;width:80px; text-align:center;}

}
/*����*/
.serviceBox {width:100%; margin-bottom:70px;}
@media (max-width:768px) {.serviceBox {padding-top:8%}
}
.serviceBox h2 {font-size:30px;color:#0069d2;text-align:center}
@media (max-width:480px) {.serviceBox h2 {font-size:20px}
}
.serviceBox>p {text-align:center;font-size:16px;color:#808080;padding:20px 0 65px}
@media (max-width:768px) {.serviceBox>p {padding:20px 0 6%}
}
.servicePromise .serviceCon {width:100%}
.servicePromise .serviceCon ul {overflow:hidden}
.servicePromise .serviceCon li {width:25%;float:left}
.servicePromise .serviceCon li span {display:block;width:149px;height:149px;margin:0 auto;}
.servicePromise .serviceCon li .icon1 {background:url(../images/server1.png) no-repeat}
.servicePromise .serviceCon li .icon2 {background:url(../images/server2.png) no-repeat}
.servicePromise .serviceCon li .icon3 {background:url(../images/server3.png) no-repeat}
.servicePromise .serviceCon li .icon4 {background:url(../images/server4.png) no-repeat}
@media (min-width:1200px) {
.servicePromise .serviceCon li:hover p {color:#88b82a;}
}
@media (max-width:768px) {.servicePromise .serviceCon li {width:50%;margin-bottom:3%}
}
@media (max-width:480px) {.servicePromise .serviceCon li { font-size:14px;}
}
.servicePromise .serviceCon li p {text-align:center;color:#0069d2;line-height:28px;margin-top:22px}
.server-box2{background:#fafafa url(../images/s2_bg.jpg) center top no-repeat;overflow:hidden; padding-top: 50px;padding-bottom:70px;}
.server-box2 .channel_IP{margin: 10px auto 15px;}
.server-box-l{ float:left; width:48%; margin-top:30px;}
.server-box-r{ float:right; width:50%; margin-top:30px;}
.server-box-r dt{font-size:18px; line-height:50px;}
.server-box-r dt strong{ margin-left:10px;}
.server-box-r dd{ margin-bottom:20px;}
@media (max-width:768px) {
.server-box-l{ float:none; width:100%; margin-top:30px;}
.server-box-r{ float:none; width:100%; margin-top:30px;}


}
/*��ϵ����*/
.contact{}
.contact_l{ width:62%; float:left; margin-bottom: 70px;}
.contact_r{ width:26%; float:right; border:1px solid #CCCCCC; padding:4%; }
.contact_r dt { font-size: 24px; line-height: 1; margin-bottom:35px; }
.contact_r dd { margin-bottom:15px;}
@media (max-width:768px) {
.contact_l{ width:100%; float:none; margin-bottom: 30px;}
.contact_r{ width:93.2%; float:right; border:1px solid #CCCCCC; padding:6% 3% 4%; margin-bottom:30px; }

}
@media (max-width:480px) {
.contact_r dt { font-size: 20px; line-height: 1; margin-bottom:35px; }
}

.product_list .left{ width: 28%; float: left;}
.product_list .right{ width: 74%; float: right;}
@media (max-width:992px) {
.product_list .left{ width: 100%; float:none; margin-bottom: 20px;}
.product_list .right{ width: 100%; float: none;}
}
.product_list .m-snav .v1{display:block;height:60px;line-height:60px;background-color:#f3f3f3;font-size:20px;color:#333;padding:0 47px 0 33px;margin-bottom:4px;position:relative;overflow:hidden}
.product_list .m-snav li.on .v1,.product_list .m-snav li:hover .v1{color:#fff;background:url(../images/next3.png) 95% center no-repeat #1c549e;-webkit-background-size:auto 16px;background-size:auto 16px}
.product_list .m-snav li.on .a1,.product_list .m-snav li:hover .a1{padding-left:33px;background:url(../images/next6.png) 95% center no-repeat #fff;color:#1c549e}
.product_list .m-snav li.on .v1{ padding-left:35px; }
.product_list .m-snav-1 li.on .v1{ padding-left:33px; }
.product_list .m-snav i{-webkit-background-size:auto 100%;background-size:auto 100%;display:none;width:18px;height:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:30px}
.product_list .m-snav li.on i{display:block}
.product_list .m-snav dl{display:none}
.product_list .m-snav li.on dl{display:block;padding-bottom:16px}
.product_list .m-snav dl a{font-size:18px;color:#333;display:block;padding:0 33px 0 35px;background: #f5f3f3;-webkit-background-size:auto 18px;background-size:auto 18px;height:47px;line-height:47px}
.product_list .m-snav dd.on a{background: #f5f3f3;-webkit-background-size:auto 12px;background-size:auto 12px;color:#1c549e}
@media screen and (max-width: 1200px){
.product_list .m-snav .v1{ height:40px;line-height:40px;font-size:17px;padding:0 30px 0 15px;}
.product_list .m-snav li.on .a1,.product_list .m-snav li:hover .a1{padding-left:15px; }
.product_list .m-snav li.on .v1{ padding-left:18px; }
.product_list .m-snav-1 li.on .v1{ padding-left:15px; }
.product_list .m-snav dl a{font-size:16px; padding:0 30px 0 18px;height:35px;line-height:35px}
}
@media screen and (max-width: 1140px){
.product_list .m-snav { margin-bottom: 25px;}
.product_list .m-snav .v1{ padding:0 20px 0 12px;}
.product_list .m-snav li.on .a1,.product_list .m-snav li:hover .a1{padding-left:12px; }
.product_list .m-snav li.on .v1{ padding-left:15px; }
.product_list .m-snav-1 li.on .v1{ padding-left:12px; }
.product_list .m-snav dl a{padding:0 20px 0 15px; }
}