@charset "utf-8";
@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");

.main-wrap { font-family: 'Roboto'; }
/* 轮播图 */
.main_visual{position:relative; width:100%; height:auto; max-height:780px; overflow:hidden; padding-top:111px; box-sizing:border-box;}
.main_visual .slides li{background-position:top center; background-repeat:no-repeat;text-align:center;}
.main_visual .slides li .mobile{display:none;}
.main_visual .slides li a { display:block;}

.main_visual .flex-control-nav{bottom:55px; z-index:999;}
.main_visual .flex-control-paging li a,
.main_visual .flex-control-paging li a:hover,
.main_visual .flex-control-paging li a.flex-active{opacity:1 !important;}
.main_visual .flex-control-paging li a{background-color:transparent; box-shadow:none; width:15px; height:15px; box-sizing:border-box; border:1px solid #fff;}
.main_visual .flex-control-paging li a.flex-active{background:#fff;}

/*about*/
.main_about{text-align:center; border-bottom:1px solid #ddd; padding:3% 0; color:#959595; font-size:18px; line-height:1.5;}
.main_about .tit{color:#252525; font-size:30px; margin-bottom:1.5%; font-weight:bold;}
.main_about .tit:before,
.main_about .tit:after{content:''; display:inline-block; width:6px; height:6px; background:#393939; border-radius:100em; vertical-align:7px; }
.main_about .tit:before{margin-right:15px;}
.main_about .tit:after{margin-left:15px;}
.main_about .tit span { color:#30608e;}
/*页面导航*/
.main_banner{overflow:hidden;font-size:18px; color:#959595; margin:4% 0; word-break:keep-all;/*border-bottom:1px solid #f5f5f5;*/padding-bottom:0px;}
.main_banner ul{margin-left:-5%;}
.main_banner li{float:left; width:28.3%; height:355px; margin-left:5%; box-sizing:border-box; padding:3% 4%; background:#f5f5f5; position:relative;}
.main_banner .tit{color:#383838; font-size:30px; margin-bottom:25px;text-transform:uppercase;font-weight:bold;}
.main_banner p{line-height:1.3}
.main_banner .btn_more{font-size:14px; color:#252525; width:50%; background:url(/assets/images/icon_more.png) no-repeat left bottom; padding-bottom:10px; position:absolute; bottom:10%; left:15%;}
.main_banner .icon{position:absolute; right:10%; bottom:10%;}

/*产品导航*/
.main_product{/*background:url(/assets/images/bg_product.jpg) no-repeat; background-position:center bottom;*/ overflow:hidden; height:65px; position:relative; box-sizing:border-box;margin-top:-30px;margin-bottom:-20px;}
.main_product .ment{float:right; text-align:right; margin-top:12%; color:#252525; font-size:18px;}
.main_product .ment .tit{font-size:40px; font-weight:500; text-transform:uppercase;}

.main_product .link.pc li { line-height:45px;text-align:center;display:inline-block;border:1px solid #ccc;background:#fff;font-weight:bold;width:18%;margin-right:1.5%;}
.main_product .link.pc li:last-child  { margin-right:0;}
.main_product .link.pc li a { color:#666;font-size:16px;text-transform:uppercase;display:block;}
.main_product .link.pc li a:hover { background:#30608e;color:#fff}
.main_product .link .flex-viewport{width:90%;}
.main_product .link .slides li a{display:block; background:rgba(0,0,0,.5); color:#fff; width:100%; text-align:center; height:60px; line-height:60px;}
.main_product .link .slides li a:hover{background:rgba(57,67,167,0.8);}
.main_product .flex-direction-nav{width:10%; right:0; top:0; position:absolute; overflow:hidden;}
.main_product .flex-direction-nav li{width:50%; float:left;}
.main_product .flex-direction-nav a{opacity:1; background:#3943a7; width:100%; height:60px; margin:0; top:0; left:auto; right:auto; bottom:auto; position:relative; font-size:0; text-align:center;}
.flex-direction-nav a.flex-next{margin-left:1px}
.flex-direction-nav a:before{content:' '; width:17px; height:33px; background-image:url(/assets/images/arrow_l.png);background-repeat:no-repeat; font-size:0; margin-top:15px;content:''}
.flex-direction-nav a.flex-next:before{background-image:url(/assets/images/arrow_r.png);}

.mobile{display:none!important;}
.pc{display:block!important;}
@media screen and (max-width:1500px){
	/* 宽屏 */
	.main_visual .slides li img{width:150%; margin-left:-25%; max-width:none;}
}
@media screen and (max-width:1000px){
	/* 窄屏 */
	.pc{display:none!important;}
	.mobile{display:block!important;}
	.main_visual{padding-top:0;}
	.main_visual .slides li img{width:100%; margin-left:0;}
	.main_visual .slides li .mobile{display:block;}
	.main_visual .slides li .pc{display:none;}
	
	.main_visual .flex-control-paging li a{width:10px; height:10px;}
	.main_visual .flex-control-nav{bottom:0;}
	
	/*about*/
	.main_about{font-size:14px;}
	.main_about .tit{font-size:20px;}
	.main_about .tit:before,
	.main_about .tit:after{width:4px; height:4px; vertical-align:5px; }
	
	/*页面导航*/
	.main_banner{overflow:hidden;font-size:14px;/*padding-bottom:20px;*/}
	.main_banner ul{margin-left:0%;}
	.main_banner li{float:none; width:100%; height:auto; margin-left:0; margin-bottom:2%;}
	.main_banner .tit{font-size:18px;}
	.main_banner .txt1{width:55%;}
	.main_banner .btn_more{font-size:12px; width:100%; background:url(/assets/images/icon_more.png) no-repeat left bottom; position:relative; bottom:auto; left:auto; display:block; margin-top:5%}
	.main_banner .icon{position:absolute; right:10%; bottom:30%;}
	
	/*产品导航*/
	.main_product   { margin-bottom:20px;}
	.main_product,
	.main_product .center_wrap{height:90px;}	
	.main_product .center_wrap{padding:0;}
	.main_product .ment{padding:0 5%; font-size:15px; margin-top:8%;}
	.main_product .ment .tit{font-size:20px;}
	.main_product .link{position:absolute; bottom:0; width:100%;}
	.main_product .link .flex-viewport{width:70%; margin-left:15%; box-sizing:border-box;}
	.main_product .flex-direction-nav{width:100%; right:auto; top:0; position:static; overflow:hidden;}
	.main_product .flex-direction-nav li{float:none;}
	.main_product .flex-direction-nav a{width:15%; position:absolute; left:0; top:auto; bottom:0; z-index:999;}
	.flex-direction-nav a.flex-next{margin-left:0px; left:auto; right:0;}

}