body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; color: #222; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 10; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }

* { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }


/*----------header----------*/
.header { line-height: 80px; }
.header .wrap { max-width: initial; width: 95%; }
.logo img { vertical-align: middle; }
.logo { position: absolute; top: 0; left: 0; max-width:270px;}
.tel { font-size: 20px; position: absolute; top: 0; right: 0; }
.tel span { display: block; padding-left: 43px; background: url(icon1.png) no-repeat left center; font-weight: bold; }
.menu { height: 80px; padding: 0 200px; text-align: center; }
.menu ul li { display: inline-block; margin: 0 15px; }
.menu ul li a { position: relative; display: block; line-height: 80px; color: #222; font-size: 16px; }
.menu ul li.on a label, .menu ul li a:hover label { width: 30px; margin-left: -15px; }
.menu ul li label { position: absolute; width: 0; height: 3px; background: #154bf9; margin: 0 auto; bottom: 0; left: 50%; margin-left: 0; }
.menu ul li.on a, .menu ul li a:hover { color: #154bf9; font-size: 18px; }




.banner .item .wrap { height: 720px; position: relative; font-family: Arial; }
.banner .item img { display: block; width: 150px; }
.banner .item .text { display: inline-block; position: absolute; top: 50%; margin-top: -194px; width: 100%; text-align: center; left: 0; text-align: center; }
.banner .item .t_text { display: inline-block; background:rgb(255 255 255 / 65%) }
.banner h1 { font-size: 45px; font-weight: normal; text-transform: uppercase; line-height: 80px; }
.banner h3 { font-size: 30px; color: #777; font-weight: normal; line-height: 74px; border: 2px solid #c8c8c8; border-left: 0; border-right: 0; letter-spacing: 5px; }
.banner_tit { width: 210px; margin: 0 auto; position: relative; }
.banner_tit .text2 { position: absolute; top: 0; left: 170px; width: 150px; margin-top: 160px; text-align: left; line-height: 20px; }
.banner_tit .text2 label { display: block; width: 2.5em; height: 2px; background: #fff; margin-top: 10px; }
.banner.owl-theme .owl-controls * { transition: all 0.5s; }
.banner.owl-theme .owl-controls { left: 20px; width: 30px; bottom: auto; right: auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); height: auto; }
.banner.owl-theme .owl-dots .owl-dot { display: block; margin: 15px 0; }
.banner.owl-theme .owl-dots .owl-dot span { display: block; margin: 5px auto; background: url(dot.png) no-repeat center center; width: 13px; height: 14px; }
.banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span { width: 30px; height: 30px; border-radius: 30px; box-shadow: 0 10px 20px rgba(21,75,249,0.2); background: url(dots.png) no-repeat center center; overflow: hidden; }
.banner.owl-theme .owl-dots .owl-dot:last-child.active:before, .banner.owl-theme .owl-dots .owl-dot:after { margin-top: 10px; content: ''; display: block; width: 1px; margin: 0 auto; }
.banner.owl-theme .owl-dots .owl-dot.active:after, .banner.owl-theme .owl-dots .owl-dot:last-child.active:before { height: 135px; background: #222; }
.banner.owl-theme .owl-dots .owl-dot:last-child.active:after { display: none; }
.banner_owl { position: relative; }
.banner_cur { position: absolute; top: 50%; margin-top: -68px; right: 20px; width: 30px; z-index: 100; }
.banner_cur span { display: block; margin: 5px 0; height: 60px; background-color: #c4c4c4; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.banner_cur span.prev { background-image: url(prev.png); }
.banner_cur span.next { background-image: url(next.png); }
.banner_cur span:hover { background-color: #154bf9; }
/*----------mainer----------*/
.mainer { }

.page { padding: 70px 0; }
.page1 { padding: 0; }
.page1_list { margin-bottom: 60px; margin-top: -60px; z-index: 10; position: relative; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.page1_list ul { padding: 20px 0; overflow: hidden; }
.page1_list ul li { width: 33.333%; float: left; margin-left: -1px; border-left: 1px solid #d9d9d9; text-align: center; padding: 18px 0; }
.page1_list ul li h3 { font-size: 20px; color: #154bf9; font-weight: normal; margin-bottom: 10px; }
.page1_list ul li h3 span { font-size: 60px; }
.page1_list ul li:first-child { border-left: 0; }

.page_tit { text-align: center; margin-bottom: 30px; }
.page_tit h2 { font-size: 28px; font-weight: normal; }
.page_tit label { display: block; height: 25px; background: url(icon2.png) no-repeat center center; }
.page_tit p { font-size: 15px; text-transform: uppercase; color: #bbb; }

.service_owl { position: relative; }
.service_owl .line { position: absolute; left: 0; width: 100%; height: 1px; background: #ddd; top: 137px; }
.service_owl .list { height: 190px; max-width: 168px; margin: 0 auto; text-align: center; padding: 10px; margin-bottom: 30px; padding-top: 40px; }
.service_owl .list span { display: block; padding-top: 56px; font-size: 16px; color: #222; margin-bottom: 20px; }
.service_owl .list span.span1 { background: url(icon3.png) no-repeat top center; }
.service_owl .list span.span2 { background: url(icon4.png) no-repeat top center; }
.service_owl .list span.span3 { background: url(icon5.png) no-repeat top center; }
.service_owl .list span.span4 { background: url(icon6.png) no-repeat top center; }
.service_owl .list span.span5 { background: url(icon7.png) no-repeat top center; }
.service_owl .list .text i { display: block; width: 10px; height: 10px; border-radius: 100%; background: #fff; border: 1px solid #9c9c9c; margin: 0 auto; margin-bottom: 15px; }
.service_owl .list .text h3 { font-size: 40px; color: #154bf9; font-weight: normal; }
.service_owl .list .text a { opacity: 0; width: 60px; height: 48px; margin: 0 auto; background: #ffd900; color: #222; padding-top: 12px; line-height: 18px; position: absolute; bottom: -20px; left: 50%; margin-left: -30px; }

.service_owl .list .text { position: relative; height: 105px; }

.service_owl .list.on, .service_owl .list:hover { background: url(bg1.jpg) no-repeat center center; background-size: cover; }
.service_owl .list.on .text a, .service_owl .list:hover .text a { opacity: 1;; bottom: -30px; }
.service_owl .list.on span, .service_owl .list:hover span { margin-top: 30px; margin-bottom: -10px; }
.service_owl .list.on .text i, .service_owl .list:hover .text i, .service_owl .list:hover .text h3, .service_owl .list.on .text h3 { opacity: 0; }
.service_owl .list.on span, .service_owl .list:hover span { color: #fff; }
.service_owl .list.on span.span1, .service_owl .list:hover span.span1 { background: url(icon3-1.png) no-repeat top center; }
.service_owl .list.on span.span2, .service_owl .list:hover span.span2 { background: url(icon4-1.png) no-repeat top center; }
.service_owl .list.on span.span3, .service_owl .list:hover span.span3 { background: url(icon5-1.png) no-repeat top center; }
.service_owl .list.on span.span4, .service_owl .list:hover span.span4 { background: url(icon6-1.png) no-repeat top center; }
.service_owl .list.on span.span5, .service_owl .list:hover span.span5 { background: url(icon7-1.png) no-repeat top center; }
.page2 { padding-bottom: 0; padding-top:30px;}
.about { position: relative; }
.about .more { position: absolute; bottom: -25px; left: 50%; margin-left: -100px; }
.about .more a { display: block; line-height: 50px; width: 200px; text-align: center; background: #ffd900; font-size: 16px; color: #222; text-transform: uppercase; }
.about .more a:hover { background: #fcde30; }
.about_img { width: 50%; float: left; position: absolute; left: 0; bottom: 0; top: 0; }
.about_img img { opacity: 0; }
.about_list { width: 50%; float: right; background: url(img1.jpg) no-repeat center center; }
.about_list ul { max-width: 600px; padding: 40px 0; }
.about_list ul li { padding: 35px 0; position: relative; padding-left: 105px; line-height: 40px; color: #fff; }
.about_list ul li .tit { position: absolute; top: 35px; left: -60px; width: 118px; height: 118px; border-radius: 100%; background: #fff; color: #222; text-align: center; padding: 1px; }
.about_list ul li .tit span { display: inline-block; padding-top: 46px; line-height: 14px; background: url(icon8.png) no-repeat top center; margin-top: 26px; }
.about_list ul li .tit span.span2 { background: url(icon9.png) no-repeat top center; }
.about_list ul li .tit span.span3 { background: url(icon10.png) no-repeat top center; }
.about_list ul li .text { text-align: justify; height: 120px; overflow: hidden; }
.news_owl .item { width: 33.333%; float: left; }

.news_owl .item a { display: block; margin: 17px; }
.news_owl .item .text { padding: 10px 25px; border: 1px solid #ddd; border-top: 0; border-bottom: 5px solid #154bf9; line-height: 30px; }
.news_owl .item .text .p_time { margin-bottom: 5px; }
.news_owl .item .text .p_time span { display: inline-block; color: #999; text-transform: uppercase; }
.news_owl .item .text h3 { color: #154bf9; font-size: 18px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_owl .item .p_text { height: 60px; overflow: hidden; margin-bottom: 10px; }
.news_owl .item .text .more { color: #999; }
.news_owl .item a:hover .text .more { color: #fff; }
.news_owl .item a:hover .text .p_time span { color: #fff; }
.news_owl .item a:hover .text { background: #154bf9; }
.news_owl .item a:hover .text h3 { color: #ffd900; }
.news_owl .item a:hover .text p { color: #fff; }
.news_owl .item a:hover .img1:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid #154bf9; }
.news_owl .item a:hover .img1 img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }
.img1 { overflow: hidden; position: relative; }
.img1:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }

.page4 { padding: 0; }
.link_list { background: url(bg2.jpg) no-repeat center center; background-size: cover; padding: 20px 0; padding-bottom: 60px; }
.link_list .img { display: block; margin: 15px 10px; }
.link_list .owl-theme .owl-controls { height: 0; bottom: 50%; margin-bottom: 16px;; }
.link_list .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 19px; height: 37px; background: url(cur3.png) no-repeat center center; margin: 0; padding: 0; }
.link_list .owl-theme .owl-controls .owl-nav .owl-prev { float: left; margin-left: -40px; }
.link_list .owl-theme .owl-controls .owl-nav .owl-next { float: right; background: url(cur4.png) no-repeat center center; margin-right: -40px; }

/*----------footer----------*/
.footer { padding-top: 55px; background: #f4f4f4; line-height: 32px; }
.footer .ewm { margin-top: -90px; margin-left: 10px; text-align: center; margin-right: 60px; }
.footer .ewm img { display: block; max-width:150px;}
.footer .f_tel h3 { font-weight: normal; color: #222; }
.footer .f_tel { font-size: 18px; color: #154bf9; }
.footer .frt { text-align: right; }
.footer .frt h4 { font-size: 18px; font-weight: normal; }
.footer .frt p a { display: inline-block; padding: 0 15px; border-left: 1px solid #222; height: 16px; line-height: 16px; color: #222; }
.footer .frt p { margin: 0 -15px; }
.footer .frt { position: relative; }
.footer .frt .top { position: fixed; bottom: 0; width: 60px; height: 60px; background-color: #154bf9; background-image: url(top.png); background-repeat: no-repeat; background-position: center center; right: 20px; margin-bottom: 25px; cursor: pointer; }
.footer .frt .top:hover { background-color: #003cfc; }
.footer .frt p a:hover { color: #154bf9; }
.footer .frt p a:first-child { border-left: 0; }
.footer .foot2 { line-height: 26px; padding: 10px 0; text-align: center; background: #0e1736; color: #fff; font-size: 14px; margin-top: 20px; }

.page_banner { padding: 115px 0; text-align: center; }
.page_banner h2 { font-size: 50px; font-weight: normal; color: #222; margin-bottom: 10px; }
.page_banner p { line-height: 30px; font-size: 20px; }
.page_banner img { vertical-align: middle; }
.page_banner span { display: inline-block; padding: 0 20px; color: #777; }

.page_taggle { border-bottom: 1px solid #154bf9; }
.page_taggle ul{ white-space:nowrap; overflow:hidden;overflow-y:auto;text-align:center;}
.page_taggle ul li { display:inline-block; line-height: 60px; }
.page_taggle ul li.on a, .page_taggle ul li a:hover { background: #154bf9; }
.page_taggle ul li.on a span, .page_taggle ul li a:hover span { color: #fff; }
.page_taggle ul li a { display: block; font-size: 16px; padding:0 50px;color: #666; text-align: center; }
.page_taggle ul li span { display: inline-block; /*padding-left: 30px;*/ }
/*.page_taggle ul li span.span1 { background: url(icon11.png) no-repeat left center; }
.page_taggle ul li span.span2 { background: url(icon12.png) no-repeat left center; }
.page_taggle ul li span.span3 { background: url(icon13.png) no-repeat left center; }
.page_taggle ul li span.span4 { background: url(icon14.png) no-repeat left center; }
.page_taggle ul li span.span5 { background: url(icon15.png) no-repeat left center; }
.page_taggle ul li span.span6 { background: url(icon16.png) no-repeat left center; }
.page_taggle ul li span.span7 { background: url(icon17.png) no-repeat left center; }
.page_taggle ul li span.span8 { background: url(icon18.png) no-repeat left center; }
.page_taggle ul li span.span9 { background: url(icon20.png) no-repeat left center; }
.page_taggle ul li span.span10 { background: url(icon21.png) no-repeat left center; }
.page_taggle ul li.on span.span1, .page_taggle ul li a:hover span.span1 { background: url(icon11-1.png) no-repeat left center; }
.page_taggle ul li.on span.span2, .page_taggle ul li a:hover span.span2 { background: url(icon12-1.png) no-repeat left center; }
.page_taggle ul li.on span.span3, .page_taggle ul li a:hover span.span3 { background: url(icon13-1.png) no-repeat left center; }
.page_taggle ul li.on span.span4, .page_taggle ul li a:hover span.span4 { background: url(icon14-1.png) no-repeat left center; }
.page_taggle ul li.on span.span5, .page_taggle ul li a:hover span.span5 { background: url(icon15-1.png) no-repeat left center; }
.page_taggle ul li.on span.span6, .page_taggle ul li a:hover span.span6 { background: url(icon16-1.png) no-repeat left center; }
.page_taggle ul li.on span.span7, .page_taggle ul li a:hover span.span7 { background: url(icon17-1.png) no-repeat left center; }
.page_taggle ul li.on span.span8, .page_taggle ul li a:hover span.span8 { background: url(icon18-1.png) no-repeat left center; }
.page_taggle ul li.on span.span9, .page_taggle ul li a:hover span.span9 { background: url(icon20-1.png) no-repeat left center; }
.page_taggle ul li.on span.span10, .page_taggle ul li a:hover span.span10 { background: url(icon21-1.png) no-repeat left center; }*/
.page_taggle ul { overflow: hidden; }
.page_tag { padding-top: 100px; z-index: 100; position: relative; }
.page_taggle { position: absolute; top: 0; left: 0; width: 100%; background: #fff; z-index: 100; }
.page_tag.fixed .page_taggle { position: fixed; }

.page_taggle ul li label { display: block; font-size: 12px; text-transform: uppercase; color: #999; }
.page_taggle ul li.on label, .page_taggle ul li a:hover label { color: #fff; opacity: 0.5; }
.page_taggle2 ul li { line-height: 20px; width: 33.333%; }
.page_taggle2 ul li a { padding: 18px 0; }
.page_taggle2 ul li span { padding-top: 3px; padding-left: 60px; text-align: left; }
.product .list ul li { padding: 50px 0; border-bottom: 1px solid #ddd; line-height: 36px; }
.product .list ul li .img1 { float: left; margin-right: 70px; }
.product .list ul li .text { overflow: hidden; }
.product .list ul li h3 { font-size: 20px; font-weight: normal; line-height: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product .list ul li h3 a { color: #222; }
.product .list ul li h3 a:hover { color: #154bf9; }
.product .list ul li p { height: 108px; overflow: hidden; margin-bottom: 20px; }
.product .list ul li .more { display: block; width: 156px; text-align: center; line-height: 40px; color: #fff; text-transform: uppercase; background: #154bf9; }
.product .list ul li .more:hover { background: #0038ee; }
.pagesize { margin: 20px 0; line-height: 40px; text-align: center; margin-top: 50px; }
.pagesize a { display: inline-block; vertical-align: middle; height: 65px; background: #f5f5f5; width: 40px; text-align: center; border-radius: 2px; margin: 0 8px; font-size: 16px; color: #666; }
.pagesize a:hover, .pagesize a.on { background: #154bf9; color: #fff; }
.pagesize a.prev { background: url(prev1.png) no-repeat center center; }
.pagesize a.next { background: url(next1.png) no-repeat center center; }
/*----------custom----------*/
.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; transition: all 0s; }
.modal { background: rgba(0, 0, 0, 0.7); z-index:9999; }
.fp_modal { display: table; }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { width: 90%; margin: 0 auto; max-width: 1180px; background: #fff; position: relative; padding: 20px 0; }
.modal_cont .close { position: absolute; width: 60px; height: 60px; background: url(close.png) no-repeat center center #666; border-radius: 100%; top: -30px; right: -30px; cursor: pointer; z-index: 100; }
.modal_cont .close:hover { background-color: #333; }
.modal_cont .box { margin: 0 auto; text-align: center; /*padding: 30px 50px;*/ max-height: 600px; overflow-y: auto; }
.modal_cont .box .img { display: inline-block; margin-bottom: 30px; }
.modal_cont .box img { /*display: block;*/ }
.modal_cont .box .text { line-height: 40px; text-align: left; }
.modal_cont .box .text p { /*text-indent: 2em;*/ }


.page_about .item { padding: 60px 0; }
.page_about .item.on { background: #f5f5f5; }
.page_about .img { width: 49%; float: left; }
.page_about .text { width: 49%; line-height: 36px; color: #666; float: right; position: relative; }
.page_about .text .tit { position: relative; margin-top: 37px; padding: 15px 0; line-height: normal; z-index: 1; margin-bottom: 20px; }
.page_about .text .tit span { position: absolute; top: 0; left: -55px; width: 94px; height: 94px; border: 3px solid #154bf9; z-index: -1; }
.page_about .text .tit h3 { font-size: 20px; font-weight: normal; background: #fff; padding-top: 5px; }
.page_about .text .tit p { font-size: 30px; color: #ddd; font-weight: bold; text-transform: uppercase; background: #fff; padding-bottom: 0px; }
.page_about .item.on .img { float: right; }
.page_about .item.on .text { float: left; }
.page_about .item.on .tit span { left: auto; right: -55px; }
.page_about .item.on .tit { text-align: right; }
.page_about .item.on .tit h3, .page_about .item.on .tit p { background: #f5f5f5; }

/*.page_taggle3 ul { max-width: 500px; margin: 0 auto; }
.page_taggle3 ul li { width: 50%; }*/
.news ul li { margin-top: 30px; position: relative; border: 1px solid #ddd; border-right: 0; z-index: 1; }
.news ul li img { display: block; }
.news ul li .img { margin-top: -1px; margin-bottom: -1px; float: left; margin-right: 35px; }
.news ul li .text { padding: 20px 0; overflow: hidden; padding-right: 305px; position: relative; line-height: 36px; color: #666; }
.news ul li .text p { height: 108px; overflow: hidden; }
.news ul li .text h3 { font-size: 20px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news ul li .text h3 a { color: #222; }
.news ul li .line { position: absolute; top: -1px; right: 0; bottom: -1px; left: 80%; border-right: 4px solid #154bf9; z-index: -1; }
.news ul li:hover .line { background: #154bf9; left: 0; }
.news ul li .date { position: absolute; top: 50%; margin-top: -67px; right: 60px; width: 135px; text-align: right; }
.news ul li .date h3 { font-size: 60px; color: #999; font-weight: normal; }
.news ul li .date p { font-size: 20px; color: #999; }
.news ul li .date a { display: block; line-height: 34px; background: #154bf9; color: #fff; text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 20px; }
.news ul li:hover .text h3 a, .news ul li:hover .text p, .news ul li:hover .date h3, .news ul li:hover .date p { color: #fff; }
.news ul li:hover .date a { background: #ffe138; color: #222; }

.details { margin-top: 20px; }
.details .title { position: relative; line-height: 60px; border-bottom: 2px solid #ddd; color: #999; }
.details .title .back { position: absolute; top: 50%; margin-top: -15px; right: 5px; width: 30px; height: 30px; }
.details .title .back a { display: block; width: 30px; height: 30px; background: url(icon19.png) no-repeat center center; }
.details .title p { position: relative; }
.details .title label { display: block; position: absolute; bottom: -2px; width: 30px; height: 2px; background: #154bf9; }
.details .title .back a:hover { background: url(icon19-1.png) no-repeat center center; }
.details .title a { color: #999; }
.details .title a:hover { color: #154bf9; }
.details .tit h2 { font-size: 30px; font-weight: normal; line-height: 1.5em; }
.details .tit { margin: 30px 0; }
.details .tit p { line-height: 25px; color: #999; }
.details .img { display: inline-block; }
.details .text { line-height: 40px; color: #222; }

.d_bottom { line-height: 40px; border-top: 1px solid #ddd; margin-top: 20px; color: #999; }
.d_bottom span { display: block; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d_bottom a { color: #999; }
.d_bottom a:hover { color: #154bf9; }

.div_tj img { width: 100%; }
.div_tj a { display: block; margin: 0 auto; position: relative; }
.div_tj .text { position: absolute; bottom: 0; left: 0; right: 0; line-height: 50px; padding: 0 25px; color: #fff; background: rgba(0,0,0,0.7); font-size: 18px; }
.div_tj .text h3 { font-weight: normal; }


.div_tj .tit { padding: 20px 0; }
.div_tj .tit span { display: block; padding-left: 20px; line-height: 20px; font-size: 20px; border-left: 5px solid #154bf9; }



.case .owl { margin: 20px 0; background: none; }
.case .owl .item { border: 1px solid #bbb; height: 114px; overflow: hidden; margin: 10px; }
.case .owl-theme .owl-controls { height: 0; bottom: 50%; margin-bottom: 16px;; }
.case .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 19px; height: 37px; background: url(cur3.png) no-repeat center center; margin: 0; padding: 0; }
.case .owl-theme .owl-controls .owl-nav .owl-prev { float: left; margin-left: -40px; }
.case .owl-theme .owl-controls .owl-nav .owl-next { float: right; background: url(cur4.png) no-repeat center center; margin-right: -40px; }
.case_cont { margin-bottom: 30px; }
.case_cont .img { width: 49%; float: left; }
.case_cont .text { float: right; width: 49%; line-height: 36px; }
.case_cont .text h3 { font-size: 18px; margin-top: 30px; color: #222; font-weight: normal; }
.case_cont .text p { color: #666; text-align: justify; }
.case .item img { height: 114px; }
.case .item a { display: block; position: relative; }
.case .item span { display: block; position: absolute; top: 50%; margin-top: 0px; opacity: 0; line-height: 20px; text-align: center; left: 0; color: #fff; width: 100%; font-size: 16px; }
.case .item.on, .case .item:hover { background: #154bf9; }
.case .item.on .img, .case .item:hover .img { opacity: 0.2; }
.case .item:hover span, .case .item.on span { margin-top: -10px; opacity: 1; }

.contact { position: relative; }
.contact .map { height: 312px; position: absolute; top: 0; left: 0; width: 100%; }
.contact_list ul li { width: 33.333%; float: left; }
.contact_list ul li .img1 { float: left; margin-right: 20px; }
.contact_list ul li .text { overflow: hidden; font-size: 16px; color: #fff; }
.contact_list ul li h3 { padding-top: 15px; margin-bottom: 20px; font-size: 18px; font-weight: normal; }
.contact_list { padding: 58px 0 40px 0; }


.contact_box { padding: 50px 90px; padding-top: 30px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px; }
.contact_box .tit { line-height: 40px; background: url(icon22.png) no-repeat center center; text-align: center; }
.contact_box .tit h3 { font-size: 24px; font-weight: normal;; }
.contact_box ul li { width: 30.333%; float: left; margin: 0 1.5%; margin-bottom: 25px; }
.contact_box ul li span { display: block; padding-left: 10px; color: #888; line-height: 35px; }
.div_input { line-height: 40px; border: 1px solid #e8e8e8; border-radius: 3px; padding: 0 15px; }
.div_input input { width: 100%; border: 0; background: none; }
.div_input textarea { height: 200px; width: 100%; border: 0; background: none; resize: none; padding: 5px 0; }
.contact_box ul li.li_last { width: 97%; }
.contact_box .btn a { display: inline-block; padding: 0 65px; line-height: 40px; background: #154bf9; color: #fff; border-radius: 3px; font-size: 16px; }
.contact_box .btn a:hover { background: #0036e4; }
.contact_box .btn { text-align: center; }
.contact_box .btn span { display: inline-block; padding-right: 25px; background: url(icon23.png) no-repeat right center; }

@media only screen and (max-width: 1300px) {
    .owl-theme .owl-controls .owl-nav .owl-next { margin-right: -10px !important; }
    .owl-theme .owl-controls .owl-nav .owl-prev { margin-left: -10px !important; }
    .about_list ul li { padding-left: 85px; padding-right: 10px; }
    .banner h1 { font-size: 110px; }
}

@media only screen and (max-width: 1200px) {
    .news ul li .text { padding-right: 220px; }
    .page_taggle ul li { width: auto; display: inline-block; float: none; }
    .page_taggle ul li a { padding: 0 20px; }
    .page_taggle ul { overflow-x: auto; text-align: center; white-space: nowrap; }
    .product .list ul li .img1 { margin-right: 30px; }
    .page_about .text .tit { margin: 20px 0; }
    .page_about .text { line-height: 24px; }
    .page_taggle2 ul li a { padding-top: 10px; padding-bottom: 10px; }
}

@media only screen and (max-width: 1000px) {
    .menu { padding: 0; height: auto; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; display: table; background: #fff; z-index: 999; }
    .menu li { display: block; width: 100%; float: left; margin: 0 auto; }
    .menu ul li.on a, .menu ul li a:hover, .menu ul li a { font-size: 24px; }
    .menu ul { display: table-cell; vertical-align: middle; }
    .header.h_menu .menu { left: 0; }
    .header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 10000; }
    .header .wrap { height: 80px; }
    .mainer { margin-top: 80px; }
    .header .logo, .header .tel { z-index: 1000; max-width:70%;}
    .header .tel { margin-right: 70px; }
    .menu_wrap { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 3px; background: url(menu.png) no-repeat center center #154bf9; background-size: 25px auto; z-index: 1000; right: 0; }
    .h_menu .menu_wrap { background: url(menu-1.png) no-repeat center center #154bf9; background-size: 25px auto; }
    .menu ul li a { line-height: 50px; }
    .banner h1 { font-size: 100px; }
    .banner .item .wrap { height: 500px; }
    .about_list ul li { line-height: 30px; }
    .news_owl .item a { margin: 10px; }
    .news_owl .item .text { padding: 10px; }
    .product .list ul li .img1 { margin-right: 20px; width: 300px; }
    .product .list ul li h3 { line-height: 35px; }
    .product .list ul li p { height: 72px; }
}

@media only screen and (max-width: 850px) {
    .banner h1 { font-size: 70px; }
    .page_about .img { width: 100%; float: none; }
    .page_about .img img { width: 100%; }
    .page_about .text { width: 100%; float: none; }
    .page_about .item.on .tit { text-align: left; }
    .page_about .item.on .tit span, .page_about .item .tit span { right: auto; left: -20px; }
    .page_about .item { padding: 30px 0; }
    .page_tag { padding-top: 60px; }
    .news ul li .img { width: 250px; margin-right: 15px; }
    .news ul li .date { right: 30px; }
    .news ul li .text h3 { margin-bottom: 0; }
    .news ul li .text { line-height: 26px; }
    .case_cont .img { width: 100%; float: none; }
    .case_cont .img img { width: 100%; }
    .case_cont .text { float: none; width: 100%; }
    .contact_box { padding: 20px; }
}


@media only screen and (max-width: 750px) {
    .header .wrap { height: 60px; line-height: 60px; }
    .mainer { margin-top: 60px; }
    .header .tel { display: none; }
    .banner h1 { font-size: 25px; line-height: 50px; }
    .banner h3 { font-size: 20px; line-height: 35px; }
    .banner .item .text { margin-top: -54px; }
    .banner .item .wrap { height: 300px; }
    .banner.owl-theme .owl-dots .owl-dot.active:after, .banner.owl-theme .owl-dots .owl-dot:last-child.active:before { height: 50px; }
    .page1_list { margin-top: 10px; }
    .page1_list ul li h3 { font-size: 16px; }
    .page1_list ul li h3 span { font-size: 30px; }
    .page1_list ul li p { margin: 0 10px; line-height: 20px; }
    .about_img, .about_list { width: 100%; float: none; }
    .about_img { position: initial; top: auto; left: auto; right: auto; bottom: auto; }
    .about_list ul li .tit { position: initial; top: auto; left: auto; float: left; margin-left: 20px;; width: 90px; height: 90px; margin-right: 20px; }
    .about_list ul li .tit span { margin-top: 15px; }
    .about_list ul li .text { overflow: initial; height: auto; }
    .about_list ul li { padding: 10px; }
    .about_list { background: url(img1.jpg) no-repeat center center; background-size: cover; }
    .owl-theme .owl-controls .owl-nav .owl-next { margin-right: 0 !important; }
    .owl-theme .owl-controls .owl-nav .owl-prev { margin-left: 0 !important; }
    .page_tit h2 { font-size: 26px; }
    .page_tit p { font-size: 16px; }
    .footer .foot2 { padding: 10px; }
    .footer .frt p { margin: 0; text-align: center; display: none; }
    .footer .f_tel { display: none; }
    .footer .frt h4 { display: none; }
    .footer .ewm { float: none; text-align: center; margin-left: auto; margin-right: auto; }
    .footer .ewm img { margin: 0 auto; }
    .footer .frt p a { padding: 0 5px; }
    .footer .frt .top { width: 40px; height: 40px; position: fixed; bottom: 30px; right: 10px; z-index: 998; }
    .page_banner img { width: 40px; height: 1px; }
    .page_banner h2 { font-size: 25px; }
    .page_banner { padding: 40px 0; }
    .product .list ul li .img1 { width: 100%; float: none; margin-bottom: 10px; }
    .product .list ul li .text { padding: 0 10px; }
    .product .list ul li p { height: auto; line-height: 25px; }
    .pagesize a { margin: 0; width: 30px; line-height: 30px; height: 30px; }
    .page_taggle ul li { line-height: 45px; }
    .page_taggle2 ul li { line-height: 20px; }
    .page_taggle2 ul li a { padding-top: 10px; padding-bottom: 10px; }
    .news ul li .text { padding-right: 0; }
    .news ul li .date { display: none; }
    .news ul li .img { width: 150px; }
    .news ul li .text h3 { font-size: 18px; }
    .news ul li .text { padding: 10px 0; }
    .news ul li .text p { height: 40px; line-height: 20px; margin-top: 5px; }
    .news ul li { margin-top: 15px; }
    .contact_list ul li { width: 100%; float: none; clear: both; padding: 5px 0; }
    .contact_list { padding: 10px 0; }
    .contact_list ul li .img1 { width: 50px; }
    .contact_list ul li h3 { padding-top: 10px; margin-bottom: 5px; }
    .contact_box ul li { width: 100%; margin: 0 auto; margin-bottom: 10px; }
    .details .tit h2 { font-size: 24px; }
    .details .tit p span { display: block; float: none; }
    .details .text { line-height: 25px; }
    .d_bottom { padding: 15px 0; }
    .d_bottom span { max-width: 100%; float: none; line-height: 25px; }
    .news_owl .item { width: 100%; }
    .page{padding:30px 0;}
    .page1{padding:0}
    .page1 .page_tit{ margin-bottom:10px;}
    .service_owl .list{ margin-bottom:0}
.case .owl{ box-sizing:border-box; padding:0 20px;}
.case .item img{ height:auto;}
.case .owl .item{ height:auto;}
}