@charset "utf-8";
/* CSS Document */
html{overflow-y:scroll;}
html,body{height:100%;}
html,body,div,span,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ font-family: "Microsoft YaHei"; margin:0; padding:0; border:0; }
body{max-width:1920px; margin:0 auto; background:#fff; font-family:"Microsoft YaHei", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:12px; line-height:24px; color:#333;}
input,textarea,button{ resize:none; font-family:"Microsoft YaHei"; background: #fff; border: 0;  }
input::-webkit-input-placeholder{color: #907c84; text-indent:10px;}
textarea::-webkit-input-placeholder{text-indent:10px;}
-moz-placeholder{color: #907c84; text-indent:10px;}
img{ border:none; vertical-align:middle; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; outline:none; }
a:hover{text-decoration:none;}
input:focus,textarea:focus{ outline:none; }
/*span h1 h2 h3 h4 h5{ font-family:"Microsoft YaHei";}*/
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1;}
.fr{float:right;}
.fl{float:left;}
.w12{width:1200px;  overflow:hidden; margin:auto}
.oh{overflow:hidden;}

/*index*/
.logo{padding:15px 0 20px 0;}
.logo img{max-width:180px;height:auto;}
.company-name{margin-left:40px;}
.company-name p:nth-child(1){font-size:22px; color:#000;}
.company-name p:nth-child(2){color:#ccc;}
.head_btn{display:none;}
.header-net{color:#999;line-height:30px;}
.header-search{margin-top:5px;  position:relative;}
.header-search input{width:215px; border:1px solid #3c96ff; border-radius:16px; text-indent:10px;}
.header-search img{ position:absolute; right:14px; top:6px;}
.index-box1-title{text-align:center;}
.language{margin:6px 0 0 30px;}
.language>a{display:inline-block;text-align:center;font-size:12px;color:#cacaca;}
.language>a span{display:block;}
.language>a:hover,.language>a.active{color:#3399ff;}
.header-bottom{background:#3a91f7;}
.index-nav{width:960px;margin:0 auto;}
.index-nav li.active>a,.index-nav li:hover>a{background:#0078ff;}
.index-nav li{float:left;position: relative;}
.index-nav li>a{display:inline-block;width:160px;height:42px;text-align:center;line-height:42px;font-size:16px; color:#fff;transition:400ms; -webkit-transition:400ms; -o-transition:400ms;}
.aftercb::after{
	content: "";
	display: block;
	clear: both;
}
.nav-two{
	display: none;
	position: absolute;
	top:42px;
	left:0;
	width:250px;
	background: rgba(255,255,255,.8);
	z-index: 999;
}
.nav-two::before{
	content: '';
	display: block;
	width:0;
	height:3px;
	background: #fff;
	transition: .4s;
}
.nav-two a{
	display: block;
	line-height: 36px;
	text-indent: 20px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#3a91f7;
}
.nav-two a:hover{
	color:#0078ff;
}
.index-nav li:hover .nav-two{
	display: block;
}
.index-nav li:hover .nav-two::before{
	width:100%;
}
/*index-box1*/
.box1-title1{color:#0173f4; font-size:30px;background:url(../images/hr_bg.png)no-repeat center;}
.index-box1{background:#f1f1f1;} 
.index-box1-title{margin-top:46px;}
.box1-title2{margin:20px 0 16px 0; color:#9d9d9d;}
.box1-title3{color:#000; font-size:14px;height:45px;}
.index-box1-nav{height:280px !important;}
.index-box1-nav li{width:100%; height:280px; border:3px solid #e5e5e5; float:left; margin-bottom:15px; background:#e5e5e5;box-sizing: border-box;}
.index-box1-nav li{transition:500ms; -webkit-transition:500ms; -o-transition:500ms;}
.index-box1-nav li dt{width:100%; height:230px; text-align:center; overflow:hidden;}
.index-box1-nav li dt img{width:100%;max-height:100%;}
.index-box1-nav li dd{width:100%;height:50px;  text-align:center; font-size:16px; color:#000; line-height:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:500ms; -webkit-transition:500ms; -o-transition:500ms;}
.index-box1-nav li:hover{border:3px solid #3c96ff; box-shadow:0 0 8px 2px #c1c1c1; background:#3c96ff; }
.index-box1-nav li:hover dd{color:#fff;}
.box1-more{display:block; width:120px; height:32px; background:#5fa4fd; color:#fff; text-align:center; font-size:14px; line-height:32px; margin:30px auto;}
/*index-box2*/
.index-box2-nav{padding-bottom:60px;}
.index-box2-nav li{width:49.16%; background:#f1f1f1; float:left; margin:13px 10px 0 0; overflow:hidden; height:160px; transition:500ms; -o-transition:500ms; -webkit-transition:500ms;}
.index-box2-nav li dt{width:180px;height:140px; overflow:hidden; margin:10px 0 10px 10px;border:1px dashed #e0e0e0;}
.index-box2-nav li dt img{max-width:100%;max-height:100%;margin:0 auto;display:block;}
.index-box2-nav li dd{width:calc(100% - 223px);:calc(100% - 223px); margin-left:20px;}
.box2-nav-title{font-size:14px; color:#000; margin:30px 0 20px 0;  transition:500ms; -o-transition:500ms; -webkit-transition:500ms;}
.box2-nav-text{max-height:96px; overflow:hidden; font-size:12px; color:#666;}
.index-box2-nav li:hover{box-shadow:0 0 8px 2px #c1c1c1; }
.index-box2-nav li:hover .box2-nav-title{color:#3c96ff;}
/*index-box3*/
.index-box3{background:url(../images/bg1.jpg)no-repeat 0px 0px / cover;}
.index-box3-left{width:50%; max-height:310px; box-sizing:border-box;overflow:hidden; margin:83px 0px 60px 0;padding-right:20px;}
.index-box3-left img{width:100%;}
.index-box3-right{width:50%; color:#fff; margin-top:115px;}
.index-box3-title{font-size:26px; color:#fffefe;}
.index-box3-right span{display:block; width:57px; height:1px; background:#fff; margin:20px 0;}
.index-box3-text{font-size:14px; max-height:72px; overflow:hidden;}
.index3-more{display:block; width:120px; height:32px; color:#3c9bff; background:#fff; text-align:center; line-height:32px; margin-top:90px;}
/*index-box4*/
.index-box4{padding-bottom:55px;}
.index-box4-nav{margin:28px -36px 0 0; padding-bottom:40px;}
.index-box4-nav li{float:left; width:380px; margin:0px 32px 20px 0px;}
.index-box4-nav li dt{max-width:380px; max-height:258px;}
.index-box4-nav li dt img{width:100%;}
.index-box4-nav li dd{width:100%}
.index-box4-title{margin:22px 0 26px 0; font-size:18px;}
.index-box4-text{font-size:14px; color:#666;}
.index4-more{display:block; width:120px; height:32px; background:#3c9bff; color:#fff;text-align:center; line-height:32px; margin:0 auto; }
/*index-footer*/
.index-footer{background:#043770; border-bottom:1px solid #004592; padding-bottom:20px;}
.footer-nav{margin-top:35px;}
.footer-nav li{float:left;}
.footer-nav li a{color:#fff; font-size:16px; margin-right:85px;}
.index-footer-left p{color:#fff; margin-top:20px; font-size:14px;}
.index-footer-left p span{margin-right:6px;}
.footer-icon1{margin-left:32px;}
.index-footer-right{margin-top:33px;}
.index-footer-right p{color:#fff; text-align:center; font-size:14px; }
.index-footer-bottom{text-align:center; color:#fff; font-size:16px; padding:20px 0 18px 0; border-top:1px solid #012144; background:#043770;}
.index-footer-bottom a{color:#fff;}

/*产品详情*/
.sidebar-box1{border:1px solid #ccc; border-top:none;  width:275px;}
.sidebar-box1-title1{color:#fff; background:#3a91f7;border:1px solid #3A91F7; padding:20px 0; font-size:18px; text-indent:28px;}
.sidebar-box1-title1 span{font-size:12px; margin-left:24px; text-transform:uppercase;}
.sidebar-box1 .sidebar-box1-p{font-size:14px; color:#585858;  text-indent:28px; border-bottom:1px solid #ccc;}
.sidebar-box1 .sidebar-box1-p a{display:block; padding:20px 0; transition:400ms; -ms-transition:400ms; -webkit-transiton:400ms; -moz-transition:400ms;}
.sidebar-box1 .sidebar-box1-p span{margin-right:30px; color:#3c96ff;}
.sidebar-box1 .sidebar-box1-p:hover a,.sidebar-box1 p.active a{color:#3c96ff; }
.sidebar-box1-title2{font-size:14px; color:#585858; text-indent:28px; margin:22px 0 20px 0;}
.sidebar-box1-nav1{width:70.65%; margin:0 auto; padding-bottom:30px;}
.sidebar-box1-nav1 li{margin-bottom:4px;}
.sidebar-box1-nav1 li a{ transition:400ms;  -ms-transition:400ms; -webkit-transiton:400ms; -moz-transition:400ms;}
.sidebar-box1-nav1 span{float:right; font-size:14px; color:#3c96ff; }
.sidebar-box1-nav1 li a:hover{color:#3c96ff;}
.active2>a{color:#3c96ff;}
.sidebar-box2{border:1px solid #ccc;  width:275px; margin:25px 0px 30px;}
.sidebar-box2-title{font-size:18px; color:#469bff;margin-top:16px; text-indent:28px;}
.sidebar-contact{font-size:14px; color:#a7a7a7; text-indent:28px; margin-top:15px;}
.sidebar-contact2{width:218px; margin:15px auto; color:#a7a7a7;}

.inner-product-right,.inner-product1-right,.inner-about-right{width:74.83%; margin-top:58px; padding-bottom:40px;}
.bread{border-bottom:1px solid #ccc; padding-bottom:4px;}
.bread p{text-align:right; color:#666; font-size:14px;}
.bread p{ color:#666; }
.bread p img{margin-right:10px;}
.product-right-title{font-size:18px; font-size:18px; margin-top:23px;}
.product-right-title span{color:#3c96ff;}
.product-right-img{text-align:center; overflow:hidden; margin-top:42px;}
.product-right-img .text_left{max-width:378px; max-height:312px; border: 1px solid #e0e0e0;text-align:center; overflow:hidden;float:left;}
.product-right-img .text_left img{max-width:100%;max-height:100%;}
.product-right-img .text_right{float:left;margin-left:20px;line-height:30px;text-align: left;}
.product-right-img .text_right .product-right-title{color:#3c96ff}
.product-right-article{padding-bottom:30px;}
.product-right-article .product-right-title{display:block; color:#3c96ff; font-size:16px;}
.product-right-article p{font-size:14px; color:#000; line-height:28px;}
.product-page{padding-top:20px; font-size:14px;border-top:1px solid #a6a6a6;}
.product-page a:hover{color:#3C96FF;}
.inner-product1-box1{margin-top:35px; width:100%;}
.product1-title-fl {font-size:18px; color:#000; vertical-align:middle; border-bottom:2px solid #3399ff; padding-bottom:6px;}
.product1-title-fl img{margin-right:6px;}
.product1-title-fr{width:84%; border-bottom:2px solid #ccc; text-align:right; padding-bottom:6px;}
.product1-title-fr a:hover{color:#3399ff;}
.product-box2{width:440px;height:150px; border:1px solid #ccc; margin:18px 6px 0 0;}
.product-box2-img{margin:6px 0 6px 6px; border:1px dashed #ededed; max-width:132px; max-height:132px; overflow:hidden;}
.product-box2-img img{width:100%;}
.product-box2-title{font-size:14px; color:#666; margin:15px 0 0 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product-box2-text{width:65%; margin:10px 0 0 14px; max-height:72px; overflow:hidden;}
.product-box2-title a{transition:400ms; -ms-transition:400ms; -webkit-transiton:400ms; -moz-transition:400ms;}
.product-box2-title a:hover{color:#3399ff;}
.product1-title-fr2{margin-top:24px;}
.product1-nav li{display:inline-block; width:285px; margin-top:22px;}
.product1-nav li:nth-child(3n-1){margin:16px;}
.product1-nav li dt{border: 1px solid #ccc;width:283px;height:232px; overflow:hidden;}
.product1-nav li:hover dt{border: 1px solid #4da6ff;}
.product1-nav li dt img{max-width:100%;max-height: 100%;margin:0 auto; display: block;}
.product1-nav li dd{background:#f4f4f4; padding-bottom:6px;height:122px;}
.product1-nav li:hover dd{background:#489cff;}
.product1-nav li dd p:nth-child(1){font-size:14px; text-align:center; padding:10px 0;}
.product1-nav li dd p:nth-child(1) a{color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product1-nav li dd p:nth-child(2){width:90%; margin:0 auto; color:#000;height:72px; overflow:hidden;}
.product1-nav li:hover dd p a,.product1-nav li:hover dd p{color:#fff;}
.inner-product1-box1 .about-bottom-list{padding:80px 0px 50px;}



/*联系方式 */
.question-article p{line-height:30px; color:#000; font-size:14px;}
.question-article .question-article-title{font-size:16px; color:#3c96ff; margin-top:48px;}
.question-map{margin:35px 0;}
.contact-box1{border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.question-contact-fr{width:calc(100% - 201px);}
.contact-box1{margin-bottom:18px;}
.contact-box1-title{font-size:18px; color:#469bff; margin:22px 0 0 40px;}
.contact-box1-nav{width:90%;}
.contact-box1-nav li{padding:10px 0; border-bottom:1px dashed #e4e4e4; color:#a7a7a7;}
.contact-box1-nav li:last-child{border-bottom:0;}
.about-right-article p{font-size:14px; color:#000; line-height:24px; margin-top:50px;}
.about-right-article img{margin:50px auto; display:block; width:70%;}
/*在线留言*/
.online_message{padding-bottom:90px;}
.online_message>p{font-size:14px;color:#000;padding:45px 0px;}
.online_message>form{width:100%;background:#ebebeb;padding:40px 0px 10px;border:1px solid #d2d2d2;box-sizing: border-box;}
.online_message>form div{padding:0px 0px 30px 45px;font-size:14px;color:#010101;}
.online_message>form div>p{display:inline-block;}
.online_message>form div input[type="text"]{border:1px solid #d2d2d2;width:174px;height:18px;margin:0px 60px 0px 15px;}
.online_message>form div textarea{width:560px;height:130px;border:1px solid #d2d2d2;margin-left:15px;}
.online_message>form div input[type="submit"]{width:70px;height:30px;line-height:30px;color:#fff;background:#3c96ff;font-size:18px;margin-left:60px;} 
.online_message_book{padding-bottom:90px;}
.online_message_book>p{font-size:14px;color:#000;padding:45px 0px;}
.online_message_book>form{width:100%;background:#ebebeb;padding:40px 0px 10px;border:1px solid #d2d2d2;box-sizing: border-box;}
.online_message_book>form div{padding:0px 0px 30px 45px;font-size:14px;color:#010101;}
.online_message_book>form div>p{display:inline-block;width:350px;}
.online_message_book>form div input[type="text"]{border:1px solid #d2d2d2;width:174px;height:18px;margin:0px 10px 0px 15px;}
.online_message_book>form div span{color:#f00;margin-right:45px;}
.online_message_book>form div textarea{width:560px;height:130px;border:1px solid #d2d2d2;margin-left:15px;}
.online_message_book>form div input[type="submit"]{width:70px;height:30px;line-height:30px;color:#fff;background:#3c96ff;font-size:18px;margin-left:60px;} 


/*视频播放*/
.about-right-nav{padding:47px 0px 67px;}
.about-right-nav li{float:left;width:272px;margin-right:40px;}
.about-right-nav li:nth-child(3n){margin-right:0px;}
.about-right-nav li dl dt{width:100%;height:175px;overflow:hidden;}
.about-right-nav li dl dt a{display:block;}
.about-right-nav li dl dt a img{width:100%;line-height:170px;}
.about-right-nav li dl dd a{display:block;height:50px;line-height:50px;font-size:14px;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-right-nav li dl dd a:hover{color:#469bff;}
.about-bottom-list{width:100%;text-align:center;}
.about-bottom-list a{display:inline-block;width:26px;height:26px;line-height:26px;border:1px solid #e8e8e8;background:#f8f8f8;font-size:14px;color:#333;margin:2px;}
.about-bottom-list a:hover,.about-bottom-list a.active{color:#fff;background:#3c96ff;border-color:#bad2ee;}
.video_detail{width:100%;padding:50px 0px 30px;text-align:center;}
.video_detail img{max-width:830px;height:526px;}
.video_detail a{display:block;font-size:18px;color:#333;height:70px;line-height:70px;}
/*知识中心*/
.knowledge_center{width:100%;padding:60px 0px 90px;}
.knowledge_center ul li{border-bottom:1px dashed #858585;line-height:27px;padding:20px 0px 0px 46px;background:url(../images/icon_jian.png)no-repeat 0px 30px;}
.knowledge_center ul li a,.knowledge_center ul li span{font-size:14px;color:#000;}
.knowledge_center ul li span{float:right;margin-top:-25px;}
.knowledge_center ul li a{display:block;width:100%;padding-right:80px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.knowledge_center ul li a:hover{color:#3A91F7;}
.download ul li{background:url(../images/icon_xia.png)no-repeat 0px 23px;padding-left:32px;}
/*新闻中心*/
.news_list{padding:30px 0px 50px;}
.news_list ul li{float:left;width:285px;margin:0px 20px 20px 0px;}
.news_list ul li:nth-child(3n){margin-right:0px;}
.news_list ul li dt{width:100%;height:195px;overflow:hidden;position:relative;}
.news_list ul li dt img{width:100%;line-height:190px;}
.news_list ul li dt p{position:absolute;bottom:0px;right:0px;font-size:14px;color:#fff;}
.news_list ul li dt p span,.news_list ul li dt p label{display:inline-block;height:28px;line-height:28px;text-align:center;float:right;}
.news_list ul li dt p span{width:90px;background:rgba(0,0,0,0.5);}
.news_list ul li dt p label{width:28px;background:#469bff;}
.news_list ul li dd a{display:block;height:60px;line-height:60px;font-size:14px;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list ul li dd a:hover{color:#469bff;}
.news_list ul li dd p{line-height:22px;height:66px;font-size:12px;color:#666;overflow:hidden;}
/*新闻详情*/
.news_de_title{border-bottom:1px dashed #b1b1b1;text-align:center;}
.news_de_title h3{font-size:18px;color:#333;line-height:80px;font-weight: normal;}
.news_de_title p{font-size:14px;color:#8a8a8a;margin-bottom:30px;}
.news_detail{text-align:center;overflow:hidden;}
.news_detail>p{font-size:14px;color:#666;line-height:30px;text-align:left;text-indent: 2em;margin:15px 0px;}
.news_detail>img{max-width:536px;height:360px;overflow:hidden;margin:15px 0px;}
.news_list_title{border-top:1px dashed #b1b1b1;padding:35px 0px 30px;}
.news_list_title p{width:450px;height:40px;background:#006ce5;margin:0 auto;}
.news_list_title p span{display:block;width:150px;line-height:40px;background:#3c96ff;color:#fff;font-size:14px;text-align:center;margin:0 auto;}
/*职位招聘*/
.job_open .job_img{width:100%;padding:35px 0px 16px;overflow:hidden;}
.job_open .job_img img{width:100%;line-height:166px;}
.job_text,.job_menu>h3{width:100%;height:48px;line-height:48px;background:#4a72ab;margin-bottom:25px;}
.job_text span,.job_menu > h3 span{display:inline-block;width:25%;font-size:18px;color:#fff;text-align:center;font-weight:normal;}
.job_menu > h3 span em,.job_menu > h3 span i{font-size:30px;font-style: normal;display:block;}
.job_menu > h3.on span em{display:none;}
.job_menu > h3.on span i{display:block;}
.job_menu > h3 span i{display:none;}
.job_menu > h3{cursor: pointer;}
.job_menu ul li h5{font-size:18px;color:#000;line-height:70px;font-weight:normal;}
.job_menu ul li p{font-size:14px;color:#000;line-height:24px;}
.job_menu ul li a{display:block;float:right;width:150px;height:40px;background:#3A91F7;color:#fff;font-size:16px;text-align:center;line-height:40px;margin:20px;}

.wm-navt{
	transition: .4s;
	overflow: hidden;
}
.wm-navt a{
	display: block;
	text-indent: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



.wm-title{
	justify-content: center;
	height:280px !important;
}
.wm-title li{
	box-sizing: border-box;
	width:100%;
	border:1px solid #eee;
	float:left;
}
.wm-title li dt{
	width:100%;
	height:228px;
	background:#fbfbfb;
}
.wm-title li img{
	max-width:100%;
	max-height:100%;
	display:block;
	margin:0 auto;
}
.wm-title li h6{
	text-align: center;
	font-size: 16px;
	height:50px;
	line-height:50px;
	font-weight:400;
	white-space: nowrap;
	overflow: hidden;
}
.wm-box ul{
	display: none;
}
.wm-color h6{
	color:#3a91f7;
}



@media only screen and (max-width:1199px ) {
.w12{width:100%;box-sizing:border-box;padding:0px 10px;}
.index-box1-nav{width:962px;margin:0 auto;}
.wm-title{width:962px;margin:0 auto;}
.index-box2-nav{width:80%;margin:0 auto;}
.index-box2-nav li{width:100%;margin:20px auto 0px;}
.index3-more{margin-top:40px;}	
.index-box4-nav{width:792px;margin:28px auto 0px;}
.index-box4-nav li:nth-child(2n){margin-right:0px;}
.index4-more{margin-bottom:30px;}
.footer-nav li a{margin-right:70px;}
.inner-product-right,.inner-product1-right,.inner-about-right{width:calc(100% - 302px);width:-moz-calc(100% - 302px);width:-webkit-calc(100% - 302px);}
.product1-nav{width:604px;margin:0 auto;}
.product1-nav li,.product1-nav li:nth-child(3n-1){margin:22px 30px 16px 0px;}
.product1-nav li:nth-child(2n){margin-right:0px;}
.product1-title-fr{width:calc(100% - 105px);width:-moz-calc(100% - 105px);width:-webkit-calc(100% - 105px);}
.product-box2{margin:18px auto 0px;float:none;}
.about-right-nav{width:584px;margin:0 auto;}
.about-right-nav li:nth-child(3n){margin-right:40px;}
.about-right-nav li:nth-child(2n){margin-right:0px;}
.news_list ul{width:600px;margin:0 auto;}
.news_list ul li,.news_list ul li:nth-child(3n){margin-right:30px;}
.news_list ul li:nth-child(2n){margin-right:0px;}
}
@media only screen and (max-width:980px ) {
.company-name{margin-left:20px;}
.index-box1-nav{width:720px;margin:0 auto;}
.wm-title{width:720px;margin:0 auto;}
.index-nav{width:660px;}
.index-nav li>a{width:110px;}
.footer-nav li a{margin-right:50px;}
.sidebar,.inner-product-right, .inner-product1-right, .inner-about-right{width:100%;margin-top:10px;}
.sidebar{margin-top:0px;}
.sidebar-box1{width:100%;position:relative;}
.sidebar-box2{display:none;}
#btn_menu{display:none;position:absolute;z-index:30;top:66px;left:-1px;width:100%;background:#fff;}
.index-nav li:hover .nav-two{
	display: none;
}
}
@media only screen and (max-width:900px ) {
.index-box1-nav{width:480px;margin:0 auto;}
.wm-title{width:480px;margin:0 auto;}
.footer-nav li a{margin-right:30px;}
}
@media only screen and (max-width:820px ) {
.index-box4-nav{width:380px;}
.index-box4-nav li:nth-child(2n),.index-box4-nav li{margin-right:0px;}
.index-box4-title{margin:14px 0px;}	
}
@media only screen and (max-width:768px ) {
.index-box1-nav{width:480px;margin:0 auto;}
.wm-title{width:480px;margin:0 auto;}
.logo,.head_right{width:100%;}
.logo>div{width:460px;margin:0 auto;}
.company-name p:nth-child(1){font-size:16px;}
.head_right>div{width:378px;margin:0px auto 10px;}
.head_btn{display:block;width:50px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:14px;background:#3a91f7;margin:13px 0px 0px 20px;}
.header-bottom{position:relative;}
.header-bottom-content{display:none;background:#3a91f7;position:absolute;top:0px;left:0px;padding:0px;z-index:20;width:100%;}
.index-nav{width:100%;}
.index-nav li{float:none;}
.index-nav li>a{width:100%;text-align:center;}
.index-box3-left,.index-box3-right{width:100%;padding:0px;}
.index-box3-left{margin: 40px 0px 0px 0;}
.index-box3-right{padding: 40px 0px 20px 0px;margin:0px;}
.footer-nav li a{margin-right:18px;}
.knowledge_center{padding:20px 0px 46px;}	
}
@media only screen and (max-width:640px ) {
.index-box1-nav{width:480px;margin:0 auto;}
.wm-title{width:480px;margin:0 auto;}
.index-box2-nav{width:100%;margin:0 auto;}	
.index-footer-right{width:100%;text-align:center;}
.product1-nav,.news_list ul{width:285px;}
.product1-nav li,.product1-nav li:nth-child(3n-1){margin:22px 0px 16px 0px;}
.product-page .fr{float:left;width:100%;}
.about-right-nav{width:272px;}
.about-right-nav li,.about-right-nav li:nth-child(3n){margin-right:0px;}
.video_detail img{height:360px;}
.question-contact-fl img{width:150px;}
.question-contact-fr{width:calc(100% - 150px);}
.online_message>form div{padding:0px 0px 0px 30px;}
.online_message>form div>p{display:block;line-height:50px;}
.online_message>form div textarea{width:calc(100% - 80px);}
.online_message>form div.yan{margin:20px 0px;}
.online_message{padding-bottom:40px;} 
.online_message>form div input[type="text"]{margin:0px 0px 0px 15px;}
.news_list ul li,.news_list ul li:nth-child(3n){margin-right:0px;}
}
@media only screen and (max-width:480px ) {
.index-box1-nav{height:140px !important;}
.index-box1-nav li{width:160px;height:140px;}
.wm-title li{width:160px;height:140px;}
.index-box1-nav li dt{height:90px;}
.wm-title{height:140px !important;}
.wm-title li dt{height:90px;}
.logo{padding-bottom:5px;}
.logo>div{width:363px;}
.logo>div>a img{width:130px;}
.company-name p:nth-child(1){font-size:18px;}
.company-name p:nth-child(2){font-size:12px;}
.head_right>div{width:294px;}
.header-net{display:none;}
.header-search input{width:160px;height:28px;}
.head_btn{width:40px;}
.language{margin-left:10px;}
.header-search{margin-top:17px;}
.index-box2-nav li{height:auto;}
.index-box2-nav li dt,.index-box2-nav li dd{width:100%;margin:0px;}
.index-box2-nav li dd{box-sizing: border-box;padding:0px 10px 10px;}
.box2-nav-title{margin:20px 0px 10px;}
.sidebar-box1-title1{padding:10px 0px;}
#btn_menu{top:50px;}
.product-box2{width:100%;box-sizing: border-box;}
.product-box2-title{width:55%;}
.product-box2-text{width:60%;margin:10px 0px;padding:0px 10px;box-sizing: border-box;}
.online_message_book > form div textarea{width:247px;}
.knowledge_center ul li{clear:both;}
.knowledge_center ul li a{display:block;}
/*.knowledge_center ul li span{display:none;}*/
.about-right-article img{margin:10px auto 0px;}
.question-contact-fl{display:none;}
.question-contact-fr{width:100%;}
.news_list_title p{width:100%;}
.news_list{padding-bottom:0px;}
}
@media only screen and (max-width:400px ) {
.logo>div{width:303px;}
.logo>div>a img{width:100px;}
.company-name{margin-left:10px;}
.index-box4-nav{width:100%;}
.video_detail img{height:270px;}	
}