﻿/* QQ：913365751 www.v9jz.com */
* { padding: 0; margin: 0; font-family: "Microsoft YaHei"; list-style: none; text-decoration: none; border: none; }
.container { width: 1200px; margin: 0 auto; padding:0;   }
html { overflow-x: hidden; }
body { background: #fff; color: #333; font-size: 14px; min-width: 1200px; }
a { outline: none; color: #333; }
a:hover { color: #048bcf; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
/*
 ===================
 分页
 */

.pages { margin: 50px auto 20px auto; font-size: 14px; text-align: center; }
.pages ul { display: inline-block; }
.pages a, .pages strong { display: inline-block; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; text-decoration: none; color: #666; font-family: Simsun; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-right: 3px; }
.pages .current { display: inline-block; line-height: 28px; padding: 0 10px; border: 1px solid #d9d9d9; background-color: #ffffff; text-decoration: none; font-family: Simsun; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-right: 3px; color: #fff; background-color: #048bcf; border-color: #fff; }
.pages a:hover { color: #fff !important; background-color: #048bcf; border-color: #fff; text-decoration: none; }
.pages strong { color: #fff; background-color: #24557d; border-color: #fff; }
.pages span { padding: 0 10px; line-height: 23px; }
/* index top */




.logo a { display: block; width: 698px; height: 111px; background: url(../images/logo.jpg) center no-repeat; overflow: hidden; text-indent: -9999em; }
.toptell { background: url(../images/tel.png) no-repeat left center; padding-left: 60px; margin-top: 30px; }
.toptell p { color: rgba(4, 0, 0, .7); font-size: 24px; margin-top: 10px; }
.toptell span { display: block; font-size: 24px; color: #040000; }
.head .fr span { display: block; font-size: 24px; color: #1273AA; text-align:right }
.head { height: 111px; }
/*
.nav { height: 60px; line-height: 60px; background: url(../images/nav.jpg) center; }
.nav li { float: left; background: url(../images/nb.jpg) no-repeat right center; width:120px; }
.nav a { color: #fff; font-size: 18px; display:block; height: 60px; line-height: 60px; text-align: center; padding:0 15px; text-align:center; }
.nav li:first-child a { background: 0; }
.nav a:hover { border-bottom:2px solid #666 }
*/
.nav { background:#618cb8; height: 60px; line-height: 60px; }
.nav li { float: left; padding: 0 30px; background: url("../images/tox.jpg") no-repeat right center; position:relative }
.nav li a { display: block; font-size: 18px; color: #ffffff; line-height: 58px; }
.nav li a:hover, .nav li.cur a { border-bottom: 3px solid #9bc7e0; }
.nav li:last-child { background: none; }

.nav li ol{ display:none;left:0;position:absolute;top:60px;background-color:#618cb8;display:none;width:100%; padding:0; z-index:9999}
.nav li:hover ol{ display:block}



		.nav li ol li{float:none;margin:0;padding:0; display:block; background:none; border:none}

		.nav li ol li:last-child{border:0;}
		.nav li ol li a{float:none;height:30px;line-height:30px;text-align:center;overflow:hidden;font-size:12px;color:#fff;display:block; border:none}
 		.nav li ol li a:hover{color:#fff; border:none; background:#0676ea}
		
		
		


/***********/
.slideBox { width: 100%; height: 500px; overflow: hidden; position: relative; }
.slideBox .hd { height: 16px; overflow: hidden; position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; display: inline-block; }
.slideBox .hd ul li { float: left; margin: 0 7px; width: 16px; height: 16px; background: #fff; cursor: pointer; border-radius: 50%; }
.slideBox .hd ul li.on { background: #2872d8; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 500px; }
.slideBox .bd li  a{ display:block; width:100%; height:100%}
/***搜索*****/

.search { padding-top:5px; border-bottom:1px solid #ccc; background:#F4F4F4 }
.search_left { line-height: 67px; float: left; color: #333; }
.search_left a { color: #666; margin: 0 6px; }
.search_right { float: right; width:331px; height:40px; margin-top: 12px; position:relative; }
.searchbar { width:229px; box-sizing:border-box; width:331px; height:40px; line-height:40px; border:1px solid #618cb8; outline: none; padding-left: 20px; float: left; }
.searchbtn { width:40px; height:40px; right:0; position:absolute; top: 0; outline: none; cursor: pointer; border: 0; background:url(../images/search.jpg) center no-repeat; }



/********/
.indextit { text-align: center; padding-top: 40px; }
.indextit p { font-size: 30px; color: #048bcf; }
.indextit span { display: block; color: #4d4948; margin-top: 5px; }
/********/

/**/
.zs { height: 270px; overflow: hidden; font-family: "Microsoft YaHei", serif; border-bottom:4px solid #E5E9EC }


.zs ul { padding-top: 82px; }
.zs li { float: left; }
.zs li:last-child { background: none; }
.zs li { width: 171px; text-align: center; background: url("../images/zsb-li.png") no-repeat right center; }
.zs li a { font-size: 18px; color: #333333; }
.zs li a:hover { color: #618cb8; font-weight: bold; }
.zs li a p { width: 85px; height: 85px; margin: 0 auto 10px; }
.zs .zsl1 a p { background: url("../images/zsb_03.jpg") no-repeat; }
.zs .zsl2 a p { background: url("../images/zsb_05.jpg") no-repeat; }
.zs .zsl3 a p { background: url("../images/zsb_07.jpg") no-repeat; }
.zs .zsl4 a p { background: url("../images/zsb_09.jpg") no-repeat; }
.zs .zsl5 a p { background: url("../images/zsb_11.jpg") no-repeat; }
.zs .zsl6 a p { background: url("../images/zsb_13.jpg") no-repeat; }
.zs .zsl7 a p { background: url("../images/zsb_15.jpg") no-repeat; }

.product { background: #E5E9EC; padding:30px 0; overflow:hidden; margin:10px auto }
.product .container{ background:#999}


.inProClaList { float:left; width: 250px; padding:20px 0;  margin-top: -1px; background: #ffffff; overflow:hidden; display:block; min-height:520px }
.ProClaT { width: 250px; height:66px; padding-bottom: 18px; color:#618cb8; font-size: 18px; line-height: 66px; text-align: center; background: url(../images/index_09.jpg) center top no-repeat; }
.ProClaT span { color:#618cb8; }
.ProClaList { width: 212px; padding: 0px 19px; }
.ProClaList li { width: 192px; height: 32px; padding-bottom:8px; }
.ProClaList li a { width: 170px; height: 30px; padding-left:14px; padding-right:26px; border:1px solid #b7c5ce; display: block; color:#363636; font-size: 12px; line-height: 30px; background: url(../images/proclassbg.png) 190px center no-repeat #f6f6f6; }
.ProClaList li a:hover { color:#ffffff; background-color:#105095; }
.ProClaList .more a { width:154px; height: 33px; padding-left:20px; padding-right:36px; border: 1px solid #618cb8; display: block; color:#ffffff; line-height: 33px; background:url(../images/more.jpg) 160px center no-repeat #618cb8; }
/*end inProClaList*/
.proListPic { float:left; width:930px; padding-left: 0px; padding-top: 0px; overflow: hidden; }


.proListPic ul li { position: relative; float:left; width:280px; height:260px; border:3px solid #fff; margin-right: 24px; margin-bottom: 26px; overflow: hidden; }
 .proListPic ul li:nth-child(3n) {
margin-right:0
}
.proListPic ul li .pic { width:280px; height:212px; }
.proListPic ul li .pic img{ width:280px; height:212px}


.proListPic ul li .pictitle { position:relative; height:30px; line-height:45px;   text-align:center; background:#E5E9EC }
.proListPic ul li .pictitle a { color:#363636; }

.proListPic ul li .intro { position: absolute; left:0px; top:0px; display: none; z-index: 99; width:230px; height:172px; background:url(../images/propicbg.png); }
.proListPic ul li .intro .title { width:230px; height:46px; padding:40px 10px 0px 0px; display: block; color:#fff; font-size:12px; line-height:46px; text-align: center; }
.proListPic ul li .intro .title a { color:#fff; }
.proListPic ul li .intro .proUrlPic { width:102px; height:40px; padding: 0 64px; }
.proListPic ul li .intro .proUrlPic .a { float:left; display: block; width: 40px; height:40px; padding-right: 20px; }
.proListPic ul li .intro .proUrlPic .b { float:left; display: block; width: 41px; height: 40px; }
/********/
/********/

/*about*/

.about { width:100%; height:464px; background:url(../images/about_bg.jpg) center bottom no-repeat; border-top:4px solid #eee; }
.about_tt a { font-size:36px; color:#618cb8; font-weight:600; }
.about_tt a span { font-size:18px; color:#999; text-transform:uppercase; font-weight:100; text-transform:uppercase; display:inline-block; margin-left:20px; }
.about .img { width: 515px; height: 287px; float: right; margin-top: 59px; margin-right: 10px; }
.about .img img { width:100%; height:100%; }
.about .txt { width:579px; float:left; margin-right:60px; margin-top:60px; }
.about .txt h3 { text-align:left; margin-bottom:30px; }
.about .txt h3 a { font-size:36px; line-height:50px; margin-top:51px; margin-bottom:20px; }
.about .txt h5 a { font-size:18px; color:#333; font-weight:600; text-align:left; margin-bottom:10px; }
.about .txt h6 { font-size:14px; color:#666; line-height:26px; height:262px; overflow:hidden; }
.qyfc { background:url(../images/qyfc_bg.jpg) center bottom no-repeat; height:288px; margin-top:-40px; }
.qyfc .m { position:relative; }
.qyfc .parHd { width:428px; height:50px; margin-bottom:30px; margin-left:100px; }
.qyfc .parHd ul li { width:98px; height:30px; border-radius:3px; text-align:center; background:#0166e7; line-height:30px; float:left; margin-right:20px; }
.qyfc .parHd ul li a { display:block; font-size:14px; font-weight:100; color:#fff; }
.qyfc .parHd ul li.on { background:#fd7115; }
.qyfc .parHd ul li.on a { color:#fff; }
.qyfc .parBd ul li { width:236px; height:181px; float:left; margin-right:16px; overflow:hidden; position:relative; background:#fff; }
.qyfc .parBd ul li img { width:216px; height:161px; transition:all ease 300ms; margin-top:10px; margin-left:10px; }
.qyfc .parBd ul li:hover img { transform:scale(1.1, 1.1); }
.qyfc .parBd ul li h5 { width:100%; height:100%; background:rgba(0, 0, 0, 0.4); color:#fff; font-size:16px; line-height:181px; text-align:center; position:absolute; transition:all ease 300ms; left:-236px; bottom:0; }
.qyfc .parBd ul li:hover h5 { left:0; }
.qyfc .sPrev, .qyfc .sNext { width:50px; height:69px; position:absolute; top:50px; }
.qyfc .sPrev { left:0; background:url(../images/about_ll.png) center no-repeat; }
.qyfc .sNext { right:5px; background:url(../images/about_rr.png) center no-repeat; }
.qyfc .tempWrap { margin:0 auto; }
/*about end*/




/********/
.bn1 { width: 100%; height: 236px; background: url(../images/tonglan1.png) center bottom no-repeat; margin-top: 10px; }
.bn1 span { font-size:14px; color:#fff; display:block; }
.bn1 .txt { padding-left: 400px; padding-top: 29px; }
.bn1 .txt h5 { font-size:25px; color:#fff; }
.bn1 p { font-size:24px; color:#fff; float:left; margin-top: 74px; margin-left: 239px; }
.btn_hong { width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; border:1px solid #fff; text-align:center; display:block; margin-top: 50px; }
.btn_lan { width:119px; height:37px; line-height:37px; color:#fff; margin-right:14px; font-size:16px; border-radius:5px; background:#004aa6; text-align:center; display:block; float:left; }
.btn_bai { width:119px; height:32px; line-height:32px; color:#fff; font-size:18px; margin-right:14px; border-radius:20px; border:1px solid #fff; text-align:center; display:block; float:left; margin-left:20px; margin-top:80px; }
/********/
/********/









/*news*/

#news { width: 100%; background: url(../images/news_bg.jpg) center top no-repeat; margin-top: 30px; overflow: hidden; }
.news { width: 1200px; overflow: hidden; }
.news_l .hd { width:826px; height:40px; margin-top: 12px; }


.news .hd ul li { color:#333; width:110px; height:40px; font-size:16px; font-weight:600; margin-right:15px; line-height:40px; text-align:left; float:left; cursor:pointer; }
.news .hd ul li:before { content:">"; font-family:"宋体"; margin-right:10px; font-weight:100; }
.news .hd ul li.on a { color:#618cb8; }
.news_l .bd { border:1px solid #ccc; width:826px; height:406px; box-sizing:border-box; padding-top:20px; }
.new1 h5 { font-size: 14px; font-weight: 600; color: #333; text-align:left; line-height: 40px; margin-top: 10px; }
.new1 p { font-size:13px; line-height:24px; height:96px; overflow:hidden; font-weight:100; color:#666; }
.news_l { width:791px; }
.new1 { width:250px; margin-left:30px; height:376px; }
.new1 .ckxq { color:#618cb8; display:block; margin-top:20px; }
.news_l .bd ul { width:509px; height:365px; background:#eaeaea; float:left; margin-left:17px; }
.news_l .bd ul li { height:44px; line-height:44px; border-bottom:1px solid #fff; padding-left:30px; }
.news_l .bd ul li a { widows:350px; display:inline-block; overflow:hidden; text-overflow:ellipsis; float:left; white-space:nowrap; }
.news_l .bd ul li span { font-size:13px; color:#777; float:right; margin-right:20px; }
.news_l .bd ul li a:before { content:url(../images/ico1.png); margin-right:10px; }
.new_img { display: block; }
.new_img img { width:250px; height:154px; }
/*cjwt*/

.cjwt { width: 345px; position: relative; padding-top: 10px; }
.cjwt .bd { width:340px; height:406px; border:1px solid #ccc; box-sizing:border-box; padding:30px 20px; }
.cjwt .tt2 { height:40px; cursor:pointer; }
.cjwt .tt2>a { text-align:left; color:#333; font-size:16px; width:110px; line-height:40px; font-weight:600; }
.cjwt .tt2>a:before { content:">"; font-family:"宋体"; margin-right:10px; font-weight:100; }
.news .more a { display:block; height:40px; font-size:13px; color:#777; line-height:40px; }
.cjwt ul { height: 235px; margin-top: 20px;/* overflow: hidden; */ }
.cjwt ul li { width: 100%; border-bottom: 1px solid #C2C1C0; margin: 5px 0 15px; height: 90px; }
.cjwt .tempWrap { height:350px !important; }
.da { line-height: 24PX; height: 53px; margin-bottom: 16.5px; margin-top: 10px; color: #555; padding-left: 23px; overflow: hidden; position: relative; font-size: 12px; }
.wen { margin-top: 15px; }
.wen a { font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; display: inline-block; width: 250px; }
 .wen::before {
 content: url(../images/ico2.png);
 color: #C99968;
 font-size: 18PX;
 margin-right: 5px;
 margin-top: 15px;
}
/*news end*/



/*links*/




.links { padding-top:19px; }
.link_tt { font-size:20px; color:#0865cd; line-height:64px; font-weight:600; background:url(../images/link_tt.jpg) center bottom no-repeat; }
.link_tt span { font-family:"Times New Roman"; font-weight:100; margin-left:10px; line-height:69px; color:#666; }
.links a { display: inline-block; padding-right:30px; color: #666; line-height: 69px; }
.links a:hover { color: #666; }
/*links end*/

 
 
#foot { width: 100%; height: 338px; background:#618cb8; padding-top:1px; }
.foot_nav { height:50px; border-bottom:1px solid #096cb4; margin:60px 0; }
.foot_nav .m { height:79px; }
.foot_nav ul li a { color: #fff; }
.foot_nav ul li { height: 50px; float: left; text-align: center; padding: 0 26px; position: relative; line-height: 50px; }
.footer m { position:relative; color:#fff; }
.foot_ewm { text-align: center; margin-right:30px; }
.footer p, .footer span, .footer b, .footer i, .footer a, .footer, .footer h5 { font-size:13px; color:#fff; line-height:30px; }
.foot_r h2 { display:inline-block; font-size:13px; color:#fff; line-height:30px; }
.foot_r h2 a { font-size:13px; color:#fff; line-height:30px; }
.footer span { margin:10px; }
.footer_1 { margin-top: 48px; width: 1180px; float: left; }
.ewm { height:90px; width: 90px; }
.foot_logo p { color:#333; }
.foot_r { float:left; text-align:left; border-left:1px solid #096cb4; padding-left:30px; }/*online qq*/
.foot { padding-top:30px; }
/*********/

.wjdh-float { position: fixed; left: 50%; bottom: 10%; margin-left: -665px; z-index: 999; }
.wjdh-float > ul > li { position: relative; }
.wjdh-float > ul > li > a { display: block; width: 50px; height: 50px; background-color: #333; border-bottom: 1px solid #000; float: none; margin: 0; padding: 0; background-image: none; }
.wjdh-float > ul > li > ul { position: absolute; left: 50px; bottom: 0; -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
display: none; }
.wjdh-float > ul > li > ul li a { display: block; height: 30px; line-height: 30px; width: 120px; padding: 0 10px; background-color: #333; color: #fff; text-align: center; }
.wjdh-float > ul > li:hover > ul { display: block; }
.wjdh-float .bdsharebuttonbox a { background-image: url(../images/ico-share.png); background-position: center center; background-repeat: no-repeat; }
.wjdh-float .bdsharebuttonbox a:hover { opacity: 1; }
.wjdh-float > ul > li:hover > a, .wjdh-float > ul > li > ul li:hover > a { background-color: #666; border-bottom: 1px solid #666; }
/************/
.n_bann { background: url(../images/nyban.png) no-repeat center; height: 318px; background-size: cover  }



.position {  line-height: 67px; float:left ;  background:url(../images/home.png) left center no-repeat; padding-left:30px;  }


 
.submenu li { float: left; margin: 0 10px; }
.submenu li a { display: block; padding: 0 20px; }
.submenu li a:hover { color: #048bcf; }
.submenu li a.hover { background: #048bcf; color: #fff; }
.pagetop { text-align: center; margin-top: 40px; margin-bottom: 10px; }
.pagetop p { font-size: 20px; color: #000; font-weight: bold; }
.pagetop span { display: block; font-size: 16px; color: #666; }
.main { padding: 30px 0; margin: 0 auto; width: 1200px; }
.content { width: 980px; margin: 0 auto; line-height: 30px; }
.list { margin-top: 30px; }
.list li { border-bottom: 1px dashed #ccc; margin-top: 20px; padding-bottom: 7px; }
.list li a { display: block; font-size: 13px; color: #5a5a5a; font-weight: bold; }
.list li a:hover { color: #048bcf; }
.list li span { display: block; font-size: 11px; color: #929292; line-height: 25px; }
.list li p { font-size: 12px; color: #5A5A5A; }
.photo { margin-top: 20px; }
.photo li { float: left; text-align: center; margin: 0 12px; margin-top: 10px; }
.photo li p { line-height: 30px; }
.photo li img { width: 250px; height: 180px; transition: all 0.3s; }
.photo li:hover img { opacity: 0.8; }
.showtop { text-align: center; border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.showtop .title { font-size: 16px; color: #000; font-weight: bold; margin-top: 30px; }
.showtop .update { margin-top: 10px; }
.showtop .update span { margin: 0 5px; font-size: 12px; color: #999; }
.prepage { margin-top: 40px; line-height: 30px; font-size: 12px; }
/*增翻页样式 */
.pagess { clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size:12px }
.pagess ul li { display:inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; color:#999 }
.pagess ul li:hover { background:#ccc; color:#fff; border: 1px solid #ccc }
.pagess ul li:hover a { color:#fff; }
.pagess ul li.thisclass { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; background: #ccc; color: #fff; }
.pagess ul li.thisclass a { color: #fff; }
.pagess ul li a { display:block; color:#999 }
.pagess ul li a:hover { color: #fff; }
/**************/

.wjdh-h3 { text-align: center; margin-bottom: 30px; }
.wjdh-h3 h3 a { display: block; color: #f00; font-size: 26px; -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
}
.wjdh-h3:hover h3 a { transform: translateY(20px); -webkit-transform: translateY(20px); }
.wjdh-h3 span {
 *display: inline; _display: inline; display: inline-block; zoom: 1; font-size: 20px; color: #cdcdcd; position: relative; -webkit-transition: all .3s ease-out;
 transition: all .3s ease-out;
text-transform: uppercase; }
.wjdh-h3:hover span { transform: translateY(-35px); -webkit-transform: translateY(-35px); }
.wjdh-h3 span i, .wjdh-h3 span em { position: absolute; top: 10px; float: left; width: 30px; height: 1px; margin: 0 auto; background-color: #bdbdbd; }
.wjdh-h3 span i { left: -40px; }
.wjdh-h3 span em { right: -40px; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.clearfix { clear: both; }
.hide { display: none; }
.contact { background-color: #f4f4f4; border-top: 5px solid #efefef; padding: 20px 0; margin-top: 50px; }
.contact .contact-text .title { width: 78px; height: 100px; padding: 180px 10px 10px 10px; background-color: #f00; background-image: url(../images/contact.png); background-repeat: no-repeat; background-position: 10px 10px; }
.contact .contact-text .title .qrcode img { width: 78px; height: 78px; background-color: #fff; }
.contact .contact-text .title .qrcode span { display: block; height: 20px; line-height: 20px; color: #fff; font-size: 12px; text-align: center; }
.contact .contact-text .content { background-color: #fff; padding: 40px 0 0 35px; width: 375px; height: 250px; position: relative; }
.contact .contact-text .content ul { width: 260px; height: 210px; overflow: hidden; }
.contact .contact-text .content ul li { font-size: 15px; color: #828282; height: 30px; line-height: 30px; }
.contact .contact-text .content .kf-img { position: absolute; bottom: 0; right: -50px; }
.contact .contact-form { width: 560px; }
.contact .contact-form p { font-size: 16px; line-height: 25px; margin-bottom: 10px; }
.contact .contact-form p span { display: block; color: #f00; }
.contact .contact-form ul li { background-color: #fff; width: 250px; height: 28px; float: left; margin-right: 30px; margin-bottom: 15px; }
.contact .contact-form ul li label { vertical-align: middle; float: left; border-right: 3px solid #f4f4f4; }
.contact .contact-form ul li input { float: left; height: 28px; line-height: 28px; vertical-align: middle; padding: 0 10px; }
.contact .contact-form ul li textarea { height: 75px; width: 460px; padding: 10px; }
.contact .contact-form ul .form-content { height: 95px; width: 530px; }
.contact .contact-form .form-button .submit, .contact .contact-form .form-button a {
 *display: inline; _display: inline; zoom: 1; display: inline-block; width: 135px; line-height: 35px; height: 35px; text-align: center; font-size: 18px; font-weight: bold; background-color: #828282; border: 0; color: #fff; cursor: pointer; margin-right: 20px; }
.contact .contact-form .form-button .online { background-color: #f00; -webkit-transition: all 0s; transition: all 0s; position: relative; border: 1px solid #f00; }
.contact .contact-form .form-button .online span { position: relative; z-index: 9; }
.contact .contact-form .form-button .online i { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #f00; -webkit-transition: all .6s ease-out;
 transition: all .6s ease-out;
-webkit-transform: scale(0.6, 1); transform: scale(0.6, 1); z-index: 8; opacity: .6; }
.contact .contact-form .form-button .online:hover { background-color: #fff; }
.contact .contact-form .form-button .online:hover i { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
/*************/
.wjdh-main { width: 920px; }
.wjdh-title { background-color: #fff; padding: 10px; position: relative; margin-bottom: 20px; }
.wjdh-title .title-box { padding-bottom: 1px; border-bottom: 1px solid #ececec; }
.wjdh-title h3 { border-bottom: 1px solid #f00; font-size: 20px; display: inline; color: #f00; }
.wjdh-title .more { float: right; color: #999; }
.wjdh-title h3 a { color: #f00; }
.wjdh-title h3 small { font-size: 16px; color: #bcbcbc; text-transform: uppercase; }
.wjdh-title .tagcell { background-color: #fff; padding: 10px; position: absolute; right: 0; top: 0; }
.wjdh-title .tagcell span { float: left; width: 21px; height: 21px; border-radius: 2px; background-color: #f00; background-image: url(../images/prev-next.png); background-position: left center; background-repeat: no-repeat; margin: 0 5px; cursor: pointer; }
.wjdh-title .tagcell .next { background-position: right center; }
.content-show { border: 18px solid #f4f4f4; padding: 22px; background-color: #fff; }
/***产品详细页****/
.page-content { height: auto; line-height: 25px; color: #505050; font-size: 14px; overflow: hidden; }
.page-content a { color: #333; font-size: 15px; font-weight: 900; }
.page-content img { max-width: 80%; height: auto; }


 
	/* 本例子css */
	.tabBar{   font-family:"Microsoft YaHei"; width:100%; min-height:600px; }
	.tabBar .hd{ border-bottom:1px solid #CCC; height:45px; line-height:45px; color:#FFF}
	.tabBar .hd ul{ z-index:5; position:relative;  zoom:1;}
	.tabBar .hd li{ float:left;height:45px; line-height:45px; padding:0px 30px ; margin-right:10px; color:#000;     cursor:pointer; background:#E0E0E0; font-size:16px}
	
	.tabBar .hd li.on{height:45px; line-height:45px; font-weight:bold; overflow:hidden;   position:relative;   background:#225F96; color:#FFF }
	
	.tabBar .hd li.on span{ font-weight:bold; color:#c00;  }
	.tabBar .bd{   padding:20px; clear:both; position:relative;  overflow:hidden; border-top:0}
	.tabBar .bd .conWrap{ width:100%; overflow:hidden   }
	.tabBar .prev,.tabBar .next{ position:absolute; left:10px; top:80px; }
	.tabBar .next{ left:auto; right:10px; }
	.tabBar .prevStop,.tabBar .nextStop{ display:none;  }
	.tabBar .bd p{ padding-bottom:10px  }










#qrcode { display: none; position: absolute; right: 0; top: 30px; padding: 10px; background-color: #fff; border-radius: 5px; border: 1px solid #ececec; z-index: 9; }
#qrcode table { width: 225px; margin: 0!important; }
/*************/
.prohead { margin-bottom: 25px; }
.prohead .hleft { width: 402px; float: left }
.prohead .hleft .proimg, .prohead .hleft .cloud-zoom-big { width: 400px; height: 300px; border: 1px solid #ececec; padding: 2px; margin-bottom: 10px; }
.prohead .hleft .proimg img { width: 400px; height: 300px; }
.prohead .hleft .smallimg { width: 402px; height: 70px; overflow: hidden; }
.prohead .hleft .smallimg dl { width: 402px; height: 70px; }
.prohead .hleft .smallimg dl dt { width: 10px; height: 45px; margin-top: 13px; }
.prohead .hleft .smallimg dl dt.prev { float: left; }
.prohead .hleft .smallimg dl dt.next { float: right; }
.prohead .hleft .smallimg dd { width: 366px; height: 70px; float: left; margin-left: 10px; overflow: hidden; }
.prohead .hleft .smallimg dd li { width: 102px; float: left; height: 70px; text-align: center; margin: 0 10px; }
.prohead .hleft .smallimg dd li img { width: 98px; height: 68px; border: 1px solid #ccc; }
.prohead .hleft .smallimg dd li a:hover img, .prohead .hleft .smallimg dd li a.hover img { border-color: #f00; }
.prohead .hleft .btns { margin-top: 20px; }
.prohead .hleft .btns span { display: none }
.prohead .hleft .btns a { display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url(../images/btn-s-bg.png) no-repeat; float: left; margin: 0 16px 0 0!important; padding: 0!important; width: 80px; }
.prohead .hleft .btns a.b1 { background-position: left -150px }
.prohead .hleft .btns a.b2 { background-position: left -30px; width: 93px; }
.prohead .hleft .btns a.b3 { background-position: left -120px; }
.prohead .hleft .btns a.b4 { background-position: left -60px; }


.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }

/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*页面全局结束*/





/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:400px;height:300px;border: 1px solid #ececec; padding: 2px; margin-bottom: 10px; }




.spec-preview img{ width: 400px; height: 300px;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}



.btns1 { clear: both; margin-top: 15px; }
.btns1 a { margin-right: 20px; }
.prohead .hright { width: 380px; border: 1px solid #dbdbdb; padding-bottom: 10px; }
.prohead .hright .title-a { display: block; height: 38px; line-height: 38px; text-align: center; font-size: 18px; font-weight: bold; color: #1F87D0; border-bottom: 1px solid #dbdbdb; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prohead .hright p { padding: 20px; color: #666; line-height: 20px; height: 60px; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.prohead .hright .info { height: 75px; overflow: hidden; padding: 18px 20px; border-bottom: 1px solid #dbdbdb; }
.prohead .hright .info ul li:first-child { height: 25px; }
.prohead .hright .info ul li { color: #1F87D0; line-height: 25px; height: 50px; overflow: hidden; }
.prohead .hright .info ul li label {
 *display: inline; _display: inline; zoom: 1; display: inline-block; width: 70px; }
.prohead .hright .info ul li a { color: #f00; margin-right: 10px; }
.prohead .hright .tel { font-size: 18px; font-weight: bold; color: #1F87D0; text-align: center; height: 33px; line-height: 33px; overflow: hidden; border-bottom: 1px solid #dbdbdb; }
.prohead .hright .tel span { color: #1F87D0; position: relative; *display: inline;
_display: inline; zoom: 1; display: inline-block; }
.prohead .hright .tel span em { color: #333; font-weight: bold; position: absolute; left: 0; top: 0; display: block; width: 0; height: 33px; line-height: 33px; white-space: nowrap; overflow: hidden; -webkit-transition: all .8s ease-out;
 transition: all .8s ease-out;
}
 
.prohead .hright .online { text-align: center; padding: 30px 0; }
.prohead .hright .online a {
 *display: inline; _display: inline; zoom: 1; display: inline-block; width: 130px; height: 35px; line-height: 35px; background-color: #1F87D0; font-size: 18px; font-weight: bold; color: #fff; margin: 0 10px; }
.prohead .hright .share { padding: 5px 20px; }
.prohead .hright .share .bds_txt { float: left; margin: 4px 6px 4px 0; }


/******************/
.product-content { margin-top: 10px; margin-bottom: 20px; }
.product-content .wjdh-title { padding: 10px 0; }
.product-content .wjdh-title .scan { position: absolute; right: 0; bottom: 10px; cursor: pointer; }
.product-content .wjdh-title .scan span { display: block; background-image: url(../images/ewm.gif); background-repeat: no-repeat; background-position: left center; padding-left: 30px; height: 30px; line-height: 30px; font-size: 14px; }
/**************************************/

.line { width: 100%; height: 7px; background-image: url(../images/bg1.gif); }


.pages { margin: 20px 0; text-align: center; }
.pages a, .pages span { padding: 2px 8px; border: 1px solid #999; margin: 0 5px; color: #999; }
.pages a:hover, .pages span:hover { border: 1px solid #f00; color: #f00; }
.pages .current { background-color: #f00; border: 1px solid #f00; color: #fff; }
.pages .current:hover { color: #fff; }
.adjacent { height: 35px; margin-top: 20px; }
.adjacent ul { width: 900px; }
.adjacent ul li { float: left; width: 340px; margin-right: 90px; padding: 0 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #e5e5e5; background: #fafafa; height: 28px; line-height: 28px; }
.adjacent ul li a { color: #333; font-size: 14px; font-weight: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.relevant { border: 1px solid #e5e5e5; margin-top: 20px; }
.relevant .title { height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding: 0 10px; overflow: hidden; }
.relevant .title h3 { display: inline; color: #f00; font-size: 18px; font-weight: bold; }
.relevant .title .tag { display: inline; color: #676767; }
.relevant .title .tag a { margin-right: 10px; color: #676767; }
.relevant .title .back { float: right; padding-right: 20px; background-image: url(../images/back.gif); background-repeat: no-repeat; background-position: right center; }
.relevant .content { padding: 10px 20px; }
.relevant .content ul { width: 845px; }
.relevant .content ul li { float: left; width: 320px; height: 30px; line-height: 30px; padding-left: 20px; background-image: url(../images/ico4.png); background-repeat: no-repeat; background-position: left center; margin-right: 80px; -webkit-transition: all .8s ease-out;
 transition: all .8s ease-out;
}
.relevant .content ul li:hover { transform: translateX(10px); -webkit-transform: translateX(10px); }
.relevant .content ul li a { color: #676767; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/****************/
.sectionbg { width:100%; margin:15px auto; position:relative; clear:both; overflow:hidden;   }


.sectionB { width: 100%;   background: #e5e9ec; margin:30px 0; overflow:hidden }
.mainny { position:relative; width:1200px; padding-bottom: 20px; margin:0 auto; display:block;   }

.left { float:left; width:250px;  margin-right:20px; padding-top:20px;   background:#FFF ;  }

.leftProClaList { width:250px; height:auto; min-height:1px; padding-bottom: 10px; background: #fff;  }

.leftProClaList ul { width:212px; padding:0px 19px }
.leftProClaList ul li { width: 170px; height: 30px; padding-left: 14px; padding-right: 26px; border: 1px solid #b7c5ce; overflow:hidden; background:url(../images/proclassbg.png) 170px center no-repeat #f6f6f6; margin-bottom: 5px; }
.leftProClaList ul li:hover{ background:#CBCBCB}


.leftProClaList a { color:#666666; font-size:12px; line-height:30px; }
.leftProClaList ul ul { width: 210px; border-bottom: 1px solid #b7c5ce; padding:0px; margin-top:-11px; margin-bottom: 10px; display: none; }
.leftProClaList ul ul li { width: 210px; height: 40px; border-bottom: none; border-top:1px solid #20a0ff; padding:0px; margin: 0px; }
.leftProClaList ul ul li a { width: 134px; height: 40px; padding-left: 30px; padding-right: 26px; border:none; display: block; color:#fff; line-height: 40px; background: #105095; }
.leftProClaList ul ul li a:hover { color:#4bbeed }
.leftProClaList ul li.open { background:url(../images/proclassbg.png) 170px center no-repeat #105095; }
.leftProClaList ul li.open a { color:#fff }
.leftProClaList ul li.on { background:url(../images/proclassbg.png) 170px center no-repeat #105095; }
.leftProClaList ul li.on a { color:#ffffff; }
/*end leftProClaList*/
.leftTitle { width: 100%; height: 40px; color:#618cb8; font-size: 18px; line-height: 40px; text-align: center; }
.leftTitle span { color:#618cb8; }
.contactTel { width: 202px; height:44px; color: #618cb8; font-size:1px; line-height:20px; font-family:impact; text-align: center; }
.leftContact { width: 202px; padding: 10px 14px; margin-top:24px; background: #fff; }
.contactnr dl { width:202px; display:block; clear:both; }
.contactnr dl dt, .contactnr dl dd { font-size:12px; color:#666666; line-height:26px; }
.contactnr dl dt { width:40px; float:left; padding-left: 10px; }
.contactnr dl dd { width:142px; float:left; }

.leftNews { width: 202px; padding:10px 14px; background: #fff; margin-top: 24px; }
.leftNews ul { padding-top: 5px; }
.leftNews li { width: 202px; height: 36px; padding-left:20px; border-bottom: 1px solid #d4dde3; background: url(../images/ico3.png) 5px center no-repeat; }
.leftNews li a { color: #666666; font-size: 12px; line-height: 36px; }
/******************/
.blk-sm { width: 900px; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.b { margin-bottom:20px; }
.p14-infolist-1-t1 { padding: 36px 22px 46px 85px; background: #fff; border: 1px dashed #cacaca; margin-bottom: 20px; }
.p14-infolist-1-t1 dt { position: relative; height: 30px; font-size: 18px; line-height: 30px; margin-bottom: 16px; }
.p14-infolist-1-t1 dt a { color: #333; }
.p14-infolist-1-t1 dt span { display: block; width: 60px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; color: #fff; position: absolute; top: 0; left: -65px; background: #618cb8; }
.p14-infolist-1-t1-desc { height: 72px; font-size: 14px; line-height: 24px; color: #666; overflow: hidden; }
.p14-infolist-1-t1-deta { width: 60px; float: right; padding-left: 20px; background: url(../images/p14-icon21.png) no-repeat left center; }
.p14-infolist-1-t1-deta a { display: block; color:  #618cb8; }
.p14-infolist-1-list dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; display: inline-block; width:824px; }
.p14-infolist-1-list dt { width: 253px; float: left; margin-right: 30px; }
.p14-infolist-1-list dt img { max-width:253px; max-height: 189px; display: block; }
.p14-infolist-1-list dd h4 { height: 40px; font-weight: normal; font-size:18px; color: #154c64; line-height: 40px; margin-bottom: 5px; }
.p14-infolist-1-list h4 a { display: block; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p14-infolist-1-list dl:hover h4 a { color: #618cb8; }
.p14-infolist-1-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; }
.p14-infolist-1-list-deta { float: right; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; }
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta { background: #618cb8; border-color: #618cb8; }
.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a { color: #fff; }



/************/
.mainCon{width:930px; float:left;}
.mainConTitle{
	position: relative;
	width:750px; height:60px;border-bottom: 1px solid #b0c0ca;  }
.mainConTitle .mFont{float: left;
	width: 260px; height: 60px;
	color: #000;font-size: 16px;  line-height:60px;font-family:'微软雅黑';}	
.mainConTitle .mEnglish{
	float: left;
	width: 160px; height: 60px;
	color:#42525b; font-size: 14px;line-height: 60px; display: block; font-family: impact; text-transform: uppercase;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:60px;  
	color: #666666; font-size: 14px;line-height:60px; }
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#105095}
.mainConTitle .xian{ 
	width: 120px;height: 2px;
	font-size: 0px; line-height: 0px;
	position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 /*end mainConTitle*/
.mainConList .pic1{ 
	float:left;
	width:230px; height:224px; border:4px solid  #fff;margin-right: 18px;margin-top: 24px; 
	background: #ffffff; overflow: hidden; }
.mainConList .pic1 a{
	width:230px; height:224px;display: block;
	background: #ffffff;}		
.mainConList .pic1 dt{position: relative;width:230px; height:172px;}
.mainConList .pic1 dd{
	position: relative;
	width:224px; height:52px;padding:0 5px;}
.mainConList .pic1 .title{
	width:224px; height:52px; display: block; 
	color:#666666;font-size:12px;line-height:52px;  text-align: center; }
.mainConList .pic1 .intro{
	position: absolute;left:0px; top:0px;
	width:190px; height:132px; display: none; padding: 20px; 
	color:#cccccc;font-size:14px;line-height:30px;
	background: url(../images/propicbg.png);  }	
 /*end pic1*/	
.mainConList .pic2 a{ display: block; padding-bottom:15px; padding-top:14px; padding-left: 8px; padding-right: 8px; height:121px; border-bottom:1px solid #eaeaea}
.mainConList .pic2 dt{
	float: left; 
	width:154px; height:115px; margin-right: 16px;  border: 3px solid #fff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:524px;  float:left;}
.mainConList .pic2 .title{color:#666666;font-size:14px; line-height:36px; font-weight:bold;}
.mainConList .pic2 .intro{font-size:14px;color:#666666;line-height:24px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
.mainConList .pic2 a:hover{ background: #e5ebf1;}
.mainConList .pic2 a:hover .title{ color:#618cb8}
/*end pic2*/
.mainConList ul{padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList ul li{
	width: 720px; height: 50px;
	border-bottom:1px solid #d4dde3; }
.mainConList ul li a{width: 692px;padding-left: 14px;padding-right: 14px;height: 50px; display: block;
	color:#666; font-size:14px; line-height:50px; }
.mainConList ul li a:hover{ color:#618cb8;background: #e5ebf1;}
.mainConList ul li span{ color: #999999; float: right; font-size:12px;line-height:50px;}
/*end ul*/
.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;
 	width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #618cb8;
 	font-size:14px;line-height:30px; text-align:center; background:#618cb8}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #618cb8;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #618cb8;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{background:#618cb8;border:1px  solid #618cb8;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#42525b;border:1px  solid #42525b;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}
/*end pglist*/
.mainContect{ 
	color:#666;font-size:14px;line-height:30px;overflow:hidden;
	   height:auto!important;word-wrap:break-word; word-break:break-all;padding:0 20px 20px 20px;
	background:#fff ;}
.mainContectx{ 
	color:#666;font-size:14px; overflow:hidden
	margin-top:16px; padding-top:22px; height:auto!important;min-height:1090px;height:1090px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
	background:#fff ;}
.mainContect img{ max-width: 100%;}
.mainContect .title{ 
	 padding:25px 15px 0px 15px; margin:0 auto;
	color:#105095;font-size:22px; line-height:36px;text-align:center;font-weight:bold; }

.mainContect .time{
  height: 50px;border-bottom:1px dashed #ddd;padding-top:15px; margin:0 auto; 
	color:#999999;font-size:12px;line-height:30px; font-weight:normal; text-align:center}
	
	
	
.mainContect .timea{ width:170px; float:left;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:40px 20px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden;text-align:justify; text-justify:inter-ideograph}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:96%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:575px;padding-left: 25px;}
.mainContect .pgfyl p{ color:#105095;font-size: 14px;}
.mainContect .pgfyl p a{ color:#105095; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#105095;font-size:14px;}
.searchback{color:#105095;font-size: 14px;}




*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{text-decoration:none;color:#333;}
body{color:#333;font-family:'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;line-height:20px;overflow-x:hidden;width:100%;font-size:14px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#618cb8 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#618cb8 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#618cb8 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#618cb8 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



/**banner**/
@media screen and (min-width:1081px) {
.apple-banner { width: 100%; height: 450px; overflow: hidden; margin:0 auto;}
.apple-banner .swiper-container { width: 100%; height: 450px;}
.apple-banner .swiper-button-prev,.apple-banner .swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.apple-banner .swiper-button-prev { left:0;}
.apple-banner .swiper-button-next { right:0;}
.apple-banner .swiper-button-prev span,.apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; right: 0; top: 50%; margin-top:-32px; border-radius: 100%;  opacity: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.apple-banner .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: 1;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:20px; background:none;}
.apple-banner  .swiper-pagination-bullet { display: inline-block; width: 50px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner  .swiper-pagination-bullet span { width: 50px; height: 3px; display: block; background: rgba(255,255,255,0.8);}
.apple-banner .swiper-pagination-bullet-active span{ background-color: #ff7200;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,0.8);}
.apple-banner  .swiper-pagination-bullet i{ background-color: #ff7200; height: 3px; transform:scaleX(0); transform-origin: 0; display: block;}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner  .autoplay .replace span{ background-color:#fff;}
.pro_more { width:200px; height: 40px; overflow: hidden; margin: 0 auto; padding: 0;}
.pro_more a { display:block; width:158px; height: 38px; overflow: hidden; line-height: 38px; color: #007deb; font-size: 14px; text-align: center; border: 1px solid #007deb;}
.pro_more a:hover { color:#fff; background-color: #007deb;}
}
@media screen and (max-width:1080px) {
.apple-banner { width: 100%; height: 3rem; overflow: hidden; margin:0 auto 10px;}
.apple-banner .swiper-container { width: 100%; height: 3rem;}
.apple-banner .swiper-button-prev,.apple-banner .swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.apple-banner .swiper-button-prev { left:0;}	
.apple-banner .swiper-button-next { right:0;}
.apple-banner .swiper-button-prev span,.apple-banner .swiper-button-next span { display:block; width: 0.64rem; height: 0.64rem; position: absolute; left: 3%; top: 50%; margin-top:-0.32rem; border-radius: 100%; background-size: 0.17rem 0.3rem; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.apple-banner .swiper-button-next span { background-size: 0.17rem 0.3rem; left:auto; right:3%; }
.apple-banner .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: 1;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:0.12rem; background:none;}
.apple-banner .swiper-pagination-bullet { display: inline-block; width: 0.5rem; height: 0.02rem; margin: 0 0.03rem; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner .swiper-pagination-bullet span { width: 0.5rem; height: 0.02rem; display: block; background: rgba(255,255,255,0.8);}
.apple-banner .swiper-pagination-bullet-active span{ background-color: #ff7200;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,0.8);}
.apple-banner .swiper-pagination-bullet i{ background-color: #ff7200; height: 0.02rem; transform:scaleX(0); transform-origin: 0; display: block;}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner .autoplay .replace span{ background-color:#fff;}

.w1100,.container,#contant{ width:90%;max-width:1440px; margin:0 auto;}
.proL .yjk{ width:95%;}
.idx_about_line{ background:none;}
.idx_about_more{ margin-top:10px;}
.idx_about_wz .about_line{margin: 10px 0;}
.idx_about_wz i{margin-top:5px;}
.idx_about_bottom li p{ font-size:20px;}
.pro_more { width:2.4rem; height: 0.72rem; overflow: hidden; margin: 0 auto; padding: 0.24rem 0 0;}
.pro_more a { display:block; width:100%; height: 0.72rem; overflow: hidden; line-height: 0.7rem; color: #007deb; font-size: 0.26rem; text-align: center; border: 1px solid #007deb; box-sizing: border-box;}
.pro_more a:hover { color:#fff; background-color: #007deb;}
}
