.wrap{ width:1200px; margin:0 auto; overflow:hidden;}

   .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
   .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
   .swiper-pagination-bullet-active{ background:#fff500;}
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px;}
   .swiper-pagination-bullet { width: 15px; height: 15px;}
   .swiper-pagination-bullet{ background:#fff;}
	
   .autoimg2 .swiper-button-next, .autoimg2 .swiper-button-prev{ background-color:rgba(1,28,47,0.3);}	
   .autoimg2 .swiper-button-next img, .autoimg2 .swiper-button-prev img{ width:30px; position:relative; top:15px; left:20px;}	
   .autoimg2 .swiper-button-next:hover, .autoimg2 .swiper-button-prev:hover{ background-color:rgba(255,245,0,0.5);}	
   
   
   
.header{ position:absolute; top:0; z-index:99; width:100%; height:100px; line-height:100px; background-color:rgba(1,28,47,.5);} 
.header .pull-left{ margin-top:13px;} 
.header .pull-left img{ width:161px;}
.header .nav-pc a{ color:#fff; font-size:18px; margin-left:20px; padding:10px 20px; opacity:1;}  
.header .nav-pc a:hover,.header .pull-right a.on{ background-color:rgba(1,28,47,1); border-radius:10px; color:#fff500;}
.header .nav-phone,.header .nav{ display:none;}

   
.header2{ height:100px; line-height:100px; background-color:#fff;} 
.header2 .pull-left{ margin-top:13px;} 
.header2 .pull-left img{ width:161px;}
.header2 .nav-pc a{ color:#333; font-size:18px; margin-left:20px; padding:10px 20px; opacity:1;}  
.header2 .nav-pc a:hover,.header2 .pull-right a.on{ background-color:rgba(1,28,47,1); border-radius:10px; color:#fff500;}
.header2 .nav-phone,.header2 .nav{ display:none;}


.footer{ overflow:hidden;}
.footer .wrap{ padding:0;}
.footer{ background-color:#011c2f; color:#fff; overflow:hidden;}
.footer p{ border-bottom:1px rgba(255,255,255,.2) solid; height:80px; line-height:80px; text-align:center;}
.footer p a{ color:#fff; margin-right:50px; font-size:18px;}
.footer ul{ overflow:hidden; padding:30px 0;}
.footer ul li{ float:left; width:20%; line-height:30px;}
.footer ul li:first-child{ width:20%; text-align:left;}
.footer ul li:first-child img{ margin-top:20px;}
.footer ul li:nth-child(2n){ width:50%; padding:0 5%; text-align:left; border-right:1px rgba(255,255,255,.2) solid; border-left:1px rgba(255,255,255,.2) solid;}
.footer ul li:last-child{ width:20%; text-align:left; padding-left:5%;}
.footer .copyright{ text-align:center; border-top:1px rgba(255,255,255,.2) solid; padding:10px 0; overflow:hidden;}

.spice1{ overflow:hidden; padding:50px 0;}
.spice1 .pull-left{  width:445px;}
.spice1 .pull-left img{ width:100%;}
.spice1 .pull-left .con{ position:absolute; z-index:9;  width:445px; height:auto; color:#666; padding:50px 40px;text-indent:25px;}
.spice1 .pull-left p{ margin-bottom:30px; line-height:26px;}
.spice1 .pull-right{ width:670px; margin-left:85px;}
.spice1 .pull-right .title{ font-size:48px; background:url(../images/title-bg-1.jpg) no-repeat left bottom; padding-bottom:15px;}
.spice1 .pull-right .con{ line-height:30px; color:#666; margin:50px 0;text-indent:35px;}
.spice1 .pull-right ul,.spice1 .pull-right ul li{ overflow:hidden;}
.spice1 .pull-right ul li{ overflow:hidden; line-height:26px; margin:20px 0;}
.spice1 .pull-right ul li img{ float:left; width:10%; margin-right:5%; display:block;}
.spice1 .pull-right ul li span{ float:left; width:80%; font-size:16px; position:relative; top:17px;}
.spice1 .pull-right ul li:first-child span{ top:7px;}


.spice2{ overflow:hidden; background:url(../images/spice-2-3.jpg) #011c2f no-repeat center center; padding:80px 0; color:#fff;}
.spice2 .pull-left{  width:47%;}
.spice2 .pull-left ul li:first-child{ margin-bottom:60px; overflow:hidden;}
.spice2 .pull-left ul li>img{ float:left; margin-right:40px;}
.spice2 .pull-left .con{ float:left; font-size:14px; line-height:26px;text-indent:25px}
.spice2 .pull-left .con span{ display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px rgba(255,255,255,.2) solid;}
.spice2 .pull-left .title11{ font-size:26px; color:#fff500; display:block; margin-bottom:10px; text-align:left;}
.spice2 .pull-left .con p img{ position:relative; top:6px; margin-right:10px;text-indent:25px}

.spice2 .pull-right{  width:53%; border:5px #fff solid; padding:60px;}
.spice2 .pull-right .title{ font-size:32px; background:url(../images/title-bg-2.jpg) no-repeat left bottom; padding-bottom:15px;}
.spice2 .pull-right .con{ font-size:18px; line-height:30px; margin:40px 0;text-indent:35px;}
.spice2 .pull-right a{ display:block; float:right; background-color:#ccc; height:50px; line-height:50px; text-align:center; color:#333; padding:0 30px;}

.spice3{ overflow:hidden; padding:60px 0;}
.spice3 .title{ font-size:48px; background:url(../images/title-bg-1.jpg) no-repeat center bottom; text-align:center; padding-bottom:20px; margin-bottom:60px;}
.spice3 .pull-left{ width:45%; float:left; margin-right:10%;}
.spice3 .pull-right{ width:45%; float:left; position:relative;}
.spice3 .pull-right p font{ display:block; float:left; border-left:1px #eee solid; padding-left:30px; margin-left:30px; font-size:30px; margin-top:17px;}
.spice3 .pull-right p img{ float:left;}
.spice3 .pull-right>font{ display:block; margin:30px 0; font-size:24px; color:#666;}
.spice3 .pull-right .con{ font-size:14px; line-height:26px; color:#666;}
.spice3 .pull-right a{ font-size:14px; color:#0c2e49; position:absolute; bottom:-50px;}
.spice3 .listimg{ overflow:hidden; margin-top:30px;}
.spice3 .listimg a{ display:block; float:left; width:23.5%; margin-right:2%;}
.spice3 .listimg a:last-child{ margin-right:0%;}
.spice3 .listimg a img{ width:100%;}


.spice4{ overflow:hidden; padding:60px 0; background-color:#f7f7f7;}
.spice4 .title{ font-size:48px; background:url(../images/title-bg-1.jpg) no-repeat center bottom; text-align:center; padding-bottom:20px; margin-bottom:60px;}

.subnav{ height:80px; line-height:80px; font-size:24px; text-align:center; border-bottom:1px #eee solid;}
.subnav a{ color:#999; padding:0 25px;}
.subnav font{ color:#ddd; margin-left:50px;}
.subnav a:hover,.subnav a.on{ background:url(../images/arrow.jpg) no-repeat left center; color:#011c2f;}

.case{ overflow:hidden; margin:50px 0;}
.case ul li{ display:block; color:#011c2f; font-size:18px; vertical-align:central; overflow:hidden;}
.case ul li .pull-left{ width:10%; height: 100%;padding:30px 0; background:url(../images/case.jpg) no-repeat right center;}
.case ul li:hover .pull-left,.case ul li.on .pull-left{ background:url(../images/case-on.jpg) no-repeat right center;}
.case .pull-left font{ position:relative; top:45%;}
.case .pull-right{ width:90%; float:right; padding:30px; border-bottom:1px #eee solid;}
.case .pull-right img{ float:left; width:22.5%; margin:10px 0; margin-right:2%;}
.case .pull-right img:nth-child(4n){ margin-right:0;}
.case-more{ color:#999; margin:30px 0; text-align:center;}
.case-more a{ color:#999;}
.case-more a:hover{ color:#999; opacity:.8;}


.service{ overflow:hidden; margin:50px 0;}
.service .wrap{ background-color:#011c2f;}
.service .wrap .tab-content>img{ float:left; width:700px;}
.service .con{ float:left; font-size:14px; line-height:26px; width:500px; padding:30px 50px;}
.service .con span{ display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px rgba(255,255,255,.2) solid; color:#fff; font-size:18px;}
.service .title11{ font-size:26px; color:#fff500; display:block; margin-bottom:10px; text-align:left;}
.service .con p { line-height:36px; font-size:18px; color:#fff;}
.service .con p img{ position:relative; top:6px; margin-right:10px;}
.service .con>img{ margin-top:20px;}
.service .tab3 p{ line-height:24px; font-size:14px; color:#fff;text-indent:25px;}




.page{ position:relative; left:50%; margin-left:-200px;}

.about-1{ overflow:hidden; padding:50px 0;}
.title{ height:90px; line-height:90px; border-bottom:1px #eee solid; text-align:center; margin-bottom:50px;}
.title span{ padding:22px 0; font-size:36px; border-bottom:4px #ccc solid;}
.about-1 .wrap img{ float:left; margin-right:40px;}
.about-1 .wrap p{ color:#999; line-height:36px; font-size:18px;text-indent:35px;}


.about-2{ overflow:hidden; padding:50px 0; background-color:#f7f7f7;}
.title2{ height:90px; line-height:90px; text-align:center; margin-bottom:50px;}
.title2 span{ padding:22px 0; font-size:36px;}
.about-2 .wrap p{ color:#999; line-height:36px; font-size:18px;text-indent:35px;}

.contact{ overflow:hidden; padding:50px 0;}
.contact .wrap{ background-color:#f7f8fb;}
.contact .wrap img{ float:left; width:60%;}
.contact .wrap p{ float:left; width:40%; color:#999; line-height:40px; font-size:18px; padding:30px 50px;}
.contact .wrap p img{ margin-top:20px;}

.content-title{ background:url(../images/content-line.jpg) no-repeat bottom center; text-align:center; overflow:hidden; padding:30px 0;}
.content-title p{ overflow:hidden; font-size:48px; font-weight:bold; text-align:center; height:90px; line-height:90px; color:#011c2f;}
.content-title span{ color:#999; font-size:24px;}
.content-title span font{ margin:0 20px;}
.content{ padding:30px 0; overflow:hidden;}
.content img{ margin:20px 0;}
.content p{ font-size:24px; color:#666; line-height:40px; text-align:justify; text-justify:inter-ideograph;}


.news{ margin:50px 0;}
.news ul li{ overflow:hidden; padding:30px 0;}
.news ul li:nth-child(2n){ background-color:#f7f7f7;}
.news ul li img{ float:left; width:30%; margin-right:5%;}
.news ul li .con{ float:right; width:65%;}
.news ul li .con span{ font-size:24px; font-weight:bold; color:#333;}
.news ul li .con font{ font-size:18px; margin:20px 0; color:#ccc; display:block;}
.news ul li .con p{ font-size:18px; line-height:30px; color:#666; text-align:justify; text-justify:inter-ideograph;}


@media (min-width: 751px) and (max-width: 1199px) {
.wrap{ width:100%; padding:0 10px;}
.header{ height:80px; line-height:80px;} 
.header .pull-left{ margin-top:10px;}
.header .pull-left img{ width:141px;}
.header .nav-pc a{ font-size:16px; margin-left:10px; padding:10px 10px;} 

.header2{ height:80px; line-height:80px;} 
.header2 .pull-left{ margin-top:10px;} 
.header2 .pull-left img{ width:141px;}
.header2 .nav-pc a{ font-size:16px; margin-left:10px; padding:10px 10px;} 

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px;}
.swiper-pagination-bullet { width: 12.5px; height: 12.5px;}

.footer{ overflow:hidden;}
.footer p{ height:60px; line-height:60px;}
.footer p a{ margin-right:30px; font-size:16px;}
.footer ul{ padding:20px 0;}
.footer ul li{ line-height:26px;}
.footer ul li:first-child img{ width:121px;}
.footer ul li:nth-child(2n){ width:55%; padding:0 2.5%;}
.footer ul li:last-child{ padding-left:2.5%;}


.spice1{ padding:40px 0;}
.spice1 .pull-left{  width:44%;}
.spice1 .pull-left .con{  width:44%; height:auto; padding:20px 30px;}
.spice1 .pull-left p{ margin-bottom:10px; line-height:26px;}
.spice1 .pull-right{ width:53%; margin-left:3%;}
.spice1 .pull-right .title{ font-size:40px;}
.spice1 .pull-right .con{ line-height:26px; margin:20px 0;}
.spice1 .pull-right ul li{ line-height:26px; margin:15px 0;}
.spice1 .pull-right ul li span{ top:0;}
.spice1 .pull-right ul li:first-child span{ top:0;}

.spice2{ padding:50px 0;}
.spice2 .pull-left ul li:first-child{ margin-bottom:50px;}
.spice2 .pull-left ul li>img{ margin-right:30px; width:60px;}


.spice3{padding:50px 0;}
.spice3 .title{ font-size:40px; padding-bottom:20px; margin-bottom:40px;}
.spice3 .pull-right p font{ padding-left:20px; margin-left:20px; font-size:26px; margin-top:17px;}
.spice3 .pull-right p img{ width:140px;}
.spice3 .pull-right>font{ margin:20px 0; font-size:20px;}
.spice3 .pull-right a{ bottom:-30px;}

.spice4{ padding:40px 0;}
.spice4 .title{ font-size:40px; margin-bottom:40px;}

.subnav{ height:60px; line-height:60px; font-size:20px;}


.case{ overflow:hidden; margin:40px 0;}
.case ul li{ display:block; color:#011c2f; font-size:18px; vertical-align:central; overflow:hidden;}
.case ul li .pull-left{ width:15%; padding:30px 0; background:url(../images/case.jpg) no-repeat right center;}
.case ul li:hover .pull-left,.case ul li.on .pull-left{ background:url(../images/case-on.jpg) no-repeat right center;}
.case .pull-left font{ position:relative; top:45%;}
.case .pull-right{ width:85%; float:right; padding:30px 20px; border-bottom:1px #eee solid;}
.case .pull-right img{ float:left; width:22.5%; margin:10px 0; margin-right:2%;}
.case .pull-right img:nth-child(4n){ margin-right:0;}
.case-more{ color:#999; margin:30px 0; text-align:center;}
.case-more a{ color:#999;}
.case-more a:hover{ color:#999; opacity:.8;}


.service{ margin:40px 0;}
.service .wrap .tab-content>img{ width:50%;}
.service .con{ width:50%;}


.about-1{ overflow:hidden; padding:40px 0;}
.title{ height:60px; line-height:60px; border-bottom:1px #eee solid; text-align:center; margin-bottom:40px;}
.title span{ padding:10px 0; font-size:30px; border-bottom:4px #ccc solid;}
.about-1 .wrap img{ float:left; margin-right:40px;}
.about-1 .wrap p{ color:#999; line-height:30px; font-size:16px;}


.about-2{ overflow:hidden; padding:40px 0; background-color:#f7f7f7;}
.title2{ height:60px; line-height:60px; text-align:center; margin-bottom:40px;}
.title2 span{ padding:10px 0; font-size:30px;}
.about-2 .wrap p{ color:#999; line-height:30px; font-size:16px;}


.contact{ overflow:hidden; padding:40px 0;}
.contact .wrap{ background-color:#f7f8fb;}
.contact .wrap img{ float:left; width:40%;}
.contact .wrap p{ float:left; width:60%; color:#999; line-height:30px; font-size:16px; padding:20px 40px;}
.contact .wrap p img{ margin-top:20px;}



.news{ margin:40px 0;}
.news ul li{ overflow:hidden; padding:30px 0;}
.news ul li:nth-child(2n){ background-color:#f7f7f7;}
.news ul li img{ float:left; width:30%; margin-right:5%;}
.news ul li .con{ float:right; width:65%;}
.news ul li .con span{ font-size:20px; font-weight:bold; color:#333;}
.news ul li .con font{ font-size:16px; margin:15px 0; color:#ccc; display:block;}
.news ul li .con p{ font-size:16px; line-height:26px; color:#666; text-align:justify; text-justify:inter-ideograph;}
}


@media (max-width: 750px) {
.wrap{ width:100%; padding:0 10px;}

.header{ height:60px; line-height:60px;} 
.header .pull-left{ margin-top:8px;} 
.header .pull-left img{ width:100px;}
.header .nav-pc{ display:none;}
.header .nav-phone{ display:block;}
.header .nav-phone img{ width:30px; position:relative; top:15px;}
.header .nav{ display:none; position:absolute; width:100%; top:60px; margin-left:-10px; background-color:#fff;}
.header .nav a{ display:block; height:40px; line-height:40px; text-align:center; color:#011c2f; border-bottom:1px #eee solid;}
.header .nav a:last-child{ border-bottom:0;}


.header2{ height:60px; line-height:60px;} 
.header2 .pull-left{ margin-top:8px;} 
.header2 .pull-left img{ width:100px;}
.header2 .nav-pc{ display:none;}
.header2 .nav-phone{ display:block;}
.header2 .nav-phone img{ width:30px; position:relative; top:15px;}
.header2 .nav{ display:none; position:absolute; width:100%; top:60px; margin-left:-10px; background-color:#fff;}
.header2 .nav a{ display:block; height:40px; line-height:40px; text-align:center; color:#011c2f; border-bottom:1px #eee solid;}
.header2 .nav a:last-child{ border-bottom:0;}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 5px;}
.swiper-pagination-bullet { width: 10px; height: 10px;}


.footer{}
.footer p{ height:auto; padding:10px 0; line-height:24px; text-align:center;}
.footer p a{ color:#fff; margin-right:10px; font-size:14px;}
.footer ul{ overflow:hidden; padding: 0;}
.footer ul li{ float:none; width:100%; line-height:auto; text-align:center;}
.footer ul li:first-child{ width:100%; text-align:center;}
.footer ul li:first-child img{ margin-top:20px;}
.footer ul li:nth-child(2n){ width:100%; padding:0; border-right:0; border-left:0; line-height:24px; margin:20px 0; text-align:center;}
.footer ul li:last-child{ width:100%; text-align:center; margin-bottom:20px;}
.footer .copyright{ text-align:center; border-top:1px rgba(255,255,255,.2) solid; padding:10px 0; overflow:hidden;}

.spice1{ padding:30px 0;}
.spice1 .pull-left{  width:100%;}
.spice1 .pull-left .con{   width:100%; height:auto; padding:40px 50px 50px 40px;}
.spice1 .pull-left p{ margin-bottom:20px; line-height:26px;}
.spice1 .pull-right{ width:100%; margin-left:0; margin-top:30px;}
.spice1 .pull-right .title{ font-size:36px; padding-bottom:15px; text-align: center; background:url(../images/title-bg-1.jpg) no-repeat center bottom;}
.spice1 .pull-right .con{ line-height:24px; margin:20px 0;}
.spice1 .pull-right ul li{ line-height:24px; margin:15px 0;}
.spice1 .pull-right ul li img{ width:15%; margin-right:5%;}
.spice1 .pull-right ul li span{ width:75%; font-size:16px; top:0;}
.spice1 .pull-right ul li:first-child span{ top:0;}


.spice2{ overflow:hidden; background:url(../images/spice-2-3.jpg) #011c2f no-repeat right bottom -80px; padding:30px 0; color:#fff;}
.spice2 .pull-left{  width:100%;}
.spice2 .pull-left ul li{ text-align:center;}
.spice2 .pull-left ul li:first-child{ margin-bottom:30px; overflow:hidden;}
.spice2 .pull-left ul li>img{ float:none; margin-right:20px; margin-bottom:20px;}
.spice2 .pull-left .con{ float:none; font-size:14px; line-height:26px;}
.spice2 .pull-left .con span{ display:block; border-bottom:1px rgba(255,255,255,.3) solid; padding-bottom:10px; margin-bottom:10px;}
.spice2 .pull-left .title11{ font-size:26px; color:#fff500; display:block; margin-bottom:10px;}
.spice2 .pull-left .con p img{ position:relative; top:6px; margin-right:10px;}

.spice2 .pull-right{  width:100%; border:5px #fff solid; padding:60px; margin-top:50px;}
.spice2 .pull-right .title{ font-size:28px; background:url(../images/title-bg-2.jpg) no-repeat left bottom; padding-bottom:15px;}
.spice2 .pull-right .con{ font-size:16px; line-height:30px; margin:40px 0;}
.spice2 .pull-right a{ display:block; float:right; background-color:#ccc; height:50px; line-height:50px; text-align:center; color:#333; padding:0 30px;}


.spice3{ padding:30px 0;}
.spice3 .title{ font-size:36px; padding-bottom:15px; margin-bottom:30px;}
.spice3 .pull-left{ width:100%; margin-right:0;}
.spice3 .pull-right{ width:100%; margin-top:20px;}
.spice3 .pull-right p font{ padding-left:30px; margin-left:30px; font-size:24px; margin-top:25px;}
.spice3 .pull-right p img{ width:150px;}
.spice3 .pull-right>font{ margin:10px 0; text-align:center;}
.spice3 .pull-right .con{ margin-bottom:10px;}
.spice3 .pull-right a{ font-size:14px; color:#0c2e49; position:static; bottom:0;}


.spice4{ padding:30px 0;}
.spice4 .title{ font-size:36px; margin-bottom:30px;}

.subnav{ height:40px; line-height:40px; font-size:16px;}
.subnav a{ padding:0 15px;}
.subnav font{ margin-left:15px;}


.case{ overflow:hidden; margin:30px 0;}
.case ul li{ display:block; color:#011c2f; font-size:18px; vertical-align:central; overflow:hidden;}
.case ul li .pull-left{ width:23%; padding:20px 0; background:url(../images/case2.jpg) no-repeat right center;}
.case ul li:hover .pull-left,.case ul li.on .pull-left{ background:url(../images/case-on2.jpg) no-repeat right center;}
.case .pull-left font{ position:relative; top:32%;}
.case .pull-right{ width:77%; float:right; padding:20px 0 20px 10px; border-bottom:1px #eee solid;}
.case .pull-right img{ float:left; width:22.5%; margin:10px 0; margin-right:2%;}
.case .pull-right img:nth-child(4n){ margin-right:0;}
.case-more{ color:#999; margin:30px 0; text-align:center;}
.case-more a{ color:#999;}
.case-more a:hover{ color:#999; opacity:.8;}


.service{ overflow:hidden; margin:30px 0;}
.service .wrap{ background-color:#011c2f;}
.service .wrap .tab-content>img{ float:left; width:100%; margin-top:10px;}
.service .con{ float:left; font-size:14px; line-height:26px; width:100%; padding:20px 10px;}
.service .con span{ display:block; padding-bottom:15px; margin-bottom:15px; border-bottom:1px rgba(255,255,255,.2) solid; color:#fff; font-size:16px;}
.service .title11{ font-size:22px; color:#fff500; display:block; margin-bottom:10px; text-align:left;}
.service .con p { line-height:24px; font-size:14px; color:#fff;}
.service .con p img{ position:relative; top:6px; margin-right:10px; width:10px;}
.service .con>img{ margin-top:20px;}
.service .tab3 p{ line-height:24px; font-size:14px; color:#fff; margin-bottom:20px;}

.page{ position:static; left:0; margin-left:0;}



.about-1{ overflow:hidden; padding:30px 0;}
.title{ height:40px; line-height:40px; border-bottom:1px #eee solid; text-align:center; margin-bottom:30px;}
.title span{ padding:4px 0; font-size:24px; border-bottom:4px #ccc solid;}
.about-1 .wrap img{ float:left; margin-right:30px;}
.about-1 .wrap p{ color:#999; line-height:24px; font-size:14px;}


.about-2{ overflow:hidden; padding:30px 0; background-color:#f7f7f7;}
.title2{ height:40px; line-height:40px; text-align:center; margin-bottom:30px;}
.title2 span{ padding:4px 0; font-size:24px;}
.about-2 .wrap p{ color:#999; line-height:24px; font-size:14px;}


.contact{ overflow:hidden; padding:30px 0;}
.contact .wrap{ background-color:#f7f8fb;}
.contact .wrap img{ float:left; width:100%;}
.contact .wrap p{ float:left; width:100%; color:#999; line-height:30px; font-size:16px; padding:20px 0;}
.contact .wrap p img{ margin-top:20px;}


.news{ margin:30px 0;}
.news ul li{ overflow:hidden; padding:30px 0;}
.news ul li:nth-child(2n){ background-color:#f7f7f7;}
.news ul li img{ float:left; width:100%; margin-right:0; margin-bottom:20px;}
.news ul li .con{ float:right; width:100%;}
.news ul li .con span{ font-size:18px; font-weight:bold; color:#333;}
.news ul li .con font{ font-size:14px; margin:10px 0; color:#ccc; display:block;}
.news ul li .con p{ font-size:14px; line-height:22px; color:#666; text-align:justify; text-justify:inter-ideograph;}

}