@import url("http://font.sec.miui.com/font/css?family=Mi_Lan_Pro:400,600,700,800,200,100,300,500:Chinese_Simplify,Latin&display=swap");
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
/* --banner-- */
.banner { clear: both; position: relative; width: 100%; height: 660px; overflow: hidden; }
.banner .hd { position: absolute; left: 0; bottom: 30px; width: 100%; height: 2px; text-align: center; }
.banner .hd li { display: inline-block; *display: line; *zoom: 1; margin: 0 10px; width: 10px; height: 10px; text-indent: -9999px; cursor: pointer; background: #0b85e5; border-radius: 50%; }
.banner .hd li.cur { background: #0b85e5; }
.banner .bd, .banner .bd ul { height: 660px; }
.banner .bd li { position: relative; width: 100%; height: 660px; }
.banner .bd li a { display: block; position: absolute; left: 50%; top: 0; margin-left: -960px; width: 1920px; height: 660px; }
.banner .prev, .banner .next { position: absolute; z-index: 999; top: 50%; margin-top: -30px; width: 58px; height: 58px; cursor: pointer; opacity: 0; transition: all 1s; }
.banner .prev { left: 2%; background: url(../images/banner_prev.png) no-repeat; }
.banner .next { right: 2%; background: url(../images/banner_next.png) no-repeat; }
.banner:hover .prev, .banner:hover .next { opacity: 1; }
.banner .timer { position: absolute; bottom: 0; width: 100%; height: 4px; background: #76a6ce; }
.banner .timer span { display: block; width: 100%; height: 4px; background: #0b85e5; }
/* --end banner-- */

/* --wrap-title-- */
.wrap-title { margin-bottom: 30px; text-align: center; line-height: 1.5; overflow: hidden; animation: fadeinT 1s ease-out backwards; }
.wrap-title h2 {color: #333; font-weight: normal; }
.wrap-title h2 a { color: #333; }
.wrap-title p { font-size: 18px; color: #666; }
.wrap-title.white * { color: #fff; }
/* --end wrap-title-- */

/* --product-- */
.product { padding: 60px 0; overflow: hidden; background: #f2f2f2; }
.product-menu, .product-menu02 { overflow: hidden; }
.product-menu dl, .product-menu02 dl { overflow: hidden; }
.product-menu dt, .product-menu02 dt { float: left; width: 220px; text-align: center; font-size: 18px; }
.product-menu dt { height: 88px; line-height: 89px; }
.product-menu02 dt { height: 70px; line-height: 70px; }
.product-menu dt a, .product-menu02 dt a { display: block; font-size: 18px; color: #fff; }
.product-menu dt a { background: #e60009; }
.product-menu02 dt a { background: #0b85e5; }
.product-menu dd { position: relative; }
.product-menu dd:after { position: absolute; left: 0; top: 70px; content: ""; display: block; width: 100%; height: 1px; /* background:#ddd; */ }
.product-menu dd, .product-menu02 dd { position: relative; float: right; width: 980px; background: #fff; }
.product-menu dd { height: 88px; line-height: 90px; border-bottom: #ddd solid 1px; }
.product-menu02 dd { height: 70px; line-height: 70px; border-bottom: #ddd solid 1px; }
.product-menu dd li { float: left; width: 196px; text-align: center; font-size: 16px; overflow: hidden; }
.product-menu02 dd li { float: left; width: 196px; text-align: center; font-size: 16px; overflow: hidden; }
.product-menu dd li a, .product-menu02 dd li a { display: block; color: #666; border-radius: 35px; transition: all 1s; }
.product-menu dd li a:hover, .product-menu02 dd li a:hover { color: #0b85e5; box-shadow: 0 0 10px #0b85e5 inset; border-radius: 0; }
.product-menu dd .line, .product-menu02 dd .line { position: absolute; z-index: 3; top: 0; width: 1px; height: 100%; background: #ddd; }
.product-menu dd .line01, .product-menu02 dd .line01 { left: 195px; }
.product-menu dd .line02, .product-menu02 dd .line02 { left: 391px; }
.product-menu dd .line03, .product-menu02 dd .line03 { left: 587px; }
.product-menu dd .line04, .product-menu02 dd .line04 { left: 783px; }
.product-menu dd .line05, .product-menu02 dd .line05 { left: 979px; }
.product-list { clear: both; padding-top: 40px; width: 1230px; }
.product-list .item { float: left; margin-right: 30px; margin-bottom: 30px; width: 380px; height: 480px; background: #fff; }
.product-list .pic { position: relative; width: 380px; height: 380px; overflow: hidden; border-bottom: #ddd solid 1px; }
.product-list .pic img { display: block; width: 380px; height: 380px; transition: all ease-in-out 1s; }
.product-list .text { padding: 25px 35px 20px; overflow: hidden; }
.product-list .text span { display: block; height: 28px; line-height: 28px; font-size: 18px; overflow: hidden; }
.product-list .text span a { color: #333; }
.product-list .text p { height: 26px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; }
.product-list .item:hover .pic img { transform: scale(1.1); }
.product-list .item:hover span a { color: #e60009; }
.product-list .item:hover { box-shadow: 0 0 20px #ccc; }
/* --end product-- */

/* --case-- */
.case { padding: 60px 0; overflow: hidden; background: #f8f8f8; }
.case-tab .tab-menu { position: relative; z-index: 2; height: 85px; line-height: 85px; background: #0b85e5; }
.case-tab .tab-menu li { position: relative; float: left; width: 20%; font-size: 16px; }
.case-tab .tab-menu li:last-child a { border-right: none; }
.case-tab .tab-menu li a { display: block; color: #fff; text-align: center; border-right: #fff solid 1px; }
.case-tab .tab-menu li i, .case-tab .tab-menu li span { display: inline-block; margin: 0 6px; vertical-align: middle; }
.case-tab .tab-menu li i { position: relative; width: 26px; height: 26px; overflow: hidden; }
.case-tab .tab-menu li i img { display: block; position: absolute; top: 0; left: 0; transition: all ease-in-out 0.5s; }
.case-tab .tab-menu li.cur { box-shadow: 0 0 10px #e60009; }
.case-tab .tab-menu li.cur a { background: #e60009; }
.case-tab .tab-menu li.cur:after { display: block; content: ""; position: absolute; top: 100%; width: 100%; height: 6px; background: url(../images/case_tab_cur.png) no-repeat center; }
.case-tab .tab-main { position: relative; z-index: 1; padding: 45px; height: 352px; background: #fff; box-shadow: 0 0 30px #b2cff1; }
.case-item { overflow: hidden; }
.case-item .text { position: relative; float: left; padding-left: 15px; width: 354px; height: 352px; }
.case-item .text h3 { height: 75px; line-height: 75px; font-weight: normal; border-bottom: #ddd solid 1px; overflow: hidden; }
.case-item .text h3 a { color: #333; }
.case-item .text .abstr { margin-top: 25px; height: 150px; line-height: 30px; font-size: 14px; color: #666; overflow: hidden; }
.case-item .text .btnBox { margin-top: 30px; width: 290px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; }
.case-item .text .btnBox a { display: block; width: 142px; color: #fff; font-size: 14px; border-radius: 5px; }
.case-item .text .btnBox a.fl { background: #0b85e5; }
.case-item .text .btnBox a.fr { background: #e60009; }
.case-item .text .btnBox a:hover { box-shadow: 0 0 10px #333 inset; }
.case-slide { position: relative; float: right; width: 660px; height: 352px; overflow: hidden; }
.case-slide .item { position: relative; width: 660px; height: 352px; overflow: hidden; }
.case-slide .item img { display: block; width: 660px; height: 352px; transition: all 1s; }
.case-slide .item a { display: block; }
.case-slide .item a:hover img { transform: scale(1.1); }
.case-slide .item span { position: absolute; left: 0; bottom: 0; display: block; padding: 0 5%; width: 90%; height: 60px; line-height: 60px; font-size: 16px; color: #fff; background: rgba(0,0,0,0.8); }
.case-slide .item span:after { content: ""; display: block; position: absolute; right: 5%; top: 24px; width: 32px; height: 13px; background: url(../images/read.png) no-repeat; }
.case-slide .sPrev, .case-slide .sNext { position: absolute; z-index: 333; top: 50%; margin-top: -27px; width: 57px; height: 57px; cursor: pointer; }
.case-slide .sPrev { left: 10px; background: url(../images/prev01.png) no-repeat; }
.case-slide .sPrev:hover { background-image: url(../images/prev01_cur.png); }
.case-slide .sNext { right: 10px; background: url(../images/next01.png) no-repeat; }
.case-slide .sNext:hover { background-image: url(../images/next01_cur.png); }
.case .more { margin-top: 50px; line-height: 45px; text-align: center; font-size: 16px; }
.case .more a { display: block; margin: 0 auto; width: 160px; color: #fff; background: #0b85e5; border-radius: 5px; }
.case .more a:hover { box-shadow: 0 0 10px #333 inset; }
/* --end case-- */

/* --youshi-- */
.youshi { padding-top: 70px; height: 850px; overflow: hidden; background: url(../images/youshi_bg.jpg) no-repeat center; }
.ys-inner { position: relative; width: 1200px; height: 741px; overflow: hidden; }
.ys-inner .ys-list { margin-top: 40px; width: 1330px; }
.ys-inner .item { float: left; margin-right: 126px; width: 316px; text-align: center; color: #fff; overflow: hidden; }
.ys-inner .item:nth-child(1) { animation: fadeinR 1s ease-out backwards; }
.ys-inner .item:nth-child(2) { animation: fadeinR 1.5s ease-out backwards; }
.ys-inner .item:nth-child(3) { animation: fadeinR 2s ease-out backwards; }
.ys-inner .item .pic { margin: 0 auto; width: 131px; height: 131px; overflow: hidden; background: #9fc1ef; border-radius: 50%; }
.ys-inner .item .pic img { display: block; width: 131px; height: 131px; border-radius: 50%; }
.ys-inner .item .text { padding-top: 20px; }
.ys-inner .item .text strong { display: block; font-size: 18px; }
.ys-inner .item .text p { padding-top: 10px; font-size: 14px; line-height: 1.5; }
.ys-inner .ysImg { position: absolute; left: 0; bottom: 0; width: 1200px; height: 418px; overflow: hidden; animation: bouncein 1s ease-out backwards; }
.ys-inner .ysImg img { display: block; }
/* --end youshi-- */

/* --aboutus-- */
.aboutus { padding: 60px 0; overflow: hidden; background: #fff; }
.photo-slide { position: relative; overflow: hidden; }
.photo-list li { position: relative; margin-right: 1px; float: left; width: 25%; overflow: hidden; }
.photo-list li img { display: block; width: 100%; transition: all 1s; }
.photo-list li a:hover img { transform: scale(1.1); }
.photo-list li p { position: absolute; z-index: 3333; left: 0; bottom: 0; width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #fff; overflow: hidden; background: rgba(0,0,0,0.5); }
.photo-slide .arrow { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 105px; background: url(../images/photo_shadow.png) no-repeat; }
.photo-slide .prev, .photo-slide .next { position: absolute; z-index: 44; bottom: 0; width: 63px; height: 63px; cursor: pointer; }
.photo-slide .prev { right: 63px; background: url(../images/prev02.png) no-repeat 0 0; }
.photo-slide .prev:hover { background-position: -63px 0; }
.photo-slide .next { right: 0; background: url(../images/next02.png) no-repeat -63px 0; }
.photo-slide .next:hover { background-position: 0 0; }
.honor-slide { margin-top: 50px; position: relative; width: 100%; border: #ddd solid 1px; }
.honor-slide .prev, .honor-slide .next { position: absolute; z-index: 44; top: 50%; margin-top: -23px; width: 46px; height: 46px; cursor: pointer; border-radius: 50%; overflow: hidden; transition: all 1s; }
.honor-slide .prev { left: -23px; background: url(../images/prev03.png) no-repeat 0 -46px; }
.honor-slide .next { right: -23px; background: url(../images/next03.png) no-repeat 0 -46px; }
.honor-slide .prev:hover, .honor-slide .next:hover { background-position: 0 0; }
.honor-list { overflow: hidden; }
.honor-list li { float: left; padding: 20px; width: 20%; border-right: #ddd solid 1px; box-sizing: border-box; }
.honor-list li img { display: block; width: 100%; transition: all 0.5s; }
.honor-list li p { margin-top: 15px; height: 26px; line-height: 25px; text-align: center; font-size: 14px; color: #666; overflow: hidden; }
.honor-list li:hover { box-shadow: 0 0 20px #ccc inset; }
.honor-list li:hover img { transform: scale(1.1); }
/* --end aboutus-- */

/* --ad-- */
.ad { padding: 60px 0; height: 186px; overflow: hidden; background: #f2f2f2; border-top: #ddd solid 1px;overflow:hidden; margin-top:50px;}
.ad-l { float: left; width: 330px; height: 186px; border-right: #ddd solid 1px; animation: bounceinL 1s ease-out backwards; }
.ad-l span { display: block; font-size: 35px; color: #333; }
.ad-l p { padding: 5px 0; font-size: 18px; color: #666; }
.ad-l em { display: block; font-family: Arial; font-size: 18px; font-weight: bold; color: #ddd; text-transform: uppercase; }
.ad-l dl { margin-top: 25px; padding: 5px 0 5px 70px; height: 50px; line-height: 25px; overflow: hidden; background: url(../images/tel_icon.png) no-repeat 0 center; }
.ad-l dl dt { display: block; font-size: 18px; color: #666; }
.ad-l dl dd { display: block; font-family: Arial; font-size: 26px; font-weight: bold; color: #0b85e5; }
.ad-r { float: right; width: 867px; overflow: hidden; animation: bounceinR 1s ease-out backwards; }
.ad-r .item { float: left; width: 33.33%; text-align: center;box-sizing:border-box;padding:0 10px; }
.ad-r .item img { display: block; margin: 0 auto; width: 115px; height: 115px; }
.ad-r .item strong { display: block; margin-top: 20px; line-height: 30px; font-size: 18px; color: #333; }
.ad-r .item p { font-size: 14px; color: #666; line-height: 22px; }
/* --end ad-- */

/* --comment-- */
.comment { padding: 60px 0; overflow: hidden; background: url(../images/comment_bg.jpg) no-repeat center 0; }
.comment-slide { position: relative; height: 398px; }
.comment-slide .prev, .comment-slide .next { position: absolute; z-index: 333; top: 170px; width: 57px; height: 57px; cursor: pointer; }
.comment-slide .prev { left: -90px; background: url(../images/prev01.png) no-repeat; }
.comment-slide .prev:hover { background-image: url(../images/prev01_cur.png); }
.comment-slide .next { right: -90px; background: url(../images/next01.png) no-repeat; }
.comment-slide .next:hover { background-image: url(../images/next01_cur.png); }
.comment-list .item { margin: 10px 30px 10px 0; width: 380px; height: 378px; background: #fff; transition: all 1s; }
.comment-list .item .pic { width: 380px; height: 237px; overflow: hidden; }
.comment-list .item .pic img { display: block; width: 380px; height: 237px; transition: all 1s; }
.comment-list .item .text { padding: 26px 30px; overflow: hidden; }
.comment-list .item .text span { display: block; margin-bottom: 4px; height: 32px; line-height: 32px; font-size: 18px; overflow: hidden; }
.comment-list .item .text span a { color: #333; }
.comment-list .item .text p { font-size: 14px; color: #666; height: 48px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.comment-list .item:hover { box-shadow: 0 0 8px #fff; }
.comment-list .item:hover img { transform: scale(1.1); }
.comment-list .item:hover span a { color: #df1f29; }
/* --end comment-- */

/* --ad02-- */
.ad02 { overflow: hidden; background: #fff; }
.ad02 .wrapper { position: relative; padding: 40px 0; height: 158px; }
.ad02 .btnBox { float: left; width: 207px; overflow: hidden; }
.ad02 .btnBox a { display: block; height: 77px; line-height: 77px; font-size: 18px; text-align: center; }
.ad02 .btnBox a.btn01 { color: #fff; background: #0061cf; border: #0061cf solid 1px;; border-bottom: 0; border-radius: 5px 5px 0 0; }
.ad02 .btnBox a.btn02 { color: #333; background: #fff; border: #ddd solid 1px; border-top: 0; border-radius: 0 0 5px 5px; }
.ad02 .btnBox a:hover { color: #fff; background: #e60009; border-color: #e60009; }
.ad02 .text { float: left; padding-left: 60px; width: 264px; height: 158px; overflow: hidden; border-right: #ddd solid 1px; }
.ad02 .text dl { margin-top: 16px; line-height: 1.5; }
.ad02 .text dt { font-size: 14px; color: #333; }
.ad02 .text dd { font-family: Arial; font-size: 24px; color: #e60009; font-weight: bold; }
.QRcode { float: left; padding-left: 60px; width: 330px; overflow: hidden; }
.QRcode .fl { width: 156px; height: 156px; border: #ddd solid 1px; }
.QRcode .fl img { display: block; width: 156px; height: 156px; }
.QRcode .fr { width: 140px; height: 156px; }
.QRcode .fr strong { display: block; padding: 12px 0; font-size: 24px; color: #333; }
.QRcode .fr p { font-size: 18px; color: #666; line-height: 1.5; }
.ad02 .pic { position: absolute; right: -42px; bottom: 0; animation: bounceinR 1s ease-out backwards; }
.ad02 .pic img { display: block; }
/* --end ad02-- */

/* --news-- */
.news { padding: 60px 0; overflow: hidden; background: #f2f2f2; }
.news-group { width: 1230px; overflow: hidden; }
.news-item { float: left; margin-right: 15px; width: 388px; overflow: hidden; border: #eee solid 1px; background: #fff; border-radius: 5px; }
.news-item .hd { padding: 0 19px; height: 74px; line-height: 74px; overflow: hidden; }
.news-item .hd a { display: block; }
.news-item .hd em { float: right; font-size: 14px; color: #999; text-transform: uppercase; }
.news-item .hd span { font-size: 20px; color: #333; }
.news-item .bd { padding: 0 19px; overflow: hidden; }
.news-item .hotNews { position: relative; width: 350px; height: 200px; overflow: hidden; }
.news-item .hotNews .pic { display: block; width: 350px; height: 200px; overflow: hidden; }
.news-item .hotNews .pic img { display: block; width: 350px; height: 200px; transition: all 1s; }
.news-item .hotNews .tit { display: block; position: absolute; left: 0; bottom: 0; padding-top: 60px; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-indent: 10px; background: url(../images/news_shadow.png) no-repeat; }
.news-item .hotNews:hover .pic img { transform: scale(1.1); }
.news-item .hotNews:hover .tit { text-shadow: 0 0 2px #fff; }
.news-item:hover { box-shadow: 0 0 20px #ccc inset; }
.news-list { margin: 20px 10px; height: 200px; overflow: hidden; }
.news-list li { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; }
.news-list li a { display: block; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li a:hover { color: #e60009; }
/* --end news-- */

/* --flinks-- */
.flinks { position: relative; background: #fff; }
.flinks .wrapper { position: relative; z-index: 333; background: #fff; }
.flinks .bg-l { position: absolute; z-index: 1; left: 0; top: 0; height: 124px; width: 50%; background: #e60009; }
.flinks .addlinks { float: right; font-weight: bold; font-size: 14px; color: #666; height: 68px; line-height: 68px; }
.flinks .addlinks:hover { color: #e60009; }
.flinks dl { width: 1200px; overflow: hidden; }
.flinks dt { float: left; width: 88px; height: 124px; line-height: 1.2; color: #fff; background: #e60009; }
.flinks dt strong { display: block; margin-top: 40px; font-size: 20px; font-family: Impact; }
.flinks dt p { font-size: 13px; }
.flinks dd { padding: 10px 0 10px 20px; line-height: 28px; overflow: hidden; height:124px;box-sizing:border-box;}
.flinks dd a { display: block; float: left;  height: 28px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flinks dd a:before { position: relative; top: -2px; display: block; float: right; content: "|"; margin: 0 10px; }
.flinks dd a:last-child:before { display: none; }
.flinks dd a:hover { text-decoration: underline; }
/* --end flinks-- */

/* --快速导航-- */
.fastNav { position: fixed; z-index: 9999; right: 0; top: 80px; width: 120px; text-align: center; background: rgba(255,255,255,0.8); border: #e60009 solid 1px; }
.fastNav .tit { height: 45px; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold; background: #e60009; }
.fast-list li { height: 35px; line-height: 35px; font-size: 13px; border-bottom: #ddd solid 1px; cursor: pointer; }
.fast-list li:hover, .fast-list li.cur { color: #0b85e5; }
.fast-QRcode { padding: 10px; background: #e60009; }
.fast-QRcode img { display: block; width: 100%; }
.fast-QRcode p { margin-top: 10px; font-size: 13px; color: #fff; line-height: 1.5; }
.fast-tel { padding: 10px; font-size: 16px; font-weight: bold; background: #e60009; color: #fff; border-top: #ddd solid 1px; }
/* --end 快速导航-- */
.p1-search-1 { background: #fff; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; }
.p1-search-1 p { color: #444; line-height: 82px; }
.p1-search-1 a { color: #444; display: inline-block; margin-right: 15px; }
.p1-search-1-inp { width: 270px; height: 30px; border-radius: 20px; background: #dbdbdb; padding-left: 10px; margin-top: 28px; }
.p1-search-1-inp input { border: 0; }
.p1-search-1-inp1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; background: #dbdbdb;}
.p1-search-1-inp2 { width: 30px; height: 30px; background: url(../images/VISkins-p1.png) no-repeat center center; float: right; cursor: pointer; }


.yin{background:url(../images/yin_t.png) no-repeat center 0;height: 126px;margin-top: -52px;position: relative;z-index: 10;}
.yin ul li{width: 200px;float: left;background:url(../images/yin_line.gif) no-repeat 0 40px;height: 106px;line-height: 106px;overflow: hidden;font-size: 16px;color: #333;}
.yin ul li em{display: block;width: 30px;height: 30px;float: left;line-height: 0;overflow: hidden;margin: 38px 8px 0 40px;}
.yin ul li em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.yin ul li span{display: block;float: left;font-weight: bold;width: 100px;overflow: hidden;}
.yin ul li:hover em img{margin-top: -30px;}
.yin ul li:hover,.shi .shi_ul01 li:hover{color: #f68100;}
.yin ul li:first-child{background: none;}
/*产品中心*/
.cp_bg {  height: 870px; overflow: hidden; padding: 70px 0 0; }
.chanp .yin_t, .youshix .yin_t, .case .yin_t, .news .yin_t { background: url(../images/cp_line.png) no-repeat center 55px; }
.cp_l { width: 290px; margin: 50px 0 0; background: #fff;height:730px;overflow:hidden; }
.cp_l h3 { background: #0b85e5; width: 230px; height: 110px; padding: 30px 0 0 60px; line-height: 40px; overflow: hidden; }
.cp_l h3 a { font-size: 30px; color: #fff; display: block; }
.cp_l h3 i { display: block; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.cp_lm { width: 222px; margin: 0 auto; }
.cp_ul01 li { border-top: #dedede 1px solid; }
.cp_ul01 li a { display: block; font-size: 16px; color: #333; font-weight: bold; width: 202px;line-height: 200%; padding:10px 0;}
.cp_ul01 li a:hover { color: #0b85e5; }
.cp_ul01 .cp_ul02 {  padding: 0 0 15px;display:none; }
.cp_ul01 .cp_ul02 li { border: none; }
.cp_ul01 .cp_ul02 li a { font-size: 14px; font-weight: normal; background: none; padding: 0; width: 222px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 32px; line-height: 32px; }
.cp_ul01 .cp_ul02 li a:hover { color: #0b85e5; }
.cp_lm .noplay { display: none; }

.mr_frBtnL{cursor:pointer;top:44%;right:-70px;margin-top:-4px;position:absolute; z-index:999;font-size:30px;}
.mr_frBtnR{cursor:pointer;top:50%;right:-70px;margin-top:-4px;position:absolute;z-index:999;font-size:30px;}
.mr_frBtnR i, .mr_frBtnL i{ font-size:48px;}
.mr_frBtnR i:hover, .mr_frBtnL i:hover { color:#0b85e5}
.bd2 {float:left;height:720px;overflow:hidden }
.mr_frUl{float:left;height:847px;overflow:hidden}
.cp_r { width: 900px; height: 847px; margin: 50px 0 0; position:relative;}
.cp_r dl { width: 285px; height: 230px; position: relative; margin: 0 0 15px 15px; float: left; }
.cp_r dl dt { width: 285px; line-height: 0; position: relative;overflow:hidden; }
.cp_r dl dt a { width: 285px;height:190px;overflow:hidden;display:block;}
.cp_r dl dt img { width: 285px; height: 190px; }


.cp_r dl dt h4 { font-size: 14px; color: #fff; height: 40px; line-height: 40px; width: 245px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px; bottom: 0; left: 0; font-weight: normal; transition: height .5s; -moz-transition: height .5s; /* Firefox 4 */ -webkit-transition: height .5s; /* Safari and Chrome */ -o-transition: height .5s; /* Opera */background: rgba(0,0,0,0.5);  }
.cp_r dl dd { background: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; height: 0; overflow: hidden; width: 265px; padding: 0 10px; transition: height .5s; -moz-transition: height .5s; /* Firefox 4 */ -webkit-transition: height .5s; /* Safari and Chrome */ -o-transition: height .5s; /* Opera */ }
.cp_r dl dd a { display: block; }
.cp_r dl dd h5 { height: 50px; line-height: 50px; text-align: center; background: url(../images/cp_line02.png) no-repeat center 89px; padding: 10px 0 0; font-size: 18px; color: #fff; width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_desc { font-size: 14px; color: #fff; line-height: 34px; height: 170px; overflow: hidden; padding: 0px 0 0; }
.cp_desc p { width: 275px; }
.cp_desc b { display: block; float: left; width: 90px; }
.cp_desc span { display: block; float: left; width: 285px; }
.cp_desc i { display: block; }
.cp_r dl:hover dd { height: 230px; }
.cp_r dl:hover dt h4 {  }

/*.yin { padding: 70px 0 50px; background: url(../images/yin_line.gif) repeat-x 0 448px; }
.yin_t { font-size: 40px; color: #333; text-align: center; height: 100px; line-height: 46px; overflow: hidden; }
.yin_t a { color: #333; font-family: 'MI Lan Pro', serif;font-weight:700;display:block;}
.yin_t i { color: #0c86e0; }
.yin_t span { display: block; font-size: 20px; font-weight: normal; color: #666; padding: 5px 0 0; }*/


/*品牌坚守*/
.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 700px;overflow: hidden;padding: 90px 0 0;}
.pinz .yin_t{color: #fff;height: 127px;}
.pinz .yin_t:before{left: 32%;background: #fff;}
.pinz .yin_t:after{right: 32%;background: #fff;}
.pinz01{width: 234px;height: 444px;position: relative;float: left;margin-right: 7px;overflow: hidden;}
.pinz01 dl{width: 234px;height: 444px;overflow: hidden;text-align: center;}
.pinz01 dl dt{width: 234px;height: 212px;line-height: 0;}
.pinz01 dl dt img{width: 234px;height: 212px;}
.pinz01 dl dd{width: 234px;height: 190px;background: #fff;position: absolute;padding: 42px 0 0;}
.pinz01 dl dd em{display: block;width: 68px;height: 68px;position: absolute;top: -34px;left: 84px;}
.pinz01 dl dd em img,.pin01_m em img{width: 68px;height: 68px;}
.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;color: #333;height: 50px;line-height: 50px;overflow: hidden;background:url(../images/pinz_line01.gif) no-repeat center 49px;}
.pinz01 dl dd p,.pin01_m p{font-size: 14px;color: #666;line-height: 25px;padding: 10px 0 0;height: 75px;overflow: hidden;}
.pinz01 dl dd p i,.pin01_m p i{display: block;}
.pinz01:hover dd{display: none;}
.pinz .nobor{margin-right: 0;}
.pin01_m{width: 234px;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(246,129,0,0.9);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.pin01_m em{display: block;width: 68px;height: 68px;margin:0 auto;padding: 110px 0 0;}
.pin01_m h5{color: #fff;background:url(../images/pinz_line02.gif) no-repeat center 49px;}
.pin01_m p{color: #fff;}
.pinz01:hover .pin01_m{height: 444px;}


.cp02{background:url(../images/cp_bg02.gif) repeat-x;height: 294px;overflow: hidden;}
.cp02 ul li{width: 25%;float: left;margin: 0px 0px 0 0px;}
.cp02 ul li em{width:100%;height: 163px;line-height: 0;overflow: hidden;-webkit-transition:all .3s;transition:all .3s;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);display: block;}
.cp02 ul li img{width: 100%;height: 163px;}
.cp02 ul li:hover em{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02 ul li span{display: block;width: 290px;height: 50px;line-height: 50px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #333;}
.cp02 p,.photo_qie p{width: 36px;height: 36px;position: absolute;top: 75px;z-index: 30;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;line-height: 0;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);cursor: pointer;}
.cp02 p img,.photo_qie p img{display: block;width: 36px;height: 36px;border-radius: 50%;}
.cp02 p:hover,.photo_qie p:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.cp02_l,.phtoto_lico{left: -50px;}
.cp02_r,.phtoto_rico{right: -50px;}


.youshix { background: #fff;padding-top:50px;}
.bgwhite { background: #fff; }
.bggray { background: #f8f8f8; }
.ys_bg { padding-top: 50px; }
.ys_bg dl { display: block; padding-bottom: 40px; position: relative; overflow: hidden; }
.ys_bg dt { overflow: hidden; }
.ys_bg dt, .ys_bg dt img { width: 650px; height: 347px; }
.ys_bg dt img { webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.ys_bg dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.ys_bg dt { }
.ys_bg dl.pzdl1 dt, .ys_bg dl.pzdl2 dd, .ys_bg dl.pzdl3 dt { }
.ys_bg dl.pzdl1 dd { }

.pzdl2 { }
.ys_bg dl.pzdl2 dt { }
.ys_bg dl.pzdl3 dt { padding-right: 50px; }
.ys_bg .pzdl1 dd { width: 600px; padding-top: 36px; position: absolute; right: 0; top: 25px; background: rgb(255,255,255); height: 300px; padding: 15px;     box-sizing: border-box;}
.ys_bg .pzdl2 dd { width: 600px; padding-top: 36px; position: absolute; left: 0; top: 25px; background: rgb(255,255,255); height: 300px; padding: 15px;    box-sizing: border-box; }
.ys_bg dd p { display: block; padding-top: 5px; padding-bottom: 5px; }
.ys_bg dd p.pzp1 span { font-size: 30px; color: #000; display: inline-block; font-weight: bold; background: #3c98d5; color: #fff; padding: 10px 10px; }
.ys_bg dd p.pzp2 span { font-size: 24px; color: #000; display: inline-block; font-weight: bold; }
.ys_bg dd p.pzp3 span { font-size: 18px; color: #000; display: block; line-height: 190%;font-family: 'MI Lan Pro', serif;font-weight:500;}
.ys_bg dd p.pzp3 i { display: inline-block; font-size: 24px; color: #1e3485; padding-right: 5px; }

.ys_bg dd p span:hover { }
.ys_bg dd p i { display: block; font-size: 14px; color: #666666; line-height: 28px; padding-top:0px; }
.ys_bg dd p i b { color: #c1031d; font-size: 16px; }
.banner { position: relative;width:100%;}
.banner ul li { position: relative; background-position: center center; background-repeat: no-repeat;background-size: cover; }
.banner .pagination { text-align: center; width: 100%; position: absolute; bottom: 25px; z-index: 999; cursor: pointer; }
.banner .pagination span { width: 12px; height: 12px; margin: 0 5px; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; }
.banner .pagination span.swiper-active-switch { background: #46509e; }


.aboutbj{background:url(../images/aboutbg.jpg) no-repeat center top;height: 764px; font-family:"Microsoft Yahei";padding-top:85px;box-sizing: border-box; overflow: hidden; }
.aboutbj .tit01{margin-bottom: 55px;}
 .tit01{ box-sizing: border-box; text-align: center; font-family: "Microsoft YaHei";font-size: 45px; color: #333333; display: block;  font-weight: normal;}
.tit01 a{color: #333333;}
.tit01 i{font-weight: bold;color: #172e7a;}
.tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 20px; color: #666666; display: block; font-weight: normal;}


.about{overflow: hidden; position: relative; margin-bottom: 100px;}
.about dl{width:1200px;}
.about dl dt{width:600px;overflow: hidden; float: right;}
.about dl dt img{ width:600px; height: 511px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.about dl dd { width:555px; box-sizing: border-box; float: left; }
.about dl dd em{ height: 44px; line-height: 44px;  display: block; font-size: 40px; color: #07258a; text-align: left; text-transform: uppercase; }
.about dl h3{height:50px; text-align: left;  line-height: 50px; font-size: 30px; color: #172e7a; font-weight: bold; margin-bottom: 20px; }
.about dl h3 a{color: #172e7a; text-decoration: none; }
.about dl p{height: 172px; font-size: 14px; color: #666666;line-height: 25px; text-align: justify;}
.about dl dd span a{ display: block;background:url(../images/abt_btn.gif) no-repeat left top;  width: 200px; height: 49px; line-height: 49px;padding-left: 40px; text-align: left; font-size: 16px; color: #fff; }
.about .desc{ height: 384px; }
.pp h4{font-size: 16px; color: #333333; display: block; line-height: 55px;} 
.pp li{width: 145px; margin-right: 7px; border:1px solid #d5d5d5; float: left;}
.pp li img{width: 145px; height: 93px;}
.pp li:last-child{margin-right: 0;}
.pp li:hover{border-bottom: 3px solid #e8bd15;}


/**/
.help_cut{padding-top: 70px; height: 550px; box-sizing: border-box;background:#fff;}
.help_nav{height: 30px; margin-bottom: 20px; position: relative; }
.help_nav:before{content: ""; width: 402px; background:url(../images/line_l.png) no-repeat; height: 5px; left:0;top:13px;position: absolute;}
.help_nav:after{content: ""; width: 402px; background:url(../images/line_r.png) no-repeat; height: 5px; right:0;top:13px;position: absolute;}
.help_nav ul{width: 272px; margin:0 auto;}
.help_nav li{ height: 30px; line-height: 30px; text-align: center;padding:0 30px; font-size: 18px; color: #666666; float: left;background: url(../images/cutico.png) no-repeat right center;  }
.help_nav li a{ text-decoration: none; color: #333333; }
.help_nav li.cur{ }
.help_nav li.cur a{ font-weight: bold; color: #0052b8; }
.help_nav li:last-child{background: none;}

.m_help{ height:208px;width: 1200px; position: relative; }
.jt{width:14px; height: 26px; position: absolute;display: block; top:80px;}
.xc2 .jt{width:14px; height: 26px; position: absolute;display: block; top:150px;}
.prev1{background: url(../images/l.png) no-repeat; left:-40px;}
.next1{background: url(../images/r.png) no-repeat; right:-40px;}
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:293px; position:relative;margin-right: 9px; float: left; }
.xc li img{ display:block;width:293px; height:164px;box-shadow: 0 0px 10px 0px  #ebebeb;}
.xc2 li img{ display:block;width:293px; height:353px;box-shadow: 0 0px 10px 0px  #ebebeb;}
.xc li em{ height:50px;  font:16px "Microsoft YaHei"; line-height:50px; color:#666666; overflow:hidden; display: block; text-align: center; display: block; }
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}

/**/
.hzbj{ height: 500px; box-sizing: border-box; background: #f8f8f8; padding-top: 80px; overflow: hidden; font-family:"Microsoft Yahei";}
.hz h2{}
.hz .m_hz{width: 1200px;padding-top: 60px; height: 225px; position: relative;}
.hz .m_hz:before{content: ""; width: 474px; color: #cecccd; background: #cecccd; height: 1px; left:0;bottom:27px;position: absolute;}
.hz .m_hz:after{content: ""; width: 474px; color: #cecccd; background: #cecccd; height: 1px; right:0;bottom:27px;position: absolute;}
.hz .m_hz p{width: 304px; height: 274px; z-index: 9; position: absolute;left:0;bottom: 0;}
.hz .m_hz p img{width: 304px; height: 274px; display: block;}
.hz .m_hz .scroll{width: 1200px; overflow: hidden; float: right;}
.hz .m_hz li{}
.hz .m_hz li:last-child{margin-right: 0;}
.hz .m_hz li img{width: 232px;height: 130px; border:1px solid #d6d6d6; display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.hz .m_hz li a{ text-decoration: none; }
.hz .m_hz li span{font-size: 16px; text-align: center; color: #666666; font-weight: normal; height: 48px; line-height: 48px; display: block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hz .m_hz li a:hover img{border-bottom: 3px solid #172e7a;}
.hz .m_hz li a:hover span{ color: #172e7a; font-weight: bold; }

.m_hz .pages{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.m_hz .pages ul{margin-left:500px;}
.m_hz .pages ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.m_hz .pages ul li{width:14px;height:14px;background:#172e7a;border-radius: 100%; }
.m_hz .pages ul .on{background:#e8bd15;width: 36px; border-radius: 30px;}

.hz_tel{margin:50px auto; }
.hz_tel p{font-size:16px;color: #666666;line-height: 30px; font-size:24px;text-align:center;}
.hz_tel p span{font-size:36px;color: #172e7a; font-family: "Arial"; font-weight: bold; }
.hz_tel p .iconfont { font-size:36px;color:#0b85e5;font-weight:bold;}
