@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#1365b0; text-decoration:underline;}
.fl{ float:left;}
.fr{ float:right;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:52px auto;}
.head_top h1{ float:left; width:516px;}
.head_top h1 img{ width:100%;}
.head_top .cnen{ float:left; margin:12px 0 12px 9%; font-size:14px; color:#3b72ce; line-height:22px;}
.head_top .cnen a{ color:#333;}
.head_top .cnen a:hover{ text-decoration:none; color:#3b72ce;}
.head_top .rexian{ float:right; font-size:18px; color:#525252; line-height:20px; background:url(../images/rexian.png) left center no-repeat; padding:0 0 0 68px;}
.head_top .rexian span{ display:block; font-size:20px; color:#c50000; font-weight:bold; margin:6px 0 0 0;}

/*nav*/
.header{ width:100%; background:#0858b1;}
.nav{ float:left; font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav li a{ display:block; font-size:18px; color:#fff; line-height:60px; padding:0 33px;}
.nav li:hover a, .nav li a.hort{ text-decoration:none; background:#6497d0;}
.nav .sub{ width:208px; position:absolute; left:0; top:60px; background:#6497d0;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#fff; display:block; font-size:14px; line-height:22px; padding:8px 12px; text-align:left; border-bottom:#4c80b9 1px solid; background:none;}
.nav .sub li a:hover{ text-decoration:none; background:#0858b1; border-bottom:#0858b1 1px solid;}

.search_pc{ float:right; width:190px; height:34px; background:url(../images/search.png) center no-repeat; margin:13px 0; border-radius:12px; box-shadow:0 0 5px #232323;}
.search_pc .search{ float:left; padding:0 0 0 16px; width:138px; font-size:14px; line-height:34px; border:0; background:none; outline:none;}
.search_pc .button{ float:right; border:0; width:36px; height:34px; background:none; cursor:pointer; outline:none;}
.search_pc .search::-webkit-input-placeholder{ color:#666;}
.search_pc .search::-moz-placeholder{ color:#666;}

/*banner*/
.main_visual{ width:100%; margin:0 auto; overflow:hidden;}
.main_image{ height:500px; position:relative;}
.main_image ul{ overflow:hidden; position:absolute; top:0; left:0;}
.main_image li{ float:left; width:100%;}
.main_image li span{ display:block; width:100%;}
.main_image li a{ display:block; width:100%; height:500px;}
div.flicking_con{ width:1000px; margin:0 auto; position:relative;}
div.flicking_con .flicking_inner{ position:absolute; top:468px; left:47%; z-index:2;}
div.flicking_con a{ float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px;}
div.flicking_con a.on{background-position:0 -21px;}
#btn_prev,#btn_next{ z-index:3; position:absolute; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{ background:url(../images/hover_left.png) no-repeat left top; left:2%;}
#btn_next{ background:url(../images/hover_right.png) no-repeat right top; right:2%;}

/*new_product*/
.new_product{ margin:66px auto;}
.new_p_name{ margin:0 auto 46px auto; text-align:center; font-size:26px; color:#232323; line-height:33px; position:relative;}
.new_p_name:before{ content:''; position:absolute; width:520px; height:1px; background:#232323; left:0; top:16px;}
.new_p_name:after{ content:''; position:absolute; width:520px; height:1px; background:#232323; right:0; top:16px;}
.new_p_name i:before{ position:absolute; content:""; left:518px; top:0; background:url(../images/name_l.png) center no-repeat; width:20px; height:33px;}
.new_p_name i:after{ position:absolute; content:""; right:518px; top:0; background:url(../images/name_r.png) center no-repeat; width:20px; height:33px;}
.img-scroll{ position:relative;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:30px; height:50px; top:50%; margin-top:-25px; z-index:99;}
.img-scroll .prev{ left:0; cursor:pointer; background:url(../images/l.png) no-repeat center;}
.img-scroll .next{ right:0; cursor:pointer; background:url(../images/r.png) no-repeat center;}
.img-list{ position:relative; width:90%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:800%;}
.img-list li{ float:left; width:2.9%; margin:0 0.3% 0 0; position:relative;}
.img-list li img{ width:100%;}
.img-list li div{ font-size:26px; line-height:30px; display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.3); justify-content:center; align-items:center;}
.img-list li:hover div{ display:flex;}
.img-list li a{ display:block; color:#fff;}
.img-list li a:hover{ text-decoration:none; color:#fff;}

/*h_center*/
.h_center{ width:100%; margin:66px auto; overflow:hidden; height:300px; background:url(../images/center.jpg) center no-repeat;}

/*about_us*/
.about_us{ margin:66px auto;}
.about_name{ margin:0 auto 46px auto; text-align:center; font-size:26px; color:#232323; line-height:33px; position:relative;}
.about_name:before{ content:''; position:absolute; width:520px; height:1px; background:#232323; left:0; top:16px;}
.about_name:after{ content:''; position:absolute; width:520px; height:1px; background:#232323; right:0; top:16px;}
.about_name i:before{ position:absolute; content:""; left:518px; top:0; background:url(../images/name_l.png) center no-repeat; width:20px; height:33px;}
.about_name i:after{ position:absolute; content:""; right:518px; top:0; background:url(../images/name_r.png) center no-repeat; width:20px; height:33px;}
.about_width{ width:100%; margin:36px auto; overflow:hidden;}
.about_left{ float:left; width:50%;}
.about_left .about_biaoti{ width:100%; margin:0 auto 22px auto; overflow:hidden; border-bottom:#bfbfbf 1px solid;}
.about_left .about_biaoti div{ float:left; font-size:20px; color:#444; font-weight:bold; text-transform:uppercase; line-height:42px;}
.about_left .about_biaoti div i{ float:left; width:10px; height:24px; background:#3b72ce; margin:9px 15px 9px 0;}
.about_left .about_biaoti a{ float:right; font-size:16px; color:#666; line-height:42px; text-transform:uppercase;}
.about_left .about_biaoti a:hover{ text-decoration:none; color:#232323;}
.about_left .h_profiles{ font-size:16px; line-height:30px; color:#525252;}
.about_left .h_profiles p{ text-indent:2em;}
.about_right{ float:right; width:47.5%; margin:42px 0 0 0;}
.about_right img{ width:100%;}
.company_history{ width:100%; margin:36px auto 0 auto; overflow:hidden;}
.company_h_left{ float:left; width:43%; margin:42px 0 0 0;}
.company_h_left img{ width:100%;}
.company_h_right{ float:right; width:50%;}
.company_h_right .about_biaoti{ width:100%; margin:0 auto 22px auto; overflow:hidden; border-bottom:#bfbfbf 1px solid;}
.company_h_right .about_biaoti div{ float:left; font-size:20px; color:#444; font-weight:bold; text-transform:uppercase; line-height:42px;}
.company_h_right .about_biaoti div i{ float:left; width:10px; height:24px; background:#3b72ce; margin:9px 15px 9px 0;}
.company_h_right .about_biaoti a{ float:right; font-size:16px; color:#666; line-height:42px; text-transform:uppercase;}
.company_h_right .about_biaoti a:hover{ text-decoration:none; color:#232323;}
.company_h_right .history{ font-size:16px; line-height:35px; color:#525252;}

/*news*/
.news{ margin:66px auto;}
.news_name{ margin:0 auto 46px auto; text-align:center; font-size:26px; color:#232323; line-height:33px; position:relative;}
.news_name:before{ content:''; position:absolute; width:520px; height:1px; background:#232323; left:0; top:16px;}
.news_name:after{ content:''; position:absolute; width:520px; height:1px; background:#232323; right:0; top:16px;}
.news_name i:before{ position:absolute; content:""; left:518px; top:0; background:url(../images/name_l.png) center no-repeat; width:20px; height:33px;}
.news_name i:after{ position:absolute; content:""; right:518px; top:0; background:url(../images/name_r.png) center no-repeat; width:20px; height:33px;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_left{ float:left; width:21.8%; position:relative;}
.news_left img{ width:100%;}
.news_left em{ background:rgba(0,86,178,.6); position:absolute; left:0; bottom:0; padding:6%; font-size:12px; line-height:22px;}
.news_left a{ color:#fff;}
.news_left a:hover{ text-decoration:none;}
.news_right{ float:right; width:76%;}
.news_right dl{ float:left; width:48%; margin:0 4% 0 0;}
.news_right dl:nth-child(2n){ margin:0;}
.news_right dl a{ display:block; border-bottom:#777 1px solid; overflow:hidden; padding:13px 0; color:#767676;}
.news_right dl a:hover{ text-decoration:none; color:#333;}
.news_right dl dt{ float:left; font-size:30px; border-right:#777 1px solid; width:11%; line-height:43px;}
.news_right dl dd{ float:right; width:85%; font-size:14px; line-height:20px;}
.news_right dl dd span{ display:block; margin:3px 0 0 0;}

/*footer*/
.footer{ width:100%; margin:0; overflow:hidden; background:#003b7d;}
.f_width{ margin:32px auto 16px auto;}
.footer_left{ float:left; width:281px; margin:16px 85px;}
.footer_left img{ width:100%; margin:0;}
.footer_right{ border-left:#cfcfcf 1px solid; width:650px; float:right; padding:0 0 0 98px;}
.footer_right .footer_nav{ width:100%; margin:8px auto; overflow:hidden;}
.footer_right .footer_nav a{ font-size:14px; color:#cfcfcf; line-height:25px; margin:0 25px 0 0; transition:all .35s;}
.footer_right .footer_nav a:hover{ text-decoration:none; color:#fff;}
.footer_right .footer_contact{ width:100%; margin:24px auto; font-size:14px; color:#cfcfcf; line-height:25px;}
.footer_right .footer_contact a{ color:#cfcfcf;}

.footer .footer_icp{ background:#033268; text-align:center; font-size:12px; color:#ccc; line-height:22px; padding:10px 0;}
.footer .footer_icp a{ color:#ccc;}

@media screen and (max-width:1180px) {

	.header{ width:1200px;}
	.main_visual{ width:1200px;}
	.h_center{ width:1200px;}
	.footer{ width:1200px;}
	
	.ny_banner{ width:1200px !important;}

}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

/*company*/
.company{ margin:66px auto;}
.company_name{ width:100%; margin:0 auto 22px auto; overflow:hidden; border-bottom:#434343 1px solid; font-size:18px; color:#444; text-transform:uppercase; line-height:56px;}
.company_name i{ float:left; width:15px; height:28px; background:#0068b7; margin:14px 15px 14px 0;}
.company_width{ width:100%; margin:0 auto; overflow:hidden;}
.company_width .company_left{ float:left; width:56%; font-size:16px; line-height:30px; color:#525252;}
.company_width .company_left p{ text-indent:2em;}
.company_width .company_right{ float:right; width:40%;}
.company_width .company_right img{ width:100%;}
.company_width .company_left2{ float:left; width:40%;}
.company_width .company_left2 img{ width:100%;}
.company_width .company_right2{ float:right; width:56%; font-size:16px; line-height:35px; color:#525252;}

.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li a{ color:#333; /* border:#eee 1px solid;*/ border:#e5c875 12px solid; padding:1%; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#0858b1;}

.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#e98400; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#e98400; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#e98400; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#e98400; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*product*/
.product{ margin:42px auto;}
.product ul{ overflow:hidden;}
.product ul li{ float:left; width:24.1%; margin:0 1.2% 1.2% 0; position:relative;}
.product ul li:nth-child(4n){ margin:0 0 1.2% 0;}
.product ul li img{ width:100%;}
.product ul li em{ position:absolute; left:0; bottom:0; background:#7d7d7d; font-size:14px; line-height:25px; padding:8px 16px;}
.product ul li a{ color:#eee; transition:all .35s;}
.product ul li a:hover{ text-decoration:none; color:#fff;}

.products{ margin:42px auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:24.1%; margin:0 1.2% 1.2% 0; position:relative;}
.products ul li:nth-child(4n){ margin:0 0 1.2% 0;}
.products ul li img{ width:100%;}
.products ul li em{ position:absolute; width:90%; left:0; bottom:0; background:#434343; font-size:14px; line-height:25px; padding:8px 5%; text-align:center;}
.products ul li a{ color:#eee; transition:all .35s;}
.products ul li a:hover{ text-decoration:none; color:#fff;}

.productshow{ margin:42px auto;}
.product_img{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.product_img span{ display:block; border:#e5e5e5 8px solid;}
.product_img img{ max-width:100%;}
.product_miaoshu{ width:100%; margin:20px auto;}
.product_miaoshu dl{ overflow:hidden;}
.product_miaoshu dl dd{ float:left; width:48%; font-size:14px; color:#777; line-height:25px;}
.product_miaoshu dl dd em{ display:block; margin:0 0 12px 0; font-size:16px; color:#424242;}
.product_miaoshu dl dd img{ max-width:78%;}
.product_miaoshu dl dt{ float:right; width:48%; font-size:14px; color:#777; line-height:25px;}
.product_miaoshu dl dt em{ display:block; margin:0 0 12px 0; font-size:16px; color:#424242;}
.product_miaoshu dl dt img{ max-width:78%;}

.product_liebiao{ width:100%; margin:20px auto 0 auto; overflow:hidden; border-top:#ccc 1px solid;}
.pro_lb_name{ width:96%; margin:14px auto; font-size:16px; color:#424242; line-height:28px;}
.pro_lb_sm{ width:96%; margin:14px auto 0 auto; overflow:hidden; font-size:14px; color:#777; line-height:25px;}
.pro_lb_sm img{ max-width:100%;}

/*service*/
.service{ margin:60px auto;}
.service ul{ overflow:hidden;}
.service ul li{ float:left; width:17.2%; margin:0 3.5% 3.5% 0;}
.service ul li:nth-child(5n){ margin:0 0 3.5% 0;}
.service ul li img{ width:100%;}
.service ul li a{ display:block; border:#cdcdcd 1px solid; color:#666; padding:2px;}
.service ul li a:hover{ text-decoration:none; color:#0858b1; border:#0858b1 1px solid;}
.service ul li em{ display:block; text-align:center; font-size:14px; line-height:24px; margin:4px 0;}

/*ny_news*/
.ny_news{ margin:48px auto 118px auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:47.5%; margin:0 5% 6% 0;}
.ny_news ul li:nth-child(2n){ margin:0 0 6% 0;}
.ny_news ul li a{ display:block; color:#777;}
.ny_news ul li a:hover{ text-decoration:none; color:#0858b1;}
.ny_news ul li .n_left{ float:left; width:28%;}
.ny_news ul li .n_left img{ width:100%;}
.ny_news ul li .n_right{ float:right; width:67%;}
.ny_news ul li .n_right dl{ overflow:hidden; border-bottom:#dcdcdc 2px solid; padding:0 0 10px 0;}
.ny_news ul li .n_right dl dt{ float:left; width:12%; border-right:#dcdcdc 1px solid; font-size:30px; color:#777; line-height:50px;}
.ny_news ul li .n_right dl dd{ float:right; width:84%; font-size:12px; color:#525252; font-weight:bold; line-height:14px; margin:3px 0;}
.ny_news ul li .n_right dl dd span{ font-size:18px; line-height:30px; height:30px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li .n_right .n_jies{ font-size:12px; color:#777; line-height:22px; margin:12px 0 4px 0; text-indent:2em;}
.ny_news ul li .n_right .n_more{ text-align:right; text-transform:uppercase; font-size:12px; line-height:22px;}
.ny_news .news_more{ background:#bfbfbf; text-align:center;}
.ny_news .news_more a{ display:block; font-size:16px; color:#424242; line-height:40px;}
.ny_news .news_more img{ width:21px; height:19px; margin:10px 10px 0 0;}
.ny_news .news_more a:hover{ text-decoration:none; color:#333;}

.lujing{ margin:20px auto; font-size:16px; color:#777; line-height:28px;}
.lujing a{ color:#777;}
.lujing a:hover{ text-decoration:none; color:#0858b1;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 20px auto;}
.news_name_n strong{ font-size:18px; color:#333; line-height:25px; margin:0 0 8px 0; display:block;}
.news_name_n span{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:20px auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.p_next{ width:100%; margin:20px auto 0 auto; border-bottom:#d1cfd0 1px solid;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.jpg) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.jpg) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#0858b1; text-decoration:none;}

/*feedback*/
.feedback{ margin:66px auto 98px auto;}
.feedback_name{ font-size:22px; color:#444; line-height:34px; text-align:center; margin:0 0 42px 0;}

.container{ width:100%; margin:0;}
.form_group{ display:block; margin:0 0 20px 0; overflow:hidden;}
.form_group label{ text-align:right; font-style:normal; font-size:14px; color:#333; font-weight:normal; vertical-align:middle; line-height:34px;}
.col_sm_2{ width:10%; float:left;}
.form_group label span{ bottom:0; vertical-align:top; margin-right:5px; color:#f00;}
.col_sm_8{ width:88%; float:right;}
.form_group input, .form_group textarea{ background:#f7f7f7;}
.form_control{ display:block; width:96.8%; padding:2px 14px; font-size:14px; line-height:28px; color:#555; border:1px solid #ccc; border-radius:4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.row_two{ float:left; width:50%;}
.col_sm_3{ width:76%; float:right;}
.col_sm_4{ width:20%; float:left;}
.form_controls{ display:block; width:92.6%; padding:2px 14px; font-size:14px; line-height:28px; color:#555; border:1px solid #ccc; border-radius:4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.miaoshu{ height:118px;}
.massage_btn{ margin:20px 0 0 0; padding:0 0 0 15px; text-align:center;}
.massage_btn .btn { padding:5px 20px; margin-right:10px; font-size:18px; background:#0858b1; color:#fff; box-shadow:2px 2px 5px rgba(198,205,210,0.8); border-radius:5px; border:none; cursor:pointer;}
.massage_btn .btn:hover { background:#6497d0;}

/*contact_us*/
.contact_us{ margin:78px auto 168px auto;}
.contact_left{ float:left; width:57%;}
.contact_right{ float:right; width:39%; margin:10% 0 0 0; font-size:18px; color:#525252; line-height:30px;}
.contact_right div{ font-size:22px; color:#444; line-height:34px; margin:0 0 8px 0;}
.contact_right div i{ width:26px; height:34px; background:url(../images/contact.png) center no-repeat; float:left; margin:0 12px 0 0;}