* { margin:0; padding:0; outline: none; list-style: none;}
body { min-width:1300px; font-family:Microsoft YAHEI, "Poppins", Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0 auto;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#fd7300;}
.clear { clear:both;}
.warp { width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#999;} 
:-moz-placeholder { color:#999;} 
::-moz-placeholder { color:#999;}
:-ms-input-placeholder { color:#999;} 

@font-face { 
	font-family:'FontAwesome'; 
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
	font-weight:normal; 
	 font-style:normal; 
}

/*头部*/
.header { width:100%; height:80px; margin:0 auto; box-shadow:0 5px 10px rgba(0,0,0,0.05); background:#fff; position:relative;  z-index:9999999;}
.header .logo { float:left; height:50px; margin-top:15px;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { float:right; max-width:70%;}
.header .nav li { float:left; height:80px; margin:0 20px; text-align:center; position: relative;}
.header .nav li a { display:block; line-height:80px; font-size:16px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a::after { display:block; content:""; width:0; height:2px; margin:auto; background:#fd7300; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover a,
.header .nav li.on a { color:#fd7300;}
.header .nav li:hover a::after,
.header .nav .on a::after { width:100%;}
.header .nav li p { display: none; width:145px; padding: 10px 0; border-radius: 0 0 4px 4px; overflow:hidden; background:rgba(255,255,255,0.95); position:absolute; top:80px; left:-40px; box-shadow:0 5px 10px rgba(0,0,0,0.05); -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li p a { line-height:40px; font-size: 14px; color: #999 !important; padding: 0 10px;}
.header .nav li p a::after { display:none;}
.header .nav li:hover p { display: block;}
.header .nav li p a:hover { color:#fd7300 !important;}

/*语言*/
.header .nav .langu { float:right; height:80px; margin-left:20px; position:relative;}
.header .nav .langu span { display:block; max-width:40px; height:80px; line-height:80px; font-size:15px; color:#333; cursor:pointer; padding:0 20px 0 25px; background: url(../images/rb01.png) no-repeat left center; position:relative;}
.header .nav .langu span::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#666 transparent transparent transparent; position:absolute; right:2px; top:38px;}
.header .nav .langu p a.on { color: #fd7300 !important;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { width: 1300px; text-align: right; bottom:50px;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 20px !important; filter: alpha(opacity=100); opacity: 1; background:#fff; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-pagination-bullet::after { display: none; content: ""; width: 35px; height: 35px; border: 1px solid #fd7300; border-radius: 50%; position: absolute; left: -13px; top: -14px;}
.banner .swiper-pagination-bullet-active { background: #fd7300;}
.banner .swiper-pagination-bullet-active::after { display: block;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width:40px; height:75px; background: rgba(0,0,0,0.2); top:45%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size:22px; color: #fff;} 
.banner .swiper-button-prev { left:0;}
.banner .swiper-button-next { right:0;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover { background: #fd7300;}

/*二级banner*/
.banner_ej { width:100%; overflow: hidden;}
.banner_ej h3 { width: 100%; line-height: 30px; font-weight: 500; font-size: 16px; color: #333; text-transform: Uppercase;}
.banner_ej b { display: block; line-height: 35px; font-size: 28px; color: #fd7300;}
.banner_ej .img { width: 100vw; margin-top: 40px;}
.banner_ej .img img { display: block; width: 100%;}

/*脚部*/
.footer { width:100%; line-height:30px; font-size:14px; color:rgba(255,255,255,0.4); padding-top:40px; background:#1b2229;}
.footer a { color:rgba(255,255,255,0.4); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color:#fff;}
.footer .lft { float: left; max-width: 50%;}
.footer .lft .logo { height: 50px; margin-bottom: 20px; overflow: hidden;}
.footer .lft .logo img { display: block; height: 50px; filter: grayscale(100) brightness(100);}
.footer .rgt { float: right; max-width: 50%;}
.footer .rgt .link { width: 300px; height: 50px; background: rgba(255,255,255,0.1); position: relative;}
.footer .rgt .link span { display: block; width: 260px; height: 50px; line-height: 50px; font-size: 14px; color: rgba(255,255,255,0.6); cursor: pointer; padding: 0 20px; position: relative;}
.footer .rgt .link span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px;;border-color: rgba(255,255,255,0.25) transparent transparent transparent; position: absolute; top: 25px; right: 20px;}
.footer .rgt .link p { display: none; width: 100%; box-shadow: 0 -5px 10px rgba(0,0,0,0.1); background: #fff; position: absolute; left: 0; bottom: 50px; z-index: 2;}
.footer .rgt .link p a { display: block; height: 45px; line-height: 45px; font-size: 14px; color: #333; padding: 0 20px; border-bottom: 1px solid #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .rgt .link p a:hover { color: #fd7300;}
.footer .rgt .link:hover p { display: block;}
.footer .rgt .tel { width: 100%; height: 40px; line-height: 40px; color: #fd7300; text-align: right; margin-top: 15px;}
.footer .rgt .tel span { font-weight: bold; font-size: 26px; text-transform: Uppercase; position: relative; top: -1px;}
.footer .rgt .tel b { font-size: 30px;}
.footer .corpy { width: 100%; margin-top: 40px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,0.1);}

/*右侧客服*/
.webonline { width:45px; position:fixed; right:0; bottom:10%; z-index:99999999;}
.webonline li { width:45px; height:45px; text-align:center; cursor: pointer; margin-top:10px; border-radius:50%; background:#fd7300; position:relative;}
.webonline li i { display:block; width:45px; height:40px; line-height:40px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; padding-top:5px; margin:0 auto; border-radius:50%;}
.webonline li:first-child { margin-top:0;}
.webonline li:first-child i { height:45px; line-height:45px; padding-top:0;}
.webonline li p { display:none; width:164px; line-height:30px; font-size:16px; color:#fff; padding:10px; margin:auto; text-align:center; border-radius:4px; background:#fd7300; position:absolute; right:55px; bottom:0;}
.webonline li p::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #fd7300; line-height:0px; _border-color:#000 #000 #000 #fd7300; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; right:-5px; bottom:15px;}
.webonline li:last-child p { width:120px;}
.webonline li p img { display:block; width:100%;}
.webonline li:hover p { display:block;}

/**栏目标题**/
.tits { width:100%; height: 140px; margin-bottom: 50px;}
.tits h3 { float: left; width: 55%; line-height: 40px; font-weight: 500; font-size: 36px; color: #000; letter-spacing: 2px; padding-top: 100px; background-repeat: no-repeat; background-position: 0 0;}
.tits .more { display:block; float:right; width: 115px; line-height:60px; font-size:18px; color:#fff; text-transform: Uppercase; margin-top: 72px; padding:0 25px; border-radius:30px; background: #fd7300 url(../images/rb04.png) no-repeat 120px center; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tits .more:hover { border-radius: 4px;}

/*新闻*/
.news { width: 100%; padding: 45px 0; background: #fff;}
.news .tits h3 { background-image: url(../images/rb02.png);}
.news .tabs { float: right; max-width: 50%; height: 45px; margin-top: 88px;}
.news .tabs li { float: left; width: px; margin-left: 20px; border-radius: 25px; background: #f0f0f0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .tabs li a { display: block; line-height: 45px; font-weight: bold; font-size: 16px; color: #333; padding: 0 35px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .tabs .on { background: #fd7300;}
.news .tabs .on a { color: #fff;}
.news .swiper-slide { background: #fff;}
.news .swiper-slide #nei { padding-bottom: 60px;}
.news .swiper-slide a { display: block; padding: 20px; border: 1px solid #e0e0e0; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .tim { float: left; width: 85px; height: 75px; line-height: 25px; font-size: 13px; color: #999; text-align: center; margin-top: 5px; padding-top: 10px; background: #f5f5f5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .tim b { display: block; height: 45px; line-height: 45px; font-weight: 500; font-size: 40px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .msg { float: right; width: calc(100% - 100px);}
.news .swiper-slide .msg h3 { height: 60px; line-height: 30px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .msg p { height: 75px; line-height: 25px; font-size: 14px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .swiper-slide a:hover { border-color: #fd7300;}
.news .swiper-slide a:hover .tim { color: #fff; background: #fd7300;}
.news .swiper-slide a:hover .tim b { color: #fff;}
.news .swiper-slide a:hover .msg h3 { color: #fd7300;}
.news .swiper-slide #nei .swiper-pagination { bottom: 0;}
.news .swiper-slide #nei .swiper-pagination span { width: 8px; height: 8px; margin: 0 10px; border-radius: 4px; filter: alpha(opacity=100); opacity: 1; background: #8d8d8d; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide #nei .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #fd7300;}

/*简介*/
.abouts { width: 100%; padding: 80px 0; background: url(../images/rb03.jpg) no-repeat center top;}
.abouts .msg { float: left; width: 50%;}
.abouts .msg h3 { height: 160px; line-height: 160px; font-weight: 500; font-size: 42px; color: #fff;}
.abouts .msg p { line-height: 35px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.abouts .msg h6 { line-height: 30px; font-size: 18px; color: #fff; margin: 30px 0;}
.abouts .msg h6 span { color: #fd7300;}
.abouts .msg .more { display:block; width: 115px; line-height:60px; font-size:18px; color:#fff; text-transform: Uppercase; margin-top: 65px; padding:0 25px; border-radius:30px; background: #fd7300 url(../images/rb04.png) no-repeat 120px center; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .msg .more:hover { border-radius: 4px;}
.abouts .img { float: right; width: 565px; height: 690px; overflow: hidden;}
.abouts .img img { display: block; width: 565px; height: 690px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.abouts .img:hover img { transform: scale(1.1,1.1);}

/*产品*/
.prods { width: 100%; padding: 60px 0; background: #fff url(../images/rb05.jpg) no-repeat center bottom;}
.prods .tits h3 { background-image: url(../images/rb06.png);}
.prods .lst { width: 100%;}
.prods .lst li { float: left; width: calc(100% / 3 - 24px); height: 85px; margin: 15px 30px 15px 0; border-left: 4px solid #fd7300; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .lst li:nth-child(3n) { margin-right: 0;}
.prods .lst li a { display: block; height: 85px; padding: 0 30px 0 40px;}
.prods .lst li h3 { float: left; width: 60%; line-height: 85px; font-weight: 500; font-size: 20px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .lst li img { float: right; width: 55px; height: 55px; margin-top: 15px; -webkit-transition: all .25s ease; transition: all .25s ease;}
.prods .lst li:hover { background: #fd7300;}
.prods .lst li:hover h3 { color: #fff;}
.prods .lst li:hover img { filter: grayscale(100) brightness(100);}

/*优势承诺*/
.advcoms { width: 100%; padding-top: 45px; background: #fff;}
.advcoms .tits h3 { float: none; width: 100%; text-align: center; background-image: url(../images/rb08.png); background-position: center top;}
.advcoms li { float: left; width: calc(100% / 4); height: 725px; padding-top: 20px; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advcoms li::after { display: block; content: ""; width: 100%; height: 725px; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 20px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advcoms li img { display: block; min-width: 100%; height: 100%; position: relative; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advcoms li .msg { width: 70%; text-align: center; padding: 150px 15% 0 15%; position: absolute; left: 0; top: 0; z-index: 3;}
.advcoms li .msg b { display: block; height: 120px; line-height: 120px; font-weight: 500; font-size: 44px; color: #fff;}
.advcoms li .msg h3 { height: 100px; line-height: 100px; font-size: 30px; color: #fff; overflow: hidden;}
.advcoms li .msg p { line-height: 25px; font-size: 14px; color: #fff; margin-top: 20px;}
.advcoms li:hover { height: 745px; padding-top: 0;}
.advcoms li:hover::after { height: 745px; background: rgba(253,115,0,0.85); top: 0;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.posits { height: 80px; line-height: 80px; font-size: 12px; color: #999;}
.posits a { color:#333;}
.posits a:last-child { color: #fd7300;}
.srchs { width: 100%; padding-bottom: 20px;}
.srchs input { display: block; width: calc(100% - 60px); height: 60px; line-height: 60px; font-size: 16px; color: #666; padding: 0 20px 0 50px; border: 1px solid #e8e8e8; border-radius: 4px; background: #fff url(../images/rb07.png) no-repeat 20px center;}
.srchs p { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #b2b2b2; margin-top: 10px;}
.srchs p a { display: inline-block; font-size: 16px; color: #666; margin-right: 35px; position: relative;}
.srchs p a::after { display: block; content: ""; width: 1px; height: 12px; background: #cdcdcd; position: absolute; right: -17px; top: 15px;}
.srchs p a:last-child { margin-right: 0;}
.srchs p a:last-child::after { display: none;}
.content { width:1300px; min-height: 500px; padding:50px 0; margin:0 auto;}
.comnav { float: left; width:230px;}
.comnav li { height: 45px; padding-left: 20px; overflow: hidden; position: relative;}
.comnav li::after { display: block; content: ""; width: 20px; height: 45px; filter: alpha(opacity=0); opacity: 0; background: url(../images/rb04h.png) no-repeat left center; position: absolute; left: -20px; top: 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comnav li a { display:block; line-height: 45px; font-size:16px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.comnav li:hover::after,
.comnav .on::after { filter: alpha(opacity=100); opacity: 1; left: 0;}
.comnav li:hover a,
.comnav .on a { font-weight: bold; font-size:18px; color:#fd7300;}
.comrgt { float: right; width: calc(100% - 230px);}

/*详情页公用*/
.lh { min-height: 250px; line-height: 30px; font-size: 14px; color:#666; text-align:justify;}
.lh p { margin-bottom: 10px;}
.lh p:last-child { margin-bottom: 0;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { line-height:45px; font-size:24px; color:#333;}
.show_h3 p { line-height:25px; font-size:12px; color:#999;}
.show_h3 p span { display: inline-block; margin-right: 25px;}
.show_sxp { line-height:25px; font-size:14px; color:#999; margin:40px 0; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp a { color:#333;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#fd7300;}
.serchms { font-size:16px; line-height:60px; color:#333; text-align:center; padding-top:30px;}

/*分页*/
.scott { text-align:center; margin-top: 35px; overflow:hidden;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; border-radius:4px; overflow:hidden;}
.scott a,
.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover,
.scott .active { color:#fd7300; border-color: #fd7300; background:#fd7300;}
.scott li:hover a,
.scott li:hover span,
.scott .active span { color:#fff;}

/*产品列表*/
.prolst { width: 100%;}
.prolst li { float: left; width: calc(100% / 3 - 17.5px); height: 75px; margin: 0 20px 20px 0; border-left: 4px solid #fd7300; background: #f8f8f8; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolst li:nth-child(3n) { margin-right: 0;}
.prolst li a { display: block; height: 75px; padding: 0 30px 0 40px;}
.prolst li h3 { float: left; width: 60%; line-height: 75px; font-weight: 500; font-size: 18px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolst li img { float: right; width: 55px; height: 55px; margin-top: 10px; -webkit-transition: all .25s ease; transition: all .25s ease;}
.prolst li:hover { background: #fd7300;}
.prolst li:hover h3 { color: #fff;}
.prolst li:hover img { filter: grayscale(100) brightness(100);}

/*产品详情*/
.proshow { width: 100%;}
.proshow .msg { float: left; width: 50%;}
.proshow .msg h2 { line-height: 45px; font-size: 24px; color: #333; margin-bottom: 30px; position: relative;}
.proshow .msg h2::after { display: block; content: ""; width: 60px; height: 2px; background-image: linear-gradient(to right,#fd7300,#f3ac1d); position: absolute; left: 0; bottom: -5px;}
.proshow .msg .more { display:inline-block; line-height:45px; font-weight: bold; font-size:15px; color:#fff; padding: 0 20px; margin: 25px 15px 0 0; border-radius:4px; background: #fd7300; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .msg .more:hover { border-radius: 25px;}
.proshow .msg .down { background-image: linear-gradient(to right,#f3ac1d,#fd7300);}
.proshow .msg .serv { background-image: linear-gradient(to right,#fd7300,#f3ac1d);}
.proshow .imgs { float: right; width: 540px; height: 395px; overflow: hidden;}
.proshow .imgs img { display: block; width: 100%;}
.proshow .imgs .swiper-pagination-bullets { bottom:8px;}
.proshow .imgs .swiper-pagination-bullet { width:10px; height:10px; margin:0 10px !important; background: #fd7300; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.proshow .imgs .swiper-pagination-bullet::after { display: none; content: ""; width: 24px; height: 24px; border: 1px solid #fd7300; border-radius: 50%; position: absolute; left: -8px; top: -8px;}
.proshow .imgs .swiper-pagination-bullet-active::after { display: block;}

.proshow .pmeter { width: 100%; margin-top: 45px; padding-top: 40px; border-top: 1px solid #eee;}
.proshow .pmeter .nam { width:100%; line-height: 40px; font-weight: 500; font-size: 28px; color: #000; letter-spacing: 2px; margin-bottom: 20px;}
.proshow .pmeter table { border-top: 1px solid #eee; border-left: 1px solid #eee;}
.proshow .pmeter table td,
.proshow .pmeter table th { line-height: 30px; font-size: 15px; text-align: center; padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.proshow .pmeter table td { color: #787878; background: #fafafa;}
.proshow .pmeter table th { color: #333;}
.proshow .apros { width: 100%; margin: 45px 0; padding-top: 40px; border-top: 1px solid #eee;}
.proshow .apros .nam { width:100%; line-height: 40px; font-weight: 500; font-size: 28px; color: #000; letter-spacing: 2px;}
.proshow .apros p { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.proshow .apros p a { display: block; width: calc(100% / 6 - 47px); height: 45px; line-height: 45px; font-size: 16px; color: #333; text-align: center; margin: 20px 20px 0 0; padding: 0 15px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(to right,#eee,#d4d8db);}
.proshow .apros p a:nth-child(6n) { margin-right: 0;}
.proshow .apros p a:hover { color: #fff; background-image: linear-gradient(to right,#f3ac1d,#fd7300);}
#zoom { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; position: fixed; top: 0; left: 0; z-index: 99999999;}
#zoom .contents { width: 200px; height: 200px; padding: 0; margin: -100px 0 0 -100px; border-radius: 4px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);	background: #ffffff no-repeat 50% 50%; position: absolute; top: 50%; left: 50%; z-index: 99991;}
#zoom .contents.loading { background-image: url('../images/loading.gif');}
#zoom img { display: block; max-width: none; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); background: #ececec;}
#zoom .close { width: 49px; height: 49px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); border-radius: 0 0 0 4px; background: transparent url('../images/close.png') no-repeat 50% 50%; position: absolute; top: 0; right: 0; z-index: 99993;}
#zoom .previous,
#zoom .next { display: block; width: 49px; height: 49px; margin-top: -25px; overflow: hidden; position: absolute; top: 50%; z-index: 99992;}
#zoom .previous { border-radius: 0 4px 4px 0; background: url('../images/arrows.png') no-repeat 0 0; left: 0;}
#zoom .next { border-radius: 4px 0 0 4px; background: url('../images/arrows.png') no-repeat 100% 0; right: 0;}
#zoom .close:hover { background-color: #da4f49;}
#zoom .previous:hover,
#zoom .next:hover {	background-color: #fd7300;}

/*图片列表*/
.piclst { width: 100%;}
.piclst li { float: left; width: calc(100% / 4 - 63px); margin: 0 30px 30px 0; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.piclst li:nth-child(4n) { margin-right: 0;}
.piclst li .img { width: 100%; height: 180px; overflow: hidden;}
.piclst li .img img { display: block; max-width: 100%; height: 100%; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclst li h3 { height: 45px; line-height: 45px; font-size: 18px; color: #333; margin: 10px 0; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclst li p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.piclst li:hover .img img { transform: scale(1.1,1.1);}
.piclst li:hover h3 { color: #fd7300;}

/*图片详情*/
.picshow { width: 100%;}
.picshow .msg { float: left; width: 50%;}
.picshow .msg h2 { line-height: 45px; font-size: 24px; color: #333; margin-bottom: 30px; position: relative;}
.picshow .msg h2::after { display: block; content: ""; width: 60px; height: 2px; background-image: linear-gradient(to right,#fd7300,#f3ac1d); position: absolute; left: 0; bottom: -5px;}
.picshow .msg h2 span { display: block; height: 25px; line-height: 25px; font-weight: 500; font-size: 14px; color: #999;}
.picshow .img { float: right; width: 400px; height: 350px; overflow: hidden;}
.picshow .img img { display: block; width: 100%;}

/*应用产品*/
.apppros { width: 100%; margin-top: 40px; padding: 50px 0; border-top: 1px solid #eee; background: #fff url(../images/rb05.jpg) no-repeat center bottom;}
.apppros .nam { width:100%; line-height: 40px; font-weight: 500; font-size: 28px; color: #000; letter-spacing: 2px;}
.apppros li { float: left; width: calc(100% / 5 - 20px); margin: 25px 25px 0 0;}
.apppros li:nth-child(5n) { margin-right: 0;}
.apppros li .img { width: calc(100% - 2px); height: 175px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.apppros li .img img { display: block; max-width: 100%; height: 175px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.apppros li p { height: 30px; line-height: 30px; font-size: 16px; color: #333; text-align: center; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.apppros li:hover .img { border-color: #fd7300;}
.apppros li:hover .img img { transform: scale(1.1,1.1);}
.apppros li:hover p { color: #fd7300;}

/*单页*/
.pagezy { width: 100%;}
.pagezy .lsts { width: 100%; margin-bottom: 65px;}
.pagezy .lsts .nams { width: 100%; margin-bottom: 25px; padding-left: 20px; position: relative;}
.pagezy .lsts .nams::after { display: block; content: ""; width: 4px; height: 50px; background: #fd7300; position: absolute; left: 0; top: 8px;}
.pagezy .lsts .nams h3 { height: 35px; line-height: 35px; font-size: 28px; color: #fd7300; text-transform: Uppercase;}
.pagezy .lsts .nams p { height: 30px; line-height: 30px; font-weight: 500; font-size: 16px; color: #333;}
.pagezy .lsts:last-child { margin-bottom: 0;}

/*发展历程*/
.history { width: 100%; border-top: 1px solid #eee;}
.history li { display: flex; flex-direction: row; align-items: center; width: 100%; padding: 20px 0; border-bottom: 1px solid #eee;}
.history li b { display: block; width: 200px; height: 55px; line-height: 55px; font-size: 46px; color: #fff; -webkit-text-stroke: 1px #fd7300;}
.history li .msg { flex: 1 1 0%;}
.history li .msg .lt { width: 100%; margin-bottom: 15px;}
.history li .msg .lt:last-child { margin-bottom: 0;}
.history li .msg .lt h3 { height: 25px; line-height: 25px; font-size: 14px; color: #333;}
.history li .msg .lt p { line-height: 25px; font-size: 14px; color: #666;}

/*联系我们*/
.contact { width:100%; margin-bottom: 40px;}
.contact p { line-height:40px; font-size:16px; color:#666; padding-left:30px; background-position:left 12px; background-repeat:no-repeat;}
.contact .tel { background-image:url(../images/yt11.png);}
.contact .add { background-image:url(../images/yt12.png);}
.contact .mal { background-image:url(../images/yt13.png);}

/*表单*/
.books { width: 100%;}
.books h3 { height: 45px; line-height: 45px; font-size: 22px; color: #333; margin-bottom: 10px; border-bottom: 2px solid #e5e5e5;}
.books li { display: flex; flex-direction: row; width: 100%; padding: 15px 0; border-bottom: 1px solid #eee;}
.books li span { width: 300px; height: 52px; line-height: 52px; font-size: 14px; color: #666; padding-left: 70px; position: relative;}
.books li span i { display: block; width: 40px; height: 20px; line-height: 18px; font-style: normal; font-size: 10px; color: #fff; text-align: center; background: #fd7300; position: absolute; left: 15px; top: 17px;}
.books li .msg { flex: 1 1 0%;}
.books li .msg input { display: block; width: calc(100% - 22px); height: 50px; line-height: 50px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; background: #fff;}
.books li .msg textarea { display: block; width: calc(100% - 22px); line-height: 25px; font-family: Microsoft YAHEI; font-size: 14px; color: #333; padding: 10px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; background: #fff;}
.books li .msg label { display: block; float: left; height: 52px; line-height: 52px; font-size: 14px; color: #333; margin-right: 30px;}
.books li .msg label input { float: left; width: 20px; height: 20px; line-height: 20px; margin: 17px 10px 0 0; padding: 0;}
.books li .marbt input { margin-top: 10px;}
.books li .marbt p { display: flex; flex-direction: row; height: 52px; line-height: 52px; font-size: 14px; color: #333;}
.books li .marbt p input { width: 200px; margin: 0 0 0 15px;}
.books .botms { width: 100%; text-align: center;}
.books .botms .btn { display: inline-block; height: 50px; line-height: 50px; font-size: 14px; color: #fff; margin: 30px 0 50px; padding: 0 50px; border: none; border-radius: 4px; overflow: hidden; background: #fd7300;}
.books .botms .baom { padding: 25px; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden;}
.books .botms .baom p { height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.books .botms .baom a { display: inline-block; height: 40px; line-height: 40px; font-size: 15px; color: #333; margin-top: 10px; padding: 0 30px; border: 1px solid #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.books .botms .baom a:hover { color: #fd7300; border-color: #fd7300;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { float: left; width: calc(100% / 4 - 19px); margin: 0 25px 25px 0; padding-bottom: 10px; position: relative;}
.newlist li::after { display: block; content: ""; width: 0px; height: 2px; background: #fd7300; position: absolute; left: 0; bottom: 0; z-index: 1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:nth-child(4n) { margin-right: 0;}
.newlist li .img { width:100%; height:165px; border-radius: 4px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; min-height: 165px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li h3 { height:50px; line-height:25px; font-weight: 500; font-size:16px; color:#333; margin:10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li p { line-height:30px; font-size:14px; color:#999;}
.newlist li:hover::after { width: 100%;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#fd7300;}

/*新闻详情*/
.newshow { width: 100%;}
.newshow .lft { float: left; width: calc(100% - 480px); min-height: 535px; padding-right: 100px; position: relative;}
.newshow .lft::after { display: block; content: ""; width: 1px; height: 100%; background-image: linear-gradient(#fafafa,#eee,#fafafa); position: absolute; right: 50px; top: 0; bottom: 0;}
.newshow .lasts { float: right; width: 380px;}
.newshow .lasts .nams { height: 40px; line-height: 40px; font-weight: bold; font-size: 22px; color: #333;}
.newshow .lasts li { padding: 10px 0; border-bottom: 1px solid #eee;}
.newshow .lasts li:last-child { padding-bottom: 0; border-bottom: none;}
.newshow .lasts li .img { float: left; width: 105px; height: 70px; margin-top: 5px; border-radius: 4px; overflow: hidden;}
.newshow .lasts li .img img { display: block; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newshow .lasts li .msg { float: right; width: calc(100% - 120px);}
.newshow .lasts li .msg h3 { height: 45px; line-height: 22px; font-weight: 500; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newshow .lasts li .msg p { height: 25px; line-height: 25px; font-size: 12px; color: #999; margin-top: 10px;}
.newshow .lasts li:hover .img img { transform:scale(1.1,1.1);}
.newshow .lasts li:hover .msg h3 { color:#fd7300;}