body{background: #fff;font: 12px/1.8 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,sans-serif; }

@font-face {

  font-family: 'gotham-medium';

  src: url('../fonts/gotham-medium.otf');

}

@font-face {

  font-family: 'gotham-black';

  src: url('../fonts/GothamRnd-Book.otf');

}

a,a:hover,a:focus{text-decoration:none}

img{image-rendering: -webkit-optimize-contrast;}



.header{height:118px;background:#fff;width:100%; position:fixed; z-index:999; display:flex;justify-content: center;}

.header.pages-header{background:#fff;border-bottom:none;-moz-box-shadow:8px 8px 15px rgba(0,0,0,0.07); -webkit-box-shadow:8px 8px 15px rgba(0,0,0,0.07); box-shadow:8px 8px 15px rgba(0,0,0,0.07);}

.header .logo{float:left;margin-top:15px;}



.nav-trigger{position: relative;float: right;height: 45px;width: 45px;margin-top: 37px;overflow: hidden;

text-indent: 100%;white-space: nowrap;color: transparent;}

.nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px;   height:2px;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000}

.nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;}

.nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;}

.nav-trigger span::before {bottom: 8px;}

.nav-trigger span::after {top: 8px;}

.nav-trigger.on span {background-color: rgba(255, 255, 255, 0);}

.header.pages-header .nav-trigger.on span {background-color: rgba(0, 0, 0, 0);}

.nav-trigger.on span::before, .nav-trigger.on span::after {background-color:#fff;}

.header.pages-header .nav-trigger.on span::before,.header.pages-header .nav-trigger.on span::after {background-color:#000;}

.nav-trigger.on span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}

.nav-trigger.on span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}



