@charset "utf-8";
/* by Sean Lu 20160719 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #14162b; font-family: microsoft yahei; line-height:24px; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #14162b; }
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }
.wrapper{ width:1200px; margin:0 auto;position:relative;}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #fc8603;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

.hdispaly01{ display:none;}
.hdispaly02{ display:none;}

#head{ position:fixed; top:0px; width:100%; z-index:9;}
.cc .topline{top:-35px; position:absolute;}

.topline{ height:35px; background-color:#14162b;}
.topline .topleft{ color:#fff; line-height:35px; font-size:14px;}
.topline .topleft a{ color:#fff;}
.topline .topleft img{ margin-right:5px;}
.top{ height:89px; background-color:#fff; border-bottom:2px solid #9fbbe2;}

.top .logo{ margin-right:30px;}
.top .language{ margin-top:30px;} 



.bannercc{ width:100%; height:100%; background:url(img/bannercc.jpg) no-repeat center center;}





.search{ border:none; border-bottom:1px #7f8195 solid; margin-top:5px; padding-bottom:3px; background:url(../img/fdj.png) no-repeat right;}
.menu li{ float:left;}
.menu li a{ font-size:18px; color:#2d2c2e; font-weight:bold; padding:0 10px; height:91px; display:block; line-height:91px;}
.menu li a:hover{ color:#fff; background:#14162b; border-bottom:3px #fc8603 solid; text-decoration:none; box-sizing: border-box;}
.menu li.on a{ color:#fff; background:#14162b; border-bottom:3px #fc8603 solid; text-decoration:none; box-sizing: border-box;}





.section1 { background: url(../img/banner1.jpg) 50% bottom; height:100%; }
.section1 h1{ color:#fc8603; font-size:45px; text-align:center; margin-top:150px; text-shadow: 0 0 30px #fff, 0 0 70px #fff, 0 0 100px #fff;}
.section1 h2{ font-size:35px; color:#fff; text-align:center; text-shadow: 0 0 30px #2f5b9b, 0 0 70px #2f5b9b; margin-top:30px;}
.section1 h2 p{ font-size:12px; font-weight:normal;}
.section1 em{ text-align:center; font-size:18px; background:#fc8305; width:190px; height:58px; display:block; text-align:center; margin:auto; line-height:58px; font-style:normal; line-height:58px;  margin-top:50px;}
.section1 em a{color:#fff;}

.section2 {}
.section2 .com{ background:url(../img/com.jpg) no-repeat top right; position:relative; }
.section2 .com .title{ color:#14162b;}
.section2 .com .title span{ font-size:16px; font-weight:bold; color:#fc8603; margin-right:12px; letter-spacing:6px;}
.section2 .com .dis{ font-size:36px; margin-top:30px; margin-bottom:60px; letter-spacing:12px; font-weight:bold; line-height:48px;}
.section2 .com .p0{ width:550px; line-height:24px; font-weight:bold;}
.section2 .com .more{ font-style:normal; font-weight:bold;margin-top:30px;}
.section2 .com .more a{ color:#fc8603; }
.section2 .kuang{ background:#14162b; height:140px; margin-top:75px; padding:10px 0;}
.section2 .kuang li{ float:left; border-right:1px #292b3e solid; width:299px; height:140px;}
.section2 .kuang li h1{ font-size:36px; color:#fc8603; text-align:center; margin-top:30px;}
.section2 .kuang li p{ font-size:15px; color:#fff; text-align:center; margin-top:24px;}
.section2 .kuang li p img{ vertical-align:middle; margin-right:5px;} 


.section3{ background:url(../img/probg.jpg) 50% bottom;}
.prodis{ margin-top:100px; text-align:center;}
.pro{ margin-top:24px;}


.section4 { }
.partner{ margin-top:24px;}
.partner h1{ margin-bottom:20px;}
.partner li{ float:left; width:22.5%; margin-right:2%; cursor:pointer; border:3px #FFF solid; transition: all .2s ease-in; filter: alpha(opacity=0); -moz-opacity: 0;}
.partner li:hover{ border:3px #14162b solid;transition: all .2s ease-in; filter: alpha(opacity=0); -moz-opacity: 0;}
.partner li img{ width:100%; height:100%; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; filter: alpha(opacity=0); -moz-opacity: 0;}
.partner li:hover img{}
.partner li p{ height:36px; line-height:36px; text-align:center; font-size:14px; transition: all .2s ease-in; filter: alpha(opacity=0); -moz-opacity: 0;}
.partner li:hover p{ background:#14162b; color:#fff;}




.section5{ background:url(../img/appbg.jpg) no-repeat 50% bottom;}
.app{ margin-top:120px; margin-left:40px;}
.app .title{ color:#fff;}
.app .title span{ font-size:16px; font-weight:bold; letter-spacing:6px;}
.app .dis{ font-size:36px; margin-top:30px; margin-bottom:60px; letter-spacing:12px; font-weight:bold; color:#fff; line-height: 48px;}
.app .appcontent{}
.app .appcontent li{ float:left; width:135px; height:114px; background:#14162b; margin-right:25px; text-align:center; padding-top:28px;}
.app .appcontent li img{}
.app .appcontent li p{ color:#fc8603; font-size:10px; margin-top:12px;}
.app .appcontent li p span{ font-size:15px; font-weight:bold; letter-spacing:4px; display:block;}




.section6 {}
.news{ margin-top:40px;}
.news li{ width:385px; float:left; margin:0 7px;}
.news li a{}
.news li a img{}
.news li a .newscontent{ background:#f4f9fc; padding:42px;}
.news li a .newscontent h1{ font-size:16px;}
.news li a .newscontent em{ color:#94a7b5; margin-top:12px; font-size:14px; display:block; font-style:normal;}
.news li a .newscontent p{ margin-top:30px; color:#404146; line-height:24px;}
.news li a .newscontent span{ color:#fc8603; margin-top:12px; display:block;}
.newsmore{ background:#14162b; width:210px; margin:auto; height:52px; line-height:52px; margin-top:54px; text-align:center;}
.newsmore a{ font-size:18px; color:#fff;}



.section7 { background:#0e1124; height:100%; position:relative;}
.cont{}
.cont .contact{ width:277px; text-align:center; margin-top:320px;}
.cont .contact h1{ color:#fff; font-size:18px; letter-spacing:6px;}
.cont .contact p{ font-size:14px; line-height:24px; color:#fff; margin-top:40px;} 
.cont .contact .img{ width:180px; margin:auto; margin-top:40px;}
.cont .contact .img a{ display:block; margin:0 8px; width:44px; float:left;}
.cont img{ float:left;}
.cont .message{ width:377px; text-align:center; margin-top:320px;}
.cont .message h1{ color:#fff; font-size:18px; letter-spacing:6px; margin-bottom:40px;}
.cont .message .table{}
.cont .message .table .text{ width:245px; height:18px; border:1px #181b2c solid; color:#525562; padding:15px 20px; background:none; font-family: microsoft yahei; margin:auto; margin-bottom:15px; letter-spacing:3px; display:block; text-align:center;}
.cont .message .table .button{ width:184px; height:45px; background:#fc8603; color:#fff; border:none; font-family: microsoft yahei; letter-spacing:3px; margin-top:20px; display:block; margin:auto;}
.foot{ background:#080812; padding:20px 0; text-align:center; position:absolute; bottom:0; width:100%; color:#fff;}
.foot h1{ color:#fff; font-size:16px; margin-bottom:10px;}
.foot li{ float:left; width:14%;}
.foot .footer{ border-top:1px #F63 solid; margin-top:12px; padding-top:12px;}

.foot a{ color:#fff; margin-left:15px;}






.pager_list{ display:block; height:10px; z-index:9999}
.pager_list li{ width:10px; height:10px; border-radius:5px; background:#666;}




.bannerslide { width:100%; position:relative;}
.swiper-wrapper{ position: relative;}
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative;}
.pagination { position: absolute; left: 0; text-align: center; bottom:5px; width: 100%; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #fff; }
.bannerslide .arrow-left { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../img/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }



.inbanner img{ width:100%;}
.footer{ position:relative;}
.n_tit{ background:#f1f1f1; border-bottom:1px #ddd solid; height:54px; color:#fc8603; line-height:54px; font-size:16px;}
.n_content{ margin:30px 0;}
.company{ font-size:14px; line-height:32px;}
.company p{ text-indent:24px;}
.com_img{ margin-top:30px;}
.com_img li{ width:25%; float:left;}
.com_img li img{ width:100%;}
.com_img li.honor_content{ width:40%; padding:20px; vertical-align:middle; display: table-cell; margin:auto;}
.com_img li.honor_content h1{ text-align:center; margin-bottom:30px;}
.n_contact{ width:50%;}
.n_contact li{ font-size:16px; padding:10px;}
.n_contact li.lion{ background:#eee;}
.contact_img{ width:25%}
.contact_img img{ width:100%}



.n_message{ margin-top:80px;}
.messagetitle{ background:#fc8603; width:100px; height:36px; line-height:36px; color:#fff; font-size:16px; text-align:center; margin-bottom:10px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; margin-top:30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width:245px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 18px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #fff; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width:30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ffa579; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width:40%;color: #fff; background: #ff5400; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }


.n_news{}
.n_news li{ background:#f1f1f1; padding:20px; margin-bottom:30px;}
.n_news li:hover{ background:#ddd;}
.n_news li .news_img{ float:left; width:13%; margin-right:30px;}
.n_news li .news_img img{ width:100%;}

.n_news li .news_con{ float:left; width:70%;}
.n_news li .news_con h1{ font-size:15px; font-weight:normal; margin-bottom:15px;}
.n_news li .news_con p{ color:#666; font-size:13px; line-height:24px;}
.n_news li .news_tit{ float:right; width:10%; text-align:center;}
.n_news li .news_tit span{ display:block; font-size:20px;}
.n_news li .news_tit em{ display:block; font-size:12px; font-style:normal; color:#666;}


.product{ margin-bottom:50px;}
.product h3{ background:#eee; margin-bottom:30px;}
.product h3 a{ color:#fc8603; background: #14162b; padding:15px 20px; display:inline-block;}
.product li{ float:left; margin:10px 1%; width:23%;}
.product li a{ background:#f6f6f6; padding:20px 20px 0 20px; display:block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; filter: alpha(opacity=0); -moz-opacity: 0;}
.product li a:hover{ background:#14162b;}
.product li a img{ width:100%}
.product li p{ text-align:center; height:54px; line-height:54px; overflow:hidden;}
.product li:hover p{ color:#FFF} 
.productlist{ display:none;}



.bg{ background:#ccc;}
.bg .bg01{ background:#FFF; text-align:center;}
.bg .bg02{ background:#f9f9f9; text-align:center;}
.bg td{ height:32px;}



.partnertable{}
.partnertable tr{ height:40px; line-height:30px; cursor:pointer;}
.partnertable tr td{ border-bottom:1px #CCC dashed; padding-left:10px;}
.partnertable tr td a{ color:#333;}
.partnertable tr td a:hover{ color:#fff;}
.partnertable tr:hover{ background:#F60; color:#fff;}
.partnertable tr:hover a{ color:#fff;}


.map{ width:100%; height:550px; top:20px;border:#ccc solid 1px;}



.app_bt{ margin-bottom:20px;}
.app_bt h1{ margin-bottom:20px;}
.app_bt p{ font-size:14px;}
.application li{ width:48%; float:left; margin-right:2%; position:relative; margin-bottom:20px;}
.application li .img img{ width:100%;}
.application li .app_ms{ width:100%; box-sizing:border-box; background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;  color:#fff; position:absolute; bottom:0; padding:20px; display:inline-block;}
.application li .app_ms h1{ font-size:14px; margin-bottom:10px;}





@media (max-width: 1200px){
	
	.bannerslide .swiper-slide img{ width:100%;}
	.section2{ margin-top:50px;}
	.section2 .com{ background:url(../img/comsmall.jpg) no-repeat right;}
	.section2 .com .title span{ letter-spacing:0px;}
	.section2 .com .dis{ font-size:18px; letter-spacing:4px; margin-bottom:0; line-height:24px;}
	.section2 .com .p0{ width:50%; margin-top:30px;}
	.section2 .kuang{ margin-top:30px; height:80px;}
	.section2 .kuang li{ width:24.5%; height:80px;}
	.section2 .kuang li h1{ font-size:16px; margin-top:20px;}
	.section2 .kuang li h1 img{ margin-right:5px;}
	.section2 .kuang li p{ font-size:12px; margin-top:0;}
	.partner li{ margin-right:1%;}
	
	.prodis{ margin-top:20px; padding-top:30px;}
	
	.news li{ width:32%; margin:0 0.5%;}
	.news li img{ width:100%;}
	.news li a .newscontent { padding:14px;}
	.news li a .newscontent h1{ font-size:14px;}
	.news li a .newscontent em,.news li a .newscontent p{ display:none;}
	.newsmore{ margin-top:20px; width:120px;}
	.newsmore a{ font-size:14px;}
	
	
	.section7{ background:url(../img/mapbg.jpg) no-repeat center !important;}
	.cont{ margin-top:20px;}
	.cont .contact .img { margin-top:20px;}
	.cont .contact .img a{ margin:0 3px;}
	.cont .contact{ margin:30px 0; width:50%;}
	.cont .message{ width:48%; margin-top:30px;}
	.cont .message .table .text { width:75%; }
	.cont .message .table .button { display:inherit; width:auto; height:auto; padding:10px 20px; letter-spacing:0; margin-bottom:30px;}
	.prox{ padding-bottom:30px;}
	.prox li{ float:left; width:23%; margin-right:10px;}
	.prox li img{ width:100%;}
	.prox li p{ text-align:center; height:32px; line-height:32px; background:#FFF;}
	.foot{ position:relative;}
	.n_tit{ height:48px; line-height:48px; font-size:14px;}
	.company{ font-size:12px; line-height:24px;}
	.productlist{ display:none;}
	.partner h1{ margin-bottom:10px; font-size:14px;}
	
	
	

	.focus{  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f5f5f5; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#fc8603;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:auto; }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	
	

.application li .app_ms{ position:relative; background:none; color:#000;}

	
	
}
@media (max-width: 720px){

	.section2 .com{ background:none;}
	.section2 .com .p0{ width:100%;}
	.partner li{ margin-bottom:5px; margin-right:0;}
	.partner li p{ font-size:12px;}
	.news li a .newscontent h1{ font-size:12px;}
	.cont .contact p {font-size: 12px;}
	.prox li{ margin:0 1%; width:48%; margin-bottom:10px;}	
	span.if{ display:none;}
	.n_tit{ height:42px; line-height:42px; font-size:12px;}
	.com_img li.honor_content{ padding:0 18px;}
	.com_img li.honor_content h1{ font-size:14px; margin-bottom:5px;}
	.com_img li.honor_content p{ font-size:11px; line-height:16px;}
	.nodisplay{ display:none;}
	.n_contact{ width:50%;}
	.n_contact li{ font-size:13px; padding:5px 10px;}
	.n_news li .news_img{ display:none;}
	.n_news li .news_con p{ display:none;}
	.n_news li .news_tit span{ display:none;}
	.n_news li .news_tit em{ display:none;}
	.product{ display:none;}
	.productlist{ display:block;}
	.productlist li{ background:url(../img/right_pro.png) no-repeat right; height:36px; line-height:36px; padding-left:20px; background-color: #fff; border-bottom: 1px dotted #ccc; background-size: auto 80%;}
	.productlist li a{ font-size:14px;}
	.product01{ display:block;}
	.product01 li{ width:32%; margin:10px 0.5%;}
	.product01 li a { padding:10px 10px 0 10px; }
	.map{ height:320px;}
	
	.application li{ width:100%;}
	.foot li{ width:25%}
	
}

@media (max-width: 450px){
	.n_contact{ width:100%;}
	.contact_img{ display:none;}
	}