@charset "gb2312";
*{margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0;}
body{font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif; min-width:1200px;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit;}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none;}
em, i, b{font-style:normal;}
ul, ol, li{list-style:none;}
fieldset, img{ border:0;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration:none; color:#333;}
a,img{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.clear{clear:both;}
.w1200{width:1200px; margin:0 auto; overflow:hidden;}

/* 头部 */
#header{width:auto; height:auto; overflow:hidden;}


/*顶部*/
.top{width:auto; height:35px; background:#008FCC; color:#FFF; font-size:12px; line-height:35px;}
.top span a{color:#FFF; margin:0 8px;}
.top a.url{color:#f90;}
.top a:hover{text-decoration:underline;font-weight:bold;}


/*LOGO*/
.logo{width:auto; height:115px;}
.logobox{height:100%;}
.logo .l_logo{width:68%; height:100%; background:url(../images/logo.png) no-repeat left center;}
.l_logo_wz{height:56px; border-left:1px solid #CCC; position:relative; top:50%; margin-top:-27px; padding-left:21px;}
.l_logo_wz p{font-size:20px; color:#666; font-weight:bold;}
.l_logo_wz span{font-size:20px; color:#666; font-weight:bold;}

.logo .l_tel{width:20%; height:100%; background:#F1f1f1; background:url(../images/tel.gif) no-repeat left center;}
.l_tel_wz{height:100%; display:table; float:right;}
.l_tel_wz p{display:table-cell; vertical-align:middle; color:#666; font-size:19px;}
.l_tel_wz i{display:block; font-style:normal; font-size:24px; color:#008FCC; font-weight:bold;}


/*NAV*/
.navbox{width:auto; height:50px; background:#008FCC;}
.nav{width:1200px; margin:0 auto;}

.nav dl{overflow:hidden;}
.nav dt{width:170px; text-align:center; float:left; height:50px; line-height:50px;}
.nav dt.line{width:1px; background:url(../images/line_bg.jpg) no-repeat 50% 50%;}
.nav dt a{color:#FFF; display:block; font-size:14px;}
.nav dt:hover a{text-decoration:none; z-index:200;}
.nav dt:hover a,.nav dt .current{color:#FFF;}
.nav dt .current,.nav dt a:hover{background:#FF9900;}
.shownav{background:#FFF; visibility:hidden; position:absolute; font-weight:normal; width:226px; padding:0; display:none; _display:block; box-shadow:4px 4px 10px #CCC; z-index:99999999; margin-left:-40px;}
.nav dt:hover .shownav{display:block; text-align:left; font-size:12px;}
.nav dt .shownav .dd{width:100%;}
.nav dt .shownav .dd a{font-size:12px; display:block; line-height:40px; padding-left:30px; color:#222; background:url(../images/nav_up_2.gif) no-repeat 15px; transition:all 0.5s;}
.nav dt .shownav .dd a:hover{color:#FF9900; padding-left:37px; transition:all 0.5s;}


/*banner*/
.lubo{width:100%; min-width:1000px; clear:both; position:relative; height:500px;}
.lubo_box{position:relative; width:100%; height:420px;}
.lubo_box li{float:left; position:absolute; top:0; left:0; width:100%; height:500px; opacity:0; filter:alpha(opacity=0);}
.lubo_box li a{display:block; width:100%; height:100%;}
.lubo_box li img{width:100%; height:500px;}
.cir_box{overflow:hidden; position:absolute; z-index:100;}     /*圆点*/
.cir_box li{float:left; width:30px; height:5px; margin:0 5px; cursor:pointer; background:#fff; opacity:1; filter:alpha(opacity=100);}
.cir_on{background:#008FCC!important;}
.lubo_btn{position:absolute; width:100%; top:182px;}    /*按钮*/
.left_btn, .right_btn{font-family:"宋体"!important; width:30px; height:80px; cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 1s;}
.lubo:hover .left_btn, .lubo:hover .right_btn{background:#000;  opacity:0.5; filter:alpha(opacity=50);  transition:all 1s;}
.left_btn{float:left;}
.right_btn{float:right;}


/*搜索框*/
.search{width:auto; height:50px; border-bottom:1px solid #CCC;}
.search .sc{height:100%;}
.hot_c, .sc_c{width:50%; height:100%;}
.hot_c{display:table;}
.hot_c p{font-size:14px; color:#F00; display:table-cell; vertical-align:middle;}
.hot_c p a{color:#333; margin:0 10px;}
.hot_c p a:hover{text-decoration:underline;}

.sc_c{overflow:hidden;}
.search-box{width:auto; height:100%; float:right;}
.sy_ss{margin-top:10px;}
.search-input{width:255px; height:28px; border:1px solid #CCC; font-size:12px; color:#a6a6a6; outline:0; float:left; padding-left:5px;}
.search-button{cursor:pointer; background:url(../images/btn_search.jpg) no-repeat; color:#fff; width:30px; height:30px; border:0; float:right;}


/* 网站主体 */
#content{width:auto; height:auto;}


/*产品分类*/
.pro_show{height:510px; overflow:hidden; margin:40px auto!important;}
.pro_fl, .pro_list{height:100%;}

.pro_fl{width:19%; border:1px solid #008FCC; position:relative;}
.pro_l_tit{width:100%; height:14%; background:#008FCC; text-align:center; display:table;}
.pro_l_tit p{font-size:22px; color:#FFF; line-height:28px; display:table-cell; vertical-align:middle;}
.pro_l_tit i{display:block; font-size:14px;}
.pro_flist{width:100%; height:auto;}
.pro_flist dl{padding:18px; overflow:hidden;}
.pro_flist dt{border-bottom:1px dashed #CCC;}
.pro_flist dt .yuan{display:block; float:left; width:8px; height:8px; border:1px solid #1f44b3; margin:17px 11px 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.pro_flist dt a{font-size:14px; color:#333; display:block; padding:11px 0;}
.pro_flist dt a:hover{color:#F90;}
.pro_flist dl p{margin-top:20px;font-size:14px;line-height:23px;}
.pro_flist dl p span{font-weight:bold;color:#d7292d;}
.pro_l_tel{width:100%; height:13%; position:absolute; bottom:0; background:#0a74cc; color:#FFF; display:table;}
.pro_l_tel span{display:block; width:70px; height:100%; background:url(../images/pro_l_tel.png) no-repeat right center;}
.pro_l_tel p{font-size:13px; display:table-cell; vertical-align:middle;}
.pro_l_tel i{font-size:17px;}

.pro_list{width:78.5%; position:relative;}
.pro_r_tit{width:100%; height:8.5%; border-bottom:1px solid #1f44b3; position:relative;}
.pro_r_tit .cfang{display:block; float:left; width:7px; height:20px; background:#d7292d; position:absolute; top:50%; margin-top:-10px;}
.pro_r_tit p{font-size:18px; color:#444; float:left; margin-left:23px; line-height:50px;}
.pro_r_tit a{float:right; font-family:sans-serif, Arial, Helvetica; font-size:13px; line-height:52px;}
.pro_list dl{width:100%; overflow:hidden; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; position:absolute; bottom:-10px;}
.pro_list dt{width:23%; height:220px; float:left; margin-top:15px; position:relative;}
.pro_list dt .pro_s_img{width:100%; height:80%; overflow:hidden; outline:1px solid #CCC;}
.pro_list dt img{
	width:100%; 
	height:100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.pro_list dt img:hover{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transform:scale(1.07,1.07);
	-moz-transform:scale(1.07,1.07);
	-transform:scale(1.07,1.07);
	opacity:0.65;
}
.pro_s_tit a{display:block; width:100%; font-size:14px; color:#000; text-align:center; padding:7px 0; background:#e8e8e8; position:absolute; /*bottom:0;*/}
.pro_s_tit a:hover{color:#F90;}


/*优势*/
.ys{width:auto; height:auto; overflow:hidden;}
.ys .ys_tit{height:160px; background:url(../images/hf.jpg) no-repeat center;}
.ysbg{height:1330px; background:url(../images/ys.jpg) no-repeat center;}


/*客户见证*/
.cus_jz{width:auto; height:auto; background:#F3F3F3;}
.cus_jz_tit:before{content:""; display:inline-block; width:65px; height:3px; background:#008FCC;}
.cus_jz_tit{text-align:center; margin-top:40px;}
.cus_jz_tit p{font-size:22px; font-weight:bold; color:#666; letter-spacing:1.5px; margin-top:15px;}
.cus_list{overflow:hidden; display:flex; display:-webkit-flex;/* Safari */ justify-content:space-between; flex-wrap:wrap; margin:45px 0 30px;}
.cus_list dt{width:48%; height:165px; margin-bottom:25px;}
.cus_list dt .cus_img{width:33%; height:100%; overflow:hidden;}
.cus_list dt img{
	width:100%; 
	height:100%; 
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}
.cus_list dt img:hover{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transform:scale(1.06,1.06);
	-moz-transform:scale(1.06,1.06);
	-transform:scale(1.06,1.06);
	opacity:.7;
	-webkit-opacity:.7;
	-moz-opacity:.7;
	-ms-opacity:.7;
	-o-opacity:.7;
}
.cus_list dt .cus_xx{width:64%; height:100%; position:relative;}
.cus_xx a{font-size:15px; color:#333; font-weight:bold;}
.cus_xx a:hover{color:#F60;}
.cus_xx span{display:block; font-size:12px; color:#666; line-height:25px; margin:13px 0 0 0;}
.cus_xx .cus_more{position:absolute; bottom:0;}
.cus_xx .cus_more a{display:block; font-size:12px; color:#333; margin:0; padding:0; font-weight:normal; padding:5px 17px; background:#FFF;}
.cus_xx .cus_more a:hover{background:#008FCC; color:#FFF;}


/*公司介绍*/
.company{width:auto; height:480px; background:#008FCC url(../images/company_bg.png) no-repeat center;}
.cp_box{height:100%;}
.cp_img, .cp_wz{height:100%;}
.cp_img{width:31%; background:#690; background:url(../images/company.png) no-repeat center;}

.cp_wz{width:49%; margin-right:13%;}
.cp_wz p{font-size:20px; font-weight:bold; letter-spacing:0.5px; color:#F90; margin:67px 0 17px;}
.cp_wz span{display:block; font-size:12px; color:#FFF; line-height:30px;}
.cp_wz a{float:right; padding:5px 15px; background:#095A8A; font-size:12px; color:#FFF; margin-top:30px;}
.cp_wz a:hover{text-decoration:underline;}


/*新闻与常见问题*/
.new_q{height:auto; overflow:hidden;}
.new_l_box, .que_r_box{height:100%;}
.new_l_box{width:48%;}
.nq_tit{height:50px; margin-top:40px; overflow:hidden;}
.nq_tit_w{position:relative;}
.nq_tit_w:before{content:""; position:absolute; display:inline-block; width:58px; height:4px; background:#008FCC; bottom:-15px;}
.nq_tit_w p{font-size:22px; color:#333;}
.nq_more{width:12%; height:100%;}
.nq_more a{font-size:15px; color:#666; line-height:50px; float:left;}
.jia{position: relative; box-sizing: border-box; height:100%;}
.jia:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    margin-left: -28px;
    background-color: #333;
}
.jia:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    top: 50%;
    margin-left: -23px;
    margin-top: -5px;
    background-color: #333;
}

.new_l_box dl, .que_r_box dl{overflow:hidden; margin:35px 0 20px;}
.new_l_box dt, .que_r_box dt{width:100%; height:110px; padding-bottom:24px; border-bottom:1px solid #EEEDED; margin-bottom:24px;}
.new_l_box dt .nub{background:#ECECEC; text-align:center; font-size:30px; padding:16px; color:#000; font-family:"OCR-A BT", Arial, Helvetica, sans-serif;}
.new_l_box dt .nq_wz{width:84%; height:100%; position:relative;}
.nq_wz a{display:block; font-size:15px; color:#333; font-weight:bold;}
.nq_wz a:hover, .wt_w a:hover{color:#F90; text-decoration:underline;}
.nq_wz span{display:block; margin:7px 0; font-size:12px; color:#999; line-height:25px;}
.new_more{position:absolute; bottom:0;}
.new_more a{display:block; font-size:12px!important; color:#333!important; margin:0!important; font-weight:normal!important; padding:5px 17px!important; background:#ECECEC!important;}
.new_more a:hover{background:#008FCC!important; color:#FFF!important;}

.que_r_box{width:48%;}
.wt_w{height:25px; overflow:hidden;}
.wt_w em{width:25px; height:25px; background:#46A504; font-size:15px; color:#FFF; display:block; text-align:center; line-height:25px; float:left;}
.wt_w a{display:block; float:right; width:93%; font-size:15px; color:#333; font-weight:bold; margin-left:10px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.wt_d{height:auto; overflow:hidden;}
.wt_d em{width:25px; height:25px; background:#323232; font-size:15px; color:#FFF; display:block; text-align:center; line-height:25px; float:left;}
.wt_d span{display:block; float:right; width:93%; font-size:12px; color:#666; margin-left:10px; line-height:25px;}
.h110{height:110px; position:relative;}


/*联系地图*/
.lx_map{width:auto; height:auto; background:#F8F8F8; padding:30px 0;}
.lm_box{height:500px; border-bottom:3px solid #008FCC; background:url(../images/mp_bg.jpg) no-repeat center; position:relative;}
.lm_box dl{overflow:hidden; margin:35px 100px 0 100px;}
.lm_box dt{float:left; height:175px;}
#coname{width:35%; display:table; background:url(../images/coname.png) no-repeat center;}
/*#coname p{font-size:30px; font-weight:bold; letter-spacing:1px; color:#008FCC; display:table-cell; vertical-align:middle}*/
#coqr{width:12.5%; padding:0 6%;}
#coqr .qr_img{width:125px; height:125px; background:url(../images/qr.jpg) no-repeat;}
#coqr .qr_if{width:125px; height:50px; display:table; text-align:center; background-color:rgba(0,0,0,0.7);}
#coqr .qr_if i{font-size:14px; color:#FFF; display:table-cell; vertical-align:middle;}
#coinfo{width:40%; display:table;}
#coinfo font{display:table-cell; vertical-align:middle;}
#coinfo p{font-size:18px; color:#F90; margin-bottom:10px;}
#coinfo span{font-size:14px; color:#333; line-height:25px;}

.map{width:100%; height:275px; background:#CCC; position:absolute; bottom:0;}


/* 返回顶部 */
.box{position:fixed; right:10px; bottom: 10px; height:20px; width:40px; text-align:center; padding-top:20px; background-color:#0E4F98; border-radius:10%;overflow:hidden;}
.box:hover:before{top:50%;}
.box:hover .box-in{visibility:hidden;}
.box:before{position: absolute;top:-50%;left: 50%;transform: translate(-50%,-50%);content:'回到顶部'; width:40px; color:#FFF; font-size:14px; font-weight:bold; cursor:pointer;}
.box-in{visibility:visible; display:inline-block; height:12px; width:12px; margin-top:-3px; border:3px solid black; border-color:white transparent transparent white; transform:rotate(45deg);}


/* 页脚 */
#footer{width:auto; height:auto; background:#0079C0; overflow:hidden;}
.yqlink{line-height:60px; border-bottom:1px solid #005FAD; color:#FEAF38; font-size:12px; text-align:center;}
.yqlink a{color:#FFF; margin:0 11px;}
.yqlink a:hover{text-decoration:underline; color:#FEAF38;}

.f_nav{line-height:60px; border-top:1px solid #008FCC;}
.f_nav .f_nav_li{width:900px; margin:0 auto; overflow:hidden; display:flex; display:-webkit-flex;/* Safari */ justify-content:space-between; flex-wrap:wrap;}
.f_nav .f_nav_li a{color:#FFF; font-size:14px;}
.f_nav .f_nav_li a:hover{text-decoration:underline; color:#FEAF38;}

.f_info{text-align:center; margin:30px auto;}
.f_info p{color:#FFF; font-size:12px; line-height:22px;}
.f_info i, .f_info a{color:#FEAF38;}
.f_info a:hover{text-decoration:underline;}


/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);}
.qq_content dd{padding:12px; width:115px; background:#eee;}
.qq_content .dt{background:#008FCC url(../images/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 20px; width:100px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:110px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}