@charset "utf-8";

@import url("grid.css");/*网格*/

@import url("layout.css");/*整体框架*/

@import url("icon.css");/*图标*/

@import url("navi_02.css");/*02导航*/

@import url("banner.css");/*幻灯片*/

@import url("classify_01.css");/*侧栏样式*/

@import url("a_style.css");/*01装饰器*/

@import url("a_style_1.css");/*02装饰器*/

@import url("links.css");/*友情链接*/

@import url("kefu.css");/*在线客服*/

@import url("doc.css");/*自定义文档*/

/*@import url("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:9999999!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;

 transition: all 0.2s linear -1ms;}

.header .navbar .pc_menu .pc_logo{ float:left; height:100%; margin-left:2%;align-items:center; display: -webkit-flex;}

.header .navbar .pc_menu .pc_logo a { display:block; height:60%;}

.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

.header .navbar .pc_menu .pc_menu_right{ float:right; margin-right:4%;}

.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:#005ca1 !important;}

.header .navbar .pc_menu .pc_menu_right .cur .t{ color:#005ca1 !important;}





/*-----滚动后--------*/

.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:#005ca1; 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:50px; margin-top:15px;  position: absolute; left:2%;}

.m_menu_top .m_logo img{ height:100%;}

.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:#005ca1;}



.m_menu_list .lang{display:flex;justify-content: space-around;}