.header .my-nav-drop{width: 100%;text-align: center;background:#fff;border-top: 1px solid #e3e3e3;position: absolute;top: 80px;left:0; padding: 0;display: none;z-index:999;padding: 0;}

.header .my-nav-drop li{list-style: none;line-height:40px;border-bottom:1px solid #e3e3e3;}

.header .my-nav-drop li a{color: #555;font-size: 14px;}



.main h2{ color:#999; font-size:24px;}

#fw{padding:26px 10px; width:1000px; margin:0 auto;}



#fw li{float:left; margin:20px 30px; width:171px; text-align:center; list-style:none}



#fw li p{text-align:center; padding-top:30px; color:#000; font-size:16px; line-height:35px; font-weight:bold;}

.main-1 .main{ text-align:center; clear:none; }

.main-1 .main h3{ color:#999;}

.main-1 #new li{ list-style:none; float:left}

#new { margin-top:30px;}

.mainlevel{ position:relative}

.mainlevel1{ display:none; width:200px; overflow:hidden; height:auto; position:absolute;top:120px; left:50%; z-index:100; background-color:#FFFFFF; }

.mainlevel1 li{ width:100%; line-height:1.5;overflow:hidden;}



#sfw{ display:none}

ul#new{padding:30px;}



ul#new li{float:left; width:298px; background:#fff; display:block; margin-bottom:60px; margin-left:60px;}



ul#new li h4{padding:5px 5px; font-size:16px; font-weight:bold;line-height:25px; color:#333;}



ul#new li p{padding:5px 10px; color:#666; line-height:26px; text-align:left;}

ul#new li p a{ color:#000000;font-size:15px}



ul#new1{margin-top:30px; margin-bottom:30px; display:flex;}



ul#new1 li{float:left; width:333px; background:#fff; display:block; margin-bottom:80px; margin-left:22px;}



ul#new1 li h4{padding:3px 10px; font-size:16px; line-height:35px; color:#333; font-weight:bold}



ul#new1 li p{padding:0px 10px; color:#666; line-height:20px;}

ul#new1 li p a{ color:#000000}

.main h5{text-align:center; font-size:36px; line-height:45px; font-weight:normal; color:#000; padding-top:30px;}

.main h6{text-align:center; font-size:24px; font-weight:normal;  line-height:45px; color:#999;}

.tu{margin:20px; float:left; width:45%; margin-left:5%;}

.tu img{}

.wz{float:left; width:45%; text-align:left}



.wz p{padding:30px; font-size:14px; line-height:30px; color:#666;}



.wz span{width:120px; height:35px; line-height:35px; background:#333; display:block; margin:20px; text-align:center; color:#fff;}



.wz span a{width:120px; height:35px; line-height:35px; background:#333; display:block; text-align:center; color:#fff;}



.wz span a:hover{width:120px; height:35px; line-height:35px; background:#36a1d7; display:block; text-align:center; color:#fff;}



/*about*/

.zuo1{width:237px; background:#ff; display:block;}



.tit121{background:#0d90d2; display:block; text-align:center;}



.tit121 h3{font-size:16px; color:#fff; line-height:55px; font-weight:normal; padding-right:10px;display:inline-block;}



.tit121 h4{font-family:Arial, Helvetica, sans-serif; line-height:35px; color:#fff; display:inline-block;}



.zuo1 ul{background:#fff; display: block; overflow:hidden;}



.zuo1 ul li{margin:5px 0px; background:#ECECED; text-align:center; line-height:35px;}



.zuo1 ul li a{ text-align:center; line-height:35px; color:#000000; font-size:12px;}



.zuo1 ul li a:hover{background:#0d90d2; display:block; text-align:center; color:#fff; text-decoration:none;line-height:35px;}

.container{ padding-left:0px;}

.y1{border-bottom:1px solid #eee; overflow:hidden; padding:10px; padding-left:15px;}

.y1 a{ color:#333333} 

.y1 h5{font-size:18px; line-height:35px; float:left;}



.y1 p{float:right; padding-right:10px; font-size:14px; line-height:35px;}



/*news*/

.xfd{ width:100%; list-style:none; clear:both; text-align:left}

.xfd li a{ color:#000000; font-size:12px;}

.xfd li{ text-align:left !important; border-bottom:dashed 1px #eeeeee; padding-left:15px; height:35px; line-height:35px;}

.xfd_date{ float:right; padding-right:15px;}

.news_title{ height:80px; background-color:#fff; text-align:center;}

.page { margin-top:25px;}

.page a{ color:#000}

/*导航*/

.product li{ width:25%; float:left; height:191px; overflow:hidden; margin-bottom:10px;}







@media (min-width:992px) {

.my-nav{float: left;}

.my-nav{padding: 0;margin-bottom: 0; padding-left:15px;}

.my-nav li{list-style:none;float: left;height:87px;line-height:120px; font-weight:bold;}

.my-nav li a{color: #000;font-size: 14px;display: block;padding:0 5px;margin:0px;position:relative;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.my-nav li a:after{content:""; height:2px;position: absolute;bottom:0;left:50%;width:0;background: #fa0000;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.my-nav li a:hover{color: #fa0000;}

.my-nav li a:hover:after{width: 100%;left: 0}

.header .logo{margin-left:5px;}



.header.pages-header .my-nav li a{color: #969696;}

.header.pages-header .my-nav li a:hover{color: #fa0000;}

}

@media (min-width:1200px) {

	.my-nav li a{padding:0 5px;margin:0 18px;}

}



.lx-banner{position:relative; padding-top:140px;}

.lx-banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px}

.lx-banner .swiper-pagination-bullet{width:10px;height:10px;background:rgba(0,0,0,0.5);opacity: 1;}

.lx-banner .swiper-pagination-bullet-active{background: #fff;}

.lx-banner .slogan{position: absolute;left:62.5%;top:0px;height:90%; color: #fff;display: -webkit-flex; display:flex;-webkit-align-items: center;align-items: center;

  -webkit-justify-content: center;justify-content: center;}

.lx-banner .slogan h3{font-size:24px;font-family: 'gotham-medium';margin: 0;display: block;}

.lx-banner .slogan h3.hcn{font-size:20px;margin-bottom:3px;}

.lx-banner .slogan h3 sup{font-size:14px;}

.lx-banner .slogan p{font-size:12px;display: block;overflow: hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.lx-banner .slogan .go{width:80px; height: 20px;line-height: 20px;background:#fa0000;text-align: center;display: block;position:relative;}

.lx-banner .slogan .go img{position:absolute;z-index:999;top:50%;margin-top:-3px; left:50%;margin-left: -17px;}



@media (max-width:320px) {

	.lx-banner .slogan{}

}

@media (min-width:768px) {

	.lx-banner .slogan{}

	.lx-banner .slogan h3{font-size:60px;}

	.lx-banner .slogan h3.hcn{font-size:40px;margin-bottom:20px;}

	.lx-banner .slogan h3 sup{font-size:30px;}

	.lx-banner .slogan p{font-size:18px;margin-top:10px;}

	.lx-banner .slogan .go{width:120px; height:30px;margin-top:20px;}

}

@media (min-width:992px) {

	.lx-banner .slogan{}

	

	.lx-banner .slogan h3{font-size:64px;}

	.lx-banner .slogan h3.hcn{font-size:50px;margin-bottom:25px;}

	.lx-banner .slogan h3 sup{font-size:30px;}

	.lx-banner .slogan p{font-size:24px;margin-top:10px;}

	.lx-banner .slogan .go{width:160px; height:40px;margin-top:30px;}

	.lx-banner .slogan .go img{margin-left: -22px;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

	.lx-banner .slogan .go:before{background:#fe6b6b;display: block;content:"";height:100%;width:0;position: absolute; z-index:1;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;top: 0}

	.lx-banner .slogan .go:hover:before{width:100%;}

	.lx-banner .slogan .go:hover img{margin-left:-10px;}



}

@media (min-width:1200px) {

	.lx-banner .slogan{}

	.lx-banner .slogan h3{font-size:72px;}

	.lx-banner .slogan h3.hcn{font-size:50px;margin-bottom:25px;}

	.lx-banner .slogan h3 sup{font-size:30px;}

	.lx-banner .slogan p{font-size:24px;margin-top:10px;}

	.lx-banner .slogan .go{width:160px; height:40px;margin-top:30px;}

}







.lx-count{text-align: center;padding-bottom: 15px;padding-top: 10px;}

.lx-count h3{font-family:"gotham-medium";font-size:40px;color:#fa0000;margin-top: 10px; margin-left:10px}

.lx-count h3 em{font-style: normal;font-size:16px; vertical-align: top}

.lx-count p{color: #515151;font-size:16px;}



@media (max-width:320px) {

.lx-count p{font-size:16px;}

}

@media (min-width:768px) {



	.lx-count{padding-bottom:25px;}

	.lx-count h3{ margin-left:12px}

	.lx-count h3 em{font-size:20px;}

	.lx-count p{font-size:16px;}

}

@media (min-width:992px) {



	.lx-count{text-align: center;padding-bottom:60px;padding-top:20px;}

	.lx-count h3{font-size:60px; margin-left:15px}

	.lx-count h3 em{font-size:24px;}



}





.lx-system{height: 100%;overflow: hidden;}

.lx-system .row {background:url(../images/bgj.jpg) repeat !important;}

.main-2{background:url(../images/bgh.jpg) repeat !important;}

.lx-system .row div{padding:auto 0; }

.lx-system .systeminfo{background:#f4f4f4;height: 100%; padding-top:30px;padding-bottom:50px;text-align: center;color: #fff;}

.lx-system .systeminfo img{max-width:200px;margin-top:30px;}

.lx-system .title{font-size:24px;}

.lx-system .subtitle{font-size:16px;}



.systeminfo .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,0.4);opacity: 1;}

.systeminfo .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}

.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;}





@media (min-width:768px) {



	.lx-system .systeminfo{padding-top:50px;padding-bottom:80px;}

	.lx-system .title{font-size:36px;}

	.lx-system .subtitle{font-size:20px;}

	.lx-system .systeminfo img{max-width:300px;margin-top:40px;}

}

@media (min-width:992px) {

	.lx-system .systeminfo{padding-top:50px;padding-bottom:50px;}

.lx-system .row{display: -webkit-flex; display:flex;-webkit-align-items: center;align-items: center;

  -webkit-justify-content: center;justify-content: center;background:#ffffff; }

}



@media (min-width:1200px) {

	.lx-system .systeminfo{padding-top:60px;padding-bottom:60px;}

	.lx-system .title{font-size:48px;}

	.lx-system .subtitle{font-size:24px;}

	.lx-system .systeminfo img{max-width:360px;margin-top:50px;}	

}

@media (min-width:1600px) {

	.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;}

}



.lx-template{padding-bottom: 30px;}

.template-title{text-align: center;padding-top:10px;}

.template-title h3{font-size: 24px;}

.template-title p{font-size: 12px;font-family:'gotham-black';font-style: normal; color: #777;text-transform:uppercase}

.template-title em{display: block;margin: 0 auto;height: 3px;background: #fa0000;width:20px;}

.template-list{margin-top:30px;}

.template-list ul {padding: 0;}

.template-list ul li{list-style: none;text-align: center;margin-bottom:0px;-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;padding-top:25px; overflow:hidden; border-radius:20px;}

.template-list ul li img{margin:0 auto; transition:all 0.25s; position:relative; top:0;}

.template-list ul li h4{margin-top:0px;font-size: 16px;transition:all 0.25s;}

.template-list ul li p{font-size:18px;color: #e50000;margin-left: 5px;}

.template-list ul li p sup{font-size:14px;}

.template-list .more{display: block;width:160px; height:40px;border:1px solid #dcdcdc;margin: 0 auto;background: url(../images/more.png) center center no-repeat;}

.template-list ul li:hover{box-shadow:0px 10px 20px 10px #ecebeb;-webkit-box-shadow:0px 10px 20px 10px  #ecebeb;-moz-box-shadow:0px 10px 20px 10px  #ecebeb;opacity: 1;}

.template-list ul li:hover img{top:-10px;}

.template-list ul li:hover  h4{ color:#919191}



@media (max-width:320px) {

.template-title h3{font-size: 20px;}

}

@media (min-width:768px) {



	.template-title{text-align: center;padding-top:30px;}

	.template-title h3{font-size:36px;margin-bottom: 20px;}

	.template-title p{font-size: 14px;margin-bottom: 20px;}

	.template-list{margin-top:40px;}

	.template-list ul li{margin-bottom:0px;border-radius:25px;}

	.template-list ul li h4{font-size:18px;}

	.template-list ul li p{font-size:26px;margin-left:6px;}

	.template-list ul li p sup{font-size:16px;}

	.template-list .more{width:220px; height:50px;}

}

@media (min-width:992px) {

	.lx-template{padding-bottom:70px;}

	.template-title h3{font-size:48px;margin-bottom: 20px;}

	.template-title p{margin-bottom: 25px;}

	.template-list{margin-top:50px;}

	.template-list ul li{border-radius:30px;}

	.template-list .more{width:280px; height:60px;position: relative;overflow: hidden;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

	.template-list .more:before{content:"";background:rgba(169,169,169,0.3);border-radius:50%;display:block;position:absolute;opacity:0.5;transition:all 0.5s ;}

	.template-list .more:hover:before{padding-top:240%;padding-left:240%;margin-top:-120%;margin-left:-120%;opacity:1;transition:all 0.5s}

	.template-list .more:hover{border:1px solid #cecece;}

}





.lx-trusteeship{background:#181818 url(../images/trusteeship.jpg) top center no-repeat;background-size: cover;overflow: hidden;}

.lx-trusteeship h1{color: #fff;text-align: center;font-size: 24px;padding-top: 10px;margin-bottom:30px;}

.lx-trusteeship ul {padding: 0;}

.lx-trusteeship ul li{text-align: center;margin-bottom: 10px;}

.lx-trusteeship ul li img{width:60px;margin-bottom:10px;}

.lx-trusteeship ul li h5{color: #fff;font-size:16px;margin-bottom:10px;}

.lx-trusteeship ul li span{display:inline-block;margin:0 3px;color: #797979;}



@media (max-width:320px) {



.lx-trusteeship h1{font-size:20px;}

}

@media (min-width:768px) {



	.lx-trusteeship h1{font-size:36px;padding-top:20px;margin-bottom:40px;}

	.lx-trusteeship ul li{margin-bottom:20px;}

	.lx-trusteeship ul li img{width:70px;margin-bottom:20px;}

	.lx-trusteeship ul li h5{font-size:20px;margin-bottom:20px;}

	.lx-trusteeship ul li span{display:inline-block;margin:0 3px;color: #797979;font-size: 14px;}

}

@media (min-width:992px) {



	.lx-trusteeship h1{font-size:48px;padding-top:60px;margin-bottom:50px;}

	.lx-trusteeship ul li{margin-bottom:20px;border:1px solid transparent;padding:50px 0 40px;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

	.lx-trusteeship ul li:hover{border:1px solid rgba(255,255,255,0.2);}

	.lx-trusteeship ul li img{width:70px;margin-bottom:35px;}

	.lx-trusteeship ul li h5{font-size:20px;margin-bottom:30px;}

	

}



@media (min-width:1024px) {

ul#new li{ margin-left:20px;}

ul#new1 li{ margin-left:20px; width:218px;flex:1}

ul#new1 li img{ width:100%;}

}

.lx-manito{background:#f4f4f4;padding-bottom:20px;}

.lx-manito h1{color: #1e1e1e; text-align: center;font-size: 24px;padding-top:10px;margin-bottom:20px;}

.staff-list{text-align: center; position:relative;padding-bottom:50px;}

.staff-list .swiper-slide	{position:relative;padding-top:80px;}

.staff-list .swiper-slide .info{border:1px solid #c8c8c8;width: 100%;height: 100%;position:relative;padding-top:80px;}

.staff-list .swiper-slide .face{margin: 0 auto;display: block;position:absolute;top:-80px;left: 50%;margin-left: -100px; background:#f4f4f4;padding:0 20px;width:200px; text-align: center;}

.staff-list .swiper-slide h3{font-size:22px;color:#1f1f1f;}

.staff-list .swiper-slide span{color: #323232;font-size:16px;display:inline-block;}

.staff-list .swiper-slide em{display: block;margin: 0 auto;height:4px;background:#fa0000;width: 20px;margin-top: 10px;}

.staff-list .swiper-slide p{color: #787878;font-size:12px;line-height:24px;position:relative;padding:20px 25px;}

.staff-list .swiper-pagination-bullet{width:10px;height:10px;background:#b4b4b4;opacity: 1;}

.staff-list .swiper-pagination-bullet-active{background: #323232;}



@media (max-width:320px) {

.lx-manito h1{font-size:20px;}

}

@media (max-width:768px) {

.header{ width:100%;box-sizing:border-box;}

#fw{ width:768px; display:flex;flex-flow: row wrap;}

#fw li{ width:50%; flex:1; float:none}

#new1,#new{ display:flex;flex-flow: row wrap;justify-content:center;}

ul#new1 li { width:310px;}

#new1 li img{ width:300px;}

ul#btm li{ padding:10px 4px !important;}

}

@media (min-width:768px) {



	.lx-manito{padding-bottom:30px;}

	.lx-manito h1{font-size:36px;padding-top:20px;margin-bottom:30px;}

	.staff-list{padding-bottom:60px;}

	.staff-list .swiper-slide	{padding-top:90px;}

	.staff-list .swiper-slide .info{padding-top:80px;}

	.staff-list .swiper-slide .face{top:-80px;left: 50%;margin-left: -100px;padding:0 30px;width:220px;}

	.staff-list .swiper-slide h3{font-size:24px;}

	.staff-list .swiper-slide span{font-size:16px;}

	.staff-list .swiper-slide em{margin-top: 20px;}

	.staff-list .swiper-slide p{padding:20px 0px;max-width: 500px;text-align: center;margin:0 auto}

	.staff-list .swiper-pagination-bullet{width:10px;height:10px;background:#b4b4b4;opacity: 1;}

	.staff-list .swiper-pagination-bullet-active{background: #323232;}

}

@media (min-width:992px) {

	.lx-manito{padding-bottom:60px;}

	.lx-manito h1{font-size:48px;padding-top:60px;margin-bottom:40px;}

	.staff-list{padding:0 18%;padding-bottom:90px;}

	.staff-list .swiper-slide h3{margin-top: 30px;}

	.staff-list .swiper-slide span{margin-top: 10px;}

	.staff-list .swiper-slide em{margin-top:30px;}

	.staff-list .swiper-slide .info{padding-bottom:30px;}

	.staff-list .swiper-button-next,.teacherroll .swiper-button-prev{top:auto;margin: 0;background:url(../images/arrow.png) no-repeat;height:27px;width:15px;}

	.staff-list .swiper-button-next{right:10%;background-position: right bottom}

	.staff-list .swiper-button-prev{left:10%;background-position: left bottom}

	.staff-list .my-pagination{position: absolute;bottom:auto;top:50%;left: 0;margin-top:-13px; width: 100%;height:27px;}

	.staff-list .swiper-button-next:hover{background-position: right top}

	.staff-list .swiper-button-prev:hover{left:10%;background-position: left top}

}





.footer{ color:#FFFFFF; clear:both;}

.finfo{background:#333333;padding:20px 0; text-align: left; height:auto; padding-bottom:0px !important;}

.finfo .company{font-size: 18px;color: #323232;margin-bottom:15px;}

.finfo .address{color: #777;font-size: 14px;line-height: 24px;}

.finfo .ficons{margin-top:10px;}

.finfo .ficons i{color: #a0a0a0;font-size:24px;margin-right:10px;}

.finfo .telphone{margin-top:10px;}

.finfo .telphone p{color: #e50000;font-size:20px;font-family:"gotham-medium";font-weight: normal;}

.finfo .telphone span{color:#777;font-size: 12px;font-style: normal;}



.copyright{line-height:25px;padding:15px 0; color: #777777;text-align: center; clear:both; background-color:#000;box-sizing:border-box;}

.footer .fg{display: block;}

ul#btm{padding:5px;width:1040px; margin:0 auto;box-sizing:border-box;}



ul#btm li{float:left; padding:10px 27px;line-height:30px; color:#fff; list-style:none; margin-right:0px;}



ul#btm li a{float:left;line-height:30px; color:#fff;}



ul#btm li a:hover{float:left;line-height:30px; color:#fff;}



ul#btm li p{text-align:left; line-height:30px; color:#fff; }



.er{margin:5px; float:right;}

.er p{ text-align:center !important;}



ul#btm li h6{font-size:16px; font-weight:normal;  padding-bottom:20px;}



.btm{width:100%; background:#222222; display:block; text-align:center; line-height:30px; color:#fff; font-size:14px;}

@media (min-width:768px) {



	.finfo{padding:30px 0;}

	.finfo .company{font-size:24px;}

	.finfo .telphone p{font-size:24px;}

	.finfo .telphone span{font-size: 16px;}

	.copyright{font-size:14px;}

	.footer .fg{display: inline-block;margin-left: 10px;}

}

@media (min-width:992px) {

	.finfo{padding:40px 0;}

	.finfo-left{float: left;text-align: left;}

	.finfo .zipcode{margin-left:30px;}

	.finfo .telphone{margin-top:0px;float: right;text-align: right;}

	.finfo .telphone p{font-size:24px;}

	.finfo .telphone span{font-size: 12px;}

	.finfo .fg{margin-left: 30px;}

}







.about-banner{background: url(../images/a801f4e187458856b66866af5ce4290a.jpg) top center no-repeat; background-size:cover;text-align: center; height:400px;}

.lx-ico{background: url(../images/lx-ico.png) no-repeat;background-size:cover;max-width:30px;height: 30px;display:block;margin: 0 auto;}

.about-banner p{font-size:14px;color: #fff;margin-top:20px;}

.about-banner span{font-size:12px;color: #999;font-family:"Times New Roman";text-transform:uppercase;padding:0 30px;display: inline-block;}



@media (min-width:768px) {

	.about-banner{padding:40px 50px;}

	.lx-ico{max-width:40px;height:40px;}

	.about-banner p{font-size:18px;margin-top:20px;line-height:40px;}

	.about-banner span{font-size:14px;line-height:30px;}

}

@media (min-width:992px) {

	.about-banner{padding:50px 50px;}

	.lx-ico{max-width:52px;height:52px;}

	.about-banner p{font-size:20px;margin-top:20px;line-height:40px;}

	.about-banner span{font-size:14px;line-height:30px;}

}

@media (min-width:1200px) {

	.about-banner{padding:60px 50px;}

	.about-banner p{font-size:22px;margin-top:20px;line-height:40px;}

	.about-banner span{font-size:16px;line-height:30px;max-width:800px;}

}



.pages-about{ width:1100px; margin:0 auto;}

.about1{background: #fff;padding: 20px 0 0px; width:800px; float:right;}

.about2{background: #f4f4f4;padding: 20px 0; width:240px; float:left;word-wrap:break-word ; overflow:hidden;}

.about2 p{word-wrap:break-word ; font-size:12px; padding-left:10px; padding-top:10px};

.about-info{color: #777;font-size: 12px;}

.about-info .title{}

.about-info .title h3{font-size:20px;color: #333;}

.about-info .title span{margin-bottom:10px;display: inline-block;color: #929292;}



.about-info ul{padding: 0;}

.about-info ul li{list-style: none;text-align: center;}

.about-info ul li img{margin: 0 auto}

.about-info ul li p{margin-top:10px;}



@media (min-width:768px) {

/*	.about1{padding:30px 0 10px}

	.about2{padding:30px 0}*/

	.about-info{font-size: 14px;}

	.about-info .title h3{font-size:22px;}

	.about-info .title span{font-size: 14px;margin-bottom:20px;}

	.about-info ul{padding: 0;}

}

@media (min-width:992px) {

/*	.about1{padding:50px 0 20px}

	.about2{padding:50px 0}*/

	.about-info .title h3{font-size:24px;}

	.about-info .title span{margin-bottom:30px;}

	.about-info ul{padding: 0;}

}





#map{width: 100%;height:250px;}

.contact-info{color: #777;font-size: 12px;text-align: center;padding-bottom:20px;}

.contact-info .title{text-align: center;border-bottom: 1px solid #eee;}

.contact-info .title h3{font-size:20px;color: #333;}

.contact-info .title span{margin-bottom:10px;display: inline-block;color: #929292;}



.contact-info ul{padding: 0;margin:20px 0}

.contact-info ul li{list-style: none;text-align: center;margin-bottom:20px;}

.contact-info ul li img{margin: 0 auto}

.contact-info ul li p{font-size: 18px;margin-top: 10px;margin-bottom:0;color: #333;}

.contact-info ul li span{font-family:'gotham-black';font-size:16px;color: #fa0000;}

.contact-info ul li em{font-style: normal;font-size:14px;color: #fa0000;}

.contact-info b{color: #fa0000;margin:10px 0;display: inline-block;font-weight: normal;}



@media (min-width:768px) {

	#map{height:400px;}

	.contact-info{font-size: 14px;padding-bottom:30px;}

	.contact-info .title h3{font-size:24px;color: #333;margin-top: 30px;}

	.contact-info .title span{font-size: 14px;margin-bottom: 20px;}

	.contact-info ul{margin-top:50px;}

	.contact-info ul li{margin-bottom:30px;}

	.contact-info ul li p{font-size: 18px;margin-top: 10px;margin-bottom:0;color: #333;}

	.contact-info ul li span{font-size:20px;}

	.contact-info ul li em{font-size:16px;}

	.contact-info b{font-size: 14px;}

}

@media (min-width:992px) {

	#map{height:500px;}

	.contact-info{font-size: 14px;padding-bottom:50px;}

	.contact-info .title h3{font-size:32px;color: #333;}

	.contact-info .title span{margin-bottom:30px;}

	.contact-info ul{margin-top:60px;}

	.contact-info ul li{margin-bottom:30px;}

	.contact-info ul li p{font-size: 18px;margin-top: 10px;margin-bottom:0;color: #333;}

	.contact-info ul li span{font-size:24px;}

	.contact-info ul li em{font-size:16px;line-height:42px;}

}





.template-banner{background: url(../images/pages/templatebanner.jpg) top center no-repeat; background-size:cover;padding:30px 20px;text-align: center;}

.template-banner p{font-size:24px;color: #fff;margin-top:20px;}

.template-banner span{font-size:12px;color:rgba(255,255,255,0.5);font-family:"Times New Roman";text-transform:uppercase;padding:0 30px;display: inline-block;}

@media (min-width:768px) {

	.template-banner{padding:40px 20px;}

	.template-banner p{font-size:36px;color: #fff;margin-top:20px;}

	.template-banner span{font-size:14px;}

}

@media (min-width:992px) {

	.template-banner{padding:50px 20px;}

	.template-banner p{font-size:48px;color: #fff;margin-top:20px;}

}



.template-info{background:#f4f4f4}

.template-info .cate{padding:20px 0;text-align: center;background:#fff;}

.template-info .cate a{display: inline-block;margin:5px 6px;color: #646464;font-size: 12px;padding:5px 10px;transition:all 0.25s}

.template-info .cate a:hover,.template-info .cate a.on{background:#323232;color: #fff;}

.pages-tamplate{}

@media (min-width:768px) {

	.template-info .cate a{margin:5px 6px;font-size: 12px;padding:5px 10px;}

}

@media (min-width:992px) {

	.template-info .cate a{margin:5px 6px;font-size: 14px;padding:5px 10px;}

}





.website-chose{}

.website-chose ul{padding:0;margin-bottom: 0}

.website-chose ul li{list-style: none;text-align: center;}

.website-chose ul li i{display: block;margin:0 auto;width:40px; height:40px;}

.website-chose ul li i.i1{background: url(../images/pages/wi1.png) top center no-repeat;background-size: cover;}

.website-chose ul li i.i2{background: url(../images/pages/wi2.png) top center no-repeat;background-size: cover;}

.website-chose ul li i.i3{background: url(../images/pages/wi3.png) top center no-repeat;background-size: cover;}

.website-chose ul li a{color: #313131;font-size: 14px;display: block;padding: 40px 0;border-bottom: 2px solid transparent}

.website-chose ul li a p{margin-top: 10px;}

.website-chose ul li:hover a,.website-chose ul li.on a{border-bottom:2px solid #fa0000;color: #fa0000;}

.website-chose ul li:hover i,.website-chose ul li.on i{background-position:bottom center;}



.website-info{background: #f7f7f7;padding-bottom:30px;}

.website-info .info-title{text-align: center;padding: 20px 0}

.info-title h2{color: #434343;font-size:30px;}

.info-title span{color: #999999;font-size: 12px;text-transform:uppercase;}

.info-title h3{color: #e60013;font-size:45px;margin-top: 10px;}

.info-title h3 sub{color: #e60013;font-size:16px;margin-left:8px;}

.info-title p{color: #434343;font-size: 14px;text-align: center;}



.website-info table{text-align: center;}

.website-info table tr td,.website-info table tr th{text-align: center;vertical-align: middle;border-color:#d2d2d2;padding: 10px 0;font-weight: normal;}

.website-info table tr th{color: #e60013;font-size: 14px;}

.website-info table tr td{color: #333333;font-size: 12px;}

.website-info table tr td span{color: #e60013}

.website-info .supplement{font-size: 12px;color: #434343;margin-left: 5%;line-height:2}



.website-info .buy{width:200px; height:40px;line-height:40px;text-align: center;display: block;position:relative; border:1px solid #fa0000;font-size: 14px;color: #fa0000;margin:0 auto;margin-top:20px;}

.website-info .buy img{margin-left:5px;margin-right: -20px;}





@media (min-width:768px) {



	.website-info{background: #f7f7f7;padding-bottom:40px;}

	.website-chose ul li i{display: block;margin:0 auto;width:50px; height:50px;}

	.website-chose ul li a{font-size:22px;}

	.website-info .info-title{padding:30px 0}

	.info-title h2{font-size:42px;}

	.info-title span{font-size: 14px;}

	.info-title h3{font-size:60px;margin:20px 20px;}

	.info-title h3 sub{font-size:20px;margin-left:12px;}

	.info-title  p{font-size: 14px;}

	.website-info table tr td,.website-info table tr th{padding:15px 0;}

	.website-info table tr th{font-size: 16px;}

	.website-info table tr td{font-size: 14px;}

	.website-info .supplement{font-size: 14px;}

	.website-info .buy{width:240px; height:50px;line-height:50px;font-size: 16px;margin-top:30px;}

	.website-info .buy img{margin-left:5px;margin-right: -20px;}

}

@media (min-width:992px) {



	.website-info{background: #f7f7f7;padding-bottom:50px;}

	.website-chose ul li a{font-size:26px; margin:0 50px;}

	.website-info .info-title{padding:40px 0}

	.info-title h2{font-size:45px;}

	.info-title p{font-size: 18px;}

	.website-info table tr td,.website-info table tr th{padding:20px 0;}

	.website-info table tr th{font-size:20px;}

	.website-info table tr td{font-size:16px;}

	.website-info .buy{width:280px; height:60px;line-height:60px;font-size: 18px;margin-top:50px;}

	.website-info .buy img{margin-left:5px;margin-right: -20px;}

	.website-info .buy:before{background:rgba(249,157,157,0.2);display: block;content:"";height:100%;width:0;position: absolute; z-index:1;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;top: 0}

	.website-info .buy:hover:before{width:100%;}

}

@media ( max-width:640px) {

.nav-trigger{ margin-top:27px;}

.header .logo{ width:80%;}

#fw,.y1{ display:none }

ul#btm{ width:auto;}

#sfw{ display:block;}

#sfw li{ float:left; list-style:none; font-size:12px; width:120px; margin-left:16px;}

#sfw li p{ font-size:12px;}

ul#new li{ margin-left:0px;}

#btm{ width:100%;}

.tu{ margin-left:4%;}

.wz{ height:94px; overflow:hidden}

ul#btm li{ padding:5px 20px !important;word-wrap:break-word ;}

.qzhhf{ float:none; clear:both}

.main h1{ font-size:18px;}

.main h2{ font-size:16px;}

.header{ width:100%;}

.finfo{ height:auto;}

.er{ margin-left:10px;}

.about-banner{ height:200px;}

ul#new1 li{ margin-left:0px;}

.pages-about{ width:100%;}

.about2{ display:none}

.about1{ float:none; width:100%; clear:both; padding:10px;}

.about-info p{word-break:break-all}

.container p ,.about-info .title{ padding:6px;}

ul#new1{ padding-left:25px}

.product li{ width:50%; float:left;}

.container p img { width:90%}

}

@media ( max-width:375px){

.container p img { width:90%}

}

@media ( max-width:414px){

#sfw li{ margin-left:22px;}

}

@media ( max-width:375px){

#sfw li{ margin-left:6px;}

ul#btm li{ padding:10px 25px !important;}

.qzhhf{ display:none}

}



@media ( max-width:360px){

#sfw li{ margin-left:3px;}



}

ul#new1{ width:1200px; margin:0 auto;}

.box-company-wrap{

    background:#f8f8f8;

    position:relative;

    z-index:12;

}

.box-company-wrap .box-company{

    width:1200px;

    margin:0 auto;

}

.box-company-wrap .box-company .title-wrap-common h2{

    left:-290px;

}

.box-company-wrap .box-data li{

    float:left;

    text-align:center;

    margin-top:110px;

    margin-right:110px;

}

.box-company-wrap .box-data li h2{

    font-size:80px;

}

.box-company-wrap .box-data li h2 sup{

    font-size:40px;

    margin-left:3px;

}

.box-company-wrap .box-data li p{

    color:#666;

    font-size:18px;

}

.box-company-wrap .logo-list{

    width:1200px;

    margin:60px 0;

    overflow:hidden;

}

.box-company-wrap .logo-list li{

    float:left;

    width:220px;

    /*height:100px;*/

    margin-right:20px;

    margin-bottom:20px;

    overflow:hidden;

    /*line-height:100px;*/

    text-align:center;

    position:relative;

}

.box-company-wrap .logo-list li img{

    max-width:100%;

    vertical-align:middle;

}

.box-company-wrap .logo-list li:first-child img{

    max-height: 100px;

}

.box-company-wrap .feedBack-wrap{

    clear:both;

    width:1200px;

	height:430px;

	padding-top:10px;

    overflow:visible;

    margin:30px auto 0;

    padding-bottom:10px;

    position:relative;

}

.box-company-wrap .feedBack-wrap .icon-dot{

    display:block;

    width:67px;

    height:60px;

    position:absolute;

    z-index:10;

    left:27%;

	top:81%;

    bottom:110px;

    background-size:cover;

	background: url(../images/indexquotes.png) center center no-repeat;

}



.box-company-wrap .feedBack-wrap .swiper-container {

    width: 1404px;

    margin-left:-102px;

}



.box-company-wrap .feedBack-wrap  .swiper-slide {

    width:702px;

    background: #fff;

    /*opacity:.6;*/

    /*visibility:hidden;*/

}





.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide {

    -webkit-transition: transform 1.0s;

    -moz-transition: transform 1.0s;

    -ms-transition: transform 1.0s;

    -o-transition: transform 1.0s;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

    opacity:.7;

}

.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide.swiper-slide-prev{

    transform:scale(0.8) translateX(480px);

}

.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide.swiper-slide-next{

    transform:scale(0.8) translateX(-480px);

}



@media screen and (max-width: 702px) {

    .box-company-wrap .feedBack-wrap .swiper-container .swiper-slide {

        -webkit-transform: scale(0.97);

        transform: scale(0.97);

    }

}



.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide-active,.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide-duplicate-active {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity:1;

    z-index:10;

}



@media screen and (max-width: 702px) {

    .box-company-wrap .feedBack-wrap .swiper-container .swiper-slide-active,.box-company-wrap .feedBack-wrap .swiper-container .swiper-slide-duplicate-active {

        -webkit-transform: scale(0.97);

        transform: scale(0.97);

    }

}

.box-company-wrap .feedBack-wrap .feedBack-con{

    width:100%;

    border:1px solid #ebebeb;

    background-color:#fff;

    padding:50px 55px 30px;

    text-align:center;

    cursor:pointer;

}

.box-company-wrap .feedBack-wrap .feedBack-con .feedBack-info{

    color:#000;

    font-size:18px;

    height:54px;

    font-style:italic;

    overflow:hidden;

    margin-bottom:30px;

}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info{}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info .img-wrap{

    margin:30px auto 10px;

    width:120px;

    height:120px;

    overflow:hidden;

    border-radius:50%;

}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info img{

    max-width:100%;

    max-height:100%;

}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info > img{

    width:180px;

}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info h2{

    font-size:20px;

	color:#000;

}

.box-company-wrap .feedBack-wrap .feedBack-con .user-info p{

    color:#666;

	font-size:14px;

}

.box-news-wrap{

    background-color:#fff;

    

}

.box-news-wrap .box-news{

    width:1200px;

    margin:0 auto;

    padding:100px 0;

}

.box-news-wrap .box-news .title-wrap-common a{

    margin-right:20px;

}

.box-news-wrap .news-list{

    overflow:hidden;

}

.box-news-wrap .news-list li{

    float:left;

    position:relative;

    width:282px;

    margin-right:18px;

    overflow:hidden;

    background-color:#f8f8f8;

}

.box-news-wrap .news-list li:last-child{

    margin-right:0;

}

.box-news-wrap .news-list li .img-wrap{

    display:block;

    width:100%;

    height:204px;

    position:relative;

}

.box-news-wrap .news-list li .img-wrap img{

    max-width:100%;

    /*max-height:100%;*/

    vertical-align:middle;

}

.box-news-wrap .news-list li .img-wrap .tag{

    display:block;

    position:absolute;

    left:10px;

    bottom:10px;

    background-color:#2b2b2b;

    color:#fff;

    font-family: PingFangSC-Light, sans-serif;

    padding:0 15px;

    line-height:40px;

}

.box-news-wrap .news-list li .news-info{

    padding:25px 30px;

    background-color:#f8f8f8;

}

.box-news-wrap .news-list li h2{

    color:#1A325D;

    font-size:16px;

    font-weight:normal;

    font-family: PingFangSC-Light, sans-serif;

    height:48px;

    line-height:24px;

    overflow:hidden;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2; /*此处可自定义省略行数*/

    -webkit-box-orient: vertical;

}

.box-news-wrap .news-list li .info{

    color:#666;

    min-height:60px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3; /*此处可自定义省略行数*/

    -webkit-box-orient: vertical;

    line-height:20px;

}