@charset "utf-8";
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:16px; color:#666; font-family:"微软雅黑","黑体"; background:#FFF; }
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus { border:1px solid #273e82!important; box-shadow:0 10px 15px rgba(39,62,130,0.1);outline:none; transition:0.5s;}
input,textarea{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;}
.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: #0066CC;
}
/* 清理浮动 */
.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; }

@font-face{font-family:AvantGarde;src: url('../font/AvantGarde-Demi.eot'),url('../font/AvantGarde-Demi.otf');}


.wrapper{ width:1600px; margin:0 auto; padding:0;}

.h_top{ overflow:hidden; height:30px; line-height:35px; color:#888; padding: 2px 0 8px; background:rgba(0,0,0,0.06); font-size: 14px;}
.h_top .fl{ background:url(../images/t_icon01.png) left no-repeat; padding-left:26px;}
.h_top .fr{}
.h_top .fr a{ display:block; float:left; margin:0 12px; color:#888; padding-left:26px;}
.h_top .fr i{ display:block; float:left; background:url(../images/t_line.png) center no-repeat; width:1px; height:16px; margin-top:16px;}

.header{ height:95px;}

.header .logo{ width:223px; height:68px; overflow:hidden; float:left; padding:15px 0 0;}
.header .logo img{ max-width: 100%;}

.header .nav1{ width:1100px; float:right;}
.header .nav1 ul{ margin:0; padding:0; text-align:center;}
.header .nav1 ul li{ width:150px; height:95px; line-height:95px; float:left;position:relative;}
.header .nav1 ul li a{ font-size:18px; color:#000000; font-weight: 550;transition: 0.5s; display: block;}

.header .nav1 ul li:hover,.header .nav1 ul li.selected,.header .nav1 ul li.select{ background:#ec5a42; transition:0.5s;}
.header .nav1 ul li:hover a,.header .nav1 ul li.select>a{ color: #FFF;}

.header .nav1 ul li ul{ position:absolute; top:100px; left:0px; overflow:hidden; text-align:left; width:280px; background:#ec5a42; z-index:99999;visibility:hidden; margin:0; padding:0;opacity:0;}
.header .nav1 ul li:hover ul{ opacity:1; transition:0.5s;visibility:visible; overflow:hidden; top:95px;}
.header .nav1 ul li ul li{width:242px; float:none; height:40px; line-height:40px; padding:5px 0 5px 38px; overflow:hidden; border-bottom:1px dashed rgba(255,255,255,0.15);}
.header .nav1 ul li ul li a{font-size:16px; color:#fff; display:block; font-weight: 400;}
.header .nav1 ul li ul li:hover{ background: #ff7c63; width:280px;}
.header .nav1 ul li ul li:hover a{padding-left: 10px; transition: 0.5s;}
.header .nav1 ul li ul li:last-child{ border-bottom:none;}

@media (max-width:1660px){
	.wrapper{ width:1200px; margin:0 auto; padding:0;}
	.header .nav1{ width:930px;}
	.header .nav1 ul li{ width:132px;}
}
#menu ul{ display:none}
@media (max-width:1240px){
#menu ul{ display:block}
	.wrapper{ width:96%; padding: 0 2%; }
	.h_top,.header .nav1{ display: none;}
	
	.header{ height:auto; overflow: hidden; padding: 15px 0 12px;}
	.header .logo{ width:180px; height:auto;padding:0;}
	.morenav{ float:right; display:block; background: url(../images/app_nav.png) no-repeat center;width:30px; height:25px; margin:14px 0 0;}
	.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;}
}


/*PC-Banner*/
#banner{width: 100%;height:auto; overflow:hidden; position: relative; }
#banner .pc_banner{ height: auto; overflow: hidden; text-align: center;}
#banner .slick-prev,#banner .slick-next{position: absolute;display: block;height: 60px!important;width: 30px!important;line-height: 0;font-size: 0;cursor: pointer;background-repeat:no-repeat;color: transparent;top: 50%;margin-top: -20px; padding: 0;border: none;outline: none;z-index: 999999999999999;background-position:center center;}
#banner .slick-prev{background-image:url(../images/slider_arrow_lt.png);background-position:0 0;left:10%;}
#banner .slick-next{background-image:url(../images/slider_arrow_rt.png);background-position:0 0;right:10%;}
#banner .slick-prev:before,#banner .slick-next:before{display:none;}

/*APP-Banner*/
.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_banner_box .hd {position: absolute;bottom: 10px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {width: 6px;height: 6px; border-radius:100%;margin:0 5px; background: #FFF;display: inline-block; text-indent: 9999px; cursor: pointer;}
.app_banner_box .hd ul li.on {background:#c30d23;opacity: 1;}
.app_banner_box .bd {position: relative;z-index: 0;}
.app_banner_box .bd li {position: relative;text-align: center;}
.app_banner_box .bd li img {vertical-align: top;width: 100%;}
.app_banner_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}


@media (max-width:1240px){
	#banner .pc_banner{ display: none;}
	.app_banner_box{ display: block;}
}
.i_xuanfu{ width:128px; height:auto; overflow:hidden; border:1px solid #273e82; position:fixed; left:10px; top:320px; background:#FFFFFF;}
.i_xuanfu .xf{ width:128px; height:128px; overflow:hidden;}
.i_xuanfu font{ display:block; padding:10px 0; font-size:13px; text-align:center; color:#273e82;}

.fixed{position:fixed;right:10px;top:340px;z-index:99999999;width:50px;height:auto;}
.fixed a{display:block; color:#666;}
.fixed .qq{width:50px;height:50px;background:#2e4998 url(../images/cb_icon01.png) no-repeat center center;position:relative; margin-bottom:1px;}
.fixed .qq .qq_hao{position:absolute;right:100px;top:0;width:150px;opacity:0;transition:.6s;visibility: hidden; background:#FFF; padding:0 15px; height: 50px; line-height: 50px;}
.fixed .qq:hover .qq_hao{right:55px;opacity:1;z-index:999;visibility:visible; box-shadow: 0 15px 20px rgba(0,0,0,0.2);}
.fixed .tel{width:50px;height:50px;background:#2e4998 url(../images/cb_icon02.png) no-repeat center center;position:relative; margin-bottom:1px;}
.fixed .tel .tel_hao{position:absolute;right:100px;top:0;width:182px;opacity:0;transition:.6s;visibility: hidden; background:#FFF;padding:0 15px; height: 50px; line-height: 50px;}
.fixed .tel:hover .tel_hao{right:55px;opacity:1;z-index:999;visibility:visible; box-shadow: 0 15px 20px rgba(0,0,0,0.2);}
.fixed .mail{width:50px;height:50px;background:#2e4998 url(../images/cb_icon03.png) no-repeat center center;position:relative; margin-bottom:1px;}
.fixed .mail .mail_hao{position:absolute;right:100px;top:0;width:215px;opacity:0;transition:.6s;visibility: hidden; background:#FFF; padding:0 15px; height: 50px; line-height: 50px;}
.fixed .mail:hover .mail_hao{right:55px;opacity:1;z-index:999;visibility:visible; box-shadow: 0 15px 20px rgba(0,0,0,0.2);}
.backTop{width:50px;height:50px;background:#ec5a42 url(../images/cb_icon04.png) no-repeat center center;position:fixed;top:493px;right:10px;z-index:99999999;}




.i_adv{ overflow:hidden; height:auto; padding:50px 0;}
.i_adv ul{ margin:0; padding:0;}
.i_adv ul li{ width:300px; height:auto; overflow:hidden; display:block; padding: 0 50px; float:left;}
.i_adv ul li a{ color:#666; display:block; font-size: 18px;}
.i_adv ul li a font{ display:block; line-height: 30px; width: 210px; float: right; text-align: left;}
.i_adv ul li a .adv_pic{ width:55px; height:55px; margin:0 auto; background-position:center top; float: left;}
.i_adv ul li:hover a font{ color:#333; transition:0.5s;}

@media (max-width:1660px){
.i_adv ul li{ width:260px; padding: 0 20px;}
.i_adv ul li a font{ width: 180px;}
}

@media (max-width:1240px){
	.fixed,.backTop{ display: none!important;}
	.i_adv{ padding:25px 0;}
	.i_adv ul li{ width:21%;padding: 0 2%;}
	.i_adv ul li a{ font-size: 16px;}
	.i_adv ul li a font{width: 100%; float: none; text-align: center; padding-top: 10px;}
	.i_adv ul li a .adv_pic{ float: none;}
}


.i_title{ height:45px; line-height:45px; color:#FFF; padding:25px 0 25px 20px; background: #283f83; font-weight:550;}
.i_title font{ font-size:26px;}
.i_title span{ font-size:14px; padding-left:4px; text-transform:uppercase; color:rgba(255,255,255,0.5); font-family: AvantGarde;}





.i_product{ height:auto; overflow:hidden; padding: 60px 0; background:rgba(0,0,0,0.06); }
.i_product .i_p_list{ width:270px; overflow: hidden; float:left; background:#3b3b3b; padding:0 0 15px;}
.i_product .i_p_list ul{ margin:0; padding:10px 25px 0;}
.i_product .i_p_list ul li{ width:100%; height:42px; line-height:42px; overflow:hidden; background:url(../images/pro_li.png) 0 17px no-repeat; margin:5px auto;position:relative;}
.i_product .i_p_list ul li a{ color:#FFF; font-size:14px; display:block; padding-left:25px;transition:0.5s;}

.i_product .i_p_list ul li:hover a,.i_product .i_p_list ul li.selected a{ padding-left: 30px;}
.i_product .i_p_list ul li:before{ position: absolute; content: " "; bottom: 0; left: 0; width: 0; height: 1px; background:rgba(255,255,255,0.4);transition: 0.5s;}
.i_product .i_p_list ul li:hover:before{ width: 100%; transition: 0.5s ease-in-out;}



.i_product .i_p_pic{ width:1310px; float:right;}

.i_product .i_p_pic ul{ margin:0; padding:0; text-align:center;}
.i_product .i_p_pic ul li{ width:280px; height:218px; overflow:hidden; float:left; margin:0 0 15px 15px; padding: 12px; position:relative; background:#FFF;}
.i_product .i_p_pic ul li:nth-child(9){ display:none}
.i_product .i_p_pic ul li a{ color:#fff;}
.i_product .i_p_pic ul li .pic{ width:280px; height:218px; overflow:hidden;}
.i_product .i_p_pic ul li .pic img{ width:100%; transition:0.5s;}
.i_product .i_p_pic ul li .desc{ position:absolute; top:-100%; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/p_more.png) center 54px no-repeat; opacity:0; transition:0.5s;}
.i_product .i_p_pic ul li .desc b{ display:block; width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin:145px auto 0; font-size:16px;}
.i_product .i_p_pic ul li:hover .desc{ opacity:1; transition:0.5s; top:0;}

@media (max-width:1660px){
	.i_title{ height:30px; line-height:30px; color:#FFF; padding:20px 0 20px 30px; background: #283f83; font-weight:550;}
	.i_title font{ font-size:24px;}
	.i_product{ padding: 60px 0 40px;}
	.i_product .i_p_list{ width:250px; padding:0 0 10px; }
	.i_product .i_p_list ul{ margin:0; padding:7px 25px 0;}
	.i_product .i_p_list ul li{height:32px; line-height:32px; background:url(../images/pro_li.png) 0 10px no-repeat;}
	.i_product .i_p_list ul li a{ padding-left:20px; font-size:13px; }
	.i_product .i_p_pic{ width:945px;}
	.i_product .i_p_pic ul li{ width:194px; height:151px; overflow:hidden; float:left; margin:0 0 30px 14px; padding: 12px; position:relative; background:#FFF;}
    .i_product .i_p_pic ul li .pic{ width:100%; height:auto; overflow:hidden;}
	.i_product .i_p_pic ul li .desc b{ width:100%; margin:45px auto 0; }
}

@media (max-width:1240px){
	.i_title{ padding:15px 0; text-align: center;}
	.i_product{ padding: 20px 0 5px;}
	.i_product .i_p_list{ width:100%; float:none; padding:0 0 15px;}
	.i_product .i_p_list ul{ margin:0; padding:10px 2% 0;}
	.i_product .i_p_list ul li{ width: 27%; margin-right: 3%; float: left; height:auto; line-height:24px; background:url(../images/pro_li.png) 0 5px no-repeat;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		
	.i_product .i_p_pic{ width:100%; float:none; height: auto; overflow: hidden; padding: 20px 0 0;}
	.i_product .i_p_pic ul li{ width:29.5%; height:auto; overflow:hidden; float:left; margin:0; padding: 1.5%; border: 1px solid #FFF; background: none;}
	.i_product .i_p_pic ul li .desc{ background-color:rgba(0,0,0,0.5); background:none;}
	.i_product .i_p_pic ul li .desc b{ width:80%; margin:10% auto 0; font-size:16px;}
	
}

@media (max-width:700px){
	.i_product .i_p_list ul li{ width: 45%;}
}
/*@media (max-width:620px){
	.i_product .i_p_pic ul li{ width:46%;}
}*/
.i_a_title{ height:48px; line-height:48px; padding-bottom: 6px; color:#035193;font-weight:550;}
.i_a_title_center{ text-align:center;}
.i_a_title font{ font-size:36px;}
.i_a_title span{ font-size:20px; padding-left:4px;  color:#999; font-family: AvantGarde;}


.i_more{ width: 150px; height: 48px; line-height: 48px; text-align: center; background: #ec5a42; border: 2px solid #ec5a42;margin: 20px 0 0;transition: 0.5s ease-in-out;}
.i_more_center{ margin:20px auto 0;}
.i_more_top{ margin: 0!important;}
.i_more a{ display: block; font-size: 18px; color:#fff; font-style: italic;transition: 0.5s ease-in-out;}
.i_more:hover{ background: #fff;transition: 0.5s ease-in-out;}
.i_more:hover a{color:#ec5a42;transition: 0.5s ease-in-out;}

.i_about{ height: auto; overflow: hidden; padding: 80px 0 60px;}
.i_a_descrt{ width: 840px; padding-top: 20px;}
.i_a_descrt .a_desc{ line-height: 34px; padding: 20px 0;}

.i_a_descrt .i_num{ height: auto; overflow: hidden; padding: 5px 0 20px;}
.i_a_descrt .i_num ul{ margin: 0; padding: 0;}
.i_a_descrt .i_num ul li{ float: left; padding-left: 2px; padding-right: 80px;}
.i_a_descrt .i_num ul li a{ display: block; font-size: 18px; color:#999;font-family:AvantGarde;}
.i_a_descrt .i_num ul li a .num_b{ height: auto; overflow: hidden;}
.i_a_descrt .i_num ul li a font{ display: block; font-size: 90px; line-height: 100px; font-family:AvantGarde; color: #666666;}
.i_a_descrt .i_num ul li a i{ display: block; font-size: 24px; font-style: normal; color: #a8a8a8; font-family:AvantGarde; padding-left: 10px;}
.i_a_descrt .i_num ul li a span{ display: block; text-align: left;padding-left: 2px;}

.i_a_descrt .i_num ul li:first-child{ padding-left: 0;background:none;}

.i_a_desclt{ width: 690px; height: 482px; overflow: hidden;}
.i_a_desclt img{ max-width:100%;}

@media (max-width:1660px){
.i_about{ height: auto; overflow: hidden; padding: 60px 0 40px;}
.i_a_desclt{ width: 600px; height: auto;}
.i_a_descrt{ width: 550px; padding-top: 10px;}
.i_a_descrt .a_desc{ line-height: 30px; padding:10px 0 5px;}
.i_a_descrt .i_num{padding: 10px 0 5px;}
.i_a_descrt .i_num ul li{ float: left; padding-left: 2px; padding-right: 70px;}
.i_a_descrt .i_num ul li a font{ font-size: 80px; line-height: 80px;}
}
	
@media (max-width:1240px){
	.i_about{ padding: 25px 0 20px;}
	.i_a_desclt{ display: none;}
	.i_a_descrt{ width: 100%; padding-top: 0;}
	.i_a_descrt .a_desc{ line-height: 30px; padding:0 0 5px; text-align: center;}
	.i_a_descrt .i_num { margin: 0 auto;}
	.i_a_descrt .i_num ul li a .num_b{ text-align: center;}
	.i_a_descrt .i_num ul{ text-align: center;}
	.i_a_descrt .i_num ul li{ display: inline-block; float: none; padding:0 20px;}
	.i_a_descrt .i_num ul li a font{font-size: 80px; line-height: 80px;}
	.i_a_title{ text-align: center; padding-bottom: 10px; line-height:24px;}
	.i_a_title font{ font-size:24px;}
	.i_a_title span{ display:block; padding-left:0; font-size:16px;}
	.i_more{width: 140px; height: 42px; line-height: 42px;margin: 15px auto 0;}
	
}
@media (max-width:600px){
	.i_a_descrt .i_num ul li a font{font-size: 50px; line-height: 50px; padding:0 10px;}
}
.case_title{ height: auto; overflow: hidden;}
.i_case_nav{ width: 1000px; float: right;}
.i_case_nav ul{ margin: 0; padding: 0; width: 800px; float: left;}
.i_case_nav ul li{ width: 150px; float: left; padding: 0 10px; margin-right: 20px;}
.i_case_nav ul li a{ color:#666; font-size: 18px; line-height: 30px; text-align: center;}


.i_case{ height: auto;padding: 40px 0 80px;}
#case{width: 100%; height: auto; overflow: hidden;}
#case .swiper-wrapper{width: 100%;height: 100%; margin:25px 0;}
#case .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#case .swiper-slide .pic{ width: auto; height: 245px; position: relative;}
#case .swiper-slide .pic img{ transition: 0.5s ease-in-out;max-width: 100%; cursor: pointer;}
#case .swiper-slide:hover .pic img{ transition: 0.5s ease-in-out; transform: scale(1.2);}
#case .swiper-slide .desc{ padding: 20px 0; font-size: 16px; background: #035193; width: 80%; text-align: center; margin: 0 auto;  position: absolute; bottom: 0; z-index: 999; left: 0; right: 0; line-height: 20px;transition: 0.5s ease-in-out; color: #FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#case .swiper-button-next, #case .swiper-button-prev{ width: 30px; height: 60px;}
#case .swiper-button-next{ background: url(../images/slider_arrow_rt.png) no-repeat left center!important; right:30px;}
#case .swiper-button-prev{ background: url(../images/slider_arrow_lt.png) no-repeat left center!important; left:30px;}
#case .swiper-button-prev:after,#case .swiper-button-next:after{ content:none!important;}
#case .swiper-slide:hover .desc{  background: #c30d23;transition: 0.5s ease-in-out;}


.case_nav{ height: auto; overflow: hidden;}
@media (max-width:1240px){
.i_case{padding: 5px 0 25px;}
#case .swiper-wrapper{margin:10px 0;}
#case .swiper-button-next, #case .swiper-button-prev{ background-size: 5%;top: 45%;}
#case .swiper-button-next{right:5px;}
#case .swiper-button-prev{left:5px;}
#case .swiper-slide .desc{ padding: 8px 0; font-size: 14px;}
}



.i_news{ height:auto; overflow:hidden; margin:30px 0 50px 0;}
.i_news ul{ margin:30px 0 0; padding:0 0 20px;height:auto; overflow:hidden;}
.i_news ul li{ width:21%; float:left; margin:0 0.5%; padding:30px 1.5% 50px; background:rgba(0,0,0,0.06);transition:0.5s ease-out;}
.i_news ul li a{ display:block; color:#666; font-size:14px; line-height:28px;} 
.i_news ul li a .pic_img{ width:100%; height:340px; overflow:hidden;}
.i_news ul li a .pic_img img{ max-width:100%;transition:0.5s ease-out;}
.i_news ul li a:hover .pic_img img{ transform:scale(1.2); transition:0.5s ease-out;} 
.i_news ul li a font{ display:block; font-size:20px; padding:30px 0 10px;}
.i_news ul li a span{ display:block; color:#888;}
.i_news ul li:hover{ box-shadow:0 10px 20px rgba(0,0,0,0.1); background:#fff;transition:0.5s ease-out;} 


@media (max-width:1660px){
	.i_news{ height:auto; overflow:hidden; margin:0px 0 40px 0;}
	.i_news ul li{ padding:20px 1.5%;}
	.i_news ul li a .pic_img{ width:100%; height:auto;}
	
}
@media (max-width:1240px){
	.i_news{ height:auto; overflow:hidden; margin:10px 0 30px 0;}
	.i_news ul{ margin:10px 0 0; padding:0;height:auto; overflow:hidden;}
	.i_news ul li{ width:47%; float:left; margin:0 1.5% 15px; padding:0; background:none;}
	.i_news ul li a{ line-height:24px;} 
	.i_news ul li a font{ font-size:18px; padding:15px 0 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.i_news ul li:hover{ box-shadow:0 10px 20px rgba(0,0,0,0);} 
}

.footer{ overflow:hidden; height:auto; background:#283f83; padding:30px 0;}
.footer .f_wid{ width: auto; float:left; margin-right:30px;}
.footer .f_wid b{ display:block; color:#FFF; font-size:20px; line-height:40px; padding-bottom:10px;}
.footer .f_wid ul{ margin:0; padding:0;}
.footer .f_wid ul li{ line-height:22px;}
.footer .f_wid ul li a{ color:rgba(255,255,255,0.7); transition:0.5s;font-size: 14px;}
.footer .f_wid ul li:hover a{ color:#FFF; transition:0.5s; text-decoration:underline;}

.footer .f_line{ width:1px; height:160px; overflow:hidden; background:rgba(255,255,255,0.15); float:left;}

.footer .f_contact{ width: auto;  float:left; margin-left:30px; color:#FFF;}
.footer .f_contact .f_c_t{ overflow:hidden; background:url(../images/f_tel.png) left top no-repeat; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px;}
.footer .f_contact .f_c_t span{ padding-left:45px; line-height:30px;}
.footer .f_contact .f_c_t font{ display:block; padding:5px 0 0; font-size:24px;}
.footer .f_contact p{ overflow:hidden; padding:10px 0 0; line-height:24px;}
.footer .f_contact p a{ color:#FFF;}

.footer .f_erweima{ width: auto; overflow:hidden; float:right;}
.footer .f_erweima .f_pic{ width: auto; height:128px; overflow:hidden;}
.footer .f_erweima font{ display:block; padding:15px 0; text-align:center; color:rgba(255,255,255,0.5);}


.f_botm{ overflow:hidden; padding:10px 0; background:#283f83; color:#FFF; height:35px; line-height:35px; padding-bottom: 45px;}
.f_botm a{ color:#FFF; padding-left:10px;}


@media (max-width:1240px){
	.footer{ display: none;}
	.f_botm { height: auto; text-align: center; padding: 25px 0 66px;}
	.f_botm p{ line-height: 26px;}
	.f_botm .fl,.f_botm .fr{ float: none;}
}

.app_botm{ overflow:hidden; background:rgba(243,243,243,.95); position:fixed; bottom:5px; left:0; right:0; height:44px; z-index:999999; display: none; box-shadow:0 5px 10px rgba(0,0,0,.1); border-radius: 80px; width: 90%; margin: 0 auto;}
.app_botm ul{ margin:0; padding:0; text-align:center;}
.app_botm ul li{ width:32%; display:inline-block; border-left: 1px solid rgba(255,255,255,1)}
.app_botm ul li a{ display: block;}
.app_botm ul li a img{ width: 36px; height: 36px; padding: 4px 0;}
.app_botm ul li:first-child{border-left:none;}

@media (max-width:1240px){
	.app_botm{ display: block;}	
	
}



/**内页**/
.com_ban{ overflow:hidden; height:300px; background-position:center top; background-repeat:no-repeat; background-color:#f9f9f9; margin-top:0px;}




.com_nav{ height: auto; overflow: hidden; background:rgba(0,0,0,0.04); line-height: 60px;}

.com_nav .com_n_lt{ width: 50%; float: left; background: url(../images/i_link.png) no-repeat left center;color: #888; }
.com_nav .com_n_lt a:first-child{ padding-left: 30px; color: #666;}
.com_nav .com_n_lt a{ color: #888; font-size: 14px; padding: 0 2px;}
.com_nav .com_n_rt{ width: 50%; float: right;}
.com_nav .com_n_rt ul{ margin: 0; padding: 0; text-align: center; float: right;}
.com_nav .com_n_rt ul li{ width: 120px; float: left;}
.com_nav .com_n_rt ul li a{ color: #666; font-size: 16px; display: block;}

.com_nav .com_n_rt ul li a:hover,.com_nav .com_n_rt ul li a.selected,.com_nav .com_n_rt ul li a.select{ background:#ec5a42; color: #FFF; transition:0.5s;}

.common{ height:auto; overflow:hidden; padding:40px 0 80px;}
.about_t_h{ margin-bottom:10px;}
.about_b1{background:rgba(0,0,0,0.04); height:auto; overflow:hidden; margin-bottom:40px;}
.about_b1 .fl{ padding-right:40px;}
.about_b1 .fl img{ max-width:100%;}
.about_b1 .a_font{ padding:50px 60px; font-size:14px;}
.about_b1 .a_font p{ text-indent:2em; padding:10px 0; line-height:32px;}

.about_b1 .about_b1_num{ height: auto; overflow: hidden; margin-top:10px;}
.about_b1 .about_b1_num ul{ margin: 0; padding: 0;}
.about_b1 .about_b1_num ul li{ float:left;padding-left: 2px; padding-right: 80px;}
.about_b1 .about_b1_num ul li a{ display: block; font-size: 18px; color:#666;font-family:AvantGarde;}
.about_b1 .about_b1_num ul li a .num_b{ height: auto; overflow: hidden;}
.about_b1 .about_b1_num ul li a font{ display: block; font-size: 100px; line-height: 110px; font-family:AvantGarde; color:#ec5a42;}
.about_b1 .about_b1_num ul li a i{ display: block; font-size: 24px; font-style: normal; color: #ec5a42; font-family:AvantGarde; padding-left: 10px;}
.about_b1 .about_b1_num ul li a span{ display: block; text-align: left;padding-left: 2px;}

.about_b1 .about_b1_num ul li:first-child{ padding-left: 0;background:none;}


.about_b2{background:rgba(0,0,0,0.04); height:380px; overflow:hidden;}


.a_title2{ height:48px; line-height:48px; margin-bottom:10px; color:#035193;font-weight:550;}
.a_title2 font{ font-size:30px;}
.a_title2 span{ font-size:16px; padding-left:4px;  color:#999; font-family: AvantGarde;}
.about_b2 img{ max-width:100%;}
.about_b2 .fl,.about_b2 .fr{ width:50%; overflow:hidden;}
.about_b2 .a_font2{ padding:0 3% 30px; width:44%!important;}
.about_b2 .a_font2 .a_f2_icon{ width:100px; margin-bottom:30px;}
.about_b2 .a_font2 p{ line-height:30px; font-size:14px;}
.about_b2 .a_font2 p b{ padding-right:10px; font-size:16px;}


@media (max-width:1660px){
	.common{padding:30px 0 40px;}
	.a_title2{margin-bottom:10px;}
	.about_b2{height:auto; padding:0 0 30px;}
	.about_b2 .a_font2 .a_f2_icon{ margin-bottom:20px;}
	
}

@media (max-width:1240px){
.about_b2 .a_font2 .a_f2_icon{ margin-bottom:10px;}
.a_title2{ margin-bottom:5px;}
.a_title2 font{ font-size:24px;}
.a_title2 span{ font-size:16px;}
.com_nav{ line-height: 24px; padding:10px 0;}
.com_nav .com_n_lt{ width: 100%; float: none;}
.com_nav .com_n_rt{ display:none;}
}

@media (max-width:1100px){
.com_ban{ height:200px;}
.about_b1{background:rgba(0,0,0,0.04); height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:20px;}
.about_b1 .fl{ padding-right:0; width:100%; float:none; text-align:center;}
.about_b1 .a_font{ padding:20px 20px;}
.about_b1 .a_font p{ text-indent:2em; padding:5px 0; line-height:30px;}
.about_t_h{ margin-bottom:0;}
.about_b1 .about_b1_num ul{ text-align:center;}
.about_b1 .about_b1_num ul li{ float:none; display:inline-block; padding:0 5%;}
.about_b1 .about_b1_num ul li a i{padding-left: 0;}
.about_b1 .about_b1_num ul li a font{ font-size: 76px; line-height: 80px;}
.a_title2{ line-height:24px; padding-bottom:10px;}
.a_title2 span{ font-size:16px; display:block;}
.about_b2 .fl,.about_b2 .fr{ width:100%; float:none;}
.about_b2 .a_font2{ padding:0 3% 0; width:94%!important; text-align:center;}
.about_b2 .a_font2 .a_f2_icon{ width:80px; margin:0 auto 15px;}
.about_b2 .a_font2 .a_f2_icon img{ max-width:100%;}

}

@media (max-width:600px){
	.about_b1 .about_b1_num ul li{ padding:0 2%;}
	.about_b1 .about_b1_num ul li a font{ font-size: 56px; line-height: 60px;}
	.about_b2 .a_font2 .a_f2_icon{ width:60px;}
}


.com_title{ overflow:hidden; background:#273e82; color:#FFF; padding:20px 0 20px 20px; font-size:30px;}

.com_title1{ overflow:hidden; background:#273e82; color:#FFF; padding:18px 0 18px 20px; font-size:24px;}

.com_left{ overflow:hidden; width:245px; float:left;}

.com_left .com_list{ border:1px solid #273e82; margin-bottom:30px; }
.com_left .com_list ul{ margin:0; padding:0; }
.com_left .com_list ul li{ height:auto; line-height:24px; padding:15px 0; border-bottom:1px dashed #dbdbdb; background: url(../images/com_pro_li.png) 20px 24px no-repeat;}
.com_left .com_list ul li a{ color:#666; font-size:15px; display:block; padding-left:40px;transition:0.5s;}
.com_left .com_list ul li:hover a{ transition:0.5s; color:#ec5a42; padding-left:45px;}
.com_left .com_list ul li:hover{ background:rgba(0,0,0,0.04) url(../images/com_pro_li.png) 20px 24px no-repeat;}
.com_left .com_list ul li:last-child{ border-bottom:none;}


.com_left .com_bq{ border:1px solid #273e82; margin-bottom:30px;padding:10px 15px;}
.com_left .com_bq ul{ margin:0; padding:10px 0; }
.com_left .com_bq ul li{ height:auto; line-height:24px; padding:10px 20px 10px 0; }
.com_left .com_bq ul li a{color:#666; font-size:16px; display:block; padding-left:20px;transition:0.5s;}
.com_left .com_bq ul li a b{ font-size: 15px;}
.com_left .com_bq ul li:hover a{padding-left:25px; transition:0.5s; }
.com_left .com_bq ul li:nth-child(2n){background:rgba(0,0,0,0.04);}
.com_left .com_bq ul li:nth-child(2n) a{color:#ec5a42;}


.com_right{ height:auto; overflow:hidden; width:1310px; float:right;}


.com_products{  height:auto; overflow:hidden; text-align: center;}
.com_products .com_p_b{ width:21%; margin: 0 2% 30px 0; float:left; padding:1%; border:1px solid rgba(0,0,0,0.04); transition:0.5s; }
.com_products .com_p_b a{ color:#666;}
.com_products .com_p_b .cp_pic{ width: auto; height: auto; max-height:200px; overflow:hidden;}
.com_products .com_p_b .cp_pic img{ transition: 0.5s;max-width: 100%; cursor: pointer; max-height:100%;}
.com_products .com_p_b .cp_desc{background:rgba(0,0,0,0.04); padding:12px 0; line-height:24px; margin-top:5px; transition:0.5s; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.com_products .com_p_b:hover{border:1px solid #ec5a42; transition:0.5s;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.com_products .com_p_b:hover .cp_desc{background:#ec5a42; transition:0.5s; }
.com_products .com_p_b:hover a{color:#fff;}
.com_products .com_p_b:nth-child(4n){ margin-right:0;}




.com_case{ height:auto; overflow:hidden; text-align: center;}
.com_case .com_case_b{ width:21%; margin: 0 2% 30px 0; float:left; padding:1%; background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.0); transition:0.5s; }
.com_case .com_case_b a{ color:#666;}
.com_case .com_case_b .case_pic{ width: auto; height: auto;max-height:205px; overflow:hidden;}
.com_case .com_case_b .case_pic img{ transition: 0.5s;max-width: 100%; cursor: pointer;max-height:100%;}
.com_case .com_case_b .case_desc{background:#fff; padding:12px 0; line-height:24px; margin-top:5px; transition:0.5s; }
.com_case .com_case_b:hover{border:1px solid #ec5a42;background:#fff; transition:0.5s; }
.com_case .com_case_b:hover .case_desc{background:#ec5a42; transition:0.5s; }
.com_case .com_case_b:hover a{color:#fff;}
.com_case .com_case_b:nth-child(4n){ margin-right:0;}


@media (max-width:1660px){
	.com_right{ width:920px;}
	.com_products .com_p_b{ width:29%;}
	.com_products .com_p_b:nth-child(4n){ margin-right:2%;}
	.com_products .com_p_b:nth-child(3n){ margin-right:0;}
	.com_case .com_case_b{ width:29%;}
	.com_case .com_case_b:nth-child(4n){ margin-right:2%;}
	.com_case .com_case_b:nth-child(3n){ margin-right:0;}
}

@media (max-width:1240px){
	.com_left{ display: none;}
	.com_right{ width:100%; float: none;}
	.com_products .com_p_b{ width:21%;}
	.com_products .com_p_b:nth-child(4n){ margin-right:0;}
	.com_products .com_p_b:nth-child(3n){ margin-right:2%;}
	.com_case .com_case_b{ width:21%;}
	.com_case .com_case_b:nth-child(4n){ margin-right:0;}
	.com_case .com_case_b:nth-child(3n){ margin-right:2%;}
	
	.i_product .i_p_pic ul li:nth-child(9){ display:block}
}




@media (max-width:1110px){
	.com_products .com_p_b{ width:29.5%;}
	.com_products .com_p_b:nth-child(4n){ margin-right:2%;}
	.com_products .com_p_b:nth-child(3n){ margin-right:0;}
	.com_case .com_case_b{ width:29.5%;}
	.com_case .com_case_b:nth-child(4n){ margin-right:2%;}
	.com_case .com_case_b:nth-child(3n){ margin-right:0;}
	}
	

@media (max-width:660px){
	.com_products .com_p_b{ width:48%; border: none; padding: 0; margin: 0 1% 15px;}
	.com_products .com_p_b:nth-child(4n){ margin-right:1%;}
	.com_products .com_p_b:nth-child(3n){ margin-right:1%;}
	.com_case .com_case_b{ width:48%; border: none; padding: 0; margin: 0 1% 15px; background:none;}
	.com_case .com_case_b:nth-child(4n){ margin-right:1%;}
	.com_case .com_case_b:nth-child(3n){ margin-right:1%;}
	.com_case .com_case_b .case_desc{background:rgba(0,0,0,0.04);}
}

@media (max-width:360px){
	.com_products .com_p_b,.com_case .com_case_b{ width:98%;}
	
	
}

.com_news{ height:auto; overflow:hidden; text-align:left;}
.com_news ul{ margin:0; padding:0;}
.com_news ul li{ height:auto; overflow:hidden; margin-bottom:20px; border:1px solid rgba(0,0,0,0.1); padding:25px;transition:0.5s;}

.com_news ul li a{ display:block; color:#666;}

.com_news ul li a .date{ width:65px; height:66px; background:#ec5a42; text-align:center; color:#fff; padding:18px 15px; float:left;}
.com_news ul li a .date font{ line-height:30px; font-size:20px; display:block; border-bottom:1px solid #FFF;}
.com_news ul li a .date p{ font-size:20px; line-height:40px;}

.com_news ul li a .n_desc{ width:1060px; float:left; margin-left:30px;}
.com_news ul li a .n_desc .n_t{ font-size:22px; line-height:26px; color:#333;}
.com_news ul li a .n_desc .n_bq{ line-height:24px;background: url(../images/bq.png) 4px 11px no-repeat; padding:7px 0 2px 27px; color:#888; font-size:13px;}
.com_news ul li a .n_desc .n_b{ line-height:22px;font-size:14px;}
.com_news ul li a .n_more{ width:32px; height:32px; overflow:hidden; background-repeat:no-repeat; background-position:center top; float:right; margin-top:55px;background-size:100%;}
.com_news ul li:hover{ border:1px solid #ec5a42; transition:0.5s;}
.com_news ul li:hover a .n_more{ background-position:center bottom;}

@media (max-width:1660px){
	.com_news ul li a .n_desc{ width:670px;}
}

@media (max-width:980px){
	.com_news ul li{ padding:3%;}
	.com_news ul li a .date{ float:none; height:auto; padding:0; background:none;}
    .com_news ul li a .date font{ border-bottom:none; color:#888; font-size:14px; text-align:left; line-height:20px;}
	.com_news ul li a .date p{ display:none;}
	.com_news ul li a .n_desc .n_t{ font-size:18px; line-height:26px;}
	.com_news ul li a .n_more{ float:none; margin-top:10px; width:25px; height:25px; }
	.com_news ul li a .n_desc{ width:100%; float:none; margin-left:2px; margin-top:4px;}
	
	.com_news ul li a .n_desc .n_bq{ background: url(../images/bq.png) 2px 11px no-repeat; padding:4px 0 2px 27px;}
}


.com_contact{ height: auto; overflow: hidden;}
.com_contact .com_b{ height: auto; overflow: hidden;background:rgba(0,0,0,0.04);}
.com_contact .com_b .com_f{ width: 46%; padding: 20px 2%; float:left;}
.com_contact .com_b .com_f a{ display: block; line-height: 34px; font-size: 16px; color: #666;}
.com_contact .com_b .com_f p{line-height: 34px; font-size: 16px; color: #666;}

.com_contact .com_b .com_rt{ width: 50%; float:right;}







.com_contact .c_form{ height: auto; overflow: hidden;background: #f4f4f4; padding: 50px 0; margin: 20px auto 0;}
.com_contact .form-container {width: auto;max-width: 800px; margin: 0 auto;}
.com_contact .form-control {display: block;width: 100%;padding: 6px 15px;font-size: 12px;line-height:30px;color: #888;background-color: #fff;background-clip: padding-box;border: 1px solid #7f7f7f;transition:0.5s;}
.com_contact .form-group {margin-bottom:10px;}
.com_contact label {display: inline-block;margin-bottom: 5px;font-size:16px; color: #2e533d;}
.com_contact label span {color: red;}
.com_contact .text-center {text-align: center !important;}
.com_contact .btn-orange {background: #F15A24;color: #ffffff;}
.com_contact .btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: 6px 60px;font-size: 18px;line-height: 30px; margin-top: 5px; border-radius:50px;transition:0.5s;}

.com_contact textarea, .com_contact input, .com_contact button {font-family:"Poppins Regular"; font-size: 14px; color: #333;outline: 0;}
.com_contact .con_ewm{ width: 60px; height: 30px; margin-top: 5px;}


@media (max-width:1660px){	
	.common .c_form{padding: 20px 0; margin: 10px auto 0;}
	.common .form-container {max-width: 90%;}
	.common .form-control {display: block;width: 88%; padding: 6px 5%;}
	
}



#page{
	height: auto;
    overflow:hidden; 
    text-align: center;
    margin-top:20px; 
}
#page a{
	background:rgba(0,0,0,0.04); padding:0 15px;
	margin:0 1px; font-size:14px;height:36px; line-height:36px; display:block; display:inline-block;
}
#page a:hover,#page a.select{
	background-color: #ec5a42;
	color: #FFFFFF;
}


@media (max-width:1660px){
	#page{
    margin-top:10px; 
}
}

.c_form{ clear:both; padding-top:20px;}
.c_form .c_t{ background-color:#f5f5f5; padding-top:20px; padding-bottom:20px; text-indent:20px;}
.c_form  form{ padding:20px; width:1000px; margin:0 auto;}
.c_form  form .form-group{ padding-top:5px; padding-bottom:8px;}
.c_form  form .form-group label{ float:left; width:50px; text-align:right; padding-right:10px; line-height:46px;}
.c_form  form .form-group label .red{ color:red}
.c_form  form .form-group input{
 border: 1px solid #dddddd;
 height: 46px;
 padding-left:10px;
 padding-right:10px;
 width: 900px;
 border-radius:4px; 
}
.c_form  form .form-group textarea{ border: 1px solid #dddddd;
  padding-left:10px; padding-right:10px; padding-top:10px; width:900px; border-radius:4px; }
  
  
.c_form  form .text-center button{
 margin-left:60px;
 margin-top:20px;
 color: #FFFFFF;
 background-color: #0075C4;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none; height:55px; width:200px; text-align:center; font-size:18px; border-radius:4px;
}
.com_ntt{ font-size:22px;}
.com_n_font{ padding:20px 0 10px; color:#999; font-size:12px;}
.nextpage{}
.nextpage div{display:block;margin-top: 5px;background:rgba(0,0,0,0.04);padding: 15px 20px;}


@media (max-width:1200px){
.c_form  form{ padding:20px 0; width:800px;}
.c_form  form .form-group input{width: 700px;}
.c_form  form .form-group textarea{ width:700px}  

}



@media (max-width:900px){
.c_form  form{width:600px;}
.c_form  form .form-group input{width: 500px;}
.c_form  form .form-group textarea{ width:500px}  
}


@media (max-width:700px){
.c_form  form{ width:500px;}
.c_form  form .form-group input{width: 400px;}
.c_form  form .form-group textarea{ width:400px}  
}


@media (max-width:600px){
.c_form  form{ width:200px;}
.c_form  form .form-group input{width: 200px;}
.c_form  form .form-group textarea{ width:200px;}  
img{ width:100%}    

	.i_a_descrt .i_num ul li a{ font-size:16px}
	.i_a_descrt .i_num ul li a .num_b .counter{ font-size:36px}

}

.i_about .a_desc{ text-align:left}