﻿body,dd,div,dl,form,h1,h2,h3,h4,h5,h6,html,img,li,ol,p,ul{margin:0;padding:0;border:0}
body{font-size:9pt;font-family:Helvetica Neue,Helvetica,微软雅黑,新細明體,Arial,Lucida Grande,sans-serif}
li,ol,ul{list-style-type:none}
img{border:0}
img,input,select{vertical-align:middle}
input,select{outline:0}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none}
a:link,a:visited{color:#666;text-decoration:none}
a:active,a:hover{color:#0093ff;text-decoration:none}
.c{clear:both;height:0;font-size:0;line-height:0}
.c,.h{visibility:visible}
.h{display:none}
.wrap{margin:0 auto;padding:0;border:0}
.fix:after,.wrap:after{clear:both;display:table;content:""}
.fl{float:left}
.fr{float:right}
.section{position:relative!important;overflow:hidden}
.header{position:fixed;top:0;left:0;z-index:1;width:100%;height:75pt}
.header h1{width:154px}
.logo{padding-top:24px}
.header .logo_text{margin-top:24px;padding-left:5px;width:163px}
.top{color:#888;text-align:right}
.top a{display:inline-block;color:#888}
.top .call{display:inline-block;margin-right:4px;width:20px;height:1pc;background:url(../images/website_images/sprite.png) no-repeat 0 0;vertical-align:bottom}
.top .call_tel{color:#15909c}
.top .email{background:url(../images/website_images/sprite.png) no-repeat -20px 0}
.top .email,.top .weixin{display:inline-block;margin-right:4px;width:18px;height:1pc;vertical-align:bottom}
.top .weixin{background:url(../images/website_images/sprite.png) no-repeat -60px 0}
.top .ewm{z-index:10000}
.top .ewm img{position:absolute;top:30px;right:0;z-index:999;z-index:10000;display:none;padding:4px;border:1px solid #ddd;background:#fff}
.nav,.top .ewm{position:relative}
.nav{margin-top:18px}
.nav li{float:left;padding-left:40px}
.nav li a{display:inline-block;color:#000;font-size:14px;line-height:24px}
.nav .nav_icon{position:relative;top:-6px;display:inline-block;height:1px;background:#15909c;line-height:1px}
.banner{overflow:hidden;height:35pc}
.banner .pic{position:relative;height:100%}
.banner,.banner .pic li{position:relative;width:100%}
.banner .pic li{float:left;background-position:center;background-repeat:no-repeat}
.banner .pic li a{display:block;width:100%;height:35pc}
.banner .list{position:absolute;bottom:40px;width:100%;text-align:center}
.banner .list li{display:inline-block;margin:0 7px;width:50px;height:20px;border-bottom:2px solid #fff;cursor:pointer}
.banner .list .on{border-bottom:2px solid #2eafbb}
#section3{background:url(../images/website_images/screenBg_2.jpg) center no-repeat;background-size:cover}
.box02_content .succeed_title{position: relative; top: -500px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
.box02_content .succeed_title img{width: 100%;}
.box02_content .success_text{color:#333;text-align:left;font-size:14px;line-height:30px;width: 1020px;margin: 40px auto;position: relative; right: -100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
#section4{background:url(../images/website_images/screenBg_3.jpg) center no-repeat;background-size:cover}
/*#section4 .titleDivs{position:absolute;top:50%;right:0;margin-top:-175px;width:760px;text-align:center}*/
#section4 .titleDivs .succeed_title{height:70px}
#section4 .titleDivs .succeed_title img{height:100%}
#section5{background:url(../images/website_images/screenBg_4.jpg) center no-repeat;background-size:cover}
#section6{background:url(../images/website_images/footerBg.jpg) center no-repeat;background-size:cover}
.footer{color:#fff}
.footer .copyright{border-top:1px solid #fff;color:#fff}
.footer .wrap{margin:0 auto;width:980px;color:#fff;text-align:left}
.footer .wrap ul{display:inline-block}
.footer .wrap ul li{float:left;list-style:none;text-align:center}
.footer .wrap ul li a{color:#fff;cursor:pointer}
.footer .wrap ul li em{padding:0 15px;font-size:xx-small}
.footer .wrap .leftInfo{float:left}
.footer .wrap ul.rightCode{float:right}
.footer .wrap ul.rightCode li{margin-left:20px}
.portfolio-grid{margin-top:20px;width:100%}
.btn_cases_more{margin:50px auto;width:290px;border: 1px solid #d4440c;text-align:center;cursor:pointer;color: #d4440c;}
.box02_content .btn_cases_more{margin:50px auto;width:290px;border:1px solid #d4440c;text-align:center;cursor:pointer;color: #d4440c;bottom: -500px;position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
.btn_cases_more a{display:block;width:290px;height:75px;color:#d4440c;font-size:18px;font-family:微软雅黑;line-height:75px;-webkit-transition:all .5s;transition:all .5s;}
.btn_cases_more a:hover{background-color:#d4440c;color:#fff}
.home_news{width: 1020px;text-align:center;margin: 0 auto;}
.home_news_title{height:70px;text-align:left;position: relative; top: -500px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
.home_news_title img{height:100%}
.home_news_text{float:left; display:inline-block; margin-top:25px; padding-top:44px; width:40%; background-color:#ababab; color:#222; text-align:left; font-size:14px; line-height:30px; position: relative; left: -500px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
.home_news_text a.more{position:absolute;top:0;right:0;display:inline-block;padding:0 6px;height:20px;border-radius:10px 0 10px 0;background-color:#76161f;color:#fff;text-align:right;font-size:xx-small;line-height:20px;cursor:pointer}
.home_news_text ul{padding:10px;padding-bottom:0;background-color:#dcdcdc}
.home_news_text ul li{position:relative;display:inline-block;width:100%;cursor:pointer}
.home_news_text ul li div{float:left;display:inline-block;margin-left:10px;width:275px}
.home_news_text ul li div p:first-child{font-weight:700}
.home_news_text ul li div p:last-child{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;line-height:27px;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home_news_text ul li img{float:left;width:5pc;height:5pc}
.home_news_text ul li a span.lookInfo{position:absolute;top:30px;right:0;width:20px;height:20px;border:1px solid #76161f;border-radius:5px 0 5px 0;color:#76161f;text-align:center;font-weight:700;font-size:9pt;line-height:20px;cursor:pointer}
.home_news_text ul li a:hover{color:#666}
.home_news_text ul li a:hover span.lookInfo{background-color:#76161f;color:#fff}
.home_news_list{float:right; display:inline-block; margin-top:25px; width:58%; height:350px; background:url(../images/website_images/videoIcon.png) center no-repeat; position: relative; right: -500px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transform: all 0.5s;}
.home_news_list #btn_video_play{display:inline-block;width:100%;cursor:pointer}
.home_news_list #btn_video_play img{width:100%;height:100%}
.home_news_list_inner{width:1400px}
.home_news_item{position:relative;z-index:2;float:left;overflow:hidden;margin-top:20px;margin-right:20px;margin-bottom:10px;padding:0 25px;width:334px;height:140px;border:1px solid #666}
.home_news_item,.home_news_item dl{-webkit-transition:all .5s;transition:all .5s}
.home_news_item dl{position:absolute;top:0;text-align:center}
.home_news_item dl dt{padding-top:58px;background:url(../images/website_images/news_ico_time.png) no-repeat center 20px;color:#444;font-size:9pt;font-family:"微软雅黑"}
.home_news_item dl dd.t{overflow:hidden;margin:10px 0;width:334px;height:46px;line-height:46px}
.home_news_item dl dd.t a{color:#000;text-align:center;font-size:18px}
.home_news_item dl dd.spec{overflow:hidden;width:334px}
.home_news_item dl dd.spec a{color:#666;font-size:9pt;font-family:"微软雅黑";line-height:24px}
.home_news_item:hover{margin-top:10px;margin-bottom:0;padding:10px 25px;border:1px solid #15909c}
.home_news_item:hover dl{top:-70px}
.home_news_item:hover dl dd.t a{color:#15909c}
.btn_news_more{margin:50px auto;width:90pt;border:1px solid #15909c;text-align:center}
.btn_news_more a{display:block;width:90pt;height:36px;color:#15909c;font-size:9pt;font-family:"微软雅黑";line-height:36px;-webkit-transition:all .5s;transition:all .5s}
.btn_news_more a:hover{background-color:#15909c;color:#fff}
.contact{margin-top:40px;padding-top:38px;padding-bottom:60px;background:#2eafbb}
.contact h2{margin-bottom:28px}
.contact h2 a{color:#fff;font-weight:400;font-size:18px}
.blogroll{padding:30px 0;color:#999;text-align:center;line-height:28px}
.blogroll a{display:inline-block;color:#999}
.blogroll a:hover{color:#333}
.blogroll .copyright{margin-top:1pc}
#fp-nav{position:fixed;top:50%;z-index:100000;opacity:1}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
#fp-nav ul li,.fp-slidesNav ul li{position:relative;display:block;margin:7px;width:14px;height:13px}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{position:relative;z-index:1;display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{background:#d4440c;border:1px solid #d4440c;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{position:absolute;top:2px;left:2px;z-index:1;width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:0 0}
#fp-nav ul li a.active p,.fp-slidesNav ul li a.active p{position:absolute;right:20px;width:90pt;color:#d4440c;text-align:right;line-height:14px}
#fp-nav ul li a p,.fp-slidesNav ul li a p{color:transparent}
@media all and (max-width:1199px){.wrap{margin:0 auto;padding:0;width:968px;border:0}
.header .logo_text{display:none}
.home_news_list .wrap{width:50pc}
.home_news_list_inner{width:750pt}}
#banner .slides li .ban-txt{width: 760px;position: absolute;left: 50%;margin-left: -380px;top: 50%;height: 300px;margin-top: -165px;text-align: center;}
#banner .flexslider .slides img{max-width: 100%;width: auto;display: inline-block;vertical-align: middle;}
#banner .slides li .ban-txt h5{font-size: 22px;color: #fff;margin-top: -5px;}
#banner .slides li .ban-txt h4{margin-top: -30px;}
#banner .slides li .ban-txt h2{/* margin-top: 5px; */font-size: 71px;color: #fff;display: inline-block;line-height: 300px;}
#banner .slides li .ban-txt h3{padding-top: 25px;font-size: 24px;color: #e4392a;}
.mis-prev{background:url("../images/website_images/btn_nav_carousel.png") no-repeat scroll left top transparent;display:block;height: 25px;overflow:hidden;cursor:pointer;width: 18px;background-size: cover;float: left;}
.mis-next{background:url("../images/website_images/btn_nav_carousel.png") no-repeat scroll right top transparent;display:block;height: 25px;overflow:hidden;cursor:pointer;width: 18px;background-size: cover;float: left;margin-left: 5px;}