.m_menu_list .lang a{display: inline-block;width:40%;border:1px solid #eee;padding:0.2rem 0px;font-size:16px;text-align: center;}

.m_menu_list .lang a.ons{background: #005ca1;color:#fff;}

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





.part01{ width:100%; z-index:1 !important; position:relative;}

.part01 .banner{ z-index:2 !important; width:100%;}

.swiper-wrapper{ z-index:3 !important; width:100%;}

.banner .two{ display:none;}





.part_one{ margin-top:100px;}





.part02{ background:#005ca1; width:82%; margin:-40px auto 0 auto; z-index:999 !important; position:absolute; left:9%;

box-shadow:0px 8px 26px rgba(0,0,0,0.15);}

.part02 .word{ float:left; height:90px; line-height:90px; font-size:16px; color:#fff; margin-left:2%;}

.part02 .word a{ line-height:90px; color:#f0f0f0; font-size:14px;}

.part02 .word a:hover{ color:#fff;}

.part02 .in_search{ float:right; height:38px; background:#fff; margin-top:26px; line-height:38px; margin-right:2%; border:1px solid #ccc;}

.part02 .in_search .input{ display:inline-block; height:38px; background:#fff; border:none; text-indent:14px; width:300px; line-height:38px; vertical-align:top; outline:none;}

.part02 .in_search .submit{ display:inline-block; width:38px; height:38px;}

.part02 .in_search .submit img{ width:20px; height:20px; margin-top:9px; margin-left:9px;}







.in_title{ margin-bottom:30px;}

.in_title h2{ font-size:60px; color:#eee; font-weight:normal; font-family:"Impact";letter-spacing:8px;}

.in_title p{ font-size:20px; font-weight:bold; color:#005ca1; margin-top:-46px;}

.in_title span{ display:block; font-size:16px; color:#777; margin-top:28px;}



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



.part03{ width:82%; margin:170px auto 110px auto;}

.part03 .txt{ float:left; width:50%;}

.part03 .txt .in_title{ text-align:left; margin-top:4%;}

.part03 .txt .word{ display:block; width:85%; font-size:18px; color:#666; text-align:left; margin-bottom:5%; line-height:28px;}

.part03 .txt .in_more{ display:block; text-align:left; font-size:16px; font-family:arial; color:#999;}

.part03 .txt .in_more:hover{ color:#005ca1;}



.part03 .img{ float:right; width:48%; margin-right:2%;padding-bottom:24%; background:#005ca1; position:relative;}



.part03 .img .content{ position:absolute; width:100%; height:100%;top:-8%; left:4%;}

#img-demo{ height:100%;}

#img-demo .item{ width:100%; padding-bottom:50%; position:relative;}

#img-demo .item a{display:block; position:absolute; width:100%; height:100%; top:0; left:0;}

#img-demo .item a img{ width:100%; height:100%;	}





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



.part05{ width:82%; margin:0 auto 100px auto;}



#pro-demo { width:100%;margin:0 auto;}

#pro-demo .item{ margin-left:5%; margin-right:5%; margin-bottom:20px; padding-bottom:38px; position:relative; overflow:visible;}

#pro-demo .item .img{ width:100%; padding-bottom:100%; position:relative;}

#pro-demo .item .img a{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}

#pro-demo .item .img a img{ width:100%; height:100%;

	webkit-transition: all 0.5s linear -1ms;

	-moz-transition: all 0.5s linear -1ms;

	-ms-transition: all 0.5s linear -1ms;

	-o-transition: all 0.5s linear -1ms;

	transition: all 0.5s linear -1ms;}

#pro-demo .item .more{ display:block; background:#005ca1; width:80%; margin:-50px auto 0 auto; padding-top:18px; padding-bottom:16px; z-index:99999 !important; position:absolute; left:10%;}

#pro-demo .item .more h3{ font-size:16px; color:#fff; font-weight:normal; line-height:28px;}

#pro-demo .item .more p{ font-family:arial; font-size:14px; color:#fff;}

#pro-demo .item:hover .more{ background:#005ca1; margin-top:-60px;box-shadow:0px 7px 22px rgba(0,0,0,0.15);}

#pro-demo .item:hover .img a{box-shadow:0px 7px 22px rgba(0,0,0,0.15);}

#pro-demo .item:hover .img a img{

	webkit-transition: all 0.5s linear -1ms;

	-moz-transition: all 0.5s linear -1ms;

	-ms-transition: all 0.5s linear -1ms;

	-o-transition: all 0.5s linear -1ms;

	transition: all 0.5s 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);}





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



.part04{ width:84%; margin:0 auto 100px auto;}

.part04 .content{ width:100%;}

.part04 .content li{ float:left; width:47%; height:auto; margin-left:1.5%; margin-right:1.5%; margin-bottom:40px; position:relative;}

.part04 .content li .img{ width:96%; padding-bottom:48%; margin-left:4%; position:relative;}

.part04 .content li .img a{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}

.part04 .content li .img a img{height:100%; width:100%;

	webkit-transition: all 0.5s linear -1ms;

	-moz-transition: all 0.5s linear -1ms;

	-ms-transition: all 0.5s linear -1ms;

	-o-transition: all 0.5s linear -1ms;

	transition: all 0.5s linear -1ms;}

.part04 .content li .txt{ position:absolute; top:8%; left:0; background:rgba(0,92,161,0.85); text-align:left; padding:0 40px 0 40px; max-width:50%; height:60px; overflow:hidden;

	webkit-transition: all 0.2s linear -1ms;

	-moz-transition: all 0.2s linear -1ms;

	-ms-transition: all 0.2s linear -1ms;

	-o-transition: all 0.2s linear -1ms;

	transition: all 0.2s linear -1ms;}

.part04 .content li .txt h3{ font-weight:normal; font-size:22px; color:#fff; line-height:60px;text-align: left;transition: all 0.2s linear -1ms;}

.part04 .content li .txt p{ display:block; font-size:16px; color:#fff; margin-top:24px; line-height:28px;}

.part04 .content li .more{ display:block;height:100%; width:100%; position:absolute; top:0; left:0;}

.part04 .content li:hover img{

	webkit-transition: all 0.5s linear -1ms;

	-moz-transition: all 0.5s linear -1ms;

	-ms-transition: all 0.5s linear -1ms;

	-o-transition: all 0.5s linear -1ms;

	transition: all 0.5s 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);}

.part04 .content li:hover .txt{ max-width:80%;   overflow:hidden; padding:0 40px 0px 40px;

	webkit-transition: all 0.2s linear -1ms;

	-moz-transition: all 0.2s linear -1ms;

	-ms-transition: all 0.2s linear -1ms;

	-o-transition: all 0.2s linear -1ms;

	transition: all 0.2s linear -1ms;}

.part04 .content li:hover .txt h3{text-align: center;}

.part04 .in_more{ display:block; margin:0 auto; width:130px; height:40px; background:#ddd; line-height:40px; color:#999; text-align:center; font-size:16px;}

.part04 .in_more:hover{ background:#005ca1; color:#fff;}

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



.part06{ width:100%; margin:80px auto 90px auto; padding-top:50px; padding-bottom:50px; background:url(../images/part06_bg.jpg) no-repeat; background-size:cover;}

.part06 .in_title h2{ color:#086b37;}

.part06 .in_title p{ color:#fff;}

.part06 .in_title span{ color:#f0f0f0;}

#cases-demo{ width:84%; margin:0 auto;}

#cases-demo .item{ margin-left:4%; margin-right:4%;}

#cases-demo .item li{ width:100%; margin-bottom:30px;

	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;}

#cases-demo .item li .img{ width:100%; padding-bottom:56.27%; position:relative;}

#cases-demo .item li .img .im{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; overflow:hidden;}

#cases-demo .item li .img .im img{ width:100%; height:100%;}

#cases-demo .item li .img .link{ display:block;height:100%; width:100%; position:absolute; top:0; left:0; background-color:rgba(2,33,16,0.7);align-items:center; display: -webkit-flex;

	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;}

#cases-demo .item li .img .link img{ display:block; width:12%; margin:0 auto;}

#cases-demo .item li .more{ display:block; width:100%; background:#f0f0f0; color:#333; font-size:16px; height:40px; line-height:40px;overflow: hidden;}

#cases-demo .item li:hover .img .link{

	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=100);

	-moz-opacity: 1;

	opacity:1;}

#cases-demo .item li:hover{box-shadow:0px 8px 24px rgba(0,0,0,0.2);

	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;}

#cases-demo .item li:hover .more{ background:#fff; color:#005ca1;}



.part05 .in_more{ display:block; margin:0 auto; width:130px; height:40px; background:#ddd; line-height:40px; color:#999; text-align:center; font-size:16px;}

.part05 .in_more:hover{ background:#005ca1; color:#fff;}





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



.part07{ width:82%; margin:0 auto 90px auto;}

.part07 .top { margin-bottom:20px;}

.part07 .top .in_title{ text-align:left; float:left;}

.part07 .top .choose{ float:right; padding-top:20px;}

.part07 .top .choose a{ display:inline-block; width:auto; height:34px; line-height:34px; color:#666; background:#ddd; margin-left:14px; border-radius:20px; padding-left:20px; padding-right:20px;}

.part07 .top .choose a:hover{ background:#005ca1; color:#fff;}

#news-demo{ width:100%;}

#news-demo .item{ margin-left:2%; margin-right:8%; margin-bottom:20px; text-align:left; position:relative;}

#news-demo .item .date{ font-size:14px; color:#ccc; line-height:26px; margin-bottom:14px;transition: all 0.3s linear -1ms;}

#news-demo .item .tit{ display:block; font-size:20px;   margin-bottom:20px;}

#news-demo .item .txt{ display:block; color:#666; line-height:24px; margin-bottom:22px;}

#news-demo .item .more{ display:block; text-align:center; font-size:20px; background:#fff; color:#ccc; width:40px; height:40px; line-height:38px; border:1px solid #ccc; box-sizing:border-box;}

#news-demo .item:hover .link{ position:absolute; display:block; height:100%; width:100%; top:0; left:0;}

#news-demo .item:hover .more{ width:80px; background:#005ca1; color:#fff; border-color:#005ca1;}

#news-demo .item:hover .tit{ color:#005ca1;}



/*-------part07 END----------*/

.part08{ width:100%; background:url(../images/part07_bg.jpg) center no-repeat; background-size:cover; padding-top:56px; padding-bottom:60px; text-align:center;}

.part08 p{ font-size:24px; color:#fff;}

.part08 h2{ font-family:impact; color:#fff; font-size:60px; letter-spacing:4px; margin-top:34px; margin-bottom:34px;}

.part08 .a{ display:block; margin:0 auto; width:150px; height:44px; line-height:44px; font-size:18px; color:#fff; border:1px solid #fff; box-sizing:border-box; border-radius:30px; text-align:center;}

.part08 .a:hover{ background:#fff; color:#005ca1;}





.footer{ width:100%; background:#eeeeee; margin:0px auto 0 auto; padding-top:50px; }

.footer_content{ width:66%; margin:0 auto; text-align:left;}

.footer_content .logo{ float:left; width:26%; margin-bottom:40px;    overflow: hidden;}

.footer_content .logo a{ display:block; height:56px;}

.footer_content .logo a img{ height:100%;}

.footer_content .logo p{ font-size:14px; color:#666; margin-top:22px;}



.footer_content .contact{ float:left; width:40%; margin-bottom:40px;}

.footer_content .contact .tit{ display:block; font-size:22px; color:#666; margin-bottom:24px;}

.footer_content .contact span{ display:block; font-size:14px; color:#666; line-height:26px;}



.footer_content .follow{ float:left; width:34%; margin-bottom:40px;}

.footer_content .follow .tit{ font-size:22px; color:#666; margin-bottom:24px;}

.footer_content .follow ul li{ float:left; width:45px; height:45px; margin-right:20px;}

.footer_content .follow ul li a{ display:block; height:100%; width:100%;}

.footer_content .follow ul li a img{ display:block; height:100%; width:100%;

		filter: grayscale(100%);

        -webkit-filter: grayscale(100%);

        -moz-filter: grayscale(100%);

        -ms-filter: grayscale(100%);

        -o-filter: grayscale(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;}

.footer_content .follow ul li a:hover img{

		filter: grayscale(0%);

        -webkit-filter: grayscale(0%);

        -moz-filter: grayscale(0%);

        -ms-filter: grayscale(0%);

        -o-filter: grayscale(0%);

	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;}









.footer_content .copy{ height:auto; padding-top:20px; padding-bottom:20px;}

.footer_content .copy p{ font-size:14px; text-align:left; color:#999; display:inline-block;}

.footer_content .copy p a{ color:#999;}

.footer_content .copy p a:hover{ color:#005ca1;}



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



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

.page_banner .m{ display:none;}	



.inner_top{ width:100%; height:auto;}

.inner_top .content{ width:98%; margin:0 auto; text-align:center; }

.inner_top .content li{ display:inline-block; padding-left:17px; padding-right:17px; text-align:center; height:56px;}

.inner_top .content li a{ display:block; font-size:16px; line-height:30px; color:#005ca1; line-height:54px;}

.inner_top .content .cur a{color:#005ca1; border-bottom:2px solid #005ca1;}

.inner_top .content li a:hover{ color:#005ca1; border-bottom:2px solid #005ca1;}



.inner_main{ background:#fff; width:66%; margin:0 auto 80px auto;}

.inner_main p{font-size:16px;line-height:2;text-align: left !important;}

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

.honor_list{ width:82%; margin:0 auto 0 auto;}

.honor_list li{ float:left; background:#f4f4f4; 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; overflow:hidden;}

.honor_list li a img{ display:block; height: 100%; margin:0 auto;}

.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;}



	



.pro_page{ background:#e9f2ee;}

.pro_search{ margin:30px auto 50px auto; width:550px;}

.pro_search .input{ background:none; border:none; font-size:22px; height:42px; line-height:42px; font-family:"Microsoft YaHei"; border-bottom:2px solid #ccc; width:500px; vertical-align:top; outline:none;}

.pro_search .submit{ display:inline-block; width:40px; height:40px;}

.pro_search .submit img{ display:inline-block; width:30px; height:30px; margin-top:5px; margin-left:5px;

		filter: grayscale(100%);

        -webkit-filter: grayscale(100%);

        -moz-filter: grayscale(100%);

        -ms-filter: grayscale(100%);

        -o-filter: grayscale(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;}

.pro_search .submit:hover img{

			filter: grayscale(0%);

        -webkit-filter: grayscale(0%);

        -moz-filter: grayscale(0%);

        -ms-filter: grayscale(0%);

        -o-filter: grayscale(0%);

	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;}







.pro_list{ width:82%; margin:0 auto;}

.pro_list ul{ width:100%; margin:0 auto;}

.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%; 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:16px; margin-top:8%;    margin-bottom: 8%;transition: all 0.3s linear -1ms;}

.pro_list ul li span{ display:none; color:#666; font-size:14px; line-height:26px; width:82%; margin:6% auto; height:52px; overflow:hidden;}

.pro_list ul li .detail{ display:block; width:130px; height:40px; line-height:40px; margin:0 auto; background:#f0f0f0; color:#777;}

.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 rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}

.pro_list ul li:hover p{ color:#005ca1; transition: all 0.3s linear -1ms;}

.pro_list ul li:hover .detail{ background:#005ca1; color:#fff;}





.pro_detail{ width:66%; margin:0 auto;}

.pro_detail .top{ width:100%; margin-bottom:40px;}

.pro_detail .top .left{ width:45%; float:left;}

.pro_detail .top .left .img{ width:100%; padding-bottom:68%; position:relative;}

.pro_detail .top .left .img img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.pro_detail .top .right{ width:55%; padding-bottom:30%; float:left; position:relative;}

.pro_detail .top .right .txt{ position:absolute; top:0; left:0; width:100%; height:80%; align-items:center; display: -webkit-flex;}

.pro_detail .top .right .txt .content{ padding-left:10%;}

.pro_detail .top .right .txt h3{ font-size:24px; font-weight:normal; color:#333; margin-bottom:30px;}

.pro_detail .top .right .txt span{ display:block; width:98%; font-size:14px; color:#666; line-height:22px;}



.pro_detail .detail{ width:100%; margin:0 auto 80px auto; }

.pro_detail .detail .title{ width:100%; line-height:40px; height:40px; border-bottom:2px solid #ddd; margin-bottom:30px;}

.pro_detail .detail .title span{ font-size:22px; font-weight:normal; display:inline-block; color:#005ca1; border-bottom:2px solid #005ca1;}

.pro_detail .detail .inner_main{ width:100%;}



.pro_detail .ctrl{ width:100%; margin:0 auto 40px auto;}

.pro_detail .ctrl .left{ float:left;}

.pro_detail .ctrl .left p{ color:#666; font-size:14px;}

.pro_detail .ctrl .left p a{ color:#666; font-size:14px;}

.pro_detail .ctrl .left p a:hover{ color:#005ca1;}

.pro_detail .ctrl .back{ float:right; margin-top:3px;}

.pro_detail .ctrl .back a{ display:block; font-size:14px; line-height:38px; height:38px; width:140px; border-radius:40px; background:#ddd; text-align:center; color:#666;}

.pro_detail .ctrl .back a:hover{ background:#005ca1; color:#fff;}









.design_list{ width:66%; margin:0 auto;}

.design_list .list{ width:100%;}

.design_list .list li{ width:100%; background:#f6f6f6; transition: all 0.3s linear -1ms; margin-bottom:50px;}

.design_list .list li .right{ float:right; width:60%;}

.design_list .list li .right .img{ width:100%; padding-bottom:50%; position:relative;}

.design_list .list li .right .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}

.design_list .list li .right .img a img{ width:100%; height:100%; transition: all 0.4s linear -1ms;}

.design_list .list li .left{ width:40%; float:left; padding-bottom:30%; position:relative;}

.design_list .list li .left .txt{ position:absolute; top:0; left:15%; width:70%; height:100%; align-items:center; display: -webkit-flex;}

.design_list .list li .left .txt h3{ font-size:22px; font-weight:normal; color:#333; margin-bottom:32px;}

.design_list .list li .left .txt p{ display:block; font-size:14px; color:#666; margin-bottom:26px;}

.design_list .list li .left .txt .link{ display:block; height:40px; width:130px; line-height:40px; color:#fff; background:#005ca1; text-align:center;}

.design_list .list li:hover{ background:#fff; box-shadow:0px 10px 40px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}

.design_list .list li:hover .img img{ transition: all 0.4s linear -1ms;

	transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-o-transform: scale(1.5);}

	

	

	

.design_list .plan{ width:100%; margin-bottom:70px;}

.design_list .plan .title{ margin-bottom:20px;}

.design_list .plan .title h2{ font-size:22px; font-weight:normal; color:#005ca1;}

.design_list .plan .title span{ display:block; width:40px; height:2px; background:#005ca1; margin-top:20px;}

.design_list .plan .option input{ outline:none; text-indent:6px;}

.design_list .plan .option li{ margin-bottom:16px;}

.design_list .plan .option li p{  float:left; font-size:16px; line-height:34px; font-weight:bold;}

.design_list .plan .option li ul{ float:left;}

.design_list .plan .option li ul li{ float:left; margin-right:18px; line-height:34px; margin-bottom:0;}

.design_list .plan .option .size ul li input{ margin-left:8px; width:50px;}

.design_list .plan .option .submit input{ display:block; width:130px; height:40px; background:#005ca1; color:#fff; font-size:16px; line-height:40px; text-align:center;border:0px;}

.design_list .plan .option .submit input:hover{ background:#005ca1;}







.case_list{ width:82%; margin:0 auto;}

.case_list ul{ width:100%;}

.case_list ul li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:50px;}

.case_list ul li .top{ width:100%; padding-bottom:56.27%; position:relative;}

.case_list ul li .top .img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}

.case_list ul li .top .img img{ width:100%; height:100%;  transition: all 0.4s linear -1ms;}

.case_list ul li .top .tit{ display:block; position:absolute; bottom:0; left:0; width:97%; height:60px; background:rgba(0,0,0,0.7); font-size:18px; color:#fff; line-height:60px; padding-left:3%;overflow: hidden;}

.case_list ul li .txt{ width:94%; padding-left:3%; padding-right:3%;}

.case_list ul li .txt .line{ width:40px; height:3px; background:#005ca1; margin-top:20px; margin-bottom:14px; transition: all 0.4s cubic-bezier(0.51, 0, 0.13, 0.98) -1ms;}

.case_list ul li .txt span{ display:block; color:#666; font-size:14px; line-height:22px; width:100%;height: 66px;overflow: hidden;}

.case_list ul li:hover .img img{ transition: all 0.4s linear -1ms;

	transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-o-transform: scale(1.5);}

.case_list ul li:hover .tit{ background-color:rgba(0,92,161,0.8);}

.case_list ul li:hover .line{ width:80px; transition:all 0.4s cubic-bezier(0.51, 0, 0.13, 0.98) -1ms;}







.news_top{ width:82%; margin:0 auto 70px auto; transition: all 0.3s linear -1ms; }

.news_top .img{ width:50%; padding-bottom:25%; 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:25%; 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:18px; margin-top:5%; margin-bottom:5%;}

.news_top .txt .content .main p{ font-size:30px; 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:#005ca1;}

.news_top:hover{ box-shadow:0px 10px 40px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms; }







.news_list{ width:84%; margin:0 auto;}

.news_list li{ width:31.3%; float:left; margin-left:1%; margin-right:1%; margin-bottom:40px;  box-shadow:0px 3px 8px rgba(0,0,0,0.15); transition: all 0.3s linear -1ms;}

.news_list li .news_img{ width:100%; padding-bottom:50%; 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{ width:95%; padding-left:2.5%; overflow:hidden;}

.news_list li .news_txt a{ display:block; font-size:18px; margin-bottom:3%;}

.news_list li .news_txt .date{ font-weight:normal; font-size:24px; color:#999; line-height:40px; margin-top:2%; margin-bottom:2%;}

.news_list li .news_txt span{ display:block; font-size:14px; width:100%; color:#666; line-height:24px; height:75px; overflow:hidden; margin-bottom:14px;}



.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{ box-shadow:0px 8px 25px rgba(0,0,0,0.15);}

.news_list li:hover .news_txt a{ color:#005ca1;}

.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;}

/*--0620-----------------------------------------*/









.in_contact{ width:100%; margin:0 auto ;}

.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:#005ca1; margin-bottom:45px;}

.in_contact .con_info .txt span{ color:#666; font-size:16px; line-height:40px;}

.in_contact .messages{ float:left; width:50%;}



.in_contact .con_info .messages h3{ margin-bottom:30px;}

.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:130px; height:40px; color:#fff; background:#005ca1; line-height:40px; text-align:center;  border:none;}

.messages .area li .submit:hover{ background:#26ac66;}



.in_contact .con_map{ margin:0 auto 50px 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; background:#E7F8EE;}

.in_contact .con_fen .list{ width:30.33%; padding-left:1.5%; padding-right:1.5%; float:left; text-align:center; transition: all 0.3s linear -1ms; min-height: 440px;}

.in_contact .con_fen .list h3{ font-size:22px; font-weight:normal; color:#005ca1; margin-top:40px; text-align:center;}

.in_contact .con_fen .list span{ display:block; color:#888; line-height:24px; height:48px; margin-bottom:22px; text-align:center;}

.in_contact .con_fen .list p{ color:#333; font-size:16px; margin-top:34px; margin-bottom:16px; text-align:center;} 

.in_contact .con_fen .list .kefu{ display:block; margin:0 auto; width:130px; height:40px; line-height:40px; background:#005ca1; color:#fff; text-align:center; margin-top:40px; margin-bottom:40px;}

.in_contact .con_fen .list:hover{ background:#fff; box-shadow:0px 5px 25px #ddd; transition: all 0.3s linear -1ms;}

.inner_main{width:56%;}





/*----0817----*/

#s_footer{    width: 100%;position: fixed;bottom: 0px;height: 40px;background: none; display:none;}

#s_footer .content{ width:80%; margin:0 auto; height:100%;}

#s_footer .content .rexian{ margin:0 auto;}

#s_footer .content .haoma{ }

#s_footer .content .btn{ width:45%; height:30px; margin-top:5px; background:#005ca1;border-radius:4px;}

#s_footer .content .btn a{ display:block; line-height:30px; text-align:center; color:#fff; background:url(../images/phone.png) no-repeat left;}

#s_footer .content .btn:hover{ background:#3eb577;}













@media (max-width: 1440px){

	

	.nav #m2 .sub .content{ width:98%;}

	

	.part03{ width:98%;margin: 110px auto 50px auto;}

	.part03 .txt .in_title{ margin-bottom: 65px;}

	.part03 .txt .word{ font-size:14px; line-height:28px;width: 90%;}

	.part03 .txt .in_more{ font-size:14px;}

	.part04{ width:98%; margin:0 auto 50px auto;}

	.part04 .content li{margin-bottom: 30px;}

	

	.part05{ width:97%;margin: 0 auto 50px auto;}

	.part06{    margin: 60px auto 40px auto;}

	#cases-demo{ width:98%;}

	.part07{ width:98%;margin: 0 auto 50px auto;}

	.footer_content{ width:98%;}

	

	.inner_top .content{ width:100%;}

	.inner_main{ width:82%;}

	.honor_list{ width:100%;}

	

	.pro_list{ width:98%;}

	.pro_list ul li{ width:23%; margin-left:1%; margin-right:1%;}

	

	.pro_detail{ width:82%;}

	.design_list{ width:98%;}

	

	.case_list{ width:98%;}

	

	.news_top{ width:98%;}

	.news_list{ width:100%;}



	

	

	

	

	

	

	.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:80px !important;}

	.page_banner{ margin-top:80px;}

	

	.in_title{ margin-bottom:24px;}

	.in_title span{ display:none;}

	.in_title h2{ font-size:44px;letter-spacing: 4px;}

	.in_title p{ font-size:18px; margin-top:-35px;}

	

	.part_one{ margin-top:80px;}

	.part02{ margin-top:0px; width:100%; left:0%;}

	.swiper-container-horizontal>.swiper-pagination{bottom: 10px !important ;}

	.part03{ margin-bottom:80px;}

	.part03 .txt .in_title{ margin-top:1%;}

	.part04 .content li{margin-bottom: 20px;}

	.part04 .content li .txt{height: 50px;}

	.part04 .content li .txt h3{font-size: 18px;line-height: 50px;}



	#pro-demo .item{margin-bottom: 6px;padding-bottom: 10px;}

	#pro-demo .item .more p{ display:none;}

	

	

	

	

	

	



	.part06{ margin: 80px auto 70px auto; padding:0; background:none;}

	.part06 .in_title h2{color: #eee;}

	.part06 .in_title p{color: #005ca1;}

	

	

	

	.footer_content .logo{ width:40%;}

	.footer_content .follow{ width:60%;}

	

	.inner_top .content li{ height:48px;}

	.inner_top .content li a{ font-size:16px; line-height:48px;}

	.inner_main{ width:96%;}

	.pro_search .input{ font-size:16px;}

	.pro_detail{ width:98%;}

	

	.news_list li{ width:48%;}

	#cases-demo .item li{ margin-bottom:20px;}

	

	

}





@media (max-width: 992px){

	.part03{ margin-top:100px;}

	.part03 .in_title{ margin-bottom:16px; margin-top:10px;}

	.part03 .img{ width:100%; float:inherit; margin-right:0%; padding-bottom:0;}

	

	.part03 .txt{ float:inherit; width:100%;}

	.part03 .txt .word{ width:100%; margin-bottom:18px;}

	

	.part03 .img .content{ position:static;}

	.part04 .content li{width:97%;}

	

	

	



	.inner_top .content li{ height:48px;}

	.inner_top .content li a{ font-size:16px; line-height:36px;}

	.inner_main{ width:96%;}

	

	.honor_list li{ width:31.3%; padding-bottom:20.86%;}

	

	.pro_search .input{font-size: 16px;}

	.pro_list ul li{ width:31.3%;}

	.pro_detail .top .left{ width:100%; float:inherit;} 

	.pro_detail .top .right{ width:100%; float:inherit; position:static; padding-bottom:0;}

	.pro_detail .top .right .txt{ position:static; height:auto;}

	.pro_detail .top .right .txt .content{ padding-left:0;}

	.pro_detail .top .right .txt h3{ margin-top:14px; margin-bottom:16px;}

	.pro_detail .ctrl .left{ float:inherit;}

	.pro_detail .ctrl .back{ float:inherit; margin-top:10px;}

	

	.design_list .list li{ margin-bottom:30px;}

	.design_list .list li .right{ width:100%; float:inherit;}

	.design_list .list li .left{ width:100%; float:inherit; padding:0%; height:auto; position:static;}

	.design_list .list li .left .txt{ position:static; width:98%; padding-left:2%; left:0;}

	.design_list .list li .left .txt h3{ margin-top:1%; margin-bottom:2%;}

	.design_list .list li .left .txt p{ margin-bottom:8px;}

	.design_list .list li .left .txt .link{ display:none;}

	.design_list .list li:hover{ box-shadow:none; background:#f6f6f6;}

	.design_list .plan{ width:98%; margin:0 auto;}

	

	.case_list ul li{ width:98%; margin-left:1%; margin-right:1%;}

	

	.news_top{ margin-bottom:30px;}

	.news_top .txt .content{ position:static;}

	.news_top .txt .content .main{ width:94%; margin-left:3%; padding-top:0px;}

	.news_top .txt .content .main p{ font-size:14px;}

	.news_top .txt .content .main a{ margin-bottom:1%; font-size:16px; margin-top:0%;}

	.news_top .txt .content .main span{ display:none;}

	.news_top .img{ float:inherit; width:100%; padding-bottom:50%;}

	.news_top .txt{ float:inherit; width:100%; padding-bottom:0; position:static;}

	

	.news_list li{ margin-bottom:20px;}

	.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:0px;}

	.news_list li .news_txt .date{ margin-top:0; font-size:14px; line-height:34px; margin-bottom:0;}

	.news_list li .news_txt a{ margin-bottom:2.5%;}

	.news_list li .news_txt span{ height:auto;}

	

	.in_contact .con_list li{ width:48%; margin-bottom:20px;}

	.in_contact .con_info{ margin-bottom:40px;}

	.in_contact .con_info .txt{ float:inherit; width:100%; margin-bottom:50px;}

	.in_contact .messages{ float:inherit; width:100%;}

	.in_contact .con_fen{ margin-top:10px;}

	.in_contact .con_fen li{ width:96%;}

	.in_contact .con_fen .list{ width:97%; text-align:left; background:#fff; border-bottom:1px solid #ddd; min-height:auto;}

	.in_contact .con_fen .list h3{ text-align:left;}

	.in_contact .con_fen li{ text-align:left;}

	.in_contact .con_fen .list p{ text-align:left; margin-top:20px; margin-bottom:6px;}

	.in_contact .con_fen .list span{ text-align:left;}

	.in_contact .con_fen .list .kefu{ margin-left:0; margin-top:16px; margin-bottom:20px;}

	.in_contact .con_fen .list:hover{ box-shadow:none;}

	.in_contact .con_map{padding-bottom:70%;}

	

	

}









@media (max-width: 768px){

	.m_menu_list{ width:60%;}

	.m_menu_list .menu_list_close{ right:9%;}

	

	

	.part02 .word{ display:none;}

	.part02 .in_search{ float:inherit; margin:10px;}

	.part02 .in_search .input{ width:86%; float:left;}

	.part02 .in_search .submit{ float:right;}

	.part03{ margin-bottom:50px; margin-top:100px;}

	.part03 .txt .in_title{ margin-bottom:20px;}

	 .part04 .content li .txt{padding: 0 25px 0 25px;}

	.part04 .content li:hover .txt{ max-width:80%;   overflow:hidden; padding:0 25px 0px 25px;}

	.part04 .content li .txt h3{font-size: 16px;}



	#pro-demo .item .more{margin: -30px auto 0 auto;padding-top: 6px;padding-bottom: 6px;}

	#pro-demo .item:hover .more{margin: -30px auto 0 auto;}



	.part06{ margin-top:50px; margin-bottom:50px;}

	.part07{ margin-bottom:50px;}

	.part07 .top .in_title{ text-align:center; float:inherit;}

	.part07 .top .choose{ float:inherit;}

	.part07 .top .choose a{ margin-left:10px; margin-right:10px;}

	.part08{ padding:30px 0 30px 0;}

	.part08 p{ font-size:18px; width:90%; margin:0 auto;}

	.part08 h2{ font-size:28px; margin-top:20px; margin-bottom:20px;}

	.footer{ padding-top:40px;}



	.footer_content .logo{ width:98%; float:inherit; margin-bottom:30px;}

	.footer_content .contact{display:none;}

	.footer_content .follow{ width:98%; float:inherit; margin-bottom:30px;}

	.footer_content .follow ul li{ margin-bottom:10px; margin-right:10px;}

	

	.inner_top .content{text-align: left;font-size: 0;}

	.inner_top .content li{height:32px; width:33.3%;padding-left: 0px;padding-right: 0px;font-size:0; border:1px solid #005ca1;box-sizing: border-box;}

	.inner_top .content li a{ font-size:14px; line-height:32px;}

	.inner_main p img{ width:100%; height:auto;}

	.honor_list li{ width:48%; padding-bottom:32%;}

	.pro_search{ width:350px; margin-bottom:30px;}

	.pro_search .input{ width:300px;}

	.pro_search .submit img{

		filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);}

	.pro_list ul li{ width:48%;padding-bottom: 2%;margin-bottom: 2%}

	.pro_list ul li .img{    width: 88%;    margin-top: 6%;    margin-left: 6%;margin-right: 6%;padding-bottom: 66%;}

	.pro_list ul li span{ display:none;}

	.pro_list ul li p{ font-size:14px; margin-bottom:1%; margin-top:4%;height: 22px;overflow: hidden;}

	.pro_list ul li .detail{ display:none;}

	.pro_detail{ width:96%;}

	.case_list ul li{ margin-bottom:30px;}

	.case_list ul li .top .tit{ font-size:16px; line-height:42px;}

	

	.news_top{box-shadow: 0px 3px 8px rgba(0,0,0,0.15);}

	.news_list li{ width:98%;}

	.news_list li .news_txt span{ display:none;}

	

	.in_contact .con_info h3{ margin-bottom:30px;}

	

	.pageGuide{ margin-bottom:50px;}

	.paging a{ margin-bottom:6px;}



	#s_footer{display:block;}

}







@media (max-width: 480px){



}





.inner_main p{

    text-align: center;

}

.inner_main span {

    text-align: center;

}

.inner_main img{

    text-align: center;

}

.pro_detail .inner_main p{text-align: left;}





/*0316 隐藏页面中间的商桥窗口*/

#newBridge .nb-middle{display: none !important;}



.ot_ctrl {

    background: #fff;

    width: 56%;

    margin: 0 auto 80px auto;

}

.ot_ctrl .left {

    float: left;

}

.ot_ctrl .left p {

    color: #666;

    font-size: 14px;

}

.ot_ctrl .left p a {

    color: #666;

    font-size: 14px;

}

.ot_ctrl .back {

    float: right;

    margin-top: 3px;

}

.ot_ctrl .back a {

    display: block;

    font-size: 14px;

    line-height: 38px;

    height: 38px;

    width: 140px;

    border-radius: 40px;

    background: #ddd;

    text-align: center;

    color: #666;

}



.active a{background:#005ca1 !important; color:#fff !important;}
.but-a{background:#005ca1 !important; color:#fff !important;padding:0px 20px;}
.header .navbar .pc_menu .pc_menu_right li:hover .t{color:#fff !important;}