* {padding:0;margin:0;list-style:none;}
BODY {PADDING:0px;MARGIN:0px;font-size:14px;COLOR:#454545;font-family:Arial,Helvetica,sans-serif;/*font-family:"΢ɭ҅ۚ";*/background-color:#ffffff;}
html {overflow-x:hidden}
img {border:0;max-width:100%;}
H1 {PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}
A {COLOR:#454545;text-decoration:none}
A:hover {COLOR:#019CF8;}
.clear {CLEAR:both}
UL {list-style:none;margin:0px;padding:0px;}
.flex {display:flex;flex-wrap:wrap;}
p {text-align:justify;word-wrap:break-word;}
/*Head Style*/.head {padding-top:40px;width:100%;height:89px;margin:auto;background:#Fff;}
.logo {width:20%;float:left;}
.contact {width:80%;float:right;text-align:right;}
.contact img {vertical-align:middle;margin-right:6px;margin-left:16px;}
.menu {width:80%;height:70px;float:right;overflow: hidden;}
.nav {color:#474747;font-size:16px;}
.nav li {font-size:18px;font-weight:600;height:70px;line-height:70px;text-align:center;padding-left:15px;padding-right:15px;float:left;}
.nav li a {height:70px;line-height:70px;display:block;}
.nav li:hover {color:#019CF8;background:url(../images/nav.gif) center;display:block;}
.hover {color:#019CF8;background:url(../images/nav.gif) center;display:block;}
.wrap {width:1255px;margin:0 auto;}
/*Main Style*/.content1 {padding-top:50px;height:450px;}
.content1 .hotpro-list ul li a img:hover {transform:scale(1.1);-webkit-transform:scale(1.1);}
.content1 .hotpro-list ul li a img {width:100%;cursor:pointer;transition:all 1s;}
.sorttype {font-size:30px;text-align:center;text-transform:capitalize;margin-bottom:10px;}
.content8 .sorttype h1 {font-size:30px;text-align:center;text-transform:capitalize;margin-bottom:10px;color:#019CF8;font-weight:700;}
.hotpro-li {transition:all 0.5s;width:32%;/*background-color:#f5f5f5;*/        margin-top:20px;padding-bottom:10px;float:left;}
.hotpro-li:nth-child(3n-1) {margin-left:2%;margin-right:2%;}
.hotpro-li h3 {text-align:center;line-height:36px;font-size:18px;}
.hotpro-li h3 a {color:#2C2C2C;}
.sorttype h3 {color:#019CF8;}
.sorttype h3 a {color:#019CF8;}
.content2 {padding-top:40px;height:auto;overflow:hidden;background-color:#F4F4F4;    padding-bottom: 20px;}
.product-li {transition:all 0.5s;width:21%;padding-top:30px;padding-bottom:30px;padding-left:2%;padding-right:2%;float:left;}
.product-li:hover {background-color:#fff;box-shadow:0px 4px 10px 1px #7373739e;border-radius:5px;z-index:100;left:30px;right:30px;}
.product-li img {border-radius:5px;}
.product-li h4 {text-align:center;max-height:72px;line-height:36px;font-size:18px;    overflow: hidden;}
.product-li h4 a {color:#2C2C2C;}
.product-li p {height:100px;line-height:25px;overflow:hidden;margin-bottom:20px;}
.product-li span {background-color:#019cf6;color:#fff;display:block;width:50%;text-align:center;margin:auto;height:36px;line-height:36px;border-radius:18px;}
.product-li span:hover {box-shadow:0px 0px 10px 1px #019cf6;}
.content3 {padding-top:40px;height:580px;}
.Projects-li {transition:all 0.5s;width:21%;padding-top:30px;padding-bottom:30px;padding-left:2%;padding-right:2%;float:left;}
.Projects-li img {border-radius:5px;}
.Projects-li h5 {overflow:hidden;text-align:left;height:50px;line-height:25px;font-size:16px;margin-top:15px;margin-bottom:0px;}
.Projects-li h5 a {color:#2C2C2C;}
.Projects-li p {height:150px;line-height:25px;overflow:hidden;margin-bottom:20px;margin-top:20px;}
.Projects-li b {display:inline-block;width:70%;height:1px;vertical-align:middle;background-color:#ddd;}
.Projects-li span {float:right;color:#019CF8;}
.content4 {height:566px;background:url(../images/about_bg.jpg) center;color:#fff;}
.about {width:40%;color:#fff;margin-top:70px;margin-left:5%;margin-right:5%;float:left;}
.about h3 {font-size:30px;text-transform:capitalize;margin-bottom:10px;}
.about p {height:270px;overflow:hidden;line-height:30px;margin-bottom:40px;}
.about span {background-color:#053b65;display:block;width:40%;text-align:center;height:60px;line-height:60px;border-radius:30px;color:#FFF;}
.about span:hover {box-shadow:0px 0px 10px 1px #053b65;}
.content5 {height:400px;padding-top:40px;padding-bottom:20px;}
.news {float:left;width:48%;margin-left:1%;margin-right:1%;}
.newstype {font-size:30px;text-align:center;text-transform:capitalize;margin-bottom:30px;}
.newstype h3 a {color:#019CF8;}
.news h6 {font-weight:100;font-size:15px;background-color:#F0F0F0;height:50px;line-height:50px;padding-left:20px;overflow:hidden;}
.news span a {font-weight:100;font-size:15px;color:#019CF8;float:right;height:50px;line-height:50px;margin-right:15px;}
.news p {height:50px;line-height:25px;padding-left:50px;padding-right:50px;padding-top:20px;padding-bottom:20px;border:1px solid #E0E0E0;    overflow: hidden;}
.content6 {padding-top:55px;padding-bottom:30px;height:auto;overflow:hidden;background-color:#F4F4F4;}


.msg {background-color:#fff;height:auto;overflow:hidden;box-shadow:0px 4px 10px 5px #7373733b;border-radius:10px;float:left;width:94%;margin-left:3%;font-size:18px;color:#454545;margin-bottom:25px;padding-bottom: 25px;}
.msg .sorttype{font-size:22px;margin-top: 30px;font-weight:700;}
.msg .sorttype h3{font-size:30px;}
.msgbox {padding-left:5%;}
.msg input {width:90%;border:0;height:54px;line-height:54px;color:#999;font-size:16px;padding-left:25px;border-radius:8px;background-color:#F7F7F7;}
.msgbox span {font-size:20px;color:#454545;font-weight:700;display:block;}
.msgbox_a {width:50%;float:left;margin-top:30px;}
.msgbox textarea {height:200px;line-height:30px;width:90%;padding-left:25px;border:0;color:#999;border-radius:8px;background-color:#F7F7F7;overflow:hidden;resize:none;padding-top:10px;}
.msgbox input::-webkit-input-placeholder {color:#999;font-size:16px;}
.msgbox textarea::-webkit-input-placeholder {color:#999;font-size:16px;line-height:30px;}
.msgbutton {width:100%;margin:auto;float:left;margin-top:20px;}				
.msgbutton .btn {    float: left;padding-left: 0px;background-color:#019cf8;display:block;width:20%;margin-left:40%;text-align:center;height:60px;line-height:60px;border-radius:30px;color:#FFF;font-size:20px;}
.msgbutton .btn:hover {box-shadow:0px 0px 10px 1px #019cf894;}
.content7 {height:82px;line-height:82px;}
.content7 a {font-size:16px;margin-right:25px}
.foot {height:auto;overflow:hidden;background-color:#000;color:#898989;padding-top:40px;padding-bottom: 10px;}
.foot_content {float:left;}
.foot_content h4 {font-size:20px;height:50px;line-height:50px;display:inline-block;color:#fff;}
.foot_content b {display:block;width:10%;height:3px;vertical-align:left;background-color:#019cf6;}
.foot_content ul li {line-height:20px;padding-top:10px;padding-bottom:10px;}
.foot_content ul li i{display:none}
.foot_content ul li a {color:#898989;}
.foot_content ul li a:hover {color:#019cf6;}
.foot_content ul li span {color:#019cf6;}
.f1 {width:45%;}
.f2 {width:35%;}
.f3 {width:20%;}
.foot_content_img {padding-top:0px;cursor: pointer;}
.foot_bottom {height:38px;background-color:#222222;text-align:center;line-height:38px;color:#fff}
.foot_bottom a {color:#bababa;height:24px;padding:5px 10px 5px 10px;border:1px solid #fff;margin-left:10px;}
.foot_mob{display:none;}
/*son page*/.bannerny {height:505px;background:url(../images/banner.jpg) center no-repeat;}
/*index viedo*/@font-face {font-family:"iconfont";src:url('http://at.alicdn.com/t/font_u4qz1594lnixusor.eot?t=1501743913133');/* IE9*/  src:url('http://at.alicdn.com/t/font_u4qz1594lnixusor.eot?t=1501743913133#iefix') format('embedded-opentype'),/* IE6-IE8 */  url('http://at.alicdn.com/t/font_u4qz1594lnixusor.woff?t=1501743913133') format('woff'),/* chrome,firefox */  url('http://at.alicdn.com/t/font_u4qz1594lnixusor.ttf?t=1501743913133') format('truetype'),/* chrome,firefox,opera,Safari,Android,iOS 4.2+*/  url('http://at.alicdn.com/t/font_u4qz1594lnixusor.svg?t=1501743913133#iconfont') format('svg');/* iOS 4.1- */}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-xing:before {content:"\e60f";}
.icon-dianzan:before {content:"\e607";}
.icon-kuaijin:before {content:"\e64d";}
.icon-denglu:before {content:"\e60e";}
.icon-pinglun:before {content:"\e692";}
.icon-zanting2:before {content:"\e873";}
.icon-kuaitui-copy:before {content:"\e601";}
.icon-gerenyetianjiajiaguanzhu:before {content:"\e61b";}
.icon-quanping:before {content:"\e610";}
.icon-zanting:before {content:"\e6fa";}
.icon-yinliang:before {content:"\e642";}
.icon-zhuanfa:before {content:"\e609";}
.icon-xinxing2:before {content:"\e600";}
/*˓Ƶ*/.video {width:45%;height:auto;margin-top:100px;margin-left:3%;float:left;overflow:hidden;}
.video_b {width:100%;height:415px;margin-top:20px;}
.mBoxl_t {width:100%;height:26px;padding-bottom:12px;border-bottom:1px solid #ececec;overflow:hidden;}
.box_title {display:block;width:74px;height:26px;line-height:26px;background:#222;text-align:center;color:#fff;font-size:14px;float:left;}
.box_list {float:right;height:26px;overflow:hidden;}
.box_list_l {float:right;height:26px;line-height:26px;}
.box_list_l a {color:#c5c5c5;font-size:12px;float:left;padding-left:11px;padding-right:11px;}
.box_list_l a.on {color:#000;}
.box_list_r {float:right;overflow:hidden;}
.video_b_in {width:100%;margin:0 auto;overflow:hidden;}
.video_ls {border-radius:0px;background:#000;/* float:left;*/margin:0 auto;overflow:hidden;position:relative;margin-top:3px;}
.video_ls.on {position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;}
.video_rs {width:430px;height:569px;border-radius:6px;background:#1a1a1a;float:left;}
#vids {display:block;width:100%;height:100%;object-fit:fill;}
.title_top {position:absolute;top:-26px;left:36px;width:100%;height:28px;line-height:28px;font-size:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:0.5s;transition-delay:0.3s;opacity:0}
.list_right {width:20px;height:auto;overflow:hidden;top:33px;right:-26px;position:absolute;transition:0.5s;transition-delay:0.3s;opacity:0;}
.video_ls:hover .title_top {opacity:1;top:10px;}
.video_ls:hover .list_right {opacity:1;right:30px;}
.list_right a {display:block;width:20px;height:20px;margin-bottom:23px;overflow:hidden;color:#fff;}
.list_right a:hover {color:red;}
#like.on {color:#ffbc00;}
#zan.on {color:#ffbc00;}
.controls {min-width:90%!important;height:91px;position:absolute;bottom:20px;text-align: center;left: 10px;}
#pass {width:106px;height:106px;overflow:hidden;position:absolute;top:50%;left:50%;margin-top:-53px;margin-left:-53px;cursor:pointer;}
#pass img {display:block;width:106px;height:106px;}
#pBar {width:100%;height:20px;overflow:hidden;position:relative;}
.pBar_bj {width:100%;height:6px;background:#686868;border-radius:3px;margin-top:7px;position:relative;display:none;}
#buff {height:6px;border-radius:3px 0 0 3px;background:#959595;position:absolute;top:0;left:0;}
#pBar_move {height:6px;border-radius:3px 0 0 3px;background:#fff;position:absolute;top:0;left:0;cursor:pointer;}
#pBtn {width:20px;height:20px;border-radius:10px;position:absolute;background:#fff;top:-7px;right:-20px;cursor:pointer;}
.trol_list {width:100%;height:24px;line-height:24px;margin-top:58px;overflow:hidden;}
.list_1 {float:left;height:24px;overflow:hidden;}
.voice {float:left;height:24px;overflow:hidden;margin-left:51px;}
.voice i {cursor:pointer;color:#fff;font-size:20px;margin-right:20px;}
.list_1 i {cursor:pointer;color:#fff;font-size:20px;}
#ztbf {margin-left:30px;margin-right:30px;}
.voicep {width:154px;height:24px;float:left;overflow:hidden;position:relative;}
#vBar {width:154px;height:6px;background:#686868;border-radius:3px;margin-top:9px;position:relative;}
#vBar_in {width:60px;height:6px;background:#fff;position:absolute;top:0;left:0;}
#vBtn {width:20px;height:20px;border-radius:10px;background:#fff;position:absolute;top:2px;left:60px;}
.vtime {float:left;margin-left:20px;height:24px;line-height:24px;font-size:16px;color:#939393}
.vtime font {color:#fff;}
.vtime em {font-style:normal;}
#qp {font-size:20px;color:#fff;float:right;cursor:pointer;}
.video_rs_t {width:100%;height:65px;border-bottom:1px solid #252525;position:relative;line-height:65px;font-size:12px;color:#4d4d4d;text-align:center;}
.video_rs_t span {float:left;font-size:16px;margin-left:25px;color:#fff;}
.btnadd {float:right;font-size:16px;margin-right:27px;color:#fff;}
.video_rs_b {width:100%;height:503px;overflow:auto;overflow-X:hidden;}
.one_tb {width:100%;height:96px;overflow:hidden;border-bottom:1px solid #252525;cursor:pointer;}
.one_tb:hover {background:#212121;}
.one_tb_l {width:52px;height:96px;line-height:96px;text-align:center;float:left;color:#fff;font-size:12px;float:left;overflow:hidden;}
.one_tb_c {width:88px;height:44px;color:#fff;font-size:12px;float:left;overflow:hidden;margin-top:26px;position:relative;}
.one_tb_c img {width:88px;height:44px;float:left;}
.one_tb_c b {display:block;width:14px;height:16px;position:absolute;background:url(../images/xd.png) no-repeat center;top:50%;left:50%;margin-top:-7px;margin-left:-8px;display:none;}
.one_tb.on .one_tb_c b {display:block;}
.one_tb_r {width:236px;height:44px;float:left;overflow:hidden;margin-top:26px;margin-left:22px}
.one_tb_r h3 {font-size:13px;color:#fff;font-weight:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.one_tb_r p {font-size:12px;color:#4c4c4c;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*plus*/.position {color:#595959;height:40px;line-height:40px;}
.position .wrap b {display:inline-block;height:1px;vertical-align:middle;background-color:#E3E3E3;width:calc(100% - 320px);}
.position .wrap span {float:right;width: 310px;overflow:hidden;text-align: right;height:40px}
/*about.*/
.content8 {width:100%;padding-top:40px;padding-bottom:40px;height:auto;min-height:300px;background-color:#FFF;overflow:hidden;}
.content8 h1 {line-height:22px;text-align:center;font-size:22px;margin-bottom:20px;font-weight:200;}
.content8 .bodytxt {line-height:32px;text-indent:2em;font:14px/32px "Microsoft Yahei";}
.content2_product {height:auto;overflow:padding-bottom: 10px;hidden;background-color:#FFF;}
/*news list*/.content_list {height:auto;min-height:300px;background-color:#FFF;overflow:hidden;}
.new_list {float:left;border-bottom:1px dashed #a5a5a5;margin-top:10px;margin-bottom:20px;}
.new_list p {line-height:20px;font:14px/32px "Microsoft Yahei";color:#878787;}
.new_list span a {margin-bottom:15px;font-weight:100;color:#009BF7;height:36px;float:left;padding-left:10px;padding-right:10px;line-height:36px;border:1px solid #009BF7;}
.new_list span a:hover {color:#fff;background:#009BF7}
.content_page {padding-top:40px;padding-bottom:40px;text-align:center;}
.content_page ul {overflow:hidden;display:inline-block;}
.content_page ul li {line-height:30px;color:#fff;border:1px solid #C9CDCE;background-color:#009BF7;float:left;margin-left:10px;min-width:30px;}
.content_page ul li a {color:#C9CDCE;background-color:#fff;line-height:30px;padding-left:10px;padding-right:10px;display:block;}
/*prodcut list*/.product_list {height:auto;overflow:hidden;}
.content_left {float:left;width:21%;height:auto;overflow:hidden;margin-right:3%;}
.content_right {float:left;width:76%;height:auto;overflow:hidden;}
.type {margin-bottom:50px;}
.type h3 {height:65px;background:url(../images/type_bg.png) no-repeat center;font-size:22px;line-height:45px;text-align:center;color:#fff;margin-bottom:20px;}
.type ul li {line-height:48px;height:48px;border-top:1px solid #DEDCDD;font-size:16px;overflow: hidden;}
.type ul li:last-child {border-bottom:1px solid #DEDCDD}
.middle {text-indent:5%;}
.middle li img {vertical-align:middle;margin-right:5px;}
.productimg_w {float:left;    width: 31%;height:auto;margin-right: 3.5%;}
.productimg_w:nth-child(3),.productimg_w:nth-child(6),.productimg_w:nth-child(9) ,.productimg_w:nth-child(12) {margin-right:0;}
.productimg_w img {border-radius:5px;    width: 100%;height:100%}
.productimg_w h4 {height:50px;line-height:50px;overflow:hidden;text-align:center;}
.productimg_w h4 a {color:#019CF8;font-size:16px;}
.productimg_h {float:left;width:32%;height:auto;margin-right:2%;overflow: hidden;}
.productimg_h:nth-child(3),.productimg_h:nth-child(6),.productimg_h:nth-child(9) {margin-right:0;}
.productimg_h h4 {height:50px;line-height:50px;overflow:hidden;text-align:center;}
.productimg_h h4 a {font-size:16px;}
.content5_news {height:auto;overflow:hidden;padding-bottom:50px;}
.content6_msg {padding-bottom:30px;padding-top:10px;height:auto;overflow:hidden;}

/*prodcut details*/.product_detail_img {float:left;width:675px;height:417px;margin-top:20px;overflow:hidden;}
.content9 {width:100%;padding-bottom:40px;height:auto;min-height:300px;background-color:#FFF;overflow:hidden;}
.content9 h1 {line-height:22px;text-align:center;font-size:22px;margin-bottom:20px;font-weight:200;}
.content9 .bodytxt {line-height:32px;text-indent:2em;font:14px/32px "Microsoft Yahei";}
.product_detail_info {float:right;width:540px;height:auto;overflow:hidden;font-size:16px;margin-top:20px;}
.product_detail_info h1 {margin-bottom:20px;line-height:46px;font-size:20px;}
.product_detail_info span {color:#009BF7;font-size:18px;line-height:36px;}
.product_detail_info a {padding:10px;background-color:#009BF7;color:#fff;font-size:18px;display:inline-block;margin-right:15px;border-radius:8px;margin-top:30px;}
.product_detail_intro {background-color:#d3d3d3;height:50px;line-height:50px;text-align:center;font-size:28px;color:#404040;float:left;width:100%;margin-top:20px;margin-bottom:10px;}
.product_page_left {float:left;width:48%;margin-bottom:20px;}
.product_page_right {float:right;width:50%;}
.news_page {float:left;width:98%;margin-left:1%;margin-right:1%;border:1px solid #E0E0E0;    margin-bottom: 20px;}
.news_page h6 {font-weight:100;font-size:15px;background-color:#F0F0F0;height:50px;line-height:50px;padding-left:20px;overflow:hidden;}
.news_page span a {font-weight:100;font-size:15px;color:#019CF8;float:right;height:50px;line-height:50px;margin-right:15px;}
.news_page p {height:50px;line-height:25px;padding-left:35px;padding-right:35px;margin-top:20px;margin-bottom:20px;    overflow: hidden;}
.productimg_detail {float:left;width:296px;height:346px;}
.productimg_detail img {border-radius:5px;width:296px;height:296px;}
.productimg_detail h4 {height:50px;line-height:50px;overflow:hidden;text-align:center;}
.productimg_detail h4 a {font-size:16px;}
.Projects_detail {transition:all 0.5s;width:48%;padding-left:1%;padding-right:1%;float:left;}
.Projects_detail img {border-radius:5px;}
.Projects_detail h5 {overflow:hidden;text-align:left;height:25px;line-height:25px;font-size:16px;margin-top:15px;margin-bottom:0px;}
.Projects_detail h5 a {color:#2C2C2C;}
.Projects_detail p {height:53px;line-height:25px;overflow:hidden;margin-bottom:5px;margin-top:5px;}
.Projects_detail b {display:inline-block;width:calc(100% - 90px);;height:1px;vertical-align:middle;background-color:#ddd;}
.Projects_detail span {float:right;color:#019CF8; width: 90px;text-align: right;}

.page_np {width:1160px;margin:0 auto;}
.page_np ul li {background-color:#F1F1F1;display:block;float:left;width:570px;height:44px;line-height:44px;text-align:center;font-size:20px;margin-left:5px;margin-right:5px;margin-top:30px;    overflow: hidden;}

.content_right h1 {line-height:22px;text-align:center;font-size:22px;margin-bottom:20px;;margin-top:10px;font-weight:200;}
.content_right .bodytxt {line-height:32px;text-indent:2em;font:14px/32px "Microsoft Yahei";}
/*Projects-list*/.content_projects {padding-top:20px;height:auto;background-color:#FFF;overflow:hidden;}
.Projects_list {float:left;text-align:center;    width: 100%;}
.Projects_list ul {padding-left:1%;}
.Projects_list ul li {transition:all 0.5s;width:24%;padding-bottom:30px;margin-right:1%;float:left;}
.Projects_list ul li:nth-child(4),.Projects_list ul li:nth-child(8),.Projects_list ul li:nth-child(12) {margin-right:0;}
.Projects_list ul li img {border-radius:5px;width:100%}
.Projects_list ul li h3 {overflow:hidden;text-align:left;height:60px;overflow:hidden;line-height:30px;font-size:16px;margin-top: 10px;margin-bottom:10px; text-align: center;}
.Projects_list ul li h3 a {color:#2C2C2C;}
.Projects_list ul li b {display:inline-block;width:calc(100% - 90px);height:1px;vertical-align:middle;background-color:#ddd;}
.Projects_list ul li h3 a b{background-color:unset;}
.Projects_list ul li span {float:right;color:#019CF8;width: 90px;    text-align: right;}
.bodytxt .div100{width:100%;overflow: hidden; clear: both;}
.bodytxt .div100 .video{width:60%;margin-left: 20%;    margin-top: 30px;margin-bottom: 30px;}
.bodytxt  .controls{    bottom: 30px;}
/*mobile css*/
/*index*/
@media (max-width:1255px) {

.wrap {width:1100px;}
}
@media (max-width:1120px) {
.wrap {width:1000px;}
}
@media (max-width:1025px) {
.wrap {width:900px;}
}
@media (max-width:910px) {
.wrap {width:768px;}
}
@media (max-width:767px) {
.head {height:auto;padding-top:0px;overflow:hidden;}
.wrap {width:100%}
.logo {width:40%;height:46px;background:#2B2B2B;}
.logopc {display:none;}
.contact {width:57%;padding-right:3%;height:46px;line-height:46px;background:#2B2B2B;color:#fff;}
.contact span {display:none;}
.mailpc {display:none;}
.menu {width:100%;height:auto;}
.hover {background:#DDDDDD;display:block;}
.nav {margin-top:2px;justify-content:space-between;}
.nav li {width: calc(25% - 1px);margin-right: 1px;padding-left:0;padding-right:0;height:54px;line-height:54px;background:#019CF8;margin-bottom:1px;}
.nav li:nth-child(4),.nav li:nth-child(8) {margin-right:0;padding-right: 1px;}
.nav li a {height:54px;line-height:54px;color:#fff}
.nav .hover a {color:#019CF8;background:#dddddd;}
.content1 {padding-top:30px;height:auto;overflow:hidden}
.hotpro-li {margin-top:20px;width:48%;margin-left:1%;margin-right:1%;margin-bottom:20px;}
.hotpro-li:nth-child(3n-1) {margin-left:1%;margin-right:1%;}
.hotpro-li:nth-child(3) {display:none;}
.content2 {padding-top:30px;height:auto;overflow: hidden;}
.product-li {width:42%;padding-left:4%;padding-right:4%;margin-bottom:30px;}
/*.product-li:nth-child(3),.product-li:nth-child(4) {display:none;}*/
.content3 {padding-top:30px;height:auto;    overflow: hidden;padding-bottom: 30px;}
.Projects-li {padding-top:20px;width:100%;padding-left:0px;padding-right:0px;padding-bottom:10px;}
.Projects-li img {width:30%;vertical-align:top;float:left;padding-left:3%;padding-right:3%;max-height:120px;}
.Projects-li h5 {margin-top:0px;height: 16px;line-height: 16px;}
.Projects-li small {display:none;}
.Projects-li p {height:60px;line-height:20px;margin-bottom:5px;margin-top:5px;margin-right:3%;}
.Projects-li b {width:45%;}
.Projects-li span {margin-right:3%;}
.content4 {padding-top:0px;height:auto;background:url(../images/about_bg.jpg) no-repeat -17px -430px;overflow:hidden;}
.about {margin-top:20px;width:90%;}
.about h3 {text-align:center;}
.about p {height:150px;overflow:hidden;line-height:25px;margin-bottom:0px;font-size:16px;}
.about span {display:none;}
.video {background:#F5F5F5;width:86%;padding-left:7%;padding-right:7%;margin-left:0%;background:#F5F5F5;margin-top:30px;padding-top:40px;padding-bottom:40px;margin-bottom:20px;height:auto;    display: none;}
.video_b {height:auto;}
.content5 {padding-top:20px;height:auto;overflow:hidden;}
.newstype {margin-bottom:20px;}
.news {width:94%;margin-left:3%;margin-right:3%;}
.news p {height:auto;padding-left:25px;padding-right:25px;padding-bottom:20px;margin-bottom:20px;}
.news:nth-child(3),.news:nth-child(4) {display:none;}
.content6 {height:auto;overflow:hidden;background-color:#F5F5F5;padding-top:30px;padding-bottom: 10px}
.msgbox {padding-left:0px;}
.msgbox_a {width:100%;margin-top:0px;}
.msg {background-color:unset;height:auto;box-shadow:unset;border-radius:10px;float:left;width:94%;margin-left:3%;}
.msg input {background-color:#E8E8E8;padding-left:0px;float:right;width:73%;    padding-left: 2%;}
.msgbox span {width:22%;height:54px;line-height:54px;display:inline-block;margin-bottom:15px;margin-right:3%;text-align:right;}
.msgbox textarea {background-color:#E8E8E8;width:73%;padding-left:0px;float:right;font-family:Arial,Helvetica,sans-serif; padding-left: 2%;}
.msgbutton a {height:40px;width:30%;line-height:40px;}
.msgbutton .btn {   width:40%;margin-left:30%;}
.content6 .sorttype {display:unset;}
.content6 .msg  .sorttype  {display:block;}
.content7 {display:none;}
.f1,.f2,.foot_content b{display:none}
.f3{width:100%}
.foot{background:#fff;padding-top:20px;padding-bottom: 20px;}
.foot_content{color:#2f2f2f}
.foot_content h4{color:#313131;margin-left: 10%;}
.foot_content ul li{    margin-left: 10%;width: 90%; float: left;line-height: 22px;}
.foot_content ul li i{    margin-right: 3%;color:#7c7c7c;font-size:22px;vertical-align: middle;display:unset;}
.foot_content ul li i.icon-fax{font-size: 19px;    padding-right: 3px;}
.foot_content ul li i.icon-1302dizhi{padding-right: 1%;}
.foot_content ul li span{display:none;}
.foot_content ul li:nth-child(5){margin-left: 10%;margin-right: 10%;width:80%}
.foot_bottom{display:none;}
.foot_mob {display: block;width: 100%;    position: fixed;    bottom: 0px;z-index: 900;    padding: 20px 0px;background:#019cf8; height: 46px;color: #fff;font-weight: 700;font-size: 16px;}
.foot_mob a {color: #fff;}
.foot_mob ul li{text-align:center;    width: 25%;    float: left;}
.foot_mob ul li i{font-size:26px;}
.foot_mob ul li p{text-align: center;}
/*son page mob*/
.bannerny{height: 180px; background-size: 160%;}
.position .wrap b{        width: calc(100% - 320px);}
.position .wrap span{    text-align: right;}

.content8{    padding-top: 20px;padding-bottom: 20px;}
.content8 .bodytxt{padding:0px 10px;}

.content9{    padding-top: 20px;padding-bottom: 20px;}
.content9.bodytxt{padding:0px 10px;}
.content_right .bodytxt{padding:0px 10px;}
.page_np{    width: 100%;}
.page_np a{    width: 94%;margin-left: 3%;margin-right: 3%;margin-top: 10px;font-size: 16px;}
.product_page_left{    width: 100%;}
.product_page_right{    float:unset;width: 100%;}
.productimg_detail{width:100%;height:auto;}
.productimg_detail img{width: 94%;margin: 0px 3%;height:auto;}
.Projects_detail{width: 94%;padding: 0px 3%;height:auto;float: unset;}
.Projects_detail img{width: 100%;}
.Projects_detail p{height:auto;}
.content5_news{padding-bottom: 0px; }

.product_detail_img{width:100%; height: auto; }
.product_detail_info{width:94%;margin:0px 3%;height:auto;    overflow: hidden;}
.product_detail_info h1{height:auto;text-align:center;margin: 20px auto;    line-height: 36px;}
.product_detail_info a{    margin-top: 20px;height: }


.content_list{    margin: 0px 3%;}
.content_left{     margin-right: 0px;float: unset; margin: 0 auto;width: 100%;}
.content_left .type:nth-child(2){display:none}
.type h3{margin: 0 auto;}
.type ul {margin:0 10%;text-align:center;}
.content_right{width:100%;}
.productimg_w{width:94%;height: auto;    margin: 0 3%;}
.productimg_w img{width:100%;height: auto;}
.productimg_h{width:94%;height: auto;    margin: 0 3%;}
.productimg_h img{width:100%;height: auto;}
.Projects_list ul{padding-left:1%;}
.Projects_list ul li{margin-right: 0px;width: 94%;margin: 0 3%;}
.Projects_list ul li img{width:100%}


.bodytxt .div100 .video{width:96%;margin-left: 0%;    padding-left: 2%;padding-right: 2%;margin-right: 0%;    margin-top: 0px;margin-bottom: 0px;background: unset;}
.bodytxt  .controls{    bottom: 30px;}
.page_np {width:100%;}
.page_np ul li {background-color:#F1F1F1;display:block;float:left;width:98%;height:44px;line-height:44px;text-align:center;font-size:16px;margin-left:1%;margin-right:1%;margin-top:30px;}

}
@media (max-width:550px) {
		.bannerny{height: 180px; background-size: 160%;}
}
@media (max-width:450px) {
	    .Projects-li p{height: 40px;overflow: hidden;}
		.Projects-li b{width:40%}
		.list_1{float: unset;}
		.bannerny{height: 150px; background-size: 160%;}
}
@media (max-width:360px) {
	.msgbox span{font-size: 16px;}
	.bannerny{height: 130px; background-size: 160%;}
}

@media (max-width:340px) {
		.Projects-li b{width:70%}
}


@media (min-width:768px) {.logomob {display:none;}
.mailmob {display:none;}
.foot_content ul li:nth-child(3){display:none;}
}


/*font*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1546928690211'); /* IE9 */
  src: url('iconfont.eot?t=1546928690211#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1546928690211') format('woff'),
  url('iconfont.ttf?t=1546928690211') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1546928690211#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-fax:before {
  content: "\eaa8";
}

.icon-youxiang:before {
  content: "\e608";
}

.icon-phone:before {
  content: "\e66f";
}

.icon-tel04:before {
  content: "\e6f0";
}

.icon-1302dizhi:before {
  content: "\e637";
}

.icon-liuyan:before {
  content: "\e65e";
}

.icon-whatsapp:before {
  content: "\e86a";
}

.icon-phone1:before {
  content: "\e61a";
}

.icon-address:before {
  content: "\e634";
}