/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0; padding:0;
}
*{
  margin: 0;
  padding: 0;
} 


body {
  font-size: 14px;
  color: #2c343b;
  background: #fff;
  font-family:'Intro-Book';
  padding:0;
  margin:0;
  height:100%;
}

a {
  color: #333;
  text-decoration: none;
  transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
}

img {
  max-width: 100%;
}
p{ margin:0; padding:0;  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;}
/*图标*/

@font-face {
  font-family: 'iconfont';  /* project id 781467 */
  src: url('http://at.alicdn.com/t/font_781467_0aznboch1d2.eot');
  src: url('http://at.alicdn.com/t/font_781467_0aznboch1d2.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_781467_0aznboch1d2.woff') format('woff'),
  url('http://at.alicdn.com/t/font_781467_0aznboch1d2.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_781467_0aznboch1d2.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/*顶部*/

.section { text-align: center; font: 50px ; color: #fff;}
.about{ background:url(../images/about.jpg) no-repeat center top; background-size:cover; position:relative;}
.products{ background:url(../images/products.jpg) no-repeat center top; background-size:cover; position:relative;}
.service{ background:#fff url(../images/service.jpg) no-repeat center top; position:relative;}




.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#fb002a;}.top-blank{height:125px;overflow:hidden;background:none;}

.nav li{ position:relative; list-style:none;}


.top-head{height:70px;position:fixed;top:0; left:0; width:100%;z-index:1000;background:none; box-shadow:0 0 5px #ccc;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px;background:#1f2229;/*color:#f5f5f5;*/ color:#F3782A;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:70px;width:100%;}
.logo{width:376px;float:left;}

.logo a{ display:inline-block;}
.logo img{display:inline-block;}

.nav{width:770px;float:right;}
.nav ul{width:780px; margin:0; padding:0;}
.nav li{width:100px; height:68px; margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:100px;height:68px; line-height:68px; display:block;font-size:18px;/*overflow:hidden;*/ margin:0; padding:0;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #fb002a;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav li a.active{ color:#fb002a;}
.nav li a.active:after{content: "";display: block;position: absolute;left: 1%;right: 1%;opacity: 1;bottom: -3px;height: 3px;background-color: #fb002a; color:#fb002a;}

.nav a#sel{border-bottom:3px solid #fb002a;color:#fb002a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:72px;overflow:hidden;text-align:left;z-index:110;left:0px;background:rgba(255,255,255,0.9);}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:10px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:100px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#888;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a i{ display:block; font-size:50px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#fb002a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#fb002a;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:12px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px; line-height:150%;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:16px;}


.bannerCon{ }

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


    }
	.swiper-banner .swiper-button-prev,
.swiper-products .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ee3735'%2F%3E%3C%2Fsvg%3E");

}
.swiper-banner .swiper-button-next, .swiper-products .swiper-container-rtl .swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ee3735'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination{ bottom:50px !important;}

.swiper-banner a{ display:block; width:100%; height:100%;}

#banner-pagination {
          height: 15px;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #fff;
          letter-spacing: 0;
          line-height:15px;
          bottom: 0;
      }
      #banner-pagination .swiper-pagination-bullet {
        background: #888;
        opacity: 0.8;
        height: 10px;
        border-radius: 5px;
        width: 10px;
        transition: all 0.2s; 
      }
      #banner-pagination .swiper-pagination-bullet-active {
            width: 30px;
            background:#fb002a;
          }



.cnen{ position:absolute; right:0; top:0; z-index:999;}
.lanuage{ color:#777; font-size:14px; width:60px; height:25px; line-height:25px;text-align:center; display:inline-block; border-radius:4px; background:#eee;}
.lanuage i{ font-size:11px; }
.lanuage:hover{ background:#fb002a; color:#fff;}


.search{position:absolute; right:0; top:20px;}

.searchIcon{ width:25px; height:25px; line-height:25px; border:none; border-radius:2px; background:none; text-indent:4px; font-size:14px; background:#fb032c; border-radius:4px; display:inline-block;}
.searchIcon i{ font-size:16px !important; color:#fff;}


/*关于我们*/
.aboutCon{ text-align:left; color:#333;}
.aboutCon_l{ width:40%; position:absolute; left:100px; top:100px;}
.aboutcon_l_title{ font-size:24px; color:#fb002a;}
.aboutcon_l_desc{ font-size:14px; color:#666; line-height:200%;}

.more{ margin:10px 0; width:120px; line-height:30px; display:block; color:#fb002a; border:1px solid #eee; font-size:14px; background:#fff; transition:0.5s; text-align:center;}
.more i{ font-size:14px;}
.more:hover{ background:#fb002a; color:#fff; width:140px;}
.more:hover i{ margin-left:10px;}

.aboutCon_r{ width:60%; position:absolute; left:50%; top:120px; margin-left:-30%;}
.aboutCon_ul{ margin:0; padding:0; list-style:none; width:100%;}
.aboutCon_ul li{ float:left; margin:0 1%; width:22%;}
.aboutCon_ul li a{ width:100%;display:block; border:1px solid #eee; background:rgba(255,255,255,0.5); box-shadow:0 0 5px #ccc; color:#333; text-align:center; padding-bottom:20px;}
.aboutCon_ul li a span{ margin:10px 0; display:block;}
.aboutCon_ul li a span i{ font-size:50px; color:#888; transition:0.5s;}
.aboutCon_ul li a h3{ font-size:18px; font-weight:400; margin:0;}
.aboutCon_ul li a p{ font-size:12px; color:#999;transition:0.5s;}
.aboutCon_ul li a:hover{  border:1px solid #eee; background:#fb002a; color:#fff; text-align:center;}
.aboutCon_ul li a:hover span i{ font-size:60px; color:#fff;}
.aboutCon_ul li a:hover p{ font-size:12px; color:#fff;}

/*产品中心*/
.products_title{ position:absolute; top:100px; left:0; text-align:center; color:#333;}
.products_tiner{ width:80%; margin:0 auto;}

.products_category{ margin:20px auto; padding:0; list-style:none; width:560px;}
.products_category li{ float:left; width:180px; margin-left:10px;}
.products_category li a{ padding:2px; background:#fff; display:block; border-radius:4px; box-shadow:0 0 5px #ccc;}
.products_category li a:hover{ background:#fb002a;}

.products_category li a:hover i{ color:#fff;}
.products_category li a:hover h3{ color:#fff;}
.products_category li a:hover p{ color:#fff;}


.products_category_i{ width:55px; display:inline-block;}
.products_category_i i{ font-size:50px;}
.products_category_name{ display:inline-block;}
.products_category_name h3{ font-size:18px; margin:0; text-align:left;}
.products_category_name p{ font-size:12px; color:#888;}



.swiper-products {
      width: 95%;
	  position:absolute;
	  left:2.5%;
      height:450px;
	  bottom:50px;
	  padding-bottom:30px;
    }



  .swiper-products  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: none;
	  padding:20px;

      /* 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-products .swiper-pagination-bullet{ width:20px; height:20px; background:none; border:1px solid #fff; opacity:1;}
	.swiper-products .swiper-pagination-bullet-active{ background:#fff !important;}
	

.swiper-products .swiper-button-prev,
.swiper-products .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ee3735'%2F%3E%3C%2Fsvg%3E");

}
.swiper-products .swiper-button-next, .swiper-products .swiper-container-rtl .swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ee3735'%2F%3E%3C%2Fsvg%3E")
}

	
.products_category_list{ padding:20px;}
.products_category_list img{ width:100%; transition:0.3s;}
.products_category_list a{ transition:0.3s;}
.products_category_list a:hover img{transform: scale(1.1);}
.products_category_list_name{ width:90%; line-height:40px; text-align:center; color:#fff; border:1px solid #fff; border-radius:20px; margin:0 auto; font-weight:300;}
.products_category_list a:hover .products_category_list_name{ color:#fb002a; background:#fff;}



/*服务中心*/
.service_title{ position:absolute; top:100px; left:0; text-align:center; color:#333; width:100%;}
.service_tiner{ width:80%; margin:0 auto;}

.service_t1{ font-size:32px; margin:0; color:#ccc;}
.service_t2{ font-size:24px; color:#fb002a; margin:0;}
.service_line{ width:40px; height:2px; overflow:hidden; background:#fb002a; margin:10px auto; display:block;}


.service_category{ margin:20px auto; padding:0; list-style:none; width:1000px;}
.service_category li{ float:left; width:230px; margin-left:20px;}
.service_category li a{ padding:140px 10px 30px 10px; background:#fff; display:block; border-radius:4px; box-shadow:0 0 5px #ccc; position:relative;}
.service_category li a:hover{ background:#fb002a;}

.service_category_i{ display:block; position:absolute; top:30px; left:50%; width:120px; margin-left:-60px;}
.service_category_i i{ font-size:80px; transition:0.5s;}
.service_category_name{ text-align:center;}
.service_category_name h3{ font-size:24px; margin:0; font-weight:500;}
.service_category_name p{ font-size:12px; color:#888;}
.service_category_name span{width:60px; height:2px; overflow:hidden; background:#eee; margin:20px auto; display:block; transition:0.5s;}
.service_more{ width:120px; line-height:30px; border:1px solid #eee; text-align:center; font-size:14px; margin:0 auto; padding:0;}
.service_more i{ font-size:14px;}
.service_desc{ margin-bottom:20px; color:#999;}

.service_category li a:hover .service_category_i{   }
.service_category li a:hover .service_category_i i{font-size:100px; color:#fff;}
.service_category li a:hover .service_category_name h3{ color:#fff;}
.service_category li a:hover .service_category_name p{  color:#fff;}
.service_category li a:hover .service_category_name span{width:100px; }
.service_category li a:hover .service_more{  border:1px solid #fff; color:#fff;}
.service_category li a:hover .service_more i{ color:#fff;}

.service_bottom{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #eee; background:#fff;}
.service_bottom_con{ width:1000px; margin:0 auto;  }

.service_bottom_title{ font-size:16px; font-weight:700; color:#333; text-align:center; float:left; width:40%;}
.service_bottom_title span{ margin:0 auto; width:100px; height:100px; line-height:100px; border-radius:100px; border:1px solid #eee; display:block;}
.service_bottom_title span i{ font-size:50px; font-weight:normal;color:#777;}
.service_bottom_title p{ line-height:40px; font-size:18px; font-weight:500; color:#777;}

.service_weixin{ width:50%; float:left;}
.service_weixin_ul{ margin:0; padding:0; list-style:none; float:left; }
.service_weixin_ul li{ float:left; width:120px; color:#888; font-size:14px; text-align:center; margin-left:30px}

.service_contact{ float:right; width:50%; padding-top:30px;}
.service_contact_title{ font-size:18px; font-weight:600; color:#777; text-align:left; margin:0; line-height:50px; margin-left:30px; font-weight:normal;}
.service_contact_title i{ font-size:18px; font-weight:normal;}

.service_contact_ul{ margin:0; padding:0; list-style:none; float:left; width:97%; margin-left:3%;}
.service_contact_ul li{ float:left; width:18%; padding:1%;  color:#888; font-size:12px; text-align:center; color:#777;}
.service_contact_ul span{ margin:0 auto; width:50px; height:50px; line-height:50px; border-radius:50px; border:1px solid #eee; display:block; margin-bottom:8px; transition:0.5s;}
.service_contact_ul span i{ font-size:30px; font-weight:normal;color:#888;}

.service_contact_ul li a{ color:#888;}
.service_contact_ul li a:hover{ color:#fb002a;}
.service_contact_ul li a:hover span{border:1px solid #fb002a; background:#fb002a; }
.service_contact_ul li a:hover span i{color:#fff;}


/*QQ客服*/

.suspension{position:fixed;z-index:55;right:20px;top:200px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#fff;margin-bottom:4px;cursor:pointer;outline:none; }
.suspension .a.active,
.suspension .a:hover{background:#fb002a; color:#fff;}
.suspension .a .i{width:44px;height:44px; display:block; font-size:30px; padding:5px 0 0 7px; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background:#3591d2; color:#fff;}
.suspension .a-service:hover .i{background:#43a8ee; color:#fff;}
.suspension .a-service-phone .i{ background:#fb002a; color:#fff;}
.suspension .a-service-phone:hover .i{ background:#ff4362; color:#fff;}
.suspension .a-qrcode .i{ background:#3db712; color:#fff;}
.suspension .a-qrcode:hover .i{ background:#349910; color:#fff;}


.suspension .a-tips{background:#f3910c;}
.suspension .a-tips:hover{background:#f60; color:#fff;}


.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; padding:8px 0 0 8px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:270px;}
.suspension .d-qrcode .inner-box{padding:10px; }
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .qrcode-img{ width:120px; display:inline-block;}


/*关于我们*/
.innav{ width:100%; background:#fff; margin-top:70px; border-bottom:1px solid #eee; text-align:center; }
.aboutus-nav{
    width:840px; margin:0 auto;
    padding:0; list-style:none;
}


.aboutus-nav li{
	float:left; width:140px; height:120px; 
}
.aboutus-nav a{
    padding-top:20px;
	 text-align:center; display:block;
	font-size:16px;
}
.aboutus-nav li a i{ font-size:50px;}
.aboutus-nav li.active a{
	color:#fb002a;
}

/* 关于天际 */
.about-intro{
	padding:30px 0;
}
.about-intro div,
.about-intro p{
	line-height:30px; font-size:18px; color:#666;
}
.honorList{ margin:30px auto !important; padding:50px !important;}
    .honorList .swiper-slide {
        padding:20px;
         position:relative;
         padding-bottom:30px;
         /* 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;
    }
    .honorList .swiper-slide img{ }
    .honorList .swiper-slide span img{display: inline-block;}

    .honorList .swiper-pagination{ bottom:0 !important;}
    .honorList .swiper-slide .honorTitle{ line-height:20px !important; display:block; text-align:center; width:100%; font-size:14px; position:absolute; left:0; bottom:0;}

/* 手机应用 */
.app-kv{
	height:650px;
	background:url(../images/app-kv.jpg) no-repeat;
}
.app-qrcode{
	padding:195px 0 0 80px;
}
.app-qrcode dl{
	float:left; margin-right:30px;
}
.app-qrcode dt{
	margin-bottom:20px;
}
.app-qrcode dt a{
	width:200px; height:50px; display:block; text-indent:-9999px;
	background:url(../images/button.png) no-repeat 0 -36px;
}
.app-qrcode dt .android{
	background-position:0 -88px;
}
.app-qrcode dd{
	width:200px; text-align:center;
}


/*发展历程*/
.time-line{width:1000px;margin:50px auto;position: relative;}
		.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
		.time-line .left-btn{left:0;top:50%;}
		.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
		.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
		.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
		.time-line .time-box{width: 840px;margin: 0 auto;overflow: hidden;}

		.time-line .time-box ul{overflow: hidden;position: relative;height: 400px; list-style:none;}
		.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}

        .time-line .time-box li .lidiv{ display:none; transition:0.3s; padding:10px; border-radius:20px;}

		.time-line .time-box li{width:210px;float: left;position: relative;height:150px;  transition:0.3s;  cursor:pointer; }

		.time-line .time-box li:nth-child(2n){margin-top: 238px;}
		.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #f7f7f7; bottom: -8px; transform: rotate(-45deg);left: 50%;margin-left: -8px; display:none; }
		.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -59px; z-index: 1;}
		.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -9px;transform: rotate(-225deg);}
		.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}

        .time-line .time-box li:hover .lidiv{ display:block;}
        .time-line .time-box li:hover:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #f7f7f7; bottom: -8px; transform: rotate(-45deg);left: 50%;margin-left: -8px; }

		.time-line .time-box li:hover,.time-line .time-box li.active{background: #fff; border:1px solid #fb002a;}
        .time-line .time-box li:hover,.time-line .time-box li.active .lidiv{ display:block;}
		.time-line .time-box li:hover:before,.time-line .time-box li.active:before{content: "";border-left: 1px solid #fb002a;border-bottom: 1px solid #fb002a;position: absolute;width: 16px;height: 16px;background: #fff; bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px; display:block;}

		.time-line .time-box li:nth-child(2n):hover:before{content: "";border-left: 1px solid #fb002a;border-bottom: 1px solid #fb002a;position: absolute;width: 16px;height: 16px;background: #fff; bottom: auto;top: -9px;transform: rotate(-225deg);left: 50%;margin-left: -8px; display:block;}


		.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}


        .time-line .time-box li:hover .years{ font-size:18px; }

        .time-line .time-box li.active .years{font-size:18px; color:#fb002a;}

        .years{ font-weight:500; position:absolute; left:0; bottom:-40px; text-align:center; font-size:16px; color:#fff; width:210px; transition:0.5s;}
        .years i{ font-size:16px;}

        .time-line .time-box li:nth-child(2n) .years{ font-weight:500; position:absolute; left:0; top:-70px;}


/* 联系我们 */
.contactus-intro{
	padding:30px 50px; border-bottom:1px solid #e6e6e6;
}
.contactus-intro h2{
	line-height:40px; font-size:24px; font-weight:normal; color:#ff362a;
}
.contactus-intro p{
	line-height:32px; font-size:18px;
}


.contact_l{ width:50%; float:left;}
.contact_r{ width:50%; float:right;}

.contact_l , .contact_r{ line-height:200%; font-size:16px;}
.contact_l h2, .contact_r h2{ margin-bottom:10px;}


/* CONTACT */

.contactus-intro ul{
	margin-top:20px; overflow:auto; list-style:none;
}
.contactus-intro li{
	float:left; width:25%; text-align:center;
}
.contactus-intro li a{
	display:block;
}
.contactus-intro li span{
	margin-top:10px; display:block; font-size:18px;
}

/* 产品中心 */



.pro-nav-search{
    width:450px;
    margin:0 auto;
}
.pro-nav{
	float:left; 
    list-style:none;
}
.pro-nav li{
	float:left; width:140px; height:120px; 
}
.pro-nav li a{
    padding-top:20px;
	 text-align:center; display:block;
	font-size:18px;
}
.pro-nav li a i{ font-size:50px;}
.pro-nav li.active a{
	color:#fb002a;
}

.pro-search{
	position:absolute; right:0; top:140px;
}
.pro-search dt{
	float:left; height:40px;
}
.pro-search dt input{
	width:200px;
}
.pro-search dd{
	float:left; width:40px; height:40px;
}

.inputbox{ height:35px; line-height:35px; border:1px solid #eee; background:#fff; width:200px; text-indent:4px;}
.btn-search{ width:40px; height:35px; background:#fb002a; color:#fff; border-radius:0 4px 4px 0; border:none;}
.btn-submit{ width:40px; height:35px; background:#fb002a; color:#fff; border-radius:4px; border:none;}


.category{ margin:0 auto; width:1200px; padding:8px 0 0 0; border-bottom:1px solid #eee; position:relative;}

.categoryTitle{ font-size:48px; color:#fb002a; font-weight:700;}
.categoryTitle1{ font-size:30px; color:#ccc; font-weight:500; }


.categoryList{ margin:0 auto; width:1200px; padding:30px 0; list-style:none;}
.categoryList li{ float:left; margin-right:42px;}

.categoryList li .categoryList_name{ display:block; text-align:center !important; border:1px solid #eee; border-radius:20px; padding:0 15px; font-size:14px; transition:0.5s; margin-top:10px;}
.categoryList li a:hover .categoryList_name{ background:#fb002a; color:#fff;border:1px solid #fff;}
.categoryList .categoryList_name{ line-height:30px;}

.categoryList li a.select .categoryList_name{  background:#fb002a;border:1px solid #fff;  color:#fff; border-radius:20px;text-align:center;}


.categoryList .prodiv{ position:relative; padding-top:80px;}
.categoryList .prodiv .categoryList_img{ width:80px; position:absolute; left:50%; top:5px; margin-left:-40px; transition:0.1s;}
.categoryList li a:hover .categoryList_img{ top:0;}




.opt-all-bg{ background:#f7f7f7; width:100%; margin:0 auto;}

.opt-all{ width:1200px; margin:0 auto;}
.opt-key{
	overflow:auto;
}
.opt-key dl{
    float:left;
    width:150px;
}
.opt-key dt{
	line-height:50px; 
	font-size:16px;
   text-align:center;
   position:relative;
   margin-bottom:8px;
}
.opt-key dt::after{ 
display:inline-block; 
content:url(../images/select.png);
width:15px; 
height:15px; 
position:absolute;
left:50%;
bottom:13px;
margin-left:-7.5px;
} 
.opt-key dd{
    text-align:center;
}
.opt-key dd p{
	 height:30px; line-height:30px;
}
.opt-key dd a{
	font-size:14px; color:#666;
}
.opt-key dd a:hover{
	color:#ff5449;
}
.opt-key dd a.sel{ font-weight:bold; color:#fb002a !important;}

.opt-select{
    width:100%; margin:0 auto;
	padding:0; overflow:auto;
    background:#fff;
    border:1px solid #eee;
    border-top:none;
    border-radius:0 0 10px 10px;
}
.opt-select dl{
	float:left;
}
.opt-select dt{
	float:left; width:75px; line-height:40px; padding-right:5px; text-align:right;
	font-size:14px;
}
.opt-select dd{
	float:left; width:850px;
}
.opt-select dd p{
	float:left; margin:8px 20px 8px 0;
}
.opt-select dd p a{
	height:24px; line-height:24px; display:block; padding:0 24px 0 10px; border:1px solid #ff362a;
	font-size:14px;
	background:url(../images/close2.png) no-repeat right center;
}
.opt-cancel{
	float:right; line-height:40px; text-align:center; width:120px;
}
.opt-cancel a{
	font-size:14px; color:#ff362a;
    text-align:center;
    border:1px solid #fb002a;
    border-radius:30px;
    line-height:30px;
    padding:2px 10px;
}

.opt-cancel a i{ font-size:14px;}
.pro-opt-more{
	padding:13px 30px; text-align:center; border-bottom:1px solid #ccc;
}
.pro-opt-more a{
	height:23px; line-height:23px; padding-right:24px; display:inline-block;
	font-size:16px; color:#666;
    text-align:center;
}
.pro-opt-more a:hover{
	color:#ff362a;
}
.pro-opt-more .down{
	
}

.pro-ul{
	overflow:auto;
	padding:30px 0;
    list-style:none;
}
.pro-ul li{
	float:left; width:279px; height:297px; padding:0; text-align:center; position:relative;
	
}
.pro-ul li .icon{
	width:56px; height:56px; display:block;
	position:absolute; right:10px; top:10px;
	background-repeat:no-repeat;
}
.pro-ul li .xinpin{
	background-image:url(/images/discount1.png);
}
.pro-ul li .youhui{
	background-image:url(/images/discount2.png);
}
.pro-ul li .huodong{
	background-image:url(/images/discount3.png);
}
.pro-ul li .cuxiao{
	background-image:url(/images/discount4.png);
}
.pro-ul li a{
	height:100%; display:block;
    transition:0.5s;    
}
.pro-ul li a img{
	width:180px; height:180px; margin-top:30px;
}
.pro-ul li a span{
	line-height:22px; margin-top:15px; display:block;
	font-size:14px;
}

.pro-ul-over{ display:none; position:absolute; left:0; top:0;width:279px; height:297px; background:rgba(251,3,44,0.7); transition:0.5s; opacity:0; transition: all .3s; }
.pro-ul-border{ border:1px solid #fff; width:257px; height:277px; margin:10px 0 0 10px;}
.pro-ul li a:hover .pro-ul-over{ display:block;width:279px; height:297px; opacity:1;transition: all .3s; }
.pro-ul-over-i{ margin:20px auto; font-size:50px; color:#fff;}
.pro-ul-over-i i{font-size:120px;}
.pro-ul-over-no{ font-size:24px; color:#fff;}



.pro-listpage{
	padding:20px 30px 30px 30px;
}

.detail-nav{
	height:78px; padding:0 30px; border-bottom:1px solid #eaeaea;
    margin-bottom:15px;
}
.detail-nav h2{
	float:left; line-height:78px;
	font-size:18px; color:#666;
}
.detail-nav ul{
	float:right; 
    list-style:none;
}
.detail-nav li{
	float:left; width:200px; height:78px;
}
.detail-nav li a{
	height:78px; line-height:78px; text-align:center; display:block;
	font-size:18px;
}
.detail-nav li.active a{
	color:#fb002a;
	border-bottom:2px solid #fb002a;
}
.detail-intro img{
	max-width:1120px;
}

.detailpro-m{
	margin:20px auto; width:1200px;
	background-color:#fff;
    border:1px solid #eee;
}
.detailpro-m h2{
	height:78px; line-height:78px; padding:0 30px; border-bottom:1px solid #e6e6e6;
	font-size:18px; font-weight:normal; color:#666;
}
.detailpro-m h2 i{ font-size:18px;}
.detailpro-m ul{
	background:none;
}


.detail-param{
	overflow:auto;
    border:1px solid #eee;
}
.detail-param-tl{
	height:60px; padding:0 30px; background-color:#f3f3f3;
}
.detail-param-tl h2{
	float:left; line-height:60px;
	font-size:16px; color:#666;
}
.detail-param-tl p{
	float:right; padding-top:10px;
}
.detail-param-tl p a{
	width:40px; height:40px; display:inline-block; margin-left:15px;
	background:url(../images/products2.png) no-repeat;
}
.detail-param-tl p .flex-prev{
	background-position:0 0;
}
.detail-param-tl p .flex-next{
	background-position:-40px 0;
}
.detail-param td{
	line-height:24px; padding:18px 30px; border-right:1px solid #e6e6e6;
	font-size:16px;
}
.detail-left{
	float:left; width:200px;
}
.detail-right{
	float:left; width:920px;
}
.detail-right td{
	text-align:center;
}

/* 维修网点 */

.service-nav{
	 width:560px; margin:0 auto;
    padding:0; list-style:none;
}
.service-nav li{
	float:left; width:140px; height:120px; 
}
.service-nav a{
    padding-top:20px;
	 text-align:center; display:block;
	font-size:16px;
}
.service-nav li a i{ font-size:50px;}
.service-nav li.active a{
	color:#fb002a;
}

.service-search-m{
	height:78px; padding:0 30px;
    text-align:center;
}
.service-search{
	display:inline-block; margin-top:19px; margin-left:30px;
}
.service-search dt{
	float:left; height:40px;
}
.service-search dt input{
	width:240px;
}
.service-search dd{
	float:left;  height:40px; 
}


.service-select{
    display:inline-block;	 margin-top:19px; text-align:left;
}
.service-select td{
	font-size:16px;
}
.provinces-box,
.provinces-box p,
.provinces-box ul,
.provinces-box a{
	width:130px;
}
*+html .provinces-box ul{
	width:128px;
}

.aftersales-tl{
	height:	46px; line-height:46px;  font-size:18px; width:400px; margin:0 auto; background:#fb002a; color:#fff; font-weight:normal; text-align:center; border-radius:10px 10px 0 0;
}
.aftersales-table{ border:1px solid #eee; box-shadow:0 0 5px #ccc;}
.aftersales-table thead td{
	height:60px; padding:0 15px; text-align:center; border-right:1px solid #f3f3f3;
	font-size:16px;
	background-color:#f3f3f3;
}
.aftersales-table tbody td{
	line-height:25px; padding:15px 15px; text-align:center; border-right:1px solid #e6e6e6;
	font-size:16px;
}
.aftersales-table .btn{
	width:26px; height:26px; display:inline-block;
	background-image:url(../images/icon-aftersales.png);
	background-repeat:no-repeat;
}
.aftersales-table .btn-copy{
	background-position: 0 0;
}
.aftersales-table .btn-copy-active{
	background-position: -36px 0;
}
.aftersales-table .btn-msg{
	background-position: 0 -28px;
}
.aftersales-table .btn-msg:hover{
	background-position: -36px -28px;
}
.aftersales-table .btn-qrcode{
	background-position: 0 -56px;
}
.aftersales-table .btn-qrcode:hover{
	background-position: -36px -56px;
}
.aftersales-listpage{
	margin:20px 30px;
}

/* 下拉列表 */
.selectbox{
	height:40px; position:relative; z-index:30;
}
.selectbox p{
	height:40px; line-height:40px; padding:0 25px 0 10px; border:1px solid #ccc; cursor:pointer;
	font-size:16px; color:#999;
	-moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	background:url(../images/icon/icon-select.png) no-repeat right center;
}
/*.selectbox p.active{
	border:1px solid #ff362a; color:#ff362a;
	background-image:url(../images/icon/icon-select-red.png);
}*/
.selectbox ul{
	max-height:240px; position:absolute; left:0; top:39px; border:1px solid #ccc; display:none;
	overflow-x:hidden; 
	-moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
	background-color:#fff;
    overflow-y: scroll !important;
}
.selectbox li{
	height:24px;
}
.selectbox li a{
	height:24px; line-height:24px; display:block; padding:0 10px;
	font-size:16px; color:#999;
	-moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.selectbox li a:hover{
	color:#ff362a;
	/*background-color:#fafafa;*/
}
*+html .selectbox p,
*+html .selectbox ul a{
	behavior:url(../style/boxsizing.htc);
}


.service-tips{ text-align:center; padding:20px;}
.service-tips h3{ line-height:70px; font-size:32px; font-weight:500; color:#555}
.service-tips p{ font-size:16px; color:#999;}


.fbox-qrcodetips{
	margin:0 auto; width:340px; height:330px; padding-top:40px; padding-bottom:30px; position:relative;
	background:#fff;
}
.fbox-qrcodetips .qrcode{
	text-align:center;
}
.fbox-qrcodetips .qrcode img{
	width:198px; height:198px; border:1px solid #cfcfcf;
}
.fbox-qrcodetips .txt{
	line-height:30px; margin-top:8px; text-align:center; font-size:20px;
}

.fbox-registersn{
 width:445px; height:342px; padding-top:60px; position:relative; float:right;
	background:url(../images/bg-fancybox3.png) no-repeat;
}
.fbox-registersn .pic{
	text-align:center;
}
.fbox-registersn .txt{
	line-height:30px; margin-top:8px; text-align:center;
	font-size:20px;
}

.fbox-checkstore{
	margin:0 auto; width:750px; height:495px; padding:275px 100px 0 120px; position:relative;
	background:url(../images/bg-checkstore.png) no-repeat;
}

/*.fbox-checkstore{
	margin:0 auto; width:378px; height:495px; padding:205px 78px 0 79px; position:relative;
	background:url(../images/bg-checkstore.png) no-repeat;
}*/


.fbox-checkstore p{
	line-height:24px; font-size:14px;
}
.fbox-checkstore p font{
	margin:0 5px; font-size:14px; color:#ff3629;
}
.fbox-checkstore ul{
	padding:10px 0; overflow:auto;
}
.fbox-checkstore dl{
	overflow:auto;
}
.fbox-checkstore dt{
	float:left; width:40%; line-height:24px; text-align:right;
	font-size:14px;
}
.fbox-checkstore dd{
	float:left; width:60%; line-height:24px;
	font-size:14px;
}

.fbox-snresult{
	margin:0 auto; width:295px; height:192px; padding:50px 20px 0 260px; position:relative;
	background:url(../images/bg-fancybox4.png) no-repeat;
}
.snresult-intro .row-tl{
	height:50px; font-size:24px; color:#ff3629;
}
.snresult-intro .row-txt{
	line-height:30px; font-size:20px;
}

.fbox-qrcodetips{
	margin:0 auto; width:340px; height:310px; padding-top:40px; position:relative;
	background:url(../images/bg-fancybox2.png) no-repeat;
}
.fbox-qrcodetips .qrcode{
	text-align:center;
}
.fbox-qrcodetips .qrcode img{
	width:198px; height:198px; border:1px solid #cfcfcf;
}
.fbox-qrcodetips .txt{
	line-height:30px; margin-top:8px; text-align:center; font-size:20px;
}

.fbox-close{
	width:20px; height:20px; cursor:pointer;
	position:absolute; right:10px; top:10px;
	background-image:url(../images/close1.png);
	background-repeat:no-repeat;
}



/* 授权网点 */
.store-box,
.store-box p,
.store-box ul,
.store-box a{
	width:110px;
}
*+html .store-box ul{
	width:108px;
}
.onlinestore-table{ border:1px solid #eee;}
.onlinestore-table thead td{
	height:60px; padding:0 30px; text-align:center; border-right:1px solid #f3f3f3;
	font-size:16px;
	background-color:#f3f3f3;
}
.onlinestore-table tbody td{
	line-height:24px; padding:20px 30px; text-align:center; border-right:1px solid #e6e6e6;
	font-size:16px;
}
.onlinestore-table .btn-tmall{
	font-weight:bold; color:#ff362a;
}

/* 正品验证 */


.checksn{ width:1000px; margin:0 auto; text-align:center; position:relative;}



.registersn{
    position:absolute;
    left:0;
    top:200px;
    	width:100%;
    text-align:center;
}
.registersn h2{
	height:100px; line-height:100px; font-size:20px; font-weight:normal; color:#fff;
}
.registersn td{
	font-size:20px; color:#666;
}
.registersn .inputbox{
	width:350px;
    background:no-repeat;
    color:#fff;
    font-size:16px;
    border-radius:4px;
}
.registersn .btn-sn{
	font-size:16px; color:#999;
}

.btn2{ width:200px; height:35px; line-height:35px; box-shadow:0 0 5px #666; background:#fb002a; color:#fff; border-radius:4px; border:none; margin:0 auto; font-size:16px; display:block; cursor:pointer;}
.btn2:hover{ color:#fff; background:#ff5449;}



/* 常见问题 */
.faq-box,
.faq-box p,
.faq-box ul,
.faq-box a{
	width:220px;
}
*+html .faq-box ul{
	width:218px;
}
.faq{
	padding:15px 30px;
}
.faq h2{
	line-height:30px; font-size:16px;
}
.faq p{
	line-height:28px; font-size:16px; color:#666;
}
.faq-listpage{
	margin:20px 30px;
}


.faq-all-i{ width:80px; height:80px; display:block; text-align:center; line-height:80px;}
.faq-all-i i{ font-size:50px;}

.faq-con{ padding:10px 0; height:130px; margin-bottom:10px;}
.faq-ul{ margin:0 auto; list-style:none; width:1200px;}
.faq-ul li{ float:left; padding:0 8px; text-align:center;}
.faq-ul li a{ height:120px; display:block;}
.faq-ul li a.select{ border-bottom:2px solid #fb002a; color:#fb002a;}


.faq-m{ width:800px; float:left; margin-top:20px;}
.faq-r{ width:350px; float:right;}

.accordion {
    width: 100%;
    background: #FFF;
    list-style:none;
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 25px 25px 25px 52px;
    color: #4D4D4D;
    font-size: 18px;
    font-weight:500;
    border: 1px solid #eee;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    
}


.accordion li{
    cursor: pointer;
    margin-bottom:20px;
}
.accordion li i {
    position: absolute;
    top: 22px;
    left: 12px;
    font-size: 30px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight:500;
}

.accordion li i.fa-chevron-down {
    top:10px;
    right: 20px;
    left: auto;
    font-size: 40px;
    font-weight:300;
    color:#888;
}

.accordion li.open .link {
    color: #fb002a;
    border: 1px solid #fb002a;
}

.accordion li.open i {
    color: #fb002a;
}

.accordion li.open i.fa-chevron-down {
    color: #fb002a;
}



/**
 * Submenu
 -----------------------------*/
.submenu {
    display: none;
    background: #fff;
    font-size: 16px;
    padding:20px;
    border:1px solid #fb002a; border-top:none;
}

.submenu li {
    border-bottom: 1px solid #d6d7dc;
}

.submenu a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover ,.submenu li.current a{
    background: #f39800;
    color: #FFF;
}





.footer_bot{ width:100%; border-top:1px solid #eee; margin:0;}

.footer-sitemap{
	margin:0 auto; width:1200px; padding:20px 0; display:table; clear:both; 
}
.footer-col{
	float:left; width:300px; /*position:relative;*/
}
.footer-col h2{
	line-height:32px; font-size:16px; font-weight:normal; color:#333;
}
.footer-online{
	float:right;
}
.footer-online h2{
	line-height:32px; font-size:16px; font-weight:normal; color:#333;
}

.footer{ margin:0 auto; background:#f7f7f7; color:#999;  text-align:center; padding:20px 0; font-size:12px; line-height:180%;}

.footer_tel{ font-size:30px; color:#fb002a; line-height:50px; font-weight:500;}

.footer_time{ padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:20px;}


.inbanner{ margin-top:70px; width:100%;}
.inbanner img{ display:block;}


.guide{ border-left:8px solid #bf2e1b; line-height:200%; margin:40px 0; padding-left:10px; height:64px; overflow:hidden;}
.guide h2{ font-size:32px; margin-bottom:8px; font-weight:900;}
.guide h4{ font-size:14px; color:#666; font-weight:normal;}



/* 企业新闻 */
.news-ul{
	margin-bottom:30px; overflow:auto;
}
.news-ul li{
	padding:30px; border-bottom:1px solid #e6e6e6; overflow:auto;
}
.news-ul .col-pic{
	float:left; width:300px;
}
.news-ul .col-pic img{
	width:300px; 
}
.news-ul dl{
	float:left; width:590px; margin-left:20px;
}
.news-ul dt{
	line-height:40px; font-size:18px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.news-ul dd{
	line-height:20px; font-size:14px; color:#666;
}
.news-ul .col-date{
	float:right; text-align:center; border-left:1px solid #eee; padding:20px; 
}
.news-ul .col-date h3{ font-size:30px; font-weight:700; color:#888;}
..news-ul .col-date p{ font-size:14px; color:#ccc !important;}


.news-listpage{
	padding:30px 0;
}
.newsdetail-prevnext{
	height:76px; padding:0 30px; border-bottom:1px solid #e6e6e6;
}
.newsdetail-prevnext dt{
	float:left; line-height:76px; font-size:16px;
}
.newsdetail-prevnext dd{
	float:right; line-height:76px; font-size:16px;
}
.newsdetail-title{
	padding:20px 30px 15px 30px; border-bottom:1px solid #e6e6e6; text-align:center;
	font-size:18px;
}
.newsdetail-title span{
	line-height:30px; display:block;
	font-size:14px; color:#999;
}
.newsdetail-intro{
	padding:30px 50px 0 50px;
}
.newsdetail-intro div,
.newsdetail-intro p{
	line-height:28px; font-size:16px;
}


/* 投资者关系 */
.investor-ul{
	margin-bottom:30px;
    float:left;
}
.investor-ul li{
	padding:30px; border-bottom:1px solid #e6e6e6; overflow:auto;
}

.investor-ul dl{
	float:left; width:720px; margin-left:20px;
}
.investor-ul dt{
	line-height:40px; font-size:18px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.investor-ul dd{
	line-height:20px; font-size:14px; color:#666;
}
.investor-ul .col-date{
	float:left; text-align:center; padding:5px; width:70px; border:1px solid #fb002a;
}
.investor-ul .col-date h3{ font-size:40px; font-weight:700; color:#666;}
.investor-ul .col-date p{ font-size:12px; color:#999;}


.investor-board{ float:right; width:200px; line-height:200%;}
.investor-board p i{ font-size:14px;}

.investor-icon{ width:180px; padding-top:80px;  padding-bottom:10px; background:#fb002a; color:#fff; text-align:center; display:block; position:relative; font-size:20px; margin-bottom:10px;}
.investor-icon-i{font-size:50px; display:block; width:50px; position:absolute; left:50%; top:20px; margin-left:-25px; transition:0.3s;}

.investor-icon p i{ font-size:14px;}
.investor-icon:hover{ color:#fff; background:#d20023;}
.investor-icon:hover .investor-icon-i{transform:scale(1.4);}

/* 分页 */
.listpage{
	height:35px; text-align:center;
}
.listpage a{
	height:33px; line-height:33px; padding:0 10px; border:1px solid #ddd; margin-left:5px;
	display:inline-block; font-size:16px; color:#999;
}
.listpage a:hover{
	color:#ff5449;
}
.listpage span{
	height:35px; line-height:35px; margin-left:5px; display:inline-block;
	font-size:16px; color:#999;
}
.listpage .active{
	height:33px; line-height:33px; padding:0 10px;
	color:#fff; border:1px solid #ff5449; background-color:#ff5449;
}
.listpage .page-txt{
	margin-left:10px;
}
.listpage .page-box input{
	width:63px; height:33px; line-height:33px; border:1px solid #ddd; text-align:center;
	font-size:16px; color:#999;
}
.listpage .page-btn input{
	width:63px; height:35px; line-height:35px; border:1px solid #ddd; cursor:pointer;
	font-size:16px; color:#999;
	background:#fff;
}
.listpage .page-btn input:hover{
	color:#fff; border:1px solid #ff5449; background-color:#ff5449;
}



.title1{ margin:0 0 20px 0; text-align:left;color:#000; font-size:28px; font-family:Gobold;}
.title2{ font-size:32px; color:#333;text-align:center; margin-bottom:30px;}

.tline{ height:1px; background:#eee; width:500px; margin:0 auto; margin-bottom:50px; position:relative;}
.tline .tline_block{ width:50px; background:#ff7200; height:5px; position:absolute; left:50%; top:-2px; margin-left:-25px;}


/*在线反馈*/
.tbl{ margin:0 auto; border:1px solid #ccc; background:#ccc;}
.tbl td{ padding:15px 10px; font-size:14px; background:#fff; }

.feedback{}
.feedback p{ padding:10px 0;}
.feedback p label{ padding-right:10px; width:120px; text-align:right; height:30px; line-height:30px; display:inline-block;}
.feedback .input1{ width:120px; height:30px; line-height:30px; border:none;color:#111; border-bottom:1px solid #ccc;}
.feedback .checkbox{ width:45%; display:inline-block; text-align:left; line-height:30px;}


.feedbacken{}
.feedbacken p{ padding:10px 0;}
.feedbacken p label{ padding-right:10px; width:140px; text-align:right; height:30px; line-height:30px; display:inline-block;}
.feedbacken .input1{ width:200px; height:30px; line-height:30px; border-radius:5px; background:#eee; border:none; color:#111;}

.btn{ width:200px; height:40px; line-height:40px; display:block; text-align:center; background:#152540; color:#fff; font-size:16px; border:none; border-radius:5px; cursor:pointer; }






/*新闻列表*/
.dl_newsList{
	padding:5px 5px 10px 320px;
	position:relative;
	overflow:hidden;
	transition:500ms;
	border-bottom:1px dotted #ccc;
	height:250px;
	z-index:0;
}
.dl_newsList dt{
	width:300px;
	height:250px;
	position:absolute;
	top:5px;
	left:5px;
}
.dl_newsList dt img{ width:300px; height:225px; border:1px solid #eee;}
.dl_newsList dt .dltime{ position:absolute; left:3px; top:3px; width:80px;  background:rgba(0,0,0,0.8); text-align:center; height:120px; padding-top:10px; color:#fff;}
.dl_newsList dt .dltime h2{ font-size:24px;}
.dl_newsList dt .dltime h4{ font-size:12px; margin:5px 0; font-weight:normal;}

.dl_newsList dd{
	line-height:150%;
	font-size:14px;
	color:#666;
}
.dl_newsList dd.ntitle{
	padding:5px 0;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.dl_newsList:hover{ background:#ff7200; color:#fff; text-decoration:none;}
.dl_newsList:hover .dltime{ background:#000; }
.dl_newsList:hover .ntitle{ color:#fff;}
.dl_newsList:hover dd{ color:#fff;}
a.dl_newsaList{ transition:500ms;}
.dl_newsaList:hover{ text-decoration:none;}




/*招聘列表*/
.dl_recruitList{
	padding:0;
	position:relative;
	overflow:hidden;
	transition:500ms;
	border-bottom:1px dotted #ccc;
	z-index:0;
    border:1px solid #eee;
    height:80px;
    margin-bottom:10px;
}
.dl_recruitList dt{
	width:100px;
	position:absolute;
	top:0;
	right:0;
    
}

.dl_recruitList dt .dltime{ padding-top:10px;  width:100px; text-align:center; height:80px; color:#999; border-left:1px solid #eee;background:#fff;}
.dl_recruitList dt .dltime h2{ font-size:24px; font-weight:normal; line-height:30px;}
.dl_recruitList dt .dltime h4{ font-size:14px; font-weight:normal;}
.dl_recruitList dd{
    height:80px;
    overflow:hidden;
	font-size:16px;
	color:#666;
    text-align:left;
    padding-left:70px;
    padding-right:210px;
    display:flex;/*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items:center;/*指定垂直居中*/
}
.dl_recruitList  .isEnd{ position:absolute; right:100px; top:0px; width:100px;  background:#f7f7f7; text-align:center;  line-height:80px;  color:#333;border-left:1px solid #eee;}

.dl_recruitList dd .icon{ width:60px; height:80px; line-height:80px; display:inline-block; margin-right:10px; background:#152540; text-align:center; overflow:hidden; position:absolute; left:0; top:0px;}
.dl_recruitList dd .icon i{color:#fff; font-size:32px;}

.dl_recruitList:hover{ background:#ff7200; color:#fff; text-decoration:none;}
.dl_recruitList:hover .dltime{ color:#fff;background:#ff7200; }
.dl_recruitList:hover .ntitle{ color:#fff;}
.dl_recruitList:hover dd{ color:#fff;}
.dl_recruitList:hover .isEnd{ background:#ff7200; color:#fff; }

a.dl_recruitaList{ transition:500ms;}
.dl_recruitaList:hover{ text-decoration:none;}

.recruitPostTime{  font-size:14px; color:#888;}
.recruitPostTime i{ }
.recruitPostTime h4{ font-weight:normal; font-size:14px;}

.btn_back{ width:200px; height:40px; line-height:40px; display:block; text-align:center; border:1px solid #ccc; font-size:16px; border-radius:5px;}
.btn_back:hover{ background:#c02d1a; color:#fff;}

.postForm{ line-height:200%; margin-top:40px;}
.postForm p{ margin-bottom:10px;}
.recruitInput{ height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:4px; font-size:14px; width:500px;}
.postSelect{height:30px; line-height:30px; border:1px solid #ccc; border-radius:4px; text-indent:4px; font-size:14px; width:500px;}
.postComment{ width:100%; height:100px;}
.postSubmit{ width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; background:#ee7200; color:#fff; border-radius:4px; border:none;}

.graduateLink{  display:block; border-radius:4px;}
.graduateLink:hover{ background:#152540; font-size:18px; color:#fff !important;}

.graduateLink2{  display:block; border-radius:4px; width:200px; line-height:35px; background:#152540; text-align:center; color:#fff;}
.graduateLink2:hover{ background:#bf2e1b; font-size:18px; color:#fff !important;}











/*翻页*/
/*========== page */
#AspNetPager1 {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
#AspNetPager1 a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height:28px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background:#666 url(../images/page.jpg) no-repeat;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	border-radius:28px;
}
#AspNetPager1 a:hover {
	background-position: 0px -80px;
	color: #ffffff;
}
#AspNetPager1 font {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #bf2e1b !important;
	font-size: 15px;
	background: url(../images/page.jpg) no-repeat;
	background-position: 0px -80px !important;
	margin-bottom:-5px;
}
#AspNetPager1 .prve {
	background-position: 0px -120px;
	text-indent: -9999em;
}
#AspNetPager1 .prve:hover {
	background-position: -40px -120px;
}
#AspNetPager1 .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#AspNetPager1 .next {
	background-position: 0px -158px;
	text-indent: -9999em;
}
#AspNetPager1 .next:hover {
	background-position: -40px -158px;
}
#AspNetPager1 .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end*/


.main{
	margin:0 auto; width:1120px; display:table; clear:both;
}

.channel{ width:1200px; margin:0 auto; background:#fff;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }



/* tipfloat */
.tipfloat{background:#fff;}
.tipfloat{display:none;z-index:999;position:fixed;_position:absolute;right:20px;bottom:0;width:340px;height:240px;overflow:hidden;}
.tipfloat .tiphead{height:28px;line-height:28px;overflow:hidden;padding:0 5px; background:#fb002a;}
.tipfloat .tiphead strong{float:left;color:#fff;font-size:14px;} 
.tipfloat .tiphead .close{display:block;float:right;margin:0 0 0 0;width:18px;height:18px;cursor:pointer;}
.tipfloat .tiphead .close i{ color:#fff;}
/* ranklist */
.ranklist{padding:10px 10px 10px 10px; height:200px; overflow-y:scroll; font-size:14px; }