@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
/*@import url("../css/animate.min.css");*//*动画*/
@import url("gaode_main.css");/*高德地图*/

html {
	overflow-x: hidden;
}

.dowebok .section{ overflow:hidden;}




.header{ width:100%; background:none; position:fixed !important; z-index:999999 !important;}
.header .navbar{ width:100%;}
.header .navbar .pc_menu{ width:100%; height:100px; margin:0 auto; transition: all 0.3s 0s ease-in-out ;background: #fff;
/*background-image: -webkit-linear-gradient(180deg, rgba(60,60,60,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(180deg, rgba(60,60,60,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(180deg, rgba(60,60,60,0.3) 0%, rgba(255,255,255,0) 100%);
background-image: linear-gradient(180deg, rgba(60,60,60,0.3) 0%, rgba(255,255,255,0) 100%);*/
 transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:1%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:100%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}
.header .navbar .pc_menu .pc_menu_right{ float:right; margin-right:1%;}
.header .navbar .pc_menu .pc_menu_right li{ float:left; margin-left:18px; margin-right:18px;}
.header .navbar .pc_menu .pc_menu_right li .t{ margin-top:25px; display:block; height:50px; line-height:50px; font-size:16px; color:#666;}
.header .navbar .pc_menu .pc_menu_right li:hover .t{ color:#009BDB !important;}
.header .navbar .pc_menu .pc_menu_right .cur .t{color:#009BDB !important;}

.header .navbar .pc_menu:hover{ background:#fff;}
.header .navbar .pc_menu:hover .pc_menu_right li .t{ color:#666;}

.header .navbar .pc_fixed .pc_menu_right .cur .t{ color:#009BDB; z-index:999;}
/*-----滚动后--------*/
.header .navbar .pc_fixed{ background:#fff !important; transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#666;}




.nav .m .sub{ z-index:999;}
.nav .m .sub li{ width:150px;}
.pc_menu_right .sub { position: absolute; left: -60px;}

.navbar .pc_menu .nav .m .sub li a{ font-size:14px; height:40px; line-height:40px; color:#666; border:none; margin-left:0px; margin-right:0px;}
.navbar .pc_menu .nav .m .sub li a:hover{ background:#009BDB; color:#fff; border:none;}


.m_menu{ display:none; position:relative; z-index:999;}
.m_menu_top{ width:100%; background:#fff; height:80px; box-shadow:0 0px 10px 0px  #888; z-index:998;}
.m_menu_top .m_logo{ height:80px;  position: absolute; left:1%;}
.m_menu_top .m_logo img{ height:80px;}
.m_menu_top .list{height: 24px; margin: auto; position: absolute; top: 0; bottom: 0; right: 5%;transition: all 0.2s linear -1ms;}
.m_menu_top .list span{ display:block; width:24px; height:4px; border-radius:2px; background:#999; margin:3px auto;}

.m_menu_list{ position:relative; width: 30%; height: 100%; position: fixed;top: 0;right:-88%;background: #fff;z-index: 10; transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms;}
.m_menu_list .menu_list_close{ position:absolute;  right: 15%; top:30px; z-index:20;}
.m_menu_list .menu_list_close img{ width:24px; height:24px;}

.m_menu_list .m_menu_nav{ margin-top:20%; margin-left:15%;}
.m_menu_list .m_menu_nav li{ margin-top:14px; margin-bottom:14px;}
.m_menu_list .m_menu_nav li a{ font-size:22px; color:#666;letter-spacing: 6px;}
.m_menu_box{ display:none;width: 100%; height: 100%; position: fixed; top: 0; right: 0; background-color:rgba(0,162,233,0.2);}
.m_open_list{ right:0;  transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms; box-shadow:0 0px 10px 0px  #888;}
.m_menu_list .m_menu_nav li a:hover{ color:#009BDB;}
/*---------------------------------------------*/

.header .navbar .pro_navv{     background:#fff;}
.header .navbar .pro_navv .pc_menu_right li .t{ color:#666;}

/*
.pc_menu_index .pc_menu_right{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;}

.pc_menu_index:hover .pc_menu_right{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity:1;}
*/

.pc_fixed .pc_menu_right{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;	
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity:1;}


.part01{ width:100%;margin-top: 100px; overflow:hidden !important;}

.part01 .in_play{ width:100%;    background: #333; display:none;}
.part01 .in_play video{ width:80%;}


.part01 .banner{ }	
.banner .two{ display:none;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.banner .swiper-slide a{ display:block;}



.part02{ background:#eee; width:100%;}
.part02 .main{ width:82%; margin:0 auto;}
.part02 .main li { float:left; width:20%;transition: all 0.3s linear -1ms;}
.part02 .main li .img{ display:block; width:100%; margin-top:15%; text-align:center;}
.part02 .main li .img img{ width:36.3%; margin:0 auto;
filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
		transition: all 0.3s linear -1ms;}
.part02 .main li .txt{ display:block; width:100%; text-align:center; margin-top:30px; margin-bottom:30px; color:#666;}
.part02 .main li:hover{ box-shadow:0px 8px 25px 0px #ddd; transition: all 0.3s linear -1ms;}
.part02 .main li:hover a{ color:#009BDB;}
.part02 .main li:hover img{
		filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
		transition: all 0.3s linear -1ms;}


/*-------part02 END----------*/

.part03{ width:100%; margin-top:160px;}
.part03_main{ width:82%; margin:0 auto;}
.part03_main li{ width:100%; position:relative; margin-bottom:120px;}
.part03_main li .demo{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;align-items: center; display: -webkit-flex;}
.part03_main li .demo img{ width:100%; filter: blur(6px) brightness(0.8);}

.part03_main li .img{ width:50%; float:left; padding-bottom:25%; position:relative;}
.part03_main li .img a{ display:block; position:absolute; top:-40px; left:0px; width:100%; height:100%; overflow:hidden; box-shadow:0px 7px 30px 0px #666;}
.part03_main li .img a img{ width:100%; height:100%;}
.part03_main li .txt{ width:50%; float:left; padding-bottom:25%; position:relative;}
.part03_main li .txt .content{ position:absolute; top:0px; height:0px; width:100%; height:100%; overflow: hidden; align-items: center; display: -webkit-flex;}
.part03_main li .txt .content .word{ text-align:left; padding-left:10%; padding-right:10%;}
.part03_main li .txt .content .word p{ font-size:22px; color:#fff;}
.part03_main li .txt .content .word span{ display:block; font-size:14px; line-height:24px; color:#f4f4f4; margin-top:4%; margin-bottom:4%;}
.part03_main li .txt .content .word a{ display:block; width:130px; height:40px; font-size:14px; text-align:center; line-height:38px; color:#f4f4f4; border-radius:4px; border:1px solid #fff; box-sizing:border-box;}
.part03_main li .txt .content .word a:hover{ background:#fff; color:#009BDB;}
.part03_main li:nth-child(even) .img{ float:right;}



/*-------part03 END----------*/

.part04{ width:100%; margin-bottom:120px;}

#pro-demo { width:100%;}
#pro-demo .item{ width:100%; background:#009BDB; padding: 30px 0;}
#pro-demo .owl-item{}
#pro-demo .item .pro{ width:80%; margin:0 auto;}
#pro-demo .item .pro .img{ float:left; width:50%; padding-bottom:37.59%; position:relative;}
#pro-demo .item .pro .img a{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;}
#pro-demo .item .pro .img a img{ width:100%; height:100%;}
#pro-demo .item .pro .txt{ float:left; width:50%; padding-bottom:37.59%; position:relative;}
#pro-demo .item .pro .txt .content{ position:absolute; top:0px; left:0px; width:100%; height:100%; align-items: center; display: -webkit-flex;}
#pro-demo .item .pro .txt .content .word{ text-align:left; padding-left:13%; padding-right:10%;}
#pro-demo .item .pro .txt p{ display:block; color:#fff; font-size:38px; line-height:38px; margin-bottom:7%;}
#pro-demo .item .pro .txt span{ display:block; color:#fff; font-size:18px; line-height:32px;}
#pro-demo .owl-item:nth-child(even) .img{ float:right;}


/*-------part04 END----------*/

.part05{ width:82%; margin:0 auto;}
.in_title{ margin-bottom:40px;}
.in_title h2{ font-size:50px; color:#eee; font-weight:normal; font-family:"Impact";}
.in_title p{ font-size:22px; color:#009BDB; margin-top:-34px;}
.part05 .content{ width:100%; position:relative;}
.part05 .content .bg05{ width:100%; padding-bottom:33.3%; position:relative; overflow:hidden;}
.part05 .content .bg05 a{ display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.part05 .content .bg05 .bor{ position:absolute;
	top: 0;
    right: 0;
    background: transparent;
    border-bottom: 120px solid rgba(158, 25, 25, 0);
    border-right: 1540px solid #fff;
    width: 0;}
	
.part05 .content .bg05 a img{ width:100%; height:100%;}
.part05 .content .txt05{ position:absolute; right:40px; top:0px; width:43%; height:auto; background:url(../img/part05_bg.jpg) top center; background-size:cover; text-align:left; padding-top:60px; padding-bottom:55px; padding-left:50px; padding-right:50px;}
.part05 .content .txt05 span{ display:block; font-size:14px; margin-bottom:5%; color:#fff; line-height:24px;}
.part05 .content .txt05 a{ display:block; font-size:14px; color:#fff;}



/*-------part05 END----------*/

.part06{ width:82%; margin:0 auto 80px auto;}
.part06 ul{ width:100%;}
.part06 ul li{ width:20%; height:20%; float:left; text-align:center;}
.part06 ul li a{ display:block; width:100%; padding-top:40px; padding-bottom:40px;}
.part06 ul li a img{ width:32%;
filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
		transition: all 0.3s linear -1ms;}
.part06 ul li a p{ margin-top:20px; color:#666;transition: all 0.3s linear -1ms;}
.part06 ul li :hover img{
		filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
		transition: all 0.3s linear -1ms;}
.part06 ul li :hover p{ color:#009BDB;transition: all 0.3s linear -1ms;}

/*-------part06 END----------*/

.part07{ width:82%; margin:0 auto 120px auto;}
.part07 .in_case{ width:100%;}
.part07 .in_case li{ float:left; width:30.3%; margin-left:1.5%; margin-right:1.5%; margin-bottom:40px;}
.part07 .in_case li .img{ width:100%; padding-bottom:75.187%; position:relative;}
.part07 .in_case li .img a{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.part07 .in_case li .img a img{ width:100%; height:100%;}
.part07 .in_case li .txt{ margin-top:12px;}
.part07 .in_case li .txt a{ display:block; font-size:16px;}
.part07 .more a{ display:block; margin:0 auto; height:40px; width:130px; border-radius:4px; box-sizing:border-box; background:#eee; color:#666; line-height:40px;}
.part07 .more a:hover{ background:#009BDB; color:#fff;}
.part07 .in_case li:hover .img{ box-shadow:0px 8px 25px 0px #ddd; transition: all 0.3s linear -1ms;}
.part07 .in_case li:hover .txt a{ color:#009BDB;}


/*-------part07 END----------*/
.part08{ width:82%; margin:0 auto 120px auto;}
.part08 .in_title{ margin-bottom:30px;}
.part08 .chose{ text-align:center;}
.part08 .chose li{ display:inline-block; margin-left:6px; margin-right:6px;}
.part08 .chose li a{ display:block; color:#999; height:30px; line-height:30px; border-radius:4px; padding-left:20px; padding-right:20px;}
.part08 .chose li .cur{ background:#009BDB; color:#fff;}
.part08 .chose li a:hover{ background:#009BDB; color:#fff;}

#owl-demo{ margin-top:10px;} 
#owl-demo .item{margin: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align:left;
}

#owl-demo .item .content{ width:100%; position:relative; overflow: hidden;}
#owl-demo .item .content .img{ width:100%;}
#owl-demo .item .content .img img{ width:100%;}
#owl-demo .item .content .txt{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(242,242,242,1); transition: all 0.5s linear -1ms;}
.item .content .txt .date{ margin-left:5%; margin-top:4%;transition: all 0.3s linear -1ms;}
.item .content .txt .date h3{ display:inline-block; font-weight:normal; font-size:32px; color:#ccc;}
.item .content .txt .date p{ display:inline-block; margin-left:2%; font-size:16px; color:#ccc;}
.item .content .txt .title{ display:block; margin-top:16%; margin-bottom:2%; font-weight:normal;margin-left:5%; margin-right:5%; width:90%; font-size:18px; color:#333; height:24px; overflow:hidden; transition: all 0.3s linear -1ms;}
.item .content .txt span{ margin-left:5%; margin-right:5%; display:block; width:90%; color:#666; height:42px; overflow:hidden; transition: all 0.3s linear -1ms;}
.item .content .link{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.item .more{ width:100%; background:#f0f0f0;}
.item .more a{ display:block; width:90%; padding-left:5%; padding-right:5%; height:60px; }
.item .more a span{ display:inline-block; height:60px; line-height:60px; color:#999;}
.item .more a .left{ float:left;}
.item .more a .right{ float:right;}

#owl-demo .item:hover .content .txt{ background-color:rgba(0,0,0,0.4);transition: all 0.5s linear -1ms;}
#owl-demo .item:hover .content .txt .date{ margin-top:5%;transition: all 0.3s linear -1ms;}
#owl-demo .item:hover .content .txt .title{ margin-top:14%; color:#fff;transition: all 0.3s linear -1ms;}
#owl-demo .item:hover .content .txt span{ color:#f2f2f2;transition: all 0.3s linear -1ms;}
#owl-demo .item:hover .more{ background:#e8e8e8; transition: all 0.3s linear -1ms;}
#owl-demo .item:hover .more span{ color:#009BDB; }


/*-------part08 END----------*/

.part09{ width:100%; padding-top:70px; padding-bottom:65px; background-image: linear-gradient(to top, #06c9dd 0%, #009bdb 100%);}
.part09 .content{ width:82%; margin:0 auto; text-align:left;}
.part09 .content .left{ float:left; width:24%; padding-right:4%;}
.part09 .content .right{ float:left; width:72%;}
.part09 .content .right li{ float:left; margin-top:88px; width:29.3%; margin-right:4%;}
.part09 .content .ads{ font-size:22px; color:#fff; margin-bottom:24px;}
.part09 .content span{ font-size:14px; color:#fff;}

.part09 .content .left .ads{ margin-top:50px;}
.part09 .content .left .tel{ margin-top:40px;}
.part09 .content .left .tel p{ color:#fff; font-size:14px;}
.part09 .content .left .tel .num{ font-size:30px; font-family:"Impact";}
.part09 .content .right li span{ display:block; margin-bottom:36px;}
.part09 .content .right li .kefu{ display:block; text-align:center; width:120px; height:36px; line-height:34px; color:#fff; border-radius:4px; border:1px solid #fff; box-sizing:border-box;}
.part09 .content .right li .kefu:hover{ background:#fff; color:#009BDB;}



.footer{ width:100%; background:#262b31; margin:0px auto 0 auto; padding-top:80px; }
.footer_content{ width:82%; margin:0 auto; text-align:left;}
.footer_content .foot_nav{ float:left; width:68%; margin-bottom:80px;}
.footer_content .foot_nav .list{ float:left; width:auto; margin-right:6%;}
.footer_content .foot_nav .list ul .tit{ margin-bottom:34px;}
.footer_content .foot_nav .list ul .tit a{ color:#fefefe; }
.footer_content .foot_nav .list ul li{ margin-bottom:14px;}
.footer_content .foot_nav .list ul li a{ font-size:14px; color:#7f868b;}
.footer_content .foot_nav .list ul li a:hover{ color:#f4f4f4;}
.footer_content .right{ float:left; margin-bottom:80px;}
.footer_content .right .code .qr{ float:left;}
.footer_content .right .code .qr img{}
.footer_content .right .code .cont{ float:left; margin-left:24px; padding-top:10px;}
.footer_content .right .code .cont p{ font-size:14px; color:#fff; margin-bottom:12px;}
.footer_content .right .code .cont .num{ font-size:34px; font-family:"Impact"; margin-bottom:20px;}
.footer_content .right .kefu{ display:block; text-align:center; width:120px; height:36px; line-height:32px; color:#fff; border-radius:4px; border:1px solid #fff; box-sizing:border-box; margin-top:30px;}
.footer_content .right .kefu:hover{ background:#009BDB; border:none;}

.footer_content .copy{ height:auto; border-top:1px solid #3f4751; padding-top:20px; padding-bottom:46px;}
.footer_content .copy p{ font-size:14px; text-align:left; color:#7f868b; display:inline-block;}
.footer_content .copy p a{ color:#7f868b;}
.footer_content .copy p a:hover{ color:#f4f4f4;}

/*----------------------------------------------------------------*/

.page_banner{ height:auto; overflow: hidden; position: relative; width:100%;margin-top: 100px;}
.page_banner .m{ display:none;}	

.inner_top{ width:100%; height:auto; background:#f3f3f3;}
.inner_top .content{ width:84%; margin:0 auto; text-align:center; padding-top:15px; padding-bottom:15px;}
.inner_top .content li{ display:inline-block; padding-left:15px; padding-right:15px; text-align:center;}
.inner_top .content li a{ font-size:16px; line-height:30px; color:#666; }
.inner_top .content .cur a{color:#009BDB;}
.inner_top .content li a:hover{ color:#009BDB;}

.inner_main{ padding:2%; background:#fff; width:66%; margin:0 auto 80px auto;}
.inner_main img{ max-width:100%;    height: auto;}

.case_list{ width:100%;}
.case_list ul{ width:82%; margin:0 auto;}
.case_list ul li{ width:22.4%; margin-left:1.3%; margin-right:1.3%; float:left; background:#fff; margin-bottom:45px; transition: all 0.3s linear -1ms; position:relative; overflow:hidden;}
.case_list ul li .img{ width:100%; padding-bottom:75.18%; position:relative;}
.case_list ul li .img a{ display:block; position:absolute; top:0; left:0px; width:100%; height:100%; overflow:hidden;}
.case_list ul li .img a img{ width:100%; height:100%;}
.case_list ul li .img .hover{ background-color:rgba(0,155,219,0.6); align-items: center; display: -webkit-flex; -moz-opacity: 0; opacity:0; transition: all 0.3s linear -1ms;}
.case_list ul li .img .hover img{ width:10%; height:13.3%; margin:0 auto;}
.case_list ul li .txt{ height:60px; width:92%; padding-left:4%; padding-right:4%; background:#eee;}
.case_list ul li .txt a{ display:block; height:100%; text-align:left; font-size:20px; color:#666; line-height:60px;}
.case_list ul li .line{ width:100%; height:1px; background:#009BDB; position:absolute; left:-100%; bottom:0px; transition: all 0.3s linear -1ms;}
.case_list ul li:hover{ box-shadow:0px 8px 30px 0px #ddd; transition: all 0.3s linear -1ms;}
.case_list ul li:hover .img .hover{  -moz-opacity: 1; opacity:1; transition: all 0.3s linear -1ms;}
.case_list ul li:hover a{ color:#009BDB;}
.case_list ul li:hover .line{ left:0; transition: all 0.3s linear -1ms;}




.solu_list { width:100%;     margin-top: 70px;}
.solu_list li{ display:block;}
.solu_list li .li_img{ width:50%; padding-bottom:25%; position:relative; float:left;}
.solu_list li .li_img .content{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
.solu_list li .li_img img{ width:100%; height:100%;}

.solu_list li .li_txt{ width:50%;  padding-bottom:25%; position:relative; float:left; z-index:99;}
.solu_list li .li_txt .content {  position:absolute; top:0px; left:0px; width:100%; height:95%; overflow:hidden; align-items:center; display: -webkit-flex;}
.solu_list li .li_txt .content .word{ width:70%; margin-left:12%;}
.solu_list li .li_txt .content h3{ font-size:24px; color:#666; font-weight:normal;}
.solu_list li .li_txt .content span{ display:block; width:100%; color:#666; font-size:14px; line-height:24px; margin-top:5%; margin-bottom:5%;}
.solu_list li .li_txt .link{ height:40px;}
.solu_list li .li_txt .link a{ display:inline-block; width:130px; height:40px; line-height:38px; border-radius:4px; box-sizing:border-box; text-align:center;}
.solu_list li .li_txt .link .detail{ background:#009BDB; color:#fff; margin-right:24px;}
.solu_list li .li_txt .link .kefu{ border:1px solid #009BDB; color:#009BDB;}
.solu_list li .li_txt .link a:hover{ background:#25bfff; color:#fff; border-color:#25bfff;}
.solu_list li:nth-child(even) .li_img{ float:right;}



.news_top{ width:82%; margin:0 auto 70px auto; box-shadow:0px 7px 25px #ddd;}
.news_top .img{ width:50%; padding-bottom:28.2%; position:relative; float:left;}
.news_top .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.news_top .img a img{ width:100%; height:100%;}
.news_top .txt{ width:50%; padding-bottom:28.2%; position:relative; float:left;}
.news_top .txt .content{  position:absolute; top:0px; left:0px; width:100%; height:95%; overflow:hidden; align-items:center; display: -webkit-flex;}
.news_top .txt .content .main{ width:75%; margin-left:10%; z-index:90;}
.news_top .txt .content .main a{ display:block; font-size:22px; margin-top:5%; margin-bottom:5%;}
.news_top .txt .content .main p{ font-size:32px; color:#ccc; line-height:34px;}
.news_top .txt .content .main span{ display:block; width:100%; color:#666; font-size:14px; line-height:24px;}
.news_top:hover .txt .content .main a{ color:#009bdb;}


.news_list{ width:84%; margin:0 auto;}
.news_list li{ width:47.5%; float:left; margin-left:1%; margin-right:1.5%; margin-bottom:45px; transition: all 0.3s linear -1ms;}
.news_list li .news_img{ float:left; width:47%; padding-bottom:26.55%; position:relative;}
.news_list li .news_img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.news_list li .news_img a img{ width:100%; height:100%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.news_list li .news_txt{ float:left; width:50%; padding-left:2.5%; overflow:hidden;}
.news_list li .news_txt a{ display:block; font-size:18px; margin-bottom:3.5%;}
.news_list li .news_txt .date{ font-weight:normal; font-size:32px; color:#ccc; line-height:40px; margin-top:2%; margin-bottom:2.5%;}
.news_list li .news_txt .date p{ display:inline; font-size:32px; color:#ccc; line-height:40px; margin-right:4%;}
.news_list li .news_txt span{ display:block; font-size:14px; width:100%; color:#666; line-height:24px; height:75px; overflow:hidden;}

.news_list li:hover .news_img{ box-shadow:0px 5px 25px #ccc; transition: all 0.3s linear -1ms;}
.news_list li:hover .news_img img{
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	overflow: hidden;}
.news_list li:hover .news_txt a{ color:#009bdb;}
.news_list li:hover .news_txt{ background:#fff;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
/*-------------------------------------------*/

.down_list{ width:100%;}
.down_list ul{ width:100%;}
.down_list ul li{ width:100%; padding-top:50px; padding-bottom:50px;}
.down_list ul li .content{ width:66%; margin:0 auto;}
.down_list ul li .content .img{ float:left; width:50%; padding-bottom:35.16%; position:relative;}
.down_list ul li .content .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.down_list ul li .content .img a img{ width:100%; height:auto;}
.down_list ul li .content .txt{ float:left; width:50%; padding-bottom:35.16%; position:relative;}
.down_list ul li .content .txt .cont{ position:absolute; top:0px; left:0px; width:100%; height:95%; overflow:hidden; align-items:center; display: -webkit-flex;}
.down_list ul li .content .txt .cont .word{ width:75%; margin-left:15%; text-align:left;}
.down_list ul li .content .txt .cont .word h3{ font-weight:normal; font-size:28px; color:#666; line-height:42px;}
.down_list ul li .content .txt .cont .word p{ font-size:16px; color:#999;}
.down_list ul li .content .txt .cont .word span{ display:block; margin-top:6%; margin-bottom:7%; color:#666;}
.down_list ul li .content .txt .cont .word .down{ display:block; background:#009bdb; border-radius:4px; text-align:center; width:130px; height:38px; line-height:38px; font-size:14px; color:#fff;}
.down_list ul li .content .txt .cont .word .down:hover{ background:#25bfff; }
.down_list ul li:nth-child(even){ background-image: linear-gradient(to top, #06c9dd 0%, #009bdb 100%);}
.down_list ul li:nth-child(even) .content .img{ float:right;}
.down_list ul li:nth-child(even) .content .txt .cont .word h3{ color:#fff;}
.down_list ul li:nth-child(even) .content .txt .cont .word p{ color:#eee;}
.down_list ul li:nth-child(even) .content .txt .cont .word span{ color:#fff;}
.down_list ul li:nth-child(even) .content .txt .cont .word .down{ color:#fff; background:none; border:1px solid #fff; box-sizing:border-box;}
.down_list ul li:nth-child(even) .content .txt .cont .word .down:hover{ background:#fff; color:#009bdb;}


/*-------------------------------------------*/
.honor_list{ width:82%; margin:0 auto 0 auto;}
.honor_list li{ float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:2%; position: relative; padding-bottom: 15.33%;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li a{width: 100%;height: 100%; position: absolute;left: 0;top: 0;}
.honor_list li a img{ width:100%;height: 100%;}
.honor_list li:hover{ box-shadow:0 5px 25px 0px  #ccc;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}

	

/*-------------------------------------------*/	

.in_contact{ width:100%; margin:0 auto ;}
.in_contact .con_list{ width:74%; margin:0 auto 80px auto;}
.in_contact .con_list li{ width:23%; margin-left:1%; margin-right:1%; float:left; text-align:center; padding-top:55px; padding-bottom:65px; background:#fff; transition: all 0.3s linear -1ms;}
.in_contact .con_list li .cio{ width:23%; margin:0 auto;}
.in_contact .con_list li .cio img{ width:100%; height:auto;}
.in_contact .con_list li p{ font-size:22px; color:#666; margin-top:7%;}
.in_contact .con_list li span{ display:block; font-size:14px; color:#999; line-height:28px; margin-top:9%; margin-bottom:10%;}
.in_contact .con_list li .link{ display:block; color:#fff; width:130px; height:40px; line-height:40px; border-radius:4px; background:#009bdb; margin:0 auto;}
.in_contact .con_list li:hover{ z-index:999 !important; box-shadow:0px 5px 25px #ddd;}
.in_contact .con_list li .link:hover{ background:#25bfff; transition: all 0.3s linear -1ms;}
.in_contact .con_info{ width:72%; margin:0 auto 70px auto;}
.in_contact .con_info .txt{ float:left; width:50%;}
.in_contact .con_info h3{ font-size:24px; font-weight:normal; color:#009bdb; margin-bottom:45px;}
.in_contact .con_info .txt span{ color:#666; font-size:14px; line-height:38px;}
.in_contact .messages{ float:left; width:50%;}

.messages .area{ width:100%;}
.messages .area li{ height:36px; margin-bottom:18px; border-bottom:1px solid #fff; border-bottom:2px solid #ccc;}
.messages .area li input{ font-size:14px; padding:0px; height:36px; width:100%; background:none; border:none;outline:none; color:#666;}
.messages .area .name{ width:100%;}
.messages .area .tel{  width:100%;}
.messages .area .textarea{ height:90px; background:none; border:none;  border-bottom:2px solid #ccc;}
.messages .area li textarea{ font-size:14px; padding:0px; height:110px; width:100%; background:none; border:none; outline:none; color:#666; resize:none}
.messages .area .submit{ border:none;}
.messages .area li .submit{ display:block; font-size:14px; width:125px; height:36px; color:#fff; background:#009bdb; border-radius:4px; line-height:36px; text-align:center;  border:none;}
.messages .area li .submit:hover{ background:#25bfff;}

.in_contact .con_map{ margin:0 auto; width:72%; padding-bottom:30%; position:relative;}
.in_contact .con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

.in_contact .con_fen{ width:72%; margin:80px auto 80px auto;}
.in_contact .con_fen li{ width:31.3%; padding-left:2%; float:left; background:#e8f2f5; transition: all 0.3s linear -1ms;}
.in_contact .con_fen li h3{ font-size:22px; color:#36475a; margin-top:28px;}
.in_contact .con_fen li span{ display:block; color:#888; line-height:28px; margin-top:28px;}
.in_contact .con_fen li p{ color:#36475a; font-size:14px; margin-top:34px;} 
.in_contact .con_fen li .num{ font-size:30px; color:#009bdb; margin-top:8px;}
.in_contact .con_fen li .kefu{ display:block; width:130px; height:40px; line-height:40px; border-radius:4px; background:#009bdb; color:#fff; text-align:center; margin-top:40px; margin-bottom:40px;}
.in_contact .con_fen li .kefu:hover{ background:#25bfff;}
.in_contact .con_fen li:hover{ background:#fff; box-shadow:0px 5px 25px #ddd; transition: all 0.3s linear -1ms;}



.pro_group{ width:100%;}
.pro_group ul{ width:100%;}
.pro_group ul li{ width:100%; padding-top:100px; padding-bottom:100px;}
.pro_group ul li .content{ width:82%; margin:0 auto;}
.pro_group ul li .content .img{ float:left; width:50%; padding-bottom:37.59%; position:relative;}
.pro_group ul li .content .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.pro_group ul li .content .img a img{ width:100%; height:auto;}
.pro_group ul li .content .txt{ float:left; width:50%; padding-bottom:35.16%; position:relative;}
.pro_group ul li .content .txt .cont{ position:absolute; top:0px; left:0px; width:100%; height:95%; overflow:hidden; align-items:center; display: -webkit-flex;}
.pro_group ul li .content .txt .cont .word{ width:75%; margin-left:20%; text-align:left;}
.pro_group ul li .content .txt .cont .word h3{ font-weight:normal; font-size:26px; color:#333; line-height:42px;}
.pro_group ul li .content .txt .cont .word span{ display:block; margin-top:8%; margin-bottom:10%; color:#666; line-height:26px;}
.pro_group ul li .content .txt .cont .word .link{ height:40px; line-height:40px;}
.pro_group ul li .content .txt .cont .word .link a{ display:inline-block; border-radius:4px; text-align:center; width:130px; height:38px; line-height:38px; font-size:14px; color:#fff;}
.pro_group ul li .content .txt .cont .word .link .detail{ background:#009bdb; margin-right:26px;}
.pro_group ul li .content .txt .cont .word .link .kefu{ background:#00af46;}
.pro_group ul li .content .txt .cont .word .link .detail:hover{ background:#25bfff;}
.pro_group ul li .content .txt .cont .word .link .kefu:hover{ background:#18d866;}
.pro_group ul li:nth-child(odd) .img{ float:right;}
.pro_group ul li:nth-child(odd){ background:#e8f0f2;}
.pro_group ul li:nth-child(1){ background:#1c2a39;}
.pro_group ul li:nth-child(1) .txt .cont .word h3{ color:#fff;}
.pro_group ul li:nth-child(1) .txt .cont .word span{ color:#fff;}

/*---------------------------------------------------------*/
.product_top{ margin-top:100px;}

.pro_show_top{ width:100%; background:#1c2838; padding-top:80px; z-index:999;}
.pro_show_top .txt{ text-align:center; margin-bottom:2%;}
.pro_show_top .txt h3{ font-weight:normal; font-size:26px; color:#fff;}
.pro_show_top .txt span{ display:block; font-size:16px; line-height:28px; color:#fff; margin-top:3%; margin-bottom:3%;}
.pro_show_top .txt .detail{ display:inline-block; background:#009bdb; border-radius:4px; text-align:center; width:130px; height:38px; line-height:38px; font-size:14px; color:#fff;}
.pro_show_top .txt .detail:hover{ background:#25bfff;}
.pro_show_top .img{ width:52%; margin:0 auto; padding-bottom:32%; position:relative;}
.pro_show_top .img a{ display:block; position:absolute; top:0%; left:0; width:100%; height:122%;}
.pro_show_top .img a img{ width:100%; height:100%;}


.pro_show ul li:nth-child(even){ background:#e8f0f2;}
.pro_show ul li:nth-child(odd){ background:#fff;}
.pro_show ul li:nth-child(1){ background:#fff;}
.pro_show ul li:nth-child(1) .txt .cont .word h3{ color:#333;}
.pro_show ul li:nth-child(1) .txt .cont .word span{ color:#666;}



.pro_list{ width:100%; background:#e8f0f2; padding-bottom:50px;}
.pro_list ul{ width:84%; margin:0 auto; padding-top:50px;}
.pro_list ul li{ float:left; width:22%; margin-left:1.5%; margin-right:1.5%; text-align:center; background:#fff; padding-bottom:3%; margin-bottom:3%; transition: all 0.3s linear -1ms; position:relative;}
.pro_list ul li .img{ width:80%; margin-top:10%; margin-left:10%; margin-right:10%; padding-bottom:60.15%; position:relative;}
.pro_list ul li .img a{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_list ul li .img a img{ width:100%; height:100%;}
.pro_list ul li p{ font-size:22px; margin-top:10%; transition: all 0.3s linear -1ms;}
.pro_list ul li span{ display:block; color:#666; font-size:14px; line-height:26px; width:82%; margin:8% auto; height:52px; overflow:hidden;}
.pro_list ul li .detail{ display:block; margin:0 auto; color:#999;}
.pro_list ul li .link{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_list ul li:hover{ box-shadow:0px 10px 40px #dcdcdc; transition: all 0.3s linear -1ms;}
.pro_list ul li:hover p{ color:#009bdb; transition: all 0.3s linear -1ms;}
.pro_list ul li:hover .detail{ color:#009bdb;}


.pro_detail .pro_hot ul{ width:84%; margin:0 auto; padding-top:40px;}
.pro_detail .pro_hot ul li{ float:left; width:22%; margin-left:1.5%; margin-right:1.5%; text-align:center; background:#fff; padding-bottom:3%; margin-bottom:3%; transition: all 0.3s linear -1ms; position:relative;}
.pro_detail .pro_hot ul li .img{ width:80%; margin-top:10%; margin-left:10%; margin-right:10%; padding-bottom:60.15%; position:relative;}
.pro_detail .pro_hot ul li .img a{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_detail .pro_hot ul li .img a img{ width:100%; height:100%;}
.pro_detail .pro_hot ul li p{ font-size:22px; margin-top:10%; transition: all 0.3s linear -1ms;}
.pro_detail .pro_hot ul li span{ display:block; color:#666; font-size:14px; line-height:26px; width:82%; margin:8% auto; height:52px; overflow:hidden;}
.pro_detail .pro_hot ul li .detail{ display:block; margin:0 auto; color:#999;}
.pro_detail .pro_hot ul li .link{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.pro_detail .pro_hot ul li:hover{ box-shadow:0px 10px 40px #dcdcdc; transition: all 0.3s linear -1ms;}
.pro_detail .pro_hot ul li:hover p{ color:#009bdb; transition: all 0.3s linear -1ms;}
.pro_detail .pro_hot ul li:hover .detail{ color:#009bdb;}

.pro_hot h3{ text-align:center; font-size:24px; font-weight:normal; color:#36475a;}



.pro_detail{ width:100%; background:#e8f0f2;}
.pro_detail .ctrl{ width:100%; background:#e8f0f2;}
.pro_detail .ctrl .content{ width:82%; margin:0 auto;}
.pro_detail .ctrl .content .crumbs{ float:left; color:#888;}
.pro_detail .ctrl .content .crumbs a{ line-height:90px; color:#888;}
.pro_detail .ctrl .content .butt{ float:right;}
.pro_detail .ctrl .content .butt a{ line-height:90px; color:#888; margin-left:20px;}
.pro_detail .ctrl .content .butt .kufu{ display:inline-block;background:#009bdb; border-radius:4px; text-align:center; width:130px; height:40px; line-height:40px; font-size:14px; color:#fff; margin-left:40px; margin-top:25px;}
.pro_detail .ctrl .content .butt a:hover{ color:#009bdb;}
.pro_detail .ctrl .content .butt .kufu:hover{ background:#25bfff; color:#fff;}

.pro_detail .fix-div{ position:fixed; top:100px; z-index:99999;}

.detail_list .mar_top{ margin-top:190px;}
.detail_list{ width:100%; margin-bottom:100px;}
.detail_list .top{ width:100%; background:#fff; padding-top:90px; padding-bottom:40px;}
.detail_list .top .txt{  text-align:center;}
.detail_list .top .txt h3{ font-weight:normal; font-size:34px; color:#36475a;}
.detail_list .top .txt span{ display:block; font-size:20px; color:#666; line-height:36px; margin-top:40px; margin-bottom:30px;}
.detail_list .top .txt span span{ margin-top:0px; margin-bottom:0px;}
.detail_list .top .img{ width:40%; margin:0 auto; padding-bottom:30%; position:relative;}
.detail_list .top .img span{ display:block; position:absolute; top:0%; left:0; width:100%; height:100%;}
.detail_list .top .img span img{ width:100%; height:100%;}

.detail_list .list{ width:100%;}
.detail_list .list li{ width:100%; text-align:center; position:relative; overflow:hidden;}
.detail_list .list li .img{ width:100%; height:auto;}
.detail_list .list li .img img{ width:100%;}
.detail_list .list li .txt{ position:absolute; bottom:40px; left:0px; width:100%; text-align:center;}
.detail_list .list li .txt h3{ font-weight:normal; font-size:34px; color:#40546b;}
.detail_list .list li .txt span{ display:block; font-size:20px; color:#888; line-height:36px; margin-top:24px; margin-bottom:14px;}


/*-----------------0428修改-----------------------*/

.detail_list .parameter{ width:80%; margin:0 auto 50px auto;}
.detail_list .parameter .title{ width:100%; margin-top:100px;margin-bottom:30px;}
.detail_list .parameter .title h2{ font-size:24px; font-weight:normal; color:#40546b; text-align:left;}
.detail_list .parameter .title .line{ width:30px; height:3px; background:#009bdb; margin-top:30px; }
.detail_list .parameter ul{ width:100%;}
.detail_list .parameter ul li{ width:100%; border-bottom:1px solid #ddd;}
.detail_list .parameter ul li .tit{ display:inline-block; float:left; width:8%; height:64px;}
.detail_list .parameter ul li .tit p{ font-size:14px; line-height:24px; font-weight:bold; color:#40546b; margin-top:26px; margin-bottom:26px;}
.detail_list .parameter ul li .txt{ display:inline-block; float:left; width:92%;}
.detail_list .parameter ul li .txt span{ display:block; font-size:14px; color:#666; margin-top:26px; line-height:24px; margin-bottom:26px;}
.detail_list .parameter ul li:nth-child(1) .txt span{  font-weight:bold; color:#40546b;}

.down_detail{ width:100%; margin:0 auto;}
.down_detail .down_main{ width:60%; margin:0 auto 80px auto;}
.down_detail .down_main .list{ width:100%; border-bottom:1px solid #ddd; margin-bottom:40px;}
.down_detail .down_main .list .tit{ float:left; width:10%; margin-top:10px; margin-bottom:20px;}
.down_detail .down_main .list .tit p{ font-size:14px; color:#40546b; font-weight:bold; line-height:24px;}
.down_detail .down_main .list ul{ float:left; width:87%; margin-left:3%; margin-top:10px; margin-bottom:10px;}
.down_detail .down_main .list ul li{ width:100%; margin-bottom:10px;}
.down_detail .down_main .list ul li a{ font-size:14px; color:#666; line-height:24px;}
.down_detail .down_main .list ul li:hover a{ color:#009bdb;}


/*------------------0523修改-----------------------------------*/
.try_top{ margin-top:100px;}
.try_main{ width:66%; margin:0 auto 60px auto;}
.try_main .title{ margin-bottom:30px;}
.try_main .title h2{ font-size:30px; font-weight:normal; color:#009bdb;}
.try_main .title .line{ width:40px; height:2px; background:#009bdb; margin-top:20px; margin-bottom:20px;}
.try_main .title p{ font-size:14px; color:#666;}
.try_main .try_input{ max-width:520px;}
.try_main .try_input li{ margin-bottom:16px;}
.try_main .try_input li .input{ width:100%; height:46px; line-height:46px; text-indent:14px;}
.try_main .try_input .yanzheng .code{  display:inline-block; float:left; margin-right:10px; margin-top:6px;}
.try_main .try_input .yanzheng .input{ display:inline-block; float:left; max-width:250px;}
.try_main .try_input .submit a{ display:block; height:42px; width:140px; color:#fff; font-size:14px; line-height:42px; text-align:center; background:#009bdb; border-radius:22px;}
.try_main .try_input .submit a:hover{ background:#25bfff;}

.footer_m{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; z-index:99999; height:46px; margin:0 auto; text-align:center; border:1px solid #ddd; box-sizing:border-box;}
.footer_m .tiyan{ float:left; width:50%; border-right:1px solid #ddd; box-sizing:border-box;}
.footer_m .zixun{ float:left; width:50%;}
.footer_m div a{ display:block; width:100%; height:100%;}
.footer_m div a div{ width:120px; height:40px; margin:3px auto;}
.footer_m div a div span{ margin-top:4px;}
.footer_m .tiyan a span{ float:left; height:32px; width:32px; background:url(../img/tiyan.png) no-repeat;}
.footer_m .zixun a span{ float:left; height:32px; width:32px; background:url(../img/zixun.png) no-repeat;}
.footer_m div a p{ float:left; color:#666; margin-left:5px; height:40px; line-height:40px;}



/*-----------------------------------------------------*/

@media (max-width: 1440px){
	
	.nav #m2 .sub .content{ width:98%;}
	.part02 .main{ width:100%;}
	.part03_main{ width:98%;}
	.part05{ width:98%;}
	.part06{ width:98%;}
	.part07{ width:100%;}
	.part08{ width:100%;}
	.item .content .txt .title{ margin-top:12%;}
	.item .content .txt .date h3{ font-size:28px;}
	#owl-demo .item:hover .content .txt .title{ margin-top:11%;}
	.part09 .content{ width:98%;}
	.footer_content{ width:98%;}
	.inner_top .content{ width:100%;}
	.inner_main{ width:82%;}
	.honor_list{ width:100%;}
	.pro_group ul li .content{ width:98%;}
	.pro_list ul{ width:98%;}
	.pro_list ul li{ width:23%; margin-left:1%; margin-right:1%;}
	.pro_list ul li p{ font-size:20px;}
	.detail_list .top .img{ width:66%; padding-bottom:47.624%;}
	.pro_detail .pro_hot ul{ width:98%;}
	.pro_detail .pro_hot ul li{ width:23%; margin-left:1%; margin-right:1%;}
	.pro_detail .pro_hot ul li p{ font-size:20px;}
	
	.case_list ul{ width:98%;}
	.solu_list li .li_txt .content{ height:100%;}
	.solu_list li .li_txt .content .word{ width:80%; margin-left:8%;}
	.solu_list li .li_txt .content h3{ font-size:22px;}
	.solu_list li .li_txt .content span{ line-height:22px; margin-top:3%;}
	.news_top{ width:98%;}
	.news_list{ width:100%;}
	.news_list li .news_txt .date{ font-size:22px; line-height:26px;}
	.news_list li .news_txt a{ font-size:16px;}
	.down_list ul li .content{ width:82%;}
	.in_contact .con_list{ width:98%;}
	.in_contact .con_info{ width:94%;}
	.in_contact .con_map{ width:94%; padding-bottom:40%;}
	.in_contact .con_fen{ width:96%;}
}




@media (max-width: 1199px){
	
	.m_menu{ display:block;}
	.navbar{ display:none;}
	.banner{ margin-top:0px !important;}
	
	.page_banner{ margin-top:80px;}
	.inner_top .content{ width:100%;}
	.product_top{ margin-top:0px;}
	.pro_detail .fix-div{ top:80px;}
	
	.part01{ margin-top:80px;}
	.part03_main li .txt .content .word span{ height:75px; overflow:hidden;}
	#pro-demo .item .pro{ width:98%;}
	#pro-demo .item .pro .txt .content .word{}
	#pro-demo .item .pro .txt p{ font-size:22px; margin-bottom:4%;}
	#pro-demo .item .pro .txt span{ font-size:14px;}
	.part05{ margin-bottom:50px;}
	.part05 .content .bg05 .bor{ border-right: 1160px solid #fff; border-bottom: 70px solid rgba(158, 25, 25, 0); display:none;}
	.part05 .content .txt05{ padding-left:5%; padding-right:5%; width:50%; position:static; margin:-40px auto 0 auto; background:#fff; box-shadow:0px 5px 25px #ddd;}
	.part05 .content .txt05 span{ color:#666;}
	.part05 .content .txt05 a{ color:#009bdb;}
	#owl-demo .item .content .txt{ background-color:rgba(0,0,0,0.4);}
	#owl-demo .item .content .txt .title{ color:#fff;}
	#owl-demo .item .content .txt span{ color:#f2f2f2;}
	.footer_content .foot_nav{ float:inherit; width:100%;}
	.footer_content .foot_nav .list{ width:20%; margin-right:0;}
	.footer_content .right{ float:inherit; width:100%;}
	.inner_main{ width:96%;}
	.pro_list ul li p{ font-size:18px;}
	
	/*.detail_list .list li .img img{ width:120%; margin-left:-10%;}*/
	
	.detail_list .list li .txt{ width:92%; padding-left:4%; padding-right:4%; bottom:20px;}
	.detail_list .list li .txt h3{ font-size:22px;}
	.detail_list .list li .txt span{ font-size:16px; line-height:26px; margin-top:22px; margin-bottom:20px;}
	.pro_detail .pro_hot ul li p{ font-size:18px;}
	.news_list li{ width:97.5%;}
	.news_list li .news_img{ width:50%; padding-bottom:28.2%;}
	.news_list li .news_txt{ width:47%; padding-top:3%;} 
	.news_list li .news_txt .date{ font-size:30px;}
	.news_list li .news_txt a{ font-size:22px;}
	.news_top .txt .content .main p{ font-size:30px;}
	.news_top .txt .content .main a{ margin-bottom:3.5%; margin-top:2.5%;}
	.down_list ul li .content{ width:98%;}
}


@media (max-width: 992px){
	.part03{ margin-bottom:80px;}
	.part03_main li{ margin-bottom:10%;}
	.part03_main li .demo{ display:none;}
	.part03_main li .img{ float:inherit; width:100%; padding-bottom:50%;}
	.part03_main li .img a{ top:0px; box-shadow:none;}
	.part03_main li .txt{ float:inherit; width:100%; padding-bottom:inherit; position:static; margin-top:24px;}
	.part03_main li .txt .content{ position:static;}
	.part03_main li .txt .content .word{ padding-left:2%; padding-right:2%;}
	.part03_main li .txt .content .word p{  color:#009bdb;}
	.part03_main li .txt .content .word span{ color:#666; margin-top:16px; margin-bottom:0;}
	.part03_main li .txt .content .word a{ display:none;}
	.part03_main li:nth-child(even) .img{ float:inherit;}
	#pro-demo .item .pro .img{ float:inherit; width:60%; padding-bottom:45.11%; margin:0 auto;}
	#pro-demo .item .pro .txt{ float:inherit; width:100%; padding-bottom:0; position:static; margin-bottom:40px;}
	#pro-demo .item .pro .txt .content{ position:static;}
	#pro-demo .item .pro .txt .content .word{ text-align:center; padding-left:0; padding-right:0; margin:0 auto;}
	.part05 .content .txt05{ width:75%; margin:-30px auto 0 auto; padding-top:5%; padding-bottom:5%;}
	.part07 .in_case li{ width:47%;}
	.part09 { display:none;}
	.footer_content .foot_nav{ display:none;}
	.footer_m{ display:block;}	

	.honor_list li{ width:31.3%; padding-bottom:20.86%;}
	.pro_group ul li{ padding-top:70px; padding-bottom:70px;}
	.pro_group ul li .content .img{ float:inherit; width:66%; padding-bottom:49.62%; margin:0 auto;}
	.pro_group ul li:nth-child(odd) .img{ float:inherit;}
	.pro_group ul li .content .txt{ float:inherit; width:96%; margin:20px auto 0 auto; padding-bottom:0; position:static;}
	.pro_group ul li .content .txt .cont{ position:static;}
	.pro_group ul li .content .txt .cont .word{ margin:0 auto; text-align:center; width:98%;}
	.pro_group ul li .content .txt .cont .word span{ margin-top:4%; margin-bottom:4%;}
	.pro_show_top .img{ width:76%; padding-bottom:46.769%;}
	.pro_show_top .txt{ padding-left:4%; padding-right:4%;}
	.pro_list ul li{ width:31.3%;}
	.pro_detail .ctrl .content{ width:98%;}
	.pro_detail .ctrl .content .crumbs{ display:none;}
	.pro_detail .ctrl .content .butt{ float:none; margin:0 auto; text-align:center;}
	.detail_list .top .img{ width:80%; padding-bottom:60%;}
	.detail_list .top .txt{ padding-left:4%; padding-right:4%;}
	.detail_list .top .txt h3{ font-size:26px;}
	.detail_list .top .txt span{ font-size:16px; line-height:28px;}
	.pro_detail .pro_hot ul li { width:31.3%;}
	
	.case_list ul li{ width:31.3%; margin-left:1%; margin-right:1%;}
	.solu_list li{ margin-bottom:60px;}
	.solu_list li .li_img{ float:inherit; width:98%; padding-bottom:49%; margin:0 auto;}
	.solu_list li .li_txt{ float:inherit; width:98%; margin:0 auto; padding-bottom:0; position:static;}
	.solu_list li .li_txt .content{ position:static;}
	.solu_list li .li_txt .content .word{ width:96%; margin-left:0; padding-left:2%; margin-top:26px;}
	.solu_list li .li_txt .content span{ margin-top:16px; margin-bottom:20px;}
	.news_top{ box-shadow:none;}
	.news_top .img{ float:inherit; width:100%; padding-bottom:56.49%;}
	.news_top .txt{ float:inherit; width:100%; padding-bottom:0; position:static;}
	.news_top .txt .content{ position:static;}
	.news_top .txt .content .main{ width:94%; margin-left:3%; padding-top:20px;}
	.news_top .txt .content .main a{ margin-bottom:2.5%;}
	.news_list li{ margin-bottom:50px;}
	.news_list li .news_img{ float:inherit; width:100%; padding-bottom:56.49%;}
	.news_list li .news_txt{ float:inherit; width:95%; padding-bottom:0; position:static; padding-top:20px;}
	.news_list li .news_txt .date{ margin-top:0;}
	.news_list li .news_txt a{ margin-bottom:2.5%;}
	.news_list li .news_txt span{ height:auto;}
	.down_list ul li .content .img{ float:inherit; width:100%; padding-bottom:70.42%;}
	.down_list ul li .content .txt{ float:inherit; width:100%;padding-bottom:0; position:static;}
	.down_list ul li .content .txt .cont{ position:static;}
	.down_list ul li .content .txt .cont .word{ width:90%; margin-left:0; padding-left:5%; text-align:center;}
	.down_list ul li .content .txt .cont .word .down{ margin:0 auto;}
	.in_contact .con_list li{ width:48%; margin-bottom:20px;}
	.in_contact .con_info .txt{ float:inherit; width:100%; margin-bottom:50px;}
	.in_contact .messages{ float:inherit; width:100%;}
	.in_contact .con_fen li{ width:96%;}
	.in_contact .con_fen li span{ margin-top:18px;}
	.in_contact .con_fen li p{ margin-top:18px;}
	.in_contact .con_map{padding-bottom:70%;}
}




@media (max-width: 768px){
	.m_menu_list{ width:60%;}
	.m_menu_list .menu_list_close{ right:9%;}

	.part01 .in_play video{ width:100%;}	
	.part02 .main li .img{ margin-bottom:15%;}
	.part02 .main li .txt{ display:none;}
	.part03{ margin-top:50px;}
	.part04{ margin-bottom:50px;}
	
	.part05 .content .txt05{ width:94%; margin:0 auto; padding-top:3%; padding-bottom:0; box-shadow:none; padding-left:3%; padding-right:3%;}
	.part05 .content .txt05 span{ margin-bottom:3%;}
	.part06{ display:none;}
	.part07{ margin-bottom:50px;}

	.footer_content .right .code .qr{float:inherit; width:60%; margin:0 auto;  text-align:center;}	
	.footer_content .right .code .cont{float:inherit; width:98%; margin:0 auto;  text-align:center;}
	.footer_content .right .kefu{ margin:0 auto;}
	
	.try_main{ width:92%;}
	.try_top{ margin-top:0px;}

	.honor_list li{ width:48%; padding-bottom:32%;}
	.pro_group ul li .content .img{ width:76%; padding-bottom:57.14%;}
	.pro_list ul li{ width:48%;}
	.pro_list ul li p{ font-size:16px;}
	.product_top{ margin-top:80px;}

	/*.detail_list .list li .img img{ width:130%; margin-left:-15%;}*/

	.detail_list .list li .txt{ width:92%; padding-left:4%; padding-right:4%; bottom:10px;}
	.detail_list .list li .txt h3{ font-size:18px;}
	.detail_list .list li .txt span{ font-size:14px; line-height:24px; margin-top:20px; margin-bottom:10px;}
	.pro_detail .pro_hot ul{ width:98%;}
	.pro_detail .pro_hot ul li{ width:48%;}
	.pro_detail .pro_hot ul li p{ font-size:16px;}
	
	.case_list ul li{ width:48%; margin-left:1%; margin-right:1%;}
}



@media (max-width: 480px){

}