/* base */
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:14px;}
img{ vertical-align:top; border:none;}
header,footer,div{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.txtcen{ text-align:center;}
.txtrig{ text-align:right;}
.clrboth,.clearfix{ clear:both;}
.clrafter:after{ content:''; display:block; clear:both; visibility:hidden;}
@font-face{font-family:Family;src:url("../fonts/AvenirNextLTPro-Regular.otf");src:url("../fonts/AvenirNextLTPro-Regular.ttf");src:url("../fonts/AvenirNextLTPro-Regular.ttf")}

/* common*/
.head{ position:fixed; left:0; top:0; width:100%; z-index:99; background:#fff;}
.head-1{ max-width:1200px; margin:0 auto; padding:0.6rem 0 0 0; position:relative;}
.head .logo{ padding-top:6px; display:block;}
.head .logo img{ width:230px;}
.head .nav{ padding:1rem 0 0 0;}
.head .nav li{ float:left; margin-right:2.5rem;}
.head .nav li a{ display:inline-block; padding:0 0 1rem 0; font-size:15px;}
.head .nav li a:hover,.head .nav li a.nowon{ border-bottom:3px solid #282f89;}
.head .search-1{ width:11rem; padding:6px 0; background:#f3f3f3; float:right; border-radius:13px; margin-top:0.8rem;}
.head .search-1 input{ border:none; background:none; float:left;}
.head .search-1 input.search-1-1{ width:70%; padding-left:10px;}
.head .search-1 input.search-1-2{ width:30%;}
.fixed-nav{ position:absolute; top:1rem; right:1rem; display:none;}
.fixed-nav img{ width:24px;}
.hide-nav{ position:absolute; width:100%; left:0; top:3.6rem; background:rgba(40,47,137,0.9); z-index:999; display:none;}
.hide-nav li{ display:block; text-indent:3em; border-bottom:1px solid #575fc2;}
.hide-nav li a{ display:block; padding:10px 0; font-size:16px; color:#fff;}
.hide-nav li a span:nth-child(2){ font-family:Family; font-size:12px;}
.foot{ background:#767676; padding:4rem 0 0 0;}
.foot-1{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:2.5rem;}
.foot-1-1{ width:10%; float:left; border-right:1px solid #aaa; margin-right:5%;}
.foot-1-1.long{ width:20%;}
.foot-1-1 dt{ padding-bottom:12px; display:block; color:#fff;}
.foot-1-1 dd{ padding-bottom:4px; display:block;}
.foot-1-1 dd a{ color:#fff;}
.foot-1-2{ float:right; width:20%; max-width:110px;}
.foot-1-2 img{ width:100%; display:block;}
.foot-1-2 p{ text-align:center; padding:5px 0 0 0; color:#ccc;}
.foot-1-3{ color:#fff; margin-right:3rem;}
.foot-1-3 p:nth-child(1){ font-size:1.1rem;}
.foot-1-3 p:nth-child(2){ font-size:1.5rem;}
.foot-2{ background:#282f89; padding:1rem 0;}
.foot-2-1{ margin:0 auto; max-width:1200px; position:relative;}
.foot-2-1-1{ height:2rem; display:block;}
.foot-2-1-2{ color:#eee; font-size:12px;}

/* home */
#banner{}
#banner img{ display:block; width:100%;}
.home-1{ max-width:1200px; position:relative; margin:0 auto; padding:4rem 0 0 0;}
.home-1-1{ font-family:Family; font-size:2rem; text-transform:uppercase;}
.home-1-1 span{ color:#282f89;}
.home-1-2{ height:0; border-bottom:1px solid #ddd; position:relative; padding:2.5rem 0 0 0;}
.home-1-2-1{ margin:0 auto; position:relative; font-size:1.6rem; left:0; top:-1.2rem;}
.home-1-2-1 span{ background:#fff; display:inline-block; padding:0 2rem;}
.home-2{ max-width:1200px; position:relative; margin:0 auto; padding:4rem 0;}
.home-2-1{ display:block; position:relative; padding-bottom:150%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.home-2-1-1{ position:absolute; left:0; bottom:0; background:#282f89; color:#fff; font-size:1rem; padding:10px 0; width:100%; text-align:center;}
#banner2 .swiper-slide{ width:23%;}
/* #banner2_prev{ background:url(../img/blackleft.png) center/cover; width:30px; height:30px;}
#banner2_next{ background:url(../img/blackright.png) center/cover; width:30px; height:30px;} */
.home-3{}
.home-3 img{ display:block; width:100%;}
.home-4{ font-size:1rem; padding:2rem 0 0 0; letter-spacing:1rem;}
.home-5{ max-width:1200px; position:relative; margin:0 auto; padding:2.5rem 0 0 0;}
.home-5 a{ width:50%;}
.home-5 a img{ width:100%; display:block;}
.home-6{ font-family:Family; padding:1.5rem 0 5rem 0; text-transform:capitalize; font-size:1rem;}
.home-7{ padding:0 0 4rem 0; background:#ebebeb;}
.home-7 .home-1-2-1 span{ background:#ebebeb;}
.home-7-1{ max-width:1200px; position:relative; margin:0 auto; padding:4rem 0 0 0;}
#banner3 .swiper-slide{ width:31.33%;}
.home-7-1-1{ display:block;}
.home-7-1-1-1{ padding-bottom:60%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.home-7-1-1-2{ padding:10px 0 6px 0; font-size:15px;}
.home-7-1-1-3{ font-size:13px; line-height:1.8; color:#999;}
.home-7-2{ display:block; width:20rem; border:1px solid #aaa; margin:0 auto; padding:6px 0; font-size:1rem; text-align:center;}
.home_news-3-1 a:hover{ color:red;}
.home_news-3-1-1{ font-size:1.65rem;}
.home_news-3-1-2{ padding:10px 0; color:#888;}
.home_news-3-1-3{ font-size:14px; color:#888;}
.home_news-3-1 .fr{ width:20%;}
.home_news-3-1 .fr img{ width:100%; border-radius:10px;}
.home_news-3-2{ padding:1rem 0; font-size:14px;}

/* about */
.about-1{ border-bottom:1px solid #ddd;}
.about-1-1{ max-width:1200px; margin:0 auto; position:relative;}
.about-1-1 li{ float:left; margin-right:1rem;}
.about-1-1 li a{ display:block; padding:10px 20px;}
.about-1-1 li a:hover,.about-1-1 li a.nowon{ background:#282f89; color:#fff;}
.about-2{ max-width:1200px; margin:0 auto; position:relative; padding:4rem 0; line-height:1.8; color:#666;}
.about2{ background:#595856; padding:4rem 0;}
.about2-1{ width:100%; max-width:1200px; border-top:1px solid #111; border-bottom:1px solid #111; margin-bottom:3rem;}
.about2-1 img{ width:20%;}
.about2-1-2{ width:80%; color:#fff; padding:3%; font-family:Family;}
.about2-1-2 h1{ font-size:3rem;}
.about2-1-2 h2{ padding:1rem 0;}
.about2-1-2 p{ font-size:14px; padding-right:40%;}
.about2-1-2 p.txtrig{ padding-left:40%; padding-right:0;}

/* pro */
.pro-1{ padding:4rem 0; max-width:1200px; margin:0 auto; position:relative;}
.pro-2{ display:block;}
.pro-2 li{ width:23%; margin-right:2.666%; float:left; margin-bottom:2.666%;}
.pro-2 li:nth-child(4n){ margin-right:0;}
.pro-2 li a{ display:block;}
.pro-2-1{ padding-bottom:100%; background-position:center; background-size:cover; position:relative;}
.pro-2-2{ padding:10px; transition:all 0.5s;}
.pro-2 li a:hover .pro-2-2{ background:#282f89; color:#fff;}

/* pro list */
.prolist-1{ max-width:1200px; margin:0 auto; position:relative; padding:2rem 0 4rem 0;}
.prolist-1 ul{ display:block;}
.prolist-1 ul li{ width:23%; margin-right:2.666%; margin-bottom:2.666%; float:left;}
.prolist-1 ul li:nth-child(4n){ margin-right:0;}
.prolist-1 ul li a{ display:block;}
.prolist-1 ul li a .prolist-1-1{ border:1px solid #eee; padding:5px; transition:all 0.5s;}
.prolist-1 ul li a .prolist-1-1 .prolist-1-1-1{ padding-bottom:100%; background-size:contain; background-repeat:no-repeat; background-position:center;}
.prolist-1-2{ padding:5px 0;}
.prolist-1 ul li a:hover .prolist-1-1{ border:1px solid #282f89; padding:5px;}
.prolist-2{ font-size:1.5rem; padding:2rem 0 1rem 0; border-bottom:1px solid #eee; max-width:1200px; margin:0 auto; position:relative; color:#666;}
.pcpro34 li p{ font-size:16px; padding:8px 0 0 0; text-align:center;}
.pcpro4{ background:#393939; padding:1.8rem 0; font-family:Family; font-size:13px; letter-spacing:5rem; color:#fff;}

/* pro show */
.proshow-1{ max-width:1200px; padding:4rem 0; margin:0 auto; position:relative;}
.proshow-1-1{ width:44%; border:1px solid #eee; padding:5px;}
.proshow-1-1-1{ padding-bottom:100%; background-position:center; background-size:contain; background-repeat:no-repeat;}
.proshow-1-2{ width:48%;}
.proshow-1-2-1{ font-size:1.3rem; padding:1rem 0 0 0;}
.proshow-1-2-2{ font-size:14px; line-height:1.8; padding:1.5rem 0; color:#888;}
.proshow-1-2-3{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:1rem 0;}
.proshow-1-2-3 li{ display:block; color:#888; line-height:1.8;}
.proshow-1-2-4{ padding:0.8rem 0 0 0;}
.proshow-1-2-4 li{ float:left; width:23%; margin-right:2.666%; margin-bottom:2.666%;}
.proshow-1-2-4 li:nth-child(4n){ margin-right:0;}
.proshow-1-2-4 li a{ display:block; padding-bottom:100%; background-repeat:no-repeat; background-size:contain; background-position:center;}
.proshow-2{ max-width:1200px; margin:0 auto; position:relative; padding:1rem 0;}
.proshow-2 img{ display:block; max-width:100%; margin:0 auto;}

/* case */
.case1{ padding:4rem 0;}
.case1-1{ width:100%; max-width:500px; margin:0 auto; border:1px solid red;}
.case1-1 li{ width:33.33%; float:left; text-align:center; text-transform:uppercase; font-size:1rem; line-height:3;}
.case2{ background:#000;}
.case2-1 li{ float:left; overflow:hidden;}
.case2-1 li img{}
.case2-1 .w25{ width:25%;}
.case2-1 .w50{ width:50%;}
.case2-1 .p25{ padding-bottom:25%;}
.case2-1 .p50{ padding-bottom:50%;}
.case3{ display:block; width:100%;}

/*news*/
.news-1{ padding:0 0 4rem 0; background:#ebebeb;}
.news-1 .home-1-2-1 span{ background:#ebebeb;}
.news-1-1{ max-width:1200px; position:relative; margin:0 auto; padding:4rem 0 0 0;}
.news-1-1 ul{ display:block;}
.news-1-1 ul li{ width:31.33%; margin-right:3%; margin-bottom:3%; float:left;}
.news-1-1 ul li:nth-child(3n){ margin-right:0;}
.news-1-1 ul li a{ display:block;}

/* news show*/
.newshow-1{ padding:4rem 0; max-width:1200px; margin:0 auto; position:relative;}
.newshow-1-1{ font-size:1.8rem; border-bottom:1px solid #eee; padding:0 0 2rem 0;}
.newshow-1-2{ font-size:14px; line-height:1.8; color:#777; padding:2rem 0 0 0;}

/* media query */
@media screen and (max-width:750px) {
    .head .logo{ height:2.4rem; margin-left:10px;}
	.head-1{ padding-bottom:0.6rem;}
	.head .nav,.head .search-1{ display:none;}
	.fixed-nav{ display:block;}
	.home-1{ padding-top:2rem;}
	.home-1-1{ font-size:20px;}
	.home-1-2{ padding:1rem 0 0 0;}
	.home-1-2-1{ font-size:20px; top:-0.9rem;}
	.home-2{ padding:2.5rem 0;}
	.home-2-1-1{ font-size:14px;}
	#banner2 .swiper-slide{ width:31.55%;}
	.home-4{ font-size:14px; letter-spacing:9px;}
	.home-5 a{ width:100%;}
	.home-6{ font-size:12px; padding:1rem 0 2rem 0;}
	.home-7-1{ padding:3rem 0 0 0;}
	.home-7-1-1{ padding:0 1rem;}
	#banner3 .swiper-slide{ width:100%;}
	.foot{ padding:2rem 0 0 0;}
	.foot-1{ padding-bottom:1.5rem;}
	.foot-1-1{ width:50%; margin-right:0; text-indent:2em;}
	.foot-1-1.long{ width:50%;}
	.foot-1-1 dd a{ font-size:12px;}
	.foot-1-2{ width:100%; max-width:100%; padding:1rem 0 0 0;}
	.foot-1-2 img{ width:30%; display:block; margin:0 auto;}
	.foot-1-3{ display:none;}
	.foot-2-1-1{ display:none;}
	.foot-2-1-2{ width:100%; text-align:center; padding:0 1rem;}
	.about-2{ padding:2.8rem 0; width:90%;}
	.pro-1{ padding:2.4rem 0; width:90%;}
	.pro-2 li,.prolist-1 ul li{ width:49%; margin-right:2%; margin-bottom:3%;}
	.pro-2 li:nth-child(2n),.prolist-1 ul li:nth-child(2n){ margin-right:0;}
	.prolist-1{ padding:2rem 0; width:90%;}
	.proshow-1{ padding:2.4rem 0; width:90%;}
	.prolist-2{ width:90%; padding-top:1rem; font-size:18px;}
	.proshow-1-1,.proshow-1-2{ width:100%;}
	.news-1-1{ padding:3rem 0 0 0; width:90%;}
	.news-1-1 ul li{ width:100%; margin-right:0; margin-bottom:6%;}
	.newshow-1{ padding:2.5rem 0; width:90%;}
	.newshow-1-1{ font-size:19px;}
}