@charset "utf-8";
*{
	margin:0;
	padding:0;
	list-style:none;
}
body,td,th
{ font:12px/1.5 arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,helvetica,sans-serif;}
body{
	color:#4b4b4b;
	background:#fff;

}
body#index{	overflow:hidden;width:100%; height:100%;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */  

a{color:#4b4b4b; text-decoration:none;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}
a:hover{color:#d73231; text-decoration:none;}
.loading{ position:fixed; width:100%; height:100%; background:#fff; z-index:900;}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-20px;
  margin-top:-20px;
 
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #c12b1e;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


img{ border:0;}
.clear{ clear:both;}
.pic_bot{ border:1px #dcdbdb solid;}
.arricon{padding-left:10px;background:url(/images/addimage/arr.jpg) left center no-repeat;}
.sp{ color:#ab298a;}
.sp:hover{color:#ab298a; text-decoration:none; }
span.left{ float:left;}
span.right{ float:right;}

.cc-head{ top:0; width:100%; height:120px; background:#fff;z-index:100;position:fixed; transition:transform .4s;}
.cc-head.hide{ transform:translateY(-100%);}
.head-com{ width:1280px; margin:0 auto;}
.logo{ width:220px; float:left;}
.cc-nav{ display:inline; float:left; margin-left:70px;}
.cc-nav li{ float:left; padding:0 7px; position:relative;}
.cc-nav li a{ display:block;font-size:14px; line-height:120px; position:relative; padding:0 10px;}
.cc-nav li a:after{ content:''; position:absolute; width:0; height:7px; left:0; bottom:0; background:#c12b1e; transition:width .4s;}
.cc-nav li a:hover:after{ width:100%;}
.cc-nav li a b{font-weight:normal;}
.top-search{ width:220px; padding-top:45px; float:right;}
.nav-trigger{
  position:fixed;
  display:block;
  width: 90px;
  height: 70px;
  right: 0;
  top: 0;
  background:#c12b1e;
	transition:transform .4s;
	z-index:200;
}
.nav-trigger.hide{transform:translateY(-100%);}
.nav-trigger .cd-menu-icon{
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 50px;
  height: 2px;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.nav-trigger .cd-menu-icon::before, .nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.nav-trigger .cd-menu-icon::before {
  top: -15px;
}
.nav-trigger .cd-menu-icon::after {
  top: 15px;
}
.nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(174, 27, 53, 0);
}
.nav-trigger .cd-menu-icon.is-clicked::before, .nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: #fff;
}
.nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

#container{ width:100%; position:relative;}
.slide{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.view-bg{ position:absolute; width:100%; height:100%; overflow:hidden; left:0; top:0;}
.transparent{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;}
.fixed-view-ico{z-index:999;position:absolute;width: 10px;/*padding-bottom:83px; background:url(../images/addimages/mouse.png) bottom center no-repeat;*/top:50%;right:20px; margin:-60px 0 0 0;}
.fixed-view-ico li{ margin-bottom:18px; padding-left:2px;}
.fixed-view-ico a{width:6px; height:6px; border-radius:7px;border:1px #fff solid;display: block; position:relative;}
.fixed-view-ico a:hover{background:#fff;}
.fixed-view-ico li.active a{background:#fff;}
.fixed-view-ico aside {
    background:url(../images/addimages/aside_bg.png) no-repeat;
    color: #616161;
	width:70px;
	text-align:center;
    height: 22px;
    line-height: 22px;
    opacity: 0;
    position: absolute;
    left: -80px;
    top: -10px;
    transform: translateX(-10px);
    transition: all 0.5s ease 0s;
    white-space: nowrap;
}

.fixed-view-ico a:hover aside {
    opacity: 1;
    transform: translateX(0px);
}
.section-wrap{ position:absolute; width:100%; height:100%; overflow:hidden; left:0; top:0; }
@-webkit-keyframes scrollanimate{
    0% {-webkit-transform: translateY(-10px);}
	100% {-webkit-transform: translateY(0px);}
}
@keyframes scrollanimate{
    0% {-webkit-transform: translateY(-10px);}
	100% {-webkit-transform: translateY(0px);}
}

.skip-btn{ position:absolute; width:21px; height:21px; left:50%; bottom:10px; cursor:pointer; margin-left:-10px; z-index:20;
	-webkit-animation-name: scrollanimate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	animation-name: scrollanimate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*pages1*/
.index-banner{
	opacity:0;
	transform:translate(0,-60px);
	transition:opacity .6s,transform .6s;
}
.active .index-banner{
	opacity:1;
	transform:translate(0,0);
	transition:opacity 1s .4s,transform 1s .4s;
}
#index_logo{ position:absolute; left:70px; top:52px; transform:translateY(30px);}
.index-btn{ position:absolute; width:100%; top:50%; margin-top:-53px; z-index:100;}
.index-btn a{ display:block; float:left; width:54px; height:106px; opacity:0;}
.index-btn a#prev{ background:url(../../img/index_left.png) no-repeat;transform:translateX(30px); float:left;margin-left:50px;}
.index-btn a#next{ background:url(../../img/index_right.png) no-repeat;transform:translateX(-30px); float:right;margin-right:50px;}
.index-banner{ width:100%; height:100%; background:url(/img/index_banner.jpg) center no-repeat;}



/*pages2*/
.pagebg2{
	opacity:0;
	transform:translate(-60px,0);
	transition:opacity .6s,transform .6s;
}
.active .pagebg2{
	opacity:1;
	transform:translate(0,0);
	transition:opacity 1s .4s,transform 1s .4s;
}

.page2-wrap{ position:absolute; width:1200px; left:50%; top:50%; margin-left:-600px; margin-top:-360px;}
.t1{ padding-top:21px; position:relative; transform:translateY(30px); opacity:0;}
.t1:before{ content:''; position:absolute; top:0; left:0; width:30px; height:6px; background:#d73231;}
.t2{ line-height:35px; font-size:26px; color:#fff; margin-top:10px;transform:translateY(30px); opacity:0;}
.t3{ margin-top:5px; line-height:25px; color:#fff; font-size:12px;transform:translateY(30px); opacity:0;}
.page2-list{ margin-top:80px;transform:translateY(30px); opacity:0;}
.page2-list .hd a.next,.page2-list .hd a.prev{ display:block; position:absolute; width:30px; height:80px; background-color:#d73231; background-repeat:no-repeat; background-position:center; cursor:pointer; top:50%; margin-top:-40px;}
.page2-list .hd a.prev{ background-image:url(../../img/arr_left.gif); left:-53px;}
.page2-list .hd a.next{ background-image:url(../../img/arr_right.gif); right:-53px;}
.page2-list .bd{ position:relative; overflow:hidden;}
.page2-list .bd li{ width:276px; float:left; margin:0 32px 0 0; position:relative;}
.page2-list .bd li img{ width:100%;}
.page2-list .bd li .pic_title{ position:absolute; width:100%; bottom:0; text-align:center; line-height:40px; overflow:hidden; font-size:16px; color:#fff; box-sizing:border-box; padding:13px 30px; background:rgba(0,0,0,0.5)}
.page2-list .bd li .pic_title:before{ position:absolute; width:233px; height:40px; left:50%; top:50%; margin-left:-116px; margin-top:-20px; content:''; border:1px #ababab solid;}



/*pages3*/
.page3-img{ position:absolute; width:50%; height:100%; left:0; overflow:hidden; transform:translateX(-60px); opacity:0;}
.page3-wrap{ position:absolute; width:553px; position:absolute; left:50%; margin-left:90px; top:50%; margin-top:-300px;}
.page3_t2{ color:#525252;}
.page3_t3{ color:#525252;}
.page3-com{ margin-top:40px; transform:translateY(30px); opacity:0;}
.index-intro{ font-size:14px; line-height:26px;}
.index-intro p{ padding-bottom:20px;}
.page3_more{ width:178px; line-height:40px; background:#da251c; margin-top:40px; transform:translateY(30px); opacity:0;}
.page3_more a{ display:block; padding-left:30px; line-height:40px; font-size:14px; color:#fff; letter-spacing:1px; position:relative;}
.page3_more a:before{ content:''; position:absolute; left:13px; top:12px; width:0; height:0; border-top:7px solid transparent;border-left:13px solid #fff; border-bottom:7px solid transparent;}


/*pages4*/
.page4-wrap{ position:absolute; width:100%; top:50%; margin-top:-450px;}
.page4_txtbg{ position:absolute; left:50%; top:43px; margin-left:-558px; transform:translateX(-30px); opacity:0;}
.page4-title{ position:absolute; top:0; left:50%; width:200px; margin-left:-100px; transform:translateY(30px); text-align:center;}
.page4_t1{position:relative; transform:translateY(30px); opacity:0;}
.page4_t2{ line-height:35px; font-size:26px; color:#525252; margin-top:10px;transform:translateY(30px); opacity:0;}
.page4_t3{ margin-top:5px; line-height:25px; color:#525252; font-size:12px;transform:translateY(30px); opacity:0; padding-bottom:11px; position:relative;}
.page4_t3:before{ content:''; position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:6px; background:#d73231;}
#page4_line{ width:0; height:299px; position:absolute; left:0; top:433px; overflow:hidden; background:#4c4c4c;}
#page4_line img{}
.page4-com{ position:absolute; width:1064px; left:50%; top:182px; margin-left:-532px;}
.page4-com .piece{ transform:translateX(-30px); width:266px; position:absolute;}
.piece-conts{ opacity:0;opacity:0; transform:translateY(20px);}
#page4_p1{ left:0; top:0;}
#page4_p1 .piece-wrap{ position:absolute; bottom:0; height:213px; background:rgba(53,43,41,0.8); box-sizing:content-box;}
#page4_p1 .piece-conts{ padding:80px 30px 0 30px; box-sizing:border-box;}
.piece-conts h1{ line-height:25px; font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase;}
.piece-conts h2{ line-height:30px; font-size:20px; color:#fff; font-weight:normal; position:relative;}
#page4_p1 .piece-conts h2{padding-bottom:13px;}
#page4_p1 .piece-conts h2:after{ position:absolute; content:''; width:40px; height:2px; background:#fff; left:0; bottom:0;}
#page4_p2{left:266px; top:92px;}
#page4_p2 .piece-wrap{position:absolute; bottom:0; height:145px; background:#212121;}
#page4_p2 .piece-conts{ padding:27px 30px 55px 30px; position:relative;}
#page4_p2 .piece-conts:after{ position:absolute; content:'+'; width:35px; height:35px; border:1px #fff solid; left:30px; bottom:0; font-size:33px; color:#fff; line-height:35px; text-align:center;}
#page4_p2 .piece-conts p{ line-height:24px; color:#fff; font-size:12px; margin-top:18px;}
#page4_p3{ left:532px; top:186px;}
#page4_p3 .piece-wrap{ position:absolute; height:82px; width:100%; left:0; bottom:0; background:rgba(27,27,27,.4);}
#page4_p3 .piece-conts{ padding:17px 12px 0 110px; position:relative;}
#page4_p3 .piece-conts:after{ position:absolute; content:'+'; width:35px; height:35px; border:1px #fff solid; border-radius:35px; left:10px; top:17px; font-size:33px; color:#fff; line-height:35px; text-align:center;}
#page4_p4{ left:798px; top:0;}
#page4_p4 .piece-wrap{ height:369px; background:#d73231;}
#page4_p4 .piece-conts{ padding:60px 30px 60px 30px; position:relative;}
#page4_p4 .piece-conts:after{ position:absolute; content:'+'; width:35px; height:35px; border:1px #fff solid; right:30px; bottom:0; font-size:33px; color:#fff; line-height:35px; text-align:center;}
#page4_p4 .piece-conts h1{ line-height:30px; font-size:26px;}
#page4_p4 .piece-conts h2{ line-height:23px; font-size:20px; margin-top:6px;}
#page4_p4 .piece-conts p{ line-height:24px; color:#fff; font-size:12px; margin-top:23px;}


/*pages5*/
.pagebg5{
	transform:scale(1.5);
	transition:opacity .6s,transform .6s;
}
.active .pagebg5{
	transform:scale(1);
	transition:opacity 1s,transform 1s;
}
.page5-wrap{ position:absolute; width:1280px;left:50%; top:50%; margin-left:-640px; margin-top:-320px;}
.page5_t2{ color:#525252;}
.page5_t3{ color:#525252;}
.page5_com{ margin-top:80px;}
.index-news li{ float:left; width:580px; float:left; margin:0 45px 55px 10px; transform:translateY(30px); opacity:0;}
.index-news li.news2,.index-news li.news4{margin:0 0 55px 10px;}
.news-img{ width:180px; float:left;}
.news-img img{ width:180px; height:135px;}
.news-desc{ width:385px; float:right; 1padding-top:23px;}
.news_title{ line-height:25px; font-size:14px;}
.news_title .font{line-height:25px; font-size:14px;}
.news-descript{ margin-top:10px; line-height:23px; color:#7c7c7c;}



/*pages6*/
.pagebg6{
	opacity:0;
	transform:translate(0,-60px);
	transition:opacity .6s,transform .6s;
}
.active .pagebg6{
	opacity:1;
	transform:translate(0,0);
	transition:opacity 1s .4s,transform 1s .4s;
}

.page6-wrap{ position:absolute; width:1280px;left:50%; top:45%; margin-left:-640px; margin-top:-350px;}
.page6-title{ width:790px; margin:0 auto; text-align:center;}
.page6_t1{position:relative; transform:translateY(30px); opacity:0;}
.page6_t2{ line-height:35px; font-size:26px; color:#525252; margin-top:10px;transform:translateY(30px); opacity:0;}
.page6_t3{ margin-top:20px; line-height:25px; color:#000; font-size:14px;transform:translateY(30px); opacity:0; padding-bottom:11px; position:relative;}
.page6_t3:before{ content:''; position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:6px; background:#d73231;}
.page6-list{ margin-top:30px;}
.page6-list li{ width:270px; height:320px; box-sizing:border-box; background:#fff; float:left; margin:0 25px; box-shadow:0 0 20px rgba(9,2,4,0.2); opacity:0; transform:translateY(-30px); position:relative; transition:box-shadow .4s,margin .4s; margin-bottom:10px;}
1.page6-list li:hover{box-shadow:0 0 30px rgba(9,2,4,0.5); margin-top:-12px;}
.page6-list li a{ display:block; width:100%; height:100%; padding-top:58px; position:relative;box-sizing:border-box; }
1.page6-list li a:after{ position:absolute; content:'+'; font-size:20px; line-height:45px; bottom:27px; left:50%; margin-left:-18px; text-align:center; color:#808080; width:36px; height:45px; border:1px #d9d9d9 solid;}
.page6-list li i{ display:block; width:150px; height:150px; margin:0 auto; white-space:nowrap; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; background-image:url(/img/service_icons.png);}
.page6-list li.s1 i{ background-position:0 0;}
.page6-list li.s2 i{ background-position:-152px 0;}
.page6-list li.s3 i{ background-position:-304px 0;}
.page6-list li.s4 i{ background-position:-456px 0;}
.page6-list li h2{ text-align:center; line-height:30px; color:#de5453; font-size:60px; font-weight:normal; margin-top:30px;padding:0 30px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.page6-list li p{ line-height:22px; color:#808080; margin-top:20px; text-align:center; padding:0 30px;}


/*page7*/
.page7-wrap{ position:absolute; width:1000px; left:50%; margin-left:-500px; top:50%; margin-top:-350px;}
.page7_txtbg{position:absolute; left:50%; top:65px; margin-left:-687px; transform:translateY(-30px); opacity:0;}
.page7-title{ position:absolute; top:0; text-align:center; width:450px; left:50%; margin-left:-225px;}
.page7_t1{position:relative; transform:translateY(30px); opacity:0;}
.page7_t2{ line-height:35px; font-size:26px; color:#525252; margin-top:12px; letter-spacing:6px;transform:translateY(30px); opacity:0; padding-bottom:10px;}
.page7_t2:before{ content:''; position:absolute; bottom:0; left:50%; margin-left:-15px; width:30px; height:6px; background:#d73231;}
.page7_t3{ margin-top:10px; line-height:25px; color:#525252; font-size:14px;transform:translateY(30px); opacity:0; position:relative;}
.page7_contact{ position:absolute; width:100%; left:15px; top:245px; transform:translateY(30px); opacity:0;}
.page7_contact p.c_tel{ line-height:40px; color:#ae1b35; font-size:36px;}
.page7_contact p{ font-size:16px; color:#fff; line-height:30px;}
.page7_contact p.q_code{ padding-top:5px; line-height:45px; font-size:25px; color:#fff;}
.page7_contact p.q_code b{ font-size:36px; font-weight:normal; color:#fff; margin-right:8px;}
.page7_contact p.q_img{ padding-top:15px;}
.page7_contact p.q_img img{ margin-right:15px;}
.page7_contact p.share_p{ padding-top:14px; line-height:45px;font-size:25px; color:#fff;}
.page7_contact p.share_p b{font-size:36px; font-weight:normal; color:#fff; margin-right:8px;}
.page7_contact p.share_img{ padding-top:10px;}
.page7_contact p.share_img img{ margin-right:15px;}
.page7_maps{ position:absolute; width:502px; top:245px; right:0; transform:translateY(30px); opacity:0;}

.index-footer{ position:fixed; width:100%; height:40px; left:0; bottom:0; transform:translateY(100%);z-index:499; background:#000;}
.cc-footer{min-width:1200px; height:48px; background:#bf1231;}
#box_cc_footer{ width:1200px; margin:0 auto; padding:10px 0 0 0; line-height:23px; color:#fff; text-align:center;}
#box_cc_footer *{ color:#fff;}
#box_cc_footer a:hover{ color:#fff;}




/*sub*/
.sub-nav{}
.sub-nav li.p_articles { float:left; margin-right:20px;}
.sub-nav li a{ display:inline-block; line-height:35px; width:160px; text-align:center; color:#fff; font-size:14px; background:#b7b7b7; }
.sub-nav li a:hover{ background:#40bef1;}
.sub-nav li a.current{ background:#40bef1;}