@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:#333; font-size:12px; font-family:Lao UI, sans-serif, "微软雅黑"; /*background:url(../images/bodybg.jpeg);*/}
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 { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
@font-face {    
   font-family:'Lao UI';    
   src: url('../font/LaoUI.eot');    
   src: url('../font/LaoUI-1.eot') format('embedded-opentype'),
        url('../font/LaoUI.ttf') format('truetype'),
		url('../font/LaoUI.woff') format('woff'),
		url('../font/LaoUI.svg#LaoUI') format('svg');    
  font-weight:normal!important;;    
  font-style:normal;  
}
.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:#333; text-decoration:none;}
a:hover { color:#0d4f83; text-decoration:underline; }
.layout{ width:1260px; margin:0 auto}
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.head_top{ background:#0d4f83; border-bottom:#f4f4f4 2px solid;}
.head_top .bi_ti{ width:1260px; margin:0 auto; overflow:hidden;}
.head_top .bi_ti .biaoyu{ font-size:16px; color:#fff; line-height:43px; float:left;}
.head_top .bi_ti .biaoyu a{ font-size:14px; color:#fff; line-height:43px; font-family:"微软雅黑"; margin:0 0 0 12px;}
.head_top .bi_ti .biaoyu a:hover, .head_top .bi_ti .biaoyu a.her{ color:#fb011d; text-decoration:none;}

.head_top .bi_ti .sea_like{ float:right;}
.head_top .bi_ti .sea_like .sky{ float:left; margin:8px 16px 0 0;}
.head_top .bi_ti .sea_like .sky ul{ overflow:hidden;}
.head_top .bi_ti .sea_like .sky ul li{ width:33px; float:left; margin:0 10px 0 0;}
.head_top .bi_ti .sea_like .sky ul li img{ width:33px; height:28px;}

.head_top .bi_ti .sea_like .search{ margin:7px 0 0 0; float:right;}
.head_top .bi_ti .sea_like .search .input{ border:none; background:none; height:30px; float:left; outline:none; width:68px; font-size:15px; color:#fff;}
.head_top .bi_ti .sea_like .search .search_tu{ margin:3px 0 0 2px; cursor:pointer;}

/*head_nav*/
.head_nav{ width:1260px; margin:0 auto; overflow:hidden;}
.head_nav .logo{ width:247px; float:left; margin:16px 0;}
.head_nav .logo img{ width:247px; height:42px;}

.head_nav .nav{ float:right;}
.head_nav .nav ul{ overflow:hidden;}
.head_nav .nav li{ float:left;}
.head_nav .nav li p{ position:relative;}
.head_nav .nav li p a{ /*color:#fff;*/ line-height:74px; display:block; padding:0 20px; font-size:16px; font-weight:bold; text-transform:uppercase;}
.head_nav .nav li:hover p a{ color:#0d4f83; background:#f2f2f2; text-decoration:none;}
.head_nav .nav .erjibox{ display:none;}
.head_nav .nav li:hover .erjibox{ display:block; background:#f2f2f2; width:168px; position:absolute; box-shadow:0 3px 5px 0 #ddd; z-index:99;}
.head_nav .nav li:hover .erjibox .erji{ line-height:36px; position:relative;}
.head_nav .nav li:hover .erjibox .erji a{ line-height:36px; display:block; font-size:14px; padding-left:10px; color:#121212;}
.head_nav .nav li:hover .erjibox .erji:hover a{ line-height:36px; display:block; text-decoration:none; background:#0d4f83; color:#fff; padding-left:10px;}
.head_nav .nav .erjibox2{ display:none;}
.head_nav .nav li:hover .erjibox2{ display:block; left:0; width:100%; position:absolute; z-index:99;}
.head_nav .nav li:hover .erjibox2 .ppdt{ width:1200px; background:#f2f2f2; margin:0 auto; overflow:hidden; box-shadow:0 3px 5px 0 #ddd; padding:20px 30px;}
.head_nav .nav li:hover .erjibox2 .ppdt dl{ float:left; width:23.5%; margin:0 2% 0 0;}
.head_nav .nav li:hover .erjibox2 .ppdt dl:nth-child(4n){ margin:0;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dd{ margin:0 0 10px 0; border-bottom:#ccc 1px dotted;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dd a{ font-size:14px; color:#121212; line-height:36px; font-weight:bold; display:block;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dd a:hover{ text-decoration:none; color:#0d4f83;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dt{ line-height:26px;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dt a{ font-size:14px; color:#333; display:block;}
.head_nav .nav li:hover .erjibox2 .ppdt dl dt a:hover{ text-decoration:none; color:#0d4f83;}

/*banner*/
.banner{ width:1260px; margin:0 auto; overflow:hidden; position:relative; height:500px;}
.banner_img{ position:relative;}
.banner_img ul li.block { display:block; margin-bottom:10px;}
.banner_img ul li.block { display:block; margin-bottom:10px;}
.banner_nou { text-align:center; position:absolute; z-index:9999; bottom:3%; right:1%;}
.banner_nou a.active{ background:url("../images/dh.png") -207px -23px;}
.banner_nou a{ color:#09C; font-size:16px; font-weight:bold; margin:0 3px; width:12px; height:12px; background:url("../images/dh.png") -207px -7px; display:block; overflow:hidden; border-radius:6px; float:left;}
.banner_next,.banner_prev { cursor:pointer;}

/*this_you*/
.this_you{ width:1260px; margin:42px auto; overflow:hidden;}
.this_you .is_you{ width:610px; float:left;}
.this_you .is_you h1{ font-size:28px; /*color:#fff;*/line-height:30px; margin:0 0 16px 0;}
.this_you .is_you h2{ font-size:14px; /*color:#ccc;*/line-height:22px;}
.this_you .we_help{ width:630px; float:right;}
.this_you .we_help h1{ font-size:28px; /*color:#fff;*/line-height:30px; margin:0 0 16px 0;}
.this_you .we_help h2{ font-size:14px; /*color:#ccc;*/line-height:22px;}

/*about_us*/
.about_us{ width:1260px; margin:42px auto; overflow:hidden; background:url(../images/aboutbg.jpeg) right bottom no-repeat; height:301px;}
.about_us h1{ font-size:28px; color:#000; text-transform:uppercase; padding:0 0 0 52px; line-height:68px; margin:26px 0 0 0;}
.about_us h2{ font-size:14px; color:#000; line-height:24px; padding:0 0 0 52px; width:480px;}
.about_us a{ font-size:16px; color:#000; text-transform:uppercase; line-height:24px; display:block; padding:32px 0 0 52px;}
.about_us a:hover{ color:#0d4f83; text-decoration:none;}
.about_us a img{ width:9px; height:16px; margin:4px 0 0 10px;}

/*new_product*/
.new_prod_name{ width:1260px; margin:42px auto 28px auto; overflow:hidden; font-size:16px; /*color:#999;*/ text-align:center; line-height:26px;}
.new_prod_name h3{ font-size:30px; color:#fff; text-transform:uppercase; line-height:36px; margin:0 0 8px 0;}
.new_product{ width:1260px; margin:28px auto 42px auto;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:282px; margin:0 44px 0 0; background:#fff; position:relative;}
.new_product ul li a{ display:block; border:#999 1px solid; color:#888;}
.new_product ul li a:hover{ text-decoration:none; color:#0d4f83;}
.new_product ul li img{ width:100%;}
.new_product ul li:before{ content:""; width:0px; height:3px; visibility:hidden; transition:0.5s; background:#0d4f83; position:absolute; top:0; left:0;}
.new_product ul li:hover::before{  width:100%; height:3px; visibility:visible;}
.new_product ul li:nth-child(4n){ margin:0;}
.new_product ul li h3{ width:96%; margin:8px auto 6px auto; font-size:18px; color:#333; text-align:center; line-height:26px; height:26px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product ul li h4{ width:68%; margin:6px auto 14px auto; font-size:14px; line-height:20px; text-align:center; height:40px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*news_contact*/
.news_contact{ width:1260px; margin:42px auto; overflow:hidden; border-top:#0d4f83 1px dashed; padding:40px 0 0 0;}
.news_contact .hezuo{ width:317px; float:left; border-right:#ccc 1px solid; padding:0 20px 0 0;}
.news_contact .hezuo img{ width:317px; height:189px;}

.news_contact .news{ width:500px; float:left; margin:0 0 0 20px;}
.news_contact .news h1{ font-size:30px; color:#fff; line-height:28px; text-transform:uppercase; margin:0 0 9px 0;}
.news_contact .news h1 img{ width:20px; height:20px; margin:5px 0 0 6px;}
.news_contact .news ul{ overflow:hidden;}
.news_contact .news ul li{ margin:8px 0 0 0; overflow:hidden;}
.news_contact .news ul li .ns_img{ width:68px; float:left;}
.news_contact .news ul li .ns_img img{ border:#e1e1e1 1px solid; width:66px; height:66px;}
.news_contact .news ul li .ns_biaoti{ width:420px; float:right;}
.news_contact .news ul li .ns_biaoti a{ display:block; /*color:#ccc;*/}
.news_contact .news ul li .ns_biaoti a:hover{ text-decoration:none; /*color:#fff;*/}
.news_contact .news ul li .ns_biaoti a h2{ font-size:16px; /*color:#fff;*/ font-weight:bold; line-height:20px; margin:0 0 8px 0;}
.news_contact .news ul li .ns_biaoti a h3{ font-size:14px; line-height:20px; width:390px;}

.news_contact .contact_us{ width:294px; float:right;}
.news_contact .contact_us h3{ background:#f0f0f0; font-size:30px; color:#040404; line-height:42px; text-transform:uppercase; padding:0 0 0 20px;}
.news_contact .contact_us h4{ font-size:14px; /*color:#fff;*/ line-height:25px; border:#f0f0f0 1px solid; border-top:none; height:130px; padding:16px 0 0 19px;}

/*bottom_nav*/
.bottom_nav{ width:100%; background:#121212; margin:68px auto 0 auto; text-align:center; padding:16px 0;}
.bottom_nav a{ font-size:16px; color:#fff; margin:0 16px; line-height:20px; text-transform:uppercase; font-weight:bold;}
.bottom_nav a:hover{ color:#eee; text-decoration:none;}

/*fotter*/
.fotter{ width:100%; border-top:#f4f4f4 2px solid; background:#0d4f83; font-size:12px; color:#f2f2f2; line-height:16px; text-align:center; padding:12px 0;}
.fotter a{ color:#fff; margin:0 0 0 18px;}


/*ny_banner*/
.ny_banner{ width:1260px; margin:0 auto; background:url(../images/ny_banner1.jpeg) center center no-repeat; overflow:hidden;}
.lj_content{ width:1120px; margin:0 auto; overflow:hidden; height:240px; font-size:14px; color:#333; line-height:20px;}
.lj_content h1{ font-size:48px; color:#0d4f83; line-height:58px; font-weight:bold; margin:69px 0 16px 0; text-transform:uppercase;}
.lj_content font{ color:#666;}
.lj_content a{ color:#0d4f83; font-weight:bold;}
.lj_content a img{ width:15px; height:12px; margin:3px 3px 0 0;}

/*content*/
.content{ width:1260px; margin:42px auto; overflow:hidden;}
.content .fh_left{ width:232px; float:left; border-radius:2px; padding:9px 20px 20px 20px; background:#fff;}
.content .fh_left h1{ font-size:24px; color:#333; width:100%; margin:0 auto; font-weight:bold; line-height:46px;}
.content .fh_left ul{ width:100%; margin:0 auto; overflow:hidden;}
.content .fh_left ul li{ margin:2px 0 0 0;}
.content .fh_left ul li a{ font-size:16px; color:#0d4f83; line-height:20px; padding:10px 15px; display:block;}
.content .fh_left ul li a:hover{ background:#eee; text-decoration:none; border-radius:3px;}
.content .fh_left ul li a.hert{ background:#0d4f83; border-radius:4px; color:#fff;}
.content .fh_left ul li dl{ overflow:hidden;}
.content .fh_left ul li dl dd{ border-bottom:#ccc 1px dotted;}
.content .fh_left ul li dl dd a{ background:none; font-size:14px; color:#333; padding:5px 15px;}
.content .fh_left ul li dl dd a:hover{ background:none; color:#0d4f83;}
.content .fh_left ul li dl dd a.cootn{ font-weight:bold; font-size:14px;}
.content .fh_right{ float:right; width:918px;}
.content .fh_right h1{ font-size:20px; color:#fff; font-weight:bold; line-height:25px; padding:0 0 6px 0; border-bottom:#fff 2px solid; display:inline-block; margin:0 0 24px 0;}

/*profiles*/
.profiles{ font-size:14px; color:#fff; line-height:25px;}
.profiles img{ max-width:100%;}

/*honor*/
.my-gallery{ width:100%; margin:0 auto; overflow:hidden;}
.my-gallery figure{ width:31%; float:left; margin:0 3.5% 3.5% 0;}
.my-gallery figure figcaption{ white-space:nowrap; display:block; overflow:hidden; text-align:center; font-size:14px; color:#666; line-height:25px; padding:5px 0;}
.my-gallery figure:nth-child(3n){ margin:0 0 3.5% 0;}
.my-gallery figure img{ width:100%;}

/*products*/
.products{ width:100%;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:282px; margin:0 36px 36px 0; background:#fff; position:relative;}
.products ul li a{ display:block; border:#999 1px solid; color:#888;}
.products ul li a:hover{ text-decoration:none; color:#0d4f83;}
.products ul li img{ width:100%;}
.products ul li:before{ content:""; width:0px; height:3px; visibility:hidden; transition:0.5s; background:#0d4f83; position:absolute; top:0; left:0;}
.products ul li:hover::before{  width:100%; height:3px; visibility:visible;}
.products ul li:nth-child(3n){ margin:0 0 24px 0;}
.products ul li h3{ width:96%; margin:8px auto 6px auto; font-size:18px; color:#333; text-align:center; line-height:26px; height:26px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li h4{ width:68%; margin:6px auto 14px auto; font-size:14px; line-height:20px; text-align:center; height:40px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.products_xq{ width:100%; overflow:hidden;display: flex;}
.page{ float:left; width:432px;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ width:106px; height:71px; margin:1px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 1px 0;}
.sp-large a img{ max-width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.products_xq .xq_right{ float:right; width:446px;}
.products_xq .xq_right h3{ font-size:18px; /*color:#fff;*/ line-height:22px; border-bottom:#0d4f83 1px dotted; padding:0 0 6px 0; margin:0 0 10px 0; font-weight:bold;}
.products_xq .xq_right h4{ font-size:14px; /*color:#eee;*/ line-height:20px;}
.product_related{ width:100%; border-bottom:#999 1px solid; position:relative; height:18px; margin:32px auto 44px auto;}
.product_related h3{ width:180px; border:#999 1px solid; overflow:hidden; position:absolute; left:50%; top:0; font-size:18px; line-height:37px; color:#0d4f83; text-align:center; background:#fff; margin:0 0 0 -90px;}
.gaishu{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; /*color:#ccc;*/ line-height:25px;}
.gaishu td{ /*color:#ccc;*/}

/*news*/
.news_width{ width:100%; margin:0 auto 30px auto; overflow:hidden; background:#f3f3f3;}
.news_width:hover{ box-shadow:0 0 5px 0 #eee;}
.news_width a{ color:#333;}
.news_width:hover a{ color:#3f67bf; text-decoration:none;}
.news_width a h4{ color:#666;}
.news_width:hover a h4{ color:#3f67bf;}
.news_width .news_left{ float:left; width:33%; position:relative;}
.news_width .news_left img{ width:100%;}
.news_width .news_left .times{ position:absolute; left:0; top:0; background:rgba(0, 0, 0, .3); width:160px; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:60px;}
.news_width .news_right{ float:right; width:61%; margin:0 3% 0 0;}
.news_width .news_right h2{ font-size:18px; line-height:28px; font-weight:bold; margin:32px 0 8px 0;}
.news_width .news_right h3{ font-size:12px; /*color:#999;*/ line-height:18px; margin:8px 0;}
.news_width .news_right h4{ border-top:#fff 1px solid; font-size:16px; line-height:28px; padding:14px 0;}

.news_widths{ width:100%; margin:0 auto; overflow:hidden;}
.news_widths .news_name{ width:100%; text-align:center; border-bottom:#999 1px dashed; margin:0 0 26px 0;}
.news_widths .news_name h3{ font-size:20px; color:#fff; line-height:25px; margin:0 0 5px 0;}
.news_widths .news_name h4{ color:#ccc; font-size:14px; line-height:26px;}
.news_widths .news_xq{ width:100%; color:#eee; font-size:14px; line-height:24px;}
.news_widths .news_xq img{ max-width:100%;}

/*services*/
.services{ font-size:14px; color:#fff; line-height:25px;}
.services img{ max-width:100%;}

/*download*/
.download{ width:100%; margin:0 auto;}
.download ul{ overflow:hidden;}
.download ul li{ border-bottom:#ccc 1px dashed;}
.download ul li a{ font-size:14px; color:#ccc; line-height:52px; display:block;}
.download ul li a img{ width:36px; margin:7px 12px 0 0;}
.download ul li a:hover{ text-decoration:none; color:#fff;}
.download ul li a font{ float:right; color:#ccc;}

/*contact*/
.container{ width:600px; float:left;}
.form_group{ display:block; margin:0 0 12px 0; overflow:hidden;}
.form_group label{ text-align:left; font-style:normal; font-size:14px; /*color:#fff;*/ font-weight:normal; vertical-align:middle; line-height:34px;}
.col_sm_2{ width:20%; float:left;}
.form_group label span{ bottom:0; vertical-align:top; margin-right:5px; color:#f00;}
.col_sm_8{ width:80%; float:right;}
.form_group input, .form_group textarea{ background:#f7f7f7;}
.form_control{ display:block; width:93.5%; 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;
}

.xingzhi{ height:34px; width:99.8% !important;}
.miaoshu{ height:118px;}

.massage_btn{ margin:20px 0 0 0; padding:0 0 0 20%;}
.massage_btn .btn { font-size:18px; background:#0d4f83; color:#fff; border-radius:5px; border:none; padding:8px 20px; cursor:pointer;}
.massage_btn .btn:hover { background:#e31f20;}

.contact{ width:600px; float:right; font-size:14px; color:#fff; line-height:25px;}
.contact a{ font-size:14px; color:#fff; line-height:25px;}
#map-canvas{ height:520px; width:1260px; margin:0 auto; padding:0;}


/*badoo style*/
    div#badoopager {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 13px;
        padding-bottom: 10px;
        color: #48b9ef;
        padding-top: 10px;
        font-family: arial, helvetica, sans-serif;
        text-align: center;
        clear: both;
    }
div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #eee; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none}
div#badoopager a:hover {border-right: #f0f0f0 2px solid; border-top: #f0f0f0 2px solid; border-left: #f0f0f0 2px solid; color: #f0f0f0; border-bottom: #f0f0f0 2px solid}
div#badoopager a:active {border-right: #f0f0f0 2px solid; border-top: #f0f0f0 2px solid; border-left: #f0f0f0 2px solid; color: #f0f0f0; border-bottom: #f0f0f0 2px solid}
div#badoopager span.current {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #f0f0f0 2px solid; color: #000; padding-top: 2px; border-bottom: #f0f0f0 2px solid; background-color: #f0f0f0}
div#badoopager a.disabled {display: none}
div#badoopager input[type=text]{width:30px}