@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0;  font:12px/1.8 "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent;}
body{ width:100%; background-color:#fefefe;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none; cursor: pointer;}
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden; }
.m_cell_primary { width: 2000px; white-space: normal; line-height: 15px; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#434343;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#434343;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#434343;}

.wrapper{ width: 1400px; margin: 0 auto; box-sizing: border-box;}

/*头部*/
.header{ position: fixed; left: 0; top: 0; right: 0; background: rgba(255,255,255,0.1); z-index: 9;}
.logo{ float: left; padding-top: 12px;}
.logo img{ display: block; height: 41px;}
.nav{ float: right; height: 60px;}
.nav li{ float: left; font-size: 14px; color: #fff; line-height: 60px; margin-left: 60px; position: relative;}
.nav li > a{ display: block; color: #fff;}
.nav li > a i{ position: absolute; display: block; height: 0; width: 0;border: 6px solid transparent; border-bottom-color: rgba(0,0,0,0.5); border-top: none; bottom: 0; left: 50%; margin-left: -6px; opacity: 0;}
.header.on{ background: #3569d1;}
.nav li div{ display: none; position: absolute; left: 0; top: 60px; font-size: 14px; color: #fff; line-height: 55px; height: 55px; white-space: nowrap; z-index: 3;}
.nav li div a{ color:#fff; margin-right: 15px;}
.nav_bg{ display: none; opacity: 0; position: absolute; left: 0; right: 0; top: 60px; height: 55px; background-color: rgba(0,0,0,0.6); z-index: 2;}
.nav li div a:last-child{margin-right: 0;}

/*手机菜单*/
.menus{ display: none; position: absolute; right: 10px; top: 7px; width: 34px; height: 34px;}
.menus span:after,.menus span:before {display: block; position: absolute; content:""; left: 0; width: 26px; height: 2px; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;transition: all .5s;}
.menus span{ position: absolute; left: 4px; top: 16px; right: 4px; border-bottom: 2px #fff solid;}
.menus span:before{ left: 0; top: -8px;}
.menus span:after{ left: 0; top: 8px;}

.bg{ display: none; position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.7); z-index: 199; transform: translateX(-100%);}
.menus_list{ display: none; position: fixed; left:0; width: 100%; height:100%; top:0; font-size: 14px; background: #fff; bottom:0; height:auto; z-index: 200; background-color: transparent; -webkit-box-shadow: -2px -2px 6px rgba(0,0,0,0.3); box-shadow: -2px -2px 6px rgba(0,0,0,0.3); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-sizing: border-box; padding-right: 60px; transform: translateX(-100%);}
.menus_list .close{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-color: #0054a7; overflow: hidden;}
.menus_list .close span{ display: block; width: 30px; height: 30px; margin: 15px auto; position: relative;}
.menus_list .close span::after,.menus_list .close span::before{ position: absolute; content: ""; width: 30px; border-bottom: 2px #fff solid;}
.menus_list .close span::after{ left: 0; top: 13px; transform: rotate(-45deg);}
.menus_list .close span::before{ left: 0; top: 13px; transform: rotate(45deg);}
.menus_list > div{ width: 100%; height: 100%; box-sizing: border-box; background-color: #fff; overflow-y: auto;}
.menus_list li:nth-of-type(odd){ background-color: #f4f4f4;}
.menus_list li > a{ position: relative; display:block; font-size: 15px; color: #333; line-height: 60px; padding: 0 20px;}
.menus_list li > a span{ position: absolute; width: 10px; height: 10px; top: 50%; right: 20px; margin-top: -9px; border-left: 2px solid #999; border-bottom: 2px solid #999;  -webkit-transform: rotate(-45deg); transform:rotate(-45deg);}
.menus_list li div{ display: none; padding: 0 0 0 20px ;}
.menus_list li div a{ display: block; font-size: 14px; color: #666; line-height: 50px; border-top: 1px #f4f4f4 solid;}
.menus_list li:nth-of-type(odd) div a{ border-top: 1px #fff solid}
.menus_list li.hover > a{ color: #0054a7;}
.menus_list li.hover span{ -webkit-transform: rotate(-225deg); transform:rotate(-225deg); margin-top: -7px;}

/*banner*/
.banner{ position: relative; overflow: hidden;}
.banner .swiper-slide{ height: 790px;}
.banner .swiper-slide a{ display: block; position: relative; width: 100%; height: 790px; overflow: hidden;}
.banner .swiper-slide div{ position: absolute; left: 50%; top: 0; width: 1920px; margin-left: -960px;}
.banner .swiper-slide img{ width: 100%;}
.banner .swiper-btn{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; z-index: 2;}
.banner .swiper-btn img{ width: 100%;}
.banner .swiper-prev{ left: 6%;}
.banner .swiper-next{ right: 6%;}
.swiper-pagination{ position: absolute; left: 0; right: 0; bottom: 10px;}
.swiper-pagination-bullet{ background: #fff; width: 13px; height: 6px; border-radius: 0; margin: 0 3px; background: url(../images/img_09.png) no-repeat; background-size: 100% 100%; opacity: 0.2;}
.swiper-pagination-bullet-active{ opacity: 1; }

/*新星产业*/
.main01{ background: url(../images/img_05.jpg) no-repeat center bottom; background-size: cover;}
.main01 h2 a{color: #fff!important;}
.main .title{ text-align: center; padding: 55px 0 30px; color: #fff;}
.main .title h2{ display: block; font-size: 36px; font-weight: normal; line-height: 67px;}
.main .title p{ font-size: 14px; text-transform: uppercase; line-height: 23px; background: url(../images/img_01.png) no-repeat center center;}

.nova{ padding-bottom: 65px;}
.nova p{ font-size: 14px; line-height: 30px; color: #fff;}
.nova ul{ background: rgba(255,255,255,0.7); margin-top: 25px; padding: 20px 20px 15px;}
.nova li{ float: left; width: 324px; overflow: hidden; margin-right: 20px;}
.nova li:last-child{ margin-right: 0;}
.nova a{ display: block;}
.nova img{ width: 100%; transition: all 0.5s;}
.nova div{ overflow: hidden;}
.nova h4{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 55px; transition: all 0.5s;}
.nova a:hover img{ transform: scale(1.10);}
.nova a:hover h4{ color:#1763c1;}

/*产品中心*/
.main02{ background: #f4f4f4;}
.main02 .title,.main03 .title,.main04 .title{color: #000;}
.main02 .title p,.main03 .title p{ background-image: url(../images/img_02.png);}

.product{ position: relative; padding: 4px 50px 55px;}
.product .p-btn{ position: absolute; top: 50%; transform: translateY(-50%); width: 30px; z-index: 2;}
.product .p-btn img{ width: 100%;}
.product .prev{ left: 0}
.product .next{ right: 0;}
.product .swiper-slide{ float: left; border: 1px #dedede solid; background-color: #fff; box-sizing: border-box; height: 538px; margin-bottom: 5px; transition: all 0.5s;}
.product .swiper-slide a{ display: block; padding: 80px 40px 0; text-align: center;}
.product a img{ margin: 0 auto; width: 239px;}
.product h4{ display: block; font-size: 26px; color: #333333; font-weight: bold; line-height: 70px; height: 70px; padding-top: 10px; transition: all 0.5s;}
.product p{ font-size: 14px; color: #666666; line-height: 25px; transition: all 0.5s;}
.product .swiper-slide:hover{ border-color: #18a9e2; background: #18a9e2; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.product .swiper-slide:hover h4,.product .swiper-slide:hover p{ color: #fff;}

/*新闻动态*/
.main03{ background: #fff url(../images/img_06.jpg) no-repeat center bottom;}
.news{ padding: 15px 0 210px;}
.news li{ float: left; width: 434px; margin-right: 49px; background-color: #fff; overflow: hidden;}
.news li:last-child{ margin-right: 0;}
.news .img{ overflow: hidden;}
.news .img img{ width: 100%; transition: all 0.5s;}
.news .con{ padding: 20px 35px 0;}
.news h4{ display: block; font-size: 18px; color: #333333; font-weight: bold; line-height: 30px; height: 60px; overflow: hidden; transition: all 0.5s;}
.news p{ font-size: 14px; color: #666666; line-height: 55px;}
.news li:hover h4{ color: #1763c1;}
.news li:hover img{ transform: scale(1.10);}

/*客户案例*/
.main04 .title p{ margin-top: 10px; color: #666666; background: url(../images/img_04.png) no-repeat center center;}

.coop{ padding-bottom: 40px;}
.coop li{ float: left; margin: 0 25px 23px 0; width: 260px; box-sizing: border-box; border: 1px #e4e4e4 solid; overflow: hidden;}
.coop li:nth-child(5n+5){ margin-right: 0;}
.coop img{ width: 100%; transition: all 0.5s;}
.coop li:hover img{ transform: scale(1.10);}

/*底部*/
.footer{ background: #061a37 url(../images/img_20.jpg) no-repeat center bottom; overflow: hidden; color: #fff;}
.f_top{ padding: 60px 0 25px; border-bottom: 1px rgba(255,255,255,0.4) solid;}
.f_top .left{ float: left; max-width: 400px;}
.f_top .right{ float: right;}
.contact .con{ position: relative; padding-left: 30px; font-size: 14px; line-height: 25px; margin-top: 20px;}
.contact .con img{ position: absolute; left: 0; top: 4px;}
.contact .con i{ display: block; color: #b7b7b7;}
.contact .con em{ display: block; font-size: 24px; font-family: "Arial";}
.wx{ margin-top: 60px;}
.wx div{ float: left;}
.wx div img{ margin: 0 auto; width: 41px;}
.wx div p{ font-size: 14px; color: #b7b7b7; line-height: 25px; padding-top: 5px;}
.wx div em{ display:block;}
.wx .code{ float: left; width: 92px; height: 92px; margin-left: 36px;}
.f_list li{ float: left; margin-left: 80px;}
.f_list li:first-child{ margin-left: 0;}
.f_list b{ display: block; font-size: 18px; line-height: 65px; margin-bottom: 5px;}
.f_list p{ font-size: 14px; color: #b7b7b7; line-height: 35px;}
.f_list p a,.f_list span a{ color: #b7b7b7;}
.f_list span{ display: block; text-align: right; font-size: 14px; color: #b7b7b7; line-height: 30px; margin-top: 25px;}
.f_copy{ padding: 10px 0; line-height: 33px; font-size: 14px; color: #b7b7b7;}
.f_copy img{ display: inline-block; vertical-align: middle; margin: 0 5px 2px;}

@media screen and (max-width: 1420px) {
	.wrapper{ width: 1150px;}
	
	/*头部*/
	.logo{ padding-top: 9px;}
	.logo img{ height: 36px;}
	.nav{ height: 55px;}
	.nav li{ line-height: 55px; margin-left: 50px; font-size: 13px;}
	.nav li > a i{ border-width: 5px; margin-left: -5px;}
	.nav li div{ top: 55px; line-height: 50px; height: 50px;}
	.nav li div a{ margin-right: 12px; font-size: 13px;}
	.nav_bg{ top: 55px; height: 50px;}
	
	/*banner*/
	.banner .swiper-slide{ height: auto;}
	.banner .swiper-slide a{ height: auto;}
	.banner .swiper-slide div{ position: inherit; left: inherit; top: inherit; width: auto; margin-left: 0; margin: 0 -15%;}
	.banner .swiper-btn{ width: 45px;}
	.banner .swiper-prev{ left: 4%;}
	.banner .swiper-next{ right: 4%;}
	
	/*新星产业*/
	.main .title{ padding: 40px 0 20px;}
	.main .title h2{ font-size: 30px; line-height: 60px;}
	.main .title p{ font-size: 14px; background-size: 220px 2px;}

	.nova{ padding-bottom: 60px;}
	.nova p{ font-size: 13px; line-height: 27px;}
	.nova ul{ margin-top: 20px; padding: 17px 17px 10px;}
	.nova li{ width: 23.5%; margin-right: 2%;}
	.nova h4{ font-size: 16px; line-height: 45px;}
	
	/*产品中心*/
	.product{ position: relative; padding: 4px 45px 50px;}
	.product .p-btn{ width: 25px;}
	.product .swiper-slide{ height: 480px;}
	.product .swiper-slide a{ padding: 60px 20px 0;}
	.product a img{  width: 200px;}
	.product h4{ font-size: 20px; line-height: 55px; height: 55px; padding-top: 30px;}
	
	/*新闻动态*/
	.main03{ background-size: 100% 67%;}
	.news{ padding: 15px 0 170px;}
	.news li{ width: 32%; margin-right: 2%;}
	.news .con{ padding: 15px 25px 0;}
	.news h4{ font-size: 16px; line-height: 25px; height: 50px;}
	.news p{ line-height: 45px;}
	
	/*客户案例*/
	.main04 .title p{ margin-top: 7px; background-size: auto 1px;}

	.coop{ padding-bottom: 30px;}
	.coop li{ margin: 0 1.75% 18px 0; width: 18.6%;}
	
	/*底部*/
	.footer{ background-size: 100% auto}
	.f_top{ padding: 50px 0 20px;}
	.f_top .left{ max-width: 240px;}
	.contact .con { padding-left: 25px; font-size: 13px; line-height: 25px; margin-top: 15px;}
	.contact .con img{ top: 4px; width: 18px;}
	.contact .con em{ font-size: 20px;}
	.wx{ margin-top: 40px;}
	.wx div img{ width: 36px;}
	.wx div p{ font-size: 13px; line-height: 23px;}
	.wx .code{width: 85px; height: 85px; margin-left: 25px;}
	
	.f_list li{ margin-left: 50px;}
	.f_list b{ font-size: 16px; line-height: 55px;}
	.f_list p{ font-size: 13px;line-height: 30px;}
	.f_list span{ font-size: 13px; line-height: 28px; margin-top: 20px;}
	.f_copy{ font-size: 13px; line-height: 28px;}
	
	
}


@media screen and (max-width: 1170px) {
	.wrapper{ width: 950px;}
	
	/*头部*/
	.logo{ padding-top: 10px;}
	.logo img{ height: 30px;}
	.nav{ height: 50px;}
	.nav li{ line-height: 50px; margin-left: 30px;}
	.nav li div{ top: 50px; line-height: 50px; height: 50px;}
	.nav_bg{ top: 50px; height: 50px;}
	
	/*banner*/
	.banner .swiper-slide div{ margin: 0 -12%;}
	.banner .swiper-btn{ width: 35px;}
	
	/*新星产业*/
	.main .title{ padding: 30px 0 15px;}
	.main .title h2{ font-size: 26px; line-height: 50px;}
	.main .title p{ font-size: 13px; background-size: 200px 2px;}

	.nova{ padding-bottom: 50px;}
	.nova p{ line-height: 24px;}
	.nova ul{ margin-top: 20px; padding: 15px 15px 10px;}
	.nova h4{ font-size: 15px; line-height: 40px;}
	
	/*产品中心*/
	.product{padding: 4px 35px 50px;}
	.product .p-btn{ width: 20px;}
	.product .swiper-slide{ height: 420px;}
	.product .swiper-slide a{ padding: 45px 15px 0;}
	.product a img{  width: 150px;}
	.product h4{ font-size: 16px; line-height: 45px; height: 45px; padding-top: 20px;}
	
	/*新闻动态*/
	.news{ padding: 15px 0 140px;}
	.news .con{ padding: 10px 15px 5px;}
	.news h4{ font-size: 16px;}
	.news p{ line-height: 40px;}
	
	/*客户案例*/
	.main04 .title p{ background-size: auto 1px;}
	.coop{ margin-top: 10px;}
	
	/*底部*/
	.f_top{ padding: 30px 0 15px;}
	.wx{ margin-top: 35px;}
	
	.f_list li{ margin-left: 20px;}
	.f_list b{line-height: 45px; margin-bottom: 0;}
	
	
}

@media screen and (max-width: 950px) {
	
	.wrapper{ width: 750px;}
	
	/*新星产业*/
	.nova ul{ padding: 10px;}
	.nova li{ width: 49%; margin-right: 0; margin-bottom: 15px;}
	.nova li:nth-child(2n){ float: right;}
	.nova h4{ font-size: 14px; line-height: 20px; height: 40px; padding-top: 10px;}
	
	/*新闻动态*/
	.main03{ background-size: auto 80%;}
	.news{ padding-bottom: 100px;}
	.news li{ width: 100%; margin-right: 0; margin-bottom: 15px;}
	.news h4{ height: auto;}
	
	/*客户案例*/
	.coop li{ width: 23.6%; margin-right:1.8%; margin-bottom: 2%;}
	.coop li:nth-child(5n+5){ margin-right: 1.8%}
	.coop li:nth-child(4n+4){ margin-right: 0;}
	
  /*底部*/
	.f_top .right,.f_top .left{ width: 100%;}
	.f_list li{ margin-top: 15px;}
	.f_list span{ text-align: left;}
	.f_copy div{ width: 100%;}
	
	
}

@media screen and (max-width: 768px) {
	
	.wrapper{ width: 100%; padding: 0 10px;}
	
	/*头部*/
	.logo{ padding-top: 10px; padding-bottom: 10px;}
	.logo img{ height: 30px;}
	.nav{ display: none;}
	.menus,.menus_list{display:block;}
	.menus_list.on,.bg.on{ transform: translateX(0);}
	
	/*banner*/
	.banner .swiper-slide div{ margin: 0 -25%;}
	.swiper-pagination-bullet{ width: 10px; height: 4px;}
	.swiper-pagination{ bottom: 5px;}
	
	/*产品*/
	.product{ padding-left: 20px; padding-right: 20px;}
	.product .p-btn{ width: 15px;}
	.product .swiper-slide{ height: 390px;}
	
	/*客户案例*/
	.coop li{ width: 32%; margin-right: 2%;}
	.coop li:nth-child(5n+5),.coop li:nth-child(4n+4){ margin-right: 2%}
	.coop li:nth-child(3n+3){ margin-right: 0;}
	
	
	/*底部*/
	.f_list b{ line-height: 35px;}
	.f_list li{ margin-left: 0; width: 100%; float: none;}
	.f_list li p{ float: left; margin-right: 12px;}
	
	
	
	
	
	
}