@charset "utf-8";
html { }
*{text-overflow: ellipsis;}
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666; font-family:"思源黑体","微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }


/*header头部的CSS布局*/

.main_box{width:1200px;margin:0 auto;padding:0;}


.header{ height:110px; background: url(../images/top-bg.jpg) repeat-x 0 0;border-bottom: 5px solid #f68026;}
.header .logo{ width: 240px; height:67px; padding: 26px 0 0; overflow: hidden; float: left;}
.header .logo img{ max-width: 100%;}
.header .app_logo{ width:108px; height:30px; padding:0; overflow: hidden; float: left; display: none;}
.header .app_logo img{ max-width: 100%;}
.header .app_en{ width: 30px; float: right; display: none; height: 30px; background: #FFF; margin: 0 5px 0 0;}
.header .app_en a{ display: block; color: #f39800; font-size: 14px; line-height: 30px; text-align: center;}

.header .h_rt{ width: 880px; float:right;}
.header .h_rt .h_rt_top{
	height: 34px;
	float: right;
	margin-top: 15px;
	margin-right: 23px;
	margin-bottom: 0;
}
.header .h_rt .h_rt_top ul{ margin: 0; padding: 0;}
.header .h_rt .h_rt_top ul li{ height: 26px; line-height: 26px; float: left; margin: 0 10px;}
.header .h_rt .h_rt_top ul li a{ color:rgba(255,255,255,1); font-size: 14px; padding-left: 30px; display: block;}
.header .h_rt .h_rt_top ul li:nth-child(1){ width: 500px; background:none;}
.header .h_rt .h_rt_top ul li:nth-child(2){ width: 86px;}
.header .h_rt .h_rt_top ul li:nth-child(3){ width: 48px;}
.header .h_rt .h_rt_top ul li:nth-child(1) a{ background: url(../images/h_rt_t_icon1.png) left center no-repeat;}
.header .h_rt .h_rt_top ul li:nth-child(2) a{ background: url(../images/h_rt_t_icon2.png) left center no-repeat;}
.header .h_rt .h_rt_top ul li:nth-child(3) a{ background: url(../images/h_rt_t_icon3.png) left center no-repeat;}
.header .h_rt .h_rt_top ul li a:hover{ text-decoration: underline; color:rgba(255,255,255,1);}
.header .h_rt .h_rt_top ul li:nth-child(1)  a{ font-size:20px; padding-left: 35px;}


.header .h_rt .h_rt_botm{ height:auto; margin-top:13px; clear:both}
.nav1{ width:880px; height: 40px;}

.nav1 ul{ margin: 0; padding: 0; text-align: center;}
.nav1 ul li{ width: 110px; line-height: 34px; float: left; position: relative;}
.nav1 ul li a{ font-size: 16px; color: #fff; display: block;transition:0.3s;}

.nav1 ul li a:hover{ width:100%; background:#FFF; color: #f39800;}


.nav1 ul li ul{position:absolute;z-index:99999;width:120px;top:44px;background-color:rgba(255,255,255,0.94);text-align:left;opacity:0;padding:0 18px 20px; visibility:hidden;transition:0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1); border-top: 5px solid #ff9f00;}
.nav1 ul li ul li{width:120px;height:auto;display:block;line-height:26px;float:none;margin:0;border-bottom:1px dashed rgba(0,0,0,0.15); background: none; padding:5px 0;}
.nav1 ul li ul li a{display:block; font-size:14px; color: #666;}
.nav1 ul li:hover ul li a{ color: #666;}
.nav1 ul li:hover ul{opacity:1;visibility:visible;top:34px;}
.nav1 ul li ul li a:hover{background-color:transparent;color: #ff9f00;}
.nav1 ul li:nth-child(2),.nav1 ul li:nth-child(3),.nav1 ul li:nth-child(4),.nav1 ul li:nth-child(5),.nav1 ul li:nth-child(6){background: url(../images/nav_li.png) 92px 14px no-repeat; margin: 0 13px; }
.nav1 ul li ul li:nth-child(2),.nav1 ul li ul li:nth-child(3),.nav1 ul li ul li:nth-child(4),.nav1 ul li:nth-child(5),.nav1 ul li ul li:nth-child(6){ background: none; margin: 0;}


	

.banner{ height: auto; overflow: auto;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.swiper-container .swiper-slide {height: auto;line-height: auto;}
.banner img{ max-width:100%;}



.i_title{ height: auto; overflow: hidden;}
.i_title a{ display: block;}
.i_title .i_t{ font-size: 36px; color: #231815; font-weight: 500;}
.i_title .i_t i{ display: block; width: 50px; height: 4px; background: #f39800; margin-top:15px;}
.i_title .i_more{ width: 90px; height: 23px; transition: 0.5s; background: url(../images/i_more.png) center top no-repeat; margin-top:25px;}
.i_title:hover .i_more{ background: url(../images/i_more.png) center bottom no-repeat;}

.main_top{ height: auto; overflow: auto; margin: 50px auto 0;}
.main_top .pic_w{ width: 598px; height: 210px; overflow: hidden; background: #231815; margin:0 2px 2px 0;}
.main_top .pic_w:nth-child(3),.main_top .pic_w:nth-child(4){ background: #f39800;}
.main_top .pic_w .desc_img{ width: 300px; height: 210px; overflow: hidden;}
.main_top .pic_w .desc_img img{ max-width: 100%; transition: 0.5s;}
.main_top .pic_w:hover .desc_img img{ transform: scale(1.2,1.2)}

.main_top .pic_w .desc_w{ width: 230px; margin: 28px 30px; color: #fff;}
.main_top .pic_w .desc_w .b{ display: block; line-height: 36px; font-size: 24px; font-weight: normal;}
.main_top .pic_w .desc_w .p{ line-height: 24px; font-size: 14px; padding:15px 0 20px;}

.main_top .pic_w .desc_w a{ width: 21px; height: 21px; display: block; overflow: hidden; background: url(../images/more_li.png) no-repeat center top; transition: 0.5s;}
.main_top .pic_w:hover .desc_w a{background: url(../images/more_li.png) no-repeat center bottom; transition: 0.5s;}
.main_top .item3 .desc_w,.main_top .item4 .desc_w{ float:right}
.main_top .item3 .desc_img,.main_top .item4 .desc_img{ float:left}



.product_box{ height: auto; overflow: hidden; margin: 50px auto 0;}

.product_box .p_img{ width: 720px; height: 400px;}
.product_box .p_img img{ max-width: 100%;}


.product_box .p_desc{ width: 420px; height: auto; overflow: hidden; margin-top: 20px;}

.product_box .p_list{height: auto; overflow: auto; margin: 35px 0 0 2px;}
.product_box .p_list ul{ margin: 0; padding: 0;}

.product_box .p_list ul li{ width: 140px; height: 30px; line-height: 30px; overflow: hidden; float:left; margin:5px 60px 5px 0; transition: 0.5s; background: url(../images/p_li.png) left top no-repeat; padding-left: 35px;}
.product_box .p_list ul li a{ color: #231815; line-height: 34px; font-size: 16px;}
.product_box .p_list ul li:hover{background: url(../images/p_li.png) left bottom no-repeat;}
.product_box .p_list ul li:hover a{ color: #f39800; text-decoration: underline;}

.product_box .p_list ul li:nth-child(2n){ margin-right: 0;}




.service_box{ height: auto; overflow: hidden; margin: 50px auto 0; background: #f4f2f2; padding: 50px 0;}

.service_box ul{ margin: 30px 0 0; padding: 0;}
.service_box ul li{ width: 295px; height: auto; overflow: hidden; float: left; margin-right: 6px;}
.service_box ul li a{ display: block;color: #231815; font-size: 16px;}
.service_box ul li a .s_img{width: 295px; height: 320px; overflow: hidden;}
.service_box ul li a .s_img img{ max-width: 100%; transition: 0.5s;}
.service_box ul li a:hover .s_img img{ transform: scale(1.2,1.2);}

.service_box ul li a font{ display: block; line-height: 30px; padding:16px 0 0; }
.service_box ul li:nth-child(4){ margin-right: 0;}

.service_box ul li a:hover{ color: #f39800; text-decoration: underline;}



.map_box{ height: auto; overflow: hidden; margin: 50px auto 0;}

.m_title{ height: auto; overflow: hidden;font-size: 36px; color: #231815; font-weight: 500;}
.m_title i{ display: block; width: 50px; height: 4px; background: #f39800; margin-top:15px;}

.m_more{ width: 90px; height: 23px; overflow: hidden; transition: 0.5s; background: url(../images/i_more.png) center top no-repeat; margin-top:25px;}
.m_more:hover{ background: url(../images/i_more.png) center bottom no-repeat;}
.m_more a{ display: block;}


.map_box .m_img{ width: 800px;}
.map_box .m_img img{ max-width: 100%;}


.map_box .m_font{ width:350px; margin-top: 20px;}
.map_box .m_font .m_desc{ line-height: 30px; padding:50px 0 20px; color: #231815;}
.map_box .m_font .m_desc font{ display: block; padding-bottom: 20px; font-size: 24px;}



.news_box{ height: auto; overflow: hidden; margin: 50px auto 0; background: #f39800; padding: 50px 0;}

.n_title{ height: auto; overflow: hidden;}
.n_title a{ display: block;}
.n_title .n_t{ font-size: 36px; color: #231815; font-weight: 500;}
.n_title .n_t i{ display: block; width: 50px; height: 4px; background: #231815; margin-top:15px;}
.n_title .n_more{ width: 90px; height: 23px; transition: 0.5s; background: url(../images/n_more.png) center top no-repeat; margin-top:25px;}
.n_title:hover .n_more{ background: url(../images/n_more.png) center bottom no-repeat;}



.news_box ul{ margin: 30px 0 0; padding: 0;}
.news_box ul li{ width: 598px; height: 220px; float: left; margin-right: 2px; background: #231815;}
.news_box ul li a{ color: #fff;}

.news_box ul li .n_img{ width: 299px; height: 220px; overflow: hidden; }
.news_box ul li .n_img img{ max-width: 100%; transition: 0.5s;}
.news_box ul li:hover .n_img img{ transform: scale(1.2,1.2);}

.news_box ul li .n_desc{ width: 240px; margin: 28px 25px 28px 20px; color: #fff;}
.news_box ul li .n_desc b{
	display: block;
	line-height: 36px;
	font-size: 18px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
}
.news_box ul li .n_desc p{ line-height: 24px; font-size: 14px; padding:10px 0 0;}
.news_box ul li .n_desc font{display: block; font-size: 12px; line-height: 30px; padding-bottom: 18px;}
.news_box ul li .n_desc .more{ width: 21px; height: 21px; display: block; overflow: hidden; margin-left: 2px; background: url(../images/more_li.png) no-repeat center top; transition: 0.5s;}
.news_box ul li:hover .n_desc .more{background: url(../images/more_li.png) no-repeat center bottom; transition: 0.5s;}





.footer_top{ height: auto; overflow: auto; background: #f4f2f2; padding: 5px 0;}
.footer_top .f_about{ width: 380px;}
.footer_top .f_about .f_desc{  line-height: 28px; padding-bottom: 10px;}
.f_title{ font-size: 24px; font-weight: 500; color: #231815; margin-bottom: 20px;}

.f_more{ width: 90px; height: 23px; overflow: hidden; transition: 0.5s; background: url(../images/i_more.png) center top no-repeat; margin-top:25px;}
.f_more:hover{ background: url(../images/i_more.png) center bottom no-repeat;}
.f_more a{ display: block; height:23px;}



.footer_top .f_product{ width: 360px; margin-left: 135px;}

.footer_top .f_product ul{ margin: 0; padding: 0;}

.footer_top .f_product ul li{ width: 140px; height: 28px; line-height: 28px; overflow: hidden; float:left; margin:0 20px 0 0; transition: 0.5s;}
.footer_top .f_product ul li a{ color: #666; line-height: 28px; font-size: 14px;}
.footer_top .f_product ul li:hover a{ color: #f39800; text-decoration: underline;}
.footer_top .f_product ul li:nth-child(2n){ margin-right: 0;}


.footer_top .f_ewm{ width: 300px;}

.footer_top .f_ewm .f_img{ width: 125px; height: 125px; border: 8px solid #FFF;}

.footer_top .f_ewm .f_desc{ width: 140px; padding: 40px 0 0; line-height: 30px; font-size: 16px;}




.footer_bottom{ height: auto; overflow: auto; line-height: 30px;  background: #f4f2f2; padding: 20px 0; border-top: 1px solid #b2b2b2;}
.footer_bottom a{ color: #666; padding-left: 20px;}




/*悬浮*/
.fixed{width:40px;height:auto;position:fixed;right:5px;bottom:58px;z-index:999;}
.fixed a{display:block; color:#888; margin-bottom:2px;}

.fixed .silder1{width:40px;height:40px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:130px;position:absolute;right:110px;top:5px;opacity:0;transition:.6s;visibility: hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#FFF; padding:10px 25px; border-radius:30px;}
.fixed .silder1:hover .silder1_box{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:40px;height:40px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-14px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}
.fixed .silder2 .silder2_box img{display:block;width:75px;}
.fixed .silder2:hover .silder2_box{right:65px;opacity:1;z-index:999;visibility:visible; }

.fixed .scroll{ width:40px; height:40px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.8;}


.app_botm{ overflow:hidden; background:#f39800; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}







.com_ban{ width: 100%; height: 350px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.common{ height: auto; overflow: hidden; margin:40px auto;}


.com_left{ width:250px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; background:#231815;color:#FFF; font-size:24px; padding:10px 0 10px 20px; }

.com_left .com_list{ overflow:hidden; height:auto;}
.com_left .com_list ul{ padding:8px 0 0; margin:0;border:1px solid #d7d7d7; border-top:none;}
.com_left .com_list ul li{ line-height: 30px;  border-bottom: 1px dashed #dedede; margin:5px 22px; transition: 0.5s; background: url(../images/p_li.png) left top no-repeat; padding:0 0 8px 22px; }
.com_left .com_list ul li ul li{ line-height: 20px;  border-bottom: 1px dashed #dedede; margin:5px 22px; transition: 0.5s; background: #e4e3e3 left top no-repeat; padding:0 0 8px 2px!important;}
.com_left .com_list ul li a{ color: #231815; line-height: 34px; font-size:17px;}
.com_left .com_list ul li ul li a{color: #231815;line-height: 34px;font-size:12px!important;}
.com_left .com_list ul li:hover a{ color: #f39800; text-decoration: underline;}
.com_left .com_list ul li:last-child{ border-bottom:none;}

.com_left .com_job{ overflow:hidden; height:auto; margin:15px 0 0; }
.com_left .com_job a{ display: block; font-size: 18px;background:#f39800 url(../images/zp.png) no-repeat 110px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}

.com_left .com_sc{ overflow:hidden; height:auto; margin:5px 0 0; }
.com_left .com_sc a{ display: block; font-size: 18px;background:#f39800 url(../images/sc.png) no-repeat 108px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}

/*产品左侧*/
.com_left_p{ width:220px; float:left;}
.com_left_p .c_lt_title{ height:40px; line-height:40px; background:#231815;color:#FFF; font-size:24px; padding:10px 0 10px 20px; }

.com_left_p .com_list{ overflow:hidden; height:auto;}
.com_left_p .com_list ul{ padding:8px 0 0; margin:0;border:1px solid #d7d7d7; border-top:none;}
.com_left_p .com_list ul li{ height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #dedede; margin:5px 22px; transition: 0.5s; background: url(../images/p_li.png) left top no-repeat; padding:0 0 8px 22px; }
.com_left_p .com_list ul li a{ color: #231815; line-height: 34px; font-size: 16px;}
.com_left_p .com_list ul li:hover a{ color: #f39800; text-decoration: underline;}
.com_left_p .com_list ul li:last-child{ border-bottom:none;}
.com_left_p .com_job{ overflow:hidden; height:auto; margin:15px 0 0; }
.com_left_p .com_job a{ display: block; font-size: 18px;background:#f39800 url(../images/zp.png) no-repeat 110px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}
.com_left_p .com_sc{ overflow:hidden; height:auto; margin:5px 0 0; }
.com_left_p .com_sc a{ display: block; font-size: 18px;background:#f39800 url(../images/sc.png) no-repeat 108px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}


.com_left_p .com_list ul ul{ padding:8px 0 0; margin:0;border:1px solid #d7d7d7; border-top:none;}
.com_left_p .com_list ul li ul li{ height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #dedede; margin:5px 22px; transition: 0.5s; background: url(../images/p_li.png) left top no-repeat; padding:0 0 8px 22px; }
.com_left_p .com_list ul li ul li a{ color: #231815; line-height: 34px; font-size: 16px;}
.com_left_p .com_list ul li ul li a:hover a{ color: #f39800; text-decoration: underline;}
.com_left_p .com_list ul li ul li a:last-child{ border-bottom:none;}
.com_left_p .com_job{ overflow:hidden; height:auto; margin:15px 0 0; }
.com_left_p .com_job a{ display: block; font-size: 18px;background:#f39800 url(../images/zp.png) no-repeat 110px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}
.com_left_p .com_sc{ overflow:hidden; height:auto; margin:5px 0 0; }
.com_left_p .com_sc a{ display: block; font-size: 18px;background:#f39800 url(../images/sc.png) no-repeat 108px 15px; padding:8px 0 8px 20px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}




/*产品左侧*/






.com_right{ width:935px; float:right;line-height: 30px;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #d4d4d4; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:28px; line-height:28px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:12px;}
.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:30px;}
.com_nav ul li:last-child a{ color:#666; font-size:16px;}

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc img{ max-width: 100%;}


.com_news{height: auto; overflow: hidden;}

/*.com_news{ margin:0; padding: 0;}*/
.com_news .li{ width: 100%; height: auto; overflow: hidden; margin:5px 0 15px; padding:5px 0 14px; border-bottom: 1px dashed #dedede;}
.com_news .li a{ color: #666;}

.com_news .li .n_img{ width: 175px; height: auto; overflow: hidden; float: left;}
.com_news .li .n_img img{width: 100%; transition: 0.5s;height:130px;}
.com_news .li:hover .n_img img{ transform: scale(1.2,1.2);}

.com_news .li .n_desc{ width: 730px; float: right;}
.com_news .li .n_desc b{ display: block; line-height: 36px; font-size: 18px; font-weight: normal;}
.com_news .li .n_desc p{ line-height: 24px; font-size: 14px; padding:8px 0 0;}
.com_news .li .n_desc font{display: block; font-size: 12px; line-height: 30px; padding-bottom:5px;}
.com_news .li .n_desc .more{ width: 21px; height: 21px; display: block; overflow: hidden;  background: url(../images/more_li.png) no-repeat center top; transition: 0.5s;}


.com_news .li:hover a .n_desc b{ text-decoration: underline;}



.com_service{ height: auto; overflow: hidden;}

.com_service ul{ margin:0; padding: 0; text-align: center;}
.com_service ul li{ width: 220px; height: auto; overflow: hidden; float: left; margin:5px 15px 15px 0;}

.com_service ul li a{ display: block;color: #231815; font-size: 16px;}
.com_service ul li a .s_img{width: 220px; height: auto; overflow: hidden;}
.com_service ul li a .s_img img{width: 100%; height:240px; transition: 0.5s;}
.com_service ul li a:hover .s_img img{ opacity: 0.6;}

.com_service ul li a font{ display: block; line-height: 30px; padding:10px 0 0; }
.com_service ul li:nth-child(4n){ margin-right: 0;}

.com_service ul li a:hover{ color: #f39800; text-decoration: underline;}

 .his {
	text-align: right;
	clear: both;
	padding-top: 15px; line-height:28px;
}
 .his a{
	display:inline-block;
	padding-left:25px;
	padding-right:25px;
	color: #FFFFFF;
	background-color: #FF9900;
}
.com_news .list{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 23%;
	overflow: hidden;
	margin-right: 1%;
	margin-left: 1%;
	overflow:hidden;

	margin-bottom: 10px;
}
.com_news .list img{ height:150px; width:100%;}
.com_news .list>a>div{ white-space: nowrap;float:left; width:100%; text-align:center;	overflow: hidden;}
.com_news .list>a>div.n_desc{ line-height:45px;}
#pages{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px;}
#pages a{
	display:inline-block;
	line-height: 28px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #dddddd; color:#666666;
}
#pages a:hover{
	background-color: #FF3300;
	color: #FFFFFF;border: 1px solid #FF3300;
}
#pages a.select{
	background-color: #FF9900;color: #FFFFFF;border: 1px solid #FF9900;
}
#info{ color:#cccccc; font-size:12px;}
body{ min-width:1200px;}

@media (max-width:1025px){
body{ min-width:1000px;}
.main_box{width:1000px;margin:0 auto;padding:0;}
.header .h_rt .h_rt_top{margin-right: 10px;}
.com_right{ width:735px;}
.header .h_rt{ width: 680px;}
.nav1{ width: 680px;}
.nav1 ul li{ width:14.285%; }
.footer_top .f_product{ width: 310px; margin-left: 35px;}
.footer_top .f_about{ width: 330px;}
.nav1 ul li:nth-child(2),.nav1 ul li:nth-child(3),.nav1 ul li:nth-child(4),.nav1 ul li:nth-child(6){	margin: 0 0px;
	background-image: url(../images/nav_li.png);
	background-repeat: no-repeat;
	background-position: right 14px; }
	
	
	
.service_box ul{ margin: 30px 0 0; }
.service_box ul li{max-width:24%; margin-right:0.5%; margin-left:0.5%;}

.service_box ul li a .s_img{width: 100%; height:260px;}

.product_box .p_img{ width:555px; height:auto}	


/*.main_top .pic_w{ width: 598px; height: 210px; max-width:50%;}

.main_top .pic_w .desc_img{ width: 300px; height: 210px; overflow: hidden;}

.main_top .pic_w .desc_w{ width: 230px;}
*/
	
	
	.main_top .pic_w{ width: 598px; height: 210px; width:49.6%; margin-left:0.2%; margin-right:0.2%;}

.main_top .pic_w .desc_img{ width:50%; height: 210px; overflow: hidden;}
.main_top .pic_w .desc_img img{ height:210px;}
.main_top .pic_w .desc_w{  margin: 0px 0px;width:46%;overflow: hidden; padding-left:2%; padding-right:2%;}
	
.map_box .m_img{ width: 600px;}

.news_box ul li{ width: 48%;  margin-right: 1%; margin-left:1%; height:175px;}

.news_box ul li .n_img{ width:48%; height:175px; }
.news_box ul li .n_img img{ height:175px; width:100%;}
.news_box ul li .n_desc{ width: 50%; margin:auto; margin-left:1%; margin-right:1%;}
.news_box ul li .n_desc p{ line-height:1.5; height:3em; overflow:hidden;}
}

@media (max-width:805px){
body{ min-width:0px;}
.main_box{ width:96%; padding:0 2%;}
	
.fl { float: none; }
.fr { float: none; }
		
.header{ height:38px; background:#343537; padding-top: 10px;}	
.header .logo,.header .h_rt{ display: none;}
.header .app_logo,.header .app_en{ display: block;}	
.header .morenav{ float:right; display:block; background:#231815 url(../images/app_nav_line.png) no-repeat center;width:30px; height:30px;}
.header .navon{height:52px;}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
		
.swiper-slide img{ max-width: 102%; text-align: center;}		
	
	
	
.main_top{  margin: 15px auto 0;}
.main_top .pic_w{ width: 48%; height: auto; overflow: hidden; margin: 0 1% 5px; float: left;}
.main_top .pic_w .desc_img{display:none;}

.main_top .pic_w .desc_w{ width: 90%; margin: 5px 0; color: #fff; padding: 2% 5%;}
.main_top .pic_w .desc_w .b{ line-height: 30px; font-size: 18px;padding-bottom: 10px;}
.main_top .pic_w .desc_w .p{ display:none;}

.i_title{ height: auto; overflow: hidden;}
.i_title a{ display: block;}
.i_title .i_t{ font-size:24px; color: #231815; font-weight: 500; text-align: center;}
.i_title .i_t i{  display: none;}
.i_title .i_more{ width: 23px; height: 23px; margin:5px auto; transition: 0.5s; background: url(../images/i_more.png) right top no-repeat;}
.i_title:hover .i_more{ background: url(../images/i_more.png) right top no-repeat;}


.product_box{margin: 10px auto 0;}
.product_box .p_img{  display: none;}
.product_box .p_desc{ width: 90%; padding:5%; margin-top: 5px;}
.product_box .p_list{ margin:0;}
.product_box .p_list ul li{ width: 30%; margin: 5px 1.6% 0; padding-left: 0; background:none;}
.product_box .p_list ul li a{ line-height: 18px; font-size: 14px;}
.product_box .p_list ul li:hover{background:none;}
.product_box .p_list ul li:nth-child(2n){ margin-right: 1.5%;}


.service_box{margin: 15px auto 0; padding: 15px 0;}
.service_box ul{ margin: 10px 0 0; padding: 0;}
/*.service_box ul li{ width: 48%; margin:0 1% 5px;max-width: 48%;}*/
.service_box ul li{max-width:48%;width:48%; margin-right:1%; margin-left:1%;}
.service_box ul li a{ font-size: 14px;}
.service_box ul li a .s_img{width: 100%; height: 100%;}
.service_box ul li a .s_img img{ width:100%;}
.service_box ul li a font{padding:5px 0 0; }
.service_box ul li:nth-child(4){ margin-right: 1%;}
.service_box ul li a:hover{ color: #f39800; text-decoration: underline;}	


.map_box{ margin: 15px auto 0;}
.m_title{ font-size: 24px}
.m_title i{ display: none;}
.m_more{ margin: 0 auto;}

.map_box .m_img{ width: 100%;}
.map_box .m_font{ width:100%; margin-top: 10px; text-align: center;}
.map_box .m_font .m_desc{ line-height: 24px; padding:15px 0 10px; color: #231815;}
.map_box .m_font .m_desc font{ display: block; padding-bottom: 10px; font-size:18px;}
.m_more{ margin-top: 10px;}

.footer_top{ padding:20px 0; display: none;}
	.footer_top .f_about{ width: 100%; text-align: center;}
	.footer_top .f_about .f_desc{  line-height: 24px; padding-bottom: 0;}
	.f_title{ font-size: 24px; font-weight: 500; color: #231815; margin-bottom:10px;}
	.f_more{ margin: 15px auto 0;}
	.footer_top .f_product,.footer_top .f_ewm{ display: none;}
	.footer_bottom{ padding: 20px 0; line-height: 20px; text-align: center; background: #b2b2b2;color: #FFF; margin-bottom: 58px;}
	.footer_bottom a{ display: block; padding-left: 0; color: #FFF;}
	
.news_box{margin: 15px auto 0; padding:20px 0;}
.n_title .n_t{ font-size: 24px; text-align: center;}
.n_title .n_t i{ display: none;}
.n_title .n_more{ width: 23px; height: 23px; transition: 0.5s; margin:5px auto 0; background: url(../images/n_more.png) right top no-repeat;}
.n_title:hover .n_more{ background: url(../images/n_more.png) center top no-repeat;}
	
.news_box ul{ margin:10px 0 0;}	
	
.news_box ul li{ width: 48%; height: auto; float: left; margin:5px 1%; background: #231815;}
.news_box ul li a{ color: #fff;}

.news_box ul li .n_img{ width: 100%; height: auto; overflow: hidden; }
.news_box ul li .n_img img{width: 100%; transition: 0.5s;}
.news_box ul li:hover .n_img img{ transform: scale(1.2,1.2);}

.news_box ul li .n_desc{ width: 90%; margin: 15px 5%; color: #fff;}
.news_box ul li .n_desc b{ display: block; line-height: 24px; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_box ul li .n_desc p{ line-height: 20px; font-size: 14px; padding:10px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_box ul li .n_desc font{display: block; font-size: 12px; line-height: 30px; padding-bottom:5px;}
.news_box ul li:hover .n_desc .more{background: url(../images/more_li.png) no-repeat top bottom;}	

.fixed{ display: none;}
	.app_botm{ display: block;}



.com_ban {
    height: 80px;
    background-size: 100%;
}
.common{ margin:15px auto;}
.com_left{ display: none;}
.com_right{ width: 100%; line-height: 26px;}
.com_news .li{ border-bottom:none; width: 48%; margin: 5px 1%; padding: 0; float: left; }
.com_news .li:nth-child(2n+1){ clear:both}
.com_news .li .n_img{ width: 100%; float: none;}
.com_news .li .n_img img{ height:auto}
.com_news .li .n_desc{ width: 100%; float: none;}
.com_news .li .n_desc b{ line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_news .li .n_desc p{ padding: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
.com_service{margin: 0 auto; padding:0;}
.com_service ul{ margin: 0; padding: 0;}
.com_service ul li{ width: 48%; margin:0 1% 10px;}
.com_service ul li a{ font-size: 14px;}
.com_service ul li a .s_img{width: 100%; height: 100%;}
.com_service ul li a font{padding:5px 0 0; }
.com_service ul li:nth-child(4n){ margin-right: 1%;}

.com_service ul li a:hover{ color: #f39800; text-decoration: underline;}
.com_service ul li a .s_img img{height:auto;}
.com_service ul li:nth-child(2n+1){ clear:both}
.com_news .list:nth-child(4n+1){ clear:both}
.com_news .list img{ height:auto}
.com_desc{ height: auto; overflow: hidden; line-height: 26px;}
	

}
@media (max-width:450px){
.com_news .list:nth-child(2n+1){ clear:both}
.com_news .list{ width:48%;}
}
.com_news *,.com_desc *{ max-width:100%;}