﻿@charset "UTF-8";

/* CSS Document */
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;outline: none;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;margin: auto;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/

blr:expression(this.onFocus=this.blur());}/* 点击激活链接 */
i,em{font-style: normal;}
body{
  font-family:"Microsoft YaHei" !important;
  font-size:12px;color:#666;
/*
  background:#a0a7b7;
  
  background-image: url(../images/box22bg.jpg);
  background-repeat:no-repeat; 
    background-attachment:fixed
*/

}
select, input{vertical-align: middle;outline: none; font-family:"Microsoft YaHei";}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;}
textarea{outline: none;font-family:"Microsoft YaHei";}
.wrap{width:85%;clear: both;margin: 0 auto;}
.clear{clear: both;overflow:hidden;}
.h2{clear: both;height: 2px;overflow:hidden;}
.h10{clear: both;height: 10px;overflow:hidden;}
.h15{clear: both;height: 16px;overflow:hidden;}
.h20{clear: both;height: 20px;overflow:hidden;}
.h25{clear: both;height: 25px;overflow:hidden;}
.h30{clear: both;overflow:hidden;height: 30px;}
.h32{clear: both;height: 32px;}
.h40{clear: both;height: 40px;overflow:hidden;}
.h50{clear: both;height: 50px;overflow:hidden;}
.h55{clear: both;height: 55px;overflow:hidden;}
.h60{clear: both;height: 60px;overflow:hidden;}
.h80{clear: both;height: 80px;overflow:hidden;}
.h100{clear: both;height: 100px;overflow:hidden;}
.h110{clear: both;height: 110px;overflow:hidden;}
.h125{clear: both;height: 125px;overflow:hidden;}
.h150{clear: both;height: 150px;overflow:hidden;}
.h185{clear: both;height: 185px;overflow:hidden;}
.h250{clear: both;height: 125px;overflow:hidden;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}


.bai{ background: #FFF;}
.hui{ background: #f2f2f2;}
.pic{ overflow:hidden;}
.pic img{ overflow:hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.hoverDH{transition: 0.3s linear; -webkit-transition: 0.3s linear;}
.hoverDH:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px);box-shadow: 0 2px 9px 2px rgba(0,0,0,0.1);}
.default{background:#ececec url(../basiclogo.html) center center no-repeat;}
.imgBox{
  position: relative;
  overflow: hidden;
}
.imgBox img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jqthumb{
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s linear;
}
.publicTit{
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.publicTit a{
  color: #fff;
}

/*将彩色图片变灰色*/
img.desaturate{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);     
  -moz-filter: grayscale(100%);     
  -ms-filter: grayscale(100%);     
  -o-filter: grayscale(100%); 
  }

/*字竖向排列*/
.writing-mode-lr{
  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
    text-align: left;  
}
.writing-mode-rl{
  writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/    
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
    text-align: left;    
}

/**
 * 改变浏览器滚动条


 */
::-webkit-scrollbar {width:0px;background:#fff;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:0px;background:#585f72;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

/**
 * css3动画（从上往下、从下往上、从左往右、从右往左、淡入、淡出）
 * @author 
 * @return
 */
@-webkit-keyframes gupIn{from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0; -moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0; transform:translate3d(0,-30px,0);}}

@-webkit-keyframes gdownIn{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gdownIn{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gdownIn{from{opacity:0; transform:translate3d(0,30px,0);}}

@-webkit-keyframes gleftIn{0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes gleftIn{0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes gleftIn{0%{opacity:0; transform:translate3d(-30px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes grightIn{0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}100%{opacity:1; -webkit-transform:translate3d(0,0,0);}}
@-moz-keyframes grightIn{0%{opacity:0; -moz-transform:translate3d(80px,0,0);}100%{opacity:1; -moz-transform:translate3d(0,0,0);}}
@keyframes grightIn{0%{opacity:0; transform:translate3d(80px,0,0);}100%{opacity:1; transform:translate3d(0,0,0);}}

@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}
@keyframes gfadeOut{0%{opacity:1;}100%{opacity:0;}}

.gupIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
  }
.gdownIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gdownIn 1s 0.1s both;
    -moz-animation: gdownIn 1s 0.1s both;
    animation: gdownIn 1s 0.1s both;
  }
.gleftIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gleftIn 1s 0.1s both;
    -moz-animation: gleftIn 1s 0.1s both;
    animation: gleftIn 1s 0.1s both;
  }
.grightIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: grightIn 1s 0.1s both;
    -moz-animation: grightIn 1s 0.1s both;
    animation: grightIn 1s 0.1s both;
  }
.gfadeIn{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeIn 1s 0.1s both;
    -moz-animation: gfadeIn 1s 0.1s both;
    animation: gfadeIn 1s 0.1s both;
  }
.gfadeOut{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gfadeOut 1s 0.1s both;
    -moz-animation: gfadeOut 1s 0.1s both;
    animation: gfadeOut 1s 0.1s both;
  }


/*公共部分结束*/
/*
********************************此处首页样式开始********************************
*/

/*æœ‰çº¿æ¡†*/
.btn-border{padding:0 20px; display:inline-block; height:40px; line-height:40px; border:1px solid #cb9c01; cursor:pointer; position:relative; display:inline-block; text-align:center; font-size:0;}
.btn-border .arrow {width:17px; height:14px; background:url(../png/btn_black_jt.png) 50% 50% no-repeat; display:inline-block; vertical-align:middle; }
.btn-border .label {font-size:14px; position:relative; display:inline-block; vertical-align:middle; white-space:nowrap; padding:0 10px; opacity:0; visibility:hidden; max-width:0; padding:0; -webkit-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -moz-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -ms-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); -o-transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); transition:all 500ms cubic-bezier(0.4, 0, 0.2, 1); color:#000;}
.btn-border:hover .label{max-width:80px; padding:0 10px; opacity:1; visibility:visible;}


.index-point{ z-index:2;    position: relative;}

.index-point .container{    width: 82%; clear: both; margin: 0 auto;}
.index-point .rect-295{padding-bottom:29.5%;}
.index-point .content{position:relative; margin-top:-100px;}
.index-point .left{width:54.5%; position:relative;}
.index-point .left .cover{position:absolute; width:100%; height:100%; top:0; left:0;}
.index-point .left .cover .box-point{padding:20px 150px 77px 57px;}
.index-point .left .cover .box-point .tit{font-size:32px; color:#000; font-weight:lighter;}
.index-point .left .cover .box-point .tit span{font-size:45px; font-weight:bold;}
.index-point .left .cover .box-point .con{font-size:16px;  color:#000000; line-height:30px; margin:0px 0 10px;}
.index-point .right{position:absolute; right:0; bottom:0; width:50%; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);}
.index-point .right ul{padding:54px  0;}

/*å˜åŒ–æ•°å­—*/
.index-point  .num_box .item{width: 25%;float: left;text-align: center;background:url(../jpg/about_center01_line.jpg) no-repeat right;}
.index-point .num_box .item:nth-last-child(1){background:none}
.index-point .num_box .item .main{color: #cb0101;line-height: 1;margin-bottom: 8px;font-weight: bold;font-size: 16px;}
.index-point .num_box .item .num{font-size: 55px;font-family: 'Arial';}
.index-point .num_box .item .s{font-size: 16px;color: #1e1e1e;line-height: 1;padding-bottom: 18px; display:block; text-align:center; background:url(../line.html) no-repeat center bottom;}
.index-point  .num_box .item .s:after{content: '';height: 1px;background-color: #e2e2e2;}
.num_box{ padding:60px 0; margin: 0 auto; max-width: 1000px;}
.numCount{ margin: 0 10px;}
.numCount li{ width: 25%; float: left;text-align: center;/*background:url(../images/about_center01_line.jpg) no-repeat right;*/}
.numCount li:nth-last-child(1){background:none}
.numCount li .item{ margin: 0  12%;}
.numCount li .item .indc{font-size: 16px;color: #ffffff;line-height: 1;padding-bottom: 18px;  padding-top: 10px;   border-top: 1px solid rgba(250,250,250,.2);}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:50px;font-family: 'Arial'; color:#FFF;font-weight: bold;}
.numCount li .numU .unitC{font-size: 16px;line-height: 1.3;margin-top: 2px;margin-left: 0.3em;color: #FFF; font-weight: bold; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top; color:#FFF;}
.numCount li .numU sub{vertical-align:baseline; color:#FFF;}
@media (max-width:2580px){
  .index-point .rect-295 {
    padding-bottom: 27.5%;
}
}

@media (max-width:1680px){
.banner{
  height:660px;
  width: 100%;
}
.banner .swiper-wrapper{
  height: 660px;
  width: 100%;
  position: relative;
  transition-timing-function: cubic-bezier(0.71, 0.23, 0.22, 0.81);
  transition-delay: 1s;
}
.banner .swiper-slide{
  height:660px;
  width: 100%;
  position: relative;
}

.index-point .rect-295 {
    padding-bottom:31.5%;
}


}

@media (min-width: 1400px){
.container {
    width: 90%;
}
}
@media (min-width: 1600px){
.container {
    width: 80%;
}
}
@media (max-width:800px){
  .index-point .container{ width: 100%;}
  .numCount li .numCX{ font-size:36px; }
}


/******************************/
.index1{ margin-top:50px;}
.index2{ margin-top:30px;}
.index2_box{position: relative; padding-top: 60px; padding-bottom: 10px; background: #fff;}
.index2_box .bg { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-repeat: no-repeat;}
.box-2{ text-align: center; overflow: hidden; position: relative;}
.box-2:before{content: ""; width: 0; height: 100%; background: #000;padding: 14px 18px; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box-2:hover:before{ width: 100%; left: 0; opacity: 0.5;}
.box-2 img{ width: 100%; height: auto;-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.box-2 .box-content{width: 100%;padding: 14px 18px; color: #fff; position: absolute; top: 23%; left: 0;}
.box-2 .title{ font-size: 25px;  font-weight: 600; line-height: 30px; text-transform: uppercase; margin: 0; margin-bottom:20px; opacity: 0;transition: all 0.5s ease 0s;}
.box-2 .post{ font-size: 15px; text-transform: capitalize; opacity: 0; transition: all 0.5s ease 0s;}
.box-2:hover .title,.box-2:hover .post{  opacity: 1; transition-delay: 0.7s;}
.box-2 .icon{ padding: 0; margin: 0;  list-style: none; margin-top: 15px;}
.box-2 .icon li{ display: inline-block;  width: 80px; height: 30px; line-height: 30px;  border-radius:10px; background: #f74e55; font-size: 20px; font-weight: 700; color: #fff; font-size:14px; margin-right: 5px; opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s;}
.box-2 .icon li i{ font-style:normal;}
.box-2:hover .icon li{ opacity: 1; transform: translateY(0px); transition-delay: 0.5s;}
.box-2:hover .icon li:last-child{ transition-delay: 0.8s;}
.thsy_about_ii2{ padding-top:30px;}
.thsy_about_ii2 .index_en{color:#fff; margin-top:10px;    font-size: 48px; color: #fff; font-family: Impact; text-transform: uppercase;}
.thsy_about_ii2 .index_cn{color:#fff; font-size: 34px; font-weight: bold; display: inline-block; position: relative; line-height: 1; margin-bottom: 10px;}
.thsy_about_ii2 .index_desc{color:#b9c0d0;}
.thsy_about_ii2 a:hover{color:#fff;}
.thsy_about_ii2 .t{font-size:24px; font-weight:bold; margin-bottom:10px; color:#fff;}
.thsy_about_ii2 .t a{ color:#fff;}
.thsy_about_ii2 .t a:hover{ text-decoration:none;}
.thsy_about_ii2 .d{font-size:15px; line-height:24px; height:48px; overflow:hidden; color:#fff;}
.thsy_about_ii2 .d a{ color:#fff;}
.thsy_about_ii2 .d a:hover{ text-decoration:none;}
.thsy_about_ii2 .con{padding:70px 60px 0;}
.thsy_about_ii2 .box2{background:url(../png/ipt2_box2.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/ipt2_box2.png',sizingMethod='scale');}
.thsy_about_ii2 .box4{background:url(../png/ipt2_box4.png) no-repeat right center; background-size:cover;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/ipt2_box4.png',sizingMethod='scale');}
.thsy_about_ii2 .box6{background:url(../png/ipt2_box6.png) no-repeat right center; background-size:cover;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../png/ipt2_box6.png',sizingMethod='scale');}

/*.thsy_about_ii2:after{content:""; position:absolute; left:50%; margin-left:600px; bottom:0; width:600px; height:250px; background:#fff;}
.thsy_about_ii2:before{content:""; position:absolute; right:0; bottom:-80px; width:188px; height:334px; background:url(../img/ipt2_logo.png) no-repeat center; z-index:1;}*/
.thsy_about_ii2 .wrap{overflow:hidden;}
.thsy_about_ii2 .box{float:left; height:250px;overflow:hidden;}
.thsy_about_ii2 .smbox{width:27.5%;visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 1s ease 0s, opacity 1s ease 0s; transition: transform 1s ease 0s, opacity 1s ease 0s; }
.thsy_about_ii2 .lgbox{width:45%;}
/*新闻板块样式*/
.index-main .index3{ padding:50px 0px;    margin-top: 20px;}
.indexTitle{text-align: center;}
.indexTitle .txt1 { font-size:35px;  color: #333; font-weight:bold;}
.indexTitle .txt2 {text-transform: uppercase;  color: #515151;  font-size: 16px; margin-bottom: 20px;}
.indexTitle2{ position:relative; z-index:111;}
.indexTitle2 .txt1 { font-size:30px;  color: #fff; font-weight:bold; text-align:center;}
.indexTitle2 .txt2 {text-transform: uppercase;  color: #fff;  font-size: 16px;  padding-top: 10px; text-align:center;}
.index_news_box .picScroll-left{ width:100%;  overflow:hidden; position:relative; margin-top:10px; }

.index_news_box .picScroll-left .bd{ padding:0px;  position: relative; overflow: hidden; }
.index_news_box .picScroll-left .bd ul{ overflow:hidden; zoom:1;     position: relative; height:100%;    transition: .2s width ease;}
.index_news_box .picScroll-left .bd ul li{ margin:0 8px; float:left; width:32%; _display:inline; overflow:hidden; text-align:center; top: 0; left: 0; height: 100%;  z-index: 1; }
.index_news_box .picScroll-left .bd ul li .pic{ text-align:center; }
.index_news_box .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.index_news_box .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.index_news_box .picScroll-left .bd ul li .title{ line-height:24px;   }

.rect-57{padding-bottom:57%;}
.imgZoom{ overflow:hidden;}
.widget-prolist-10{overflow:hidden;}
.transition{ transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.hoverImg:hover{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); opacity:0.9;}
*[class*="rect-"] { position: relative; display: block; width: 100%;  height: 0; overflow: hidden;}
.index_news_box .picScroll-left .bd ul li .top-Floor{width:100%;height: 100%;background:url(../png/black.4.png) repeat;z-index: 3; position:absolute;left:0;top:-100%;}
.index_news_box .picScroll-left .bd ul li .top-Floor .white-cross{width:60px;height: 60px;display:block; position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-30px;background:url(../png/whit_cross.png) no-repeat; z-index:4;}
.index_news_box .picScroll-left .bd ul .bom-text{padding:25px 8% 40px;background-color:#f3f3f3;overflow:hidden;z-index: 2;display:block; position:relative}
.index_news_box .picScroll-left .bd ul .bom-text:before{content:'';position:absolute;width:100%;height:100%;background-color:#2f6cc7;left:0;bottom:-100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;z-index: -1;}
.index_news_box .picScroll-left .bd ul li .rect-57 img{height:auto;}
.index_news_box .picScroll-left .bd ul li .rect-57{ position:relative;}
.index_news_box .picScroll-left .bd ul .bom-text ._name{font-size:18px; text-align:left; color:#333; font-weight:bold; margin-top:0px;}
.index_news_box .picScroll-left .bd ul .bom-text ._date{ font-size:13px; color:#888; text-align:left; line-height:40px; padding-left:20px; background:url(../png/date1.png) no-repeat center left;font-weight: normal;}
.index_news_box .picScroll-left .bd ul .bom-text ._price{color: #666464;line-height: 25px;height: 50px;overflow: hidden;margin-top: px; text-align:left; font-size:15px;}
.index_news_box .picScroll-left .bd ul li:hover .top-Floor{top:0;}
.index_news_box .picScroll-left .bd ul li:hover .bom-text,.picScroll-left .bd ul li:hover .bom-text ._price,.picScroll-left .bd ul li:hover .bom-text ._name,.picScroll-left .bd ul li:hover .bom-text ._date{color:#fff;}
.index_news_box .picScroll-left .bd ul li:hover .bom-text ._date{ background:url(../png/date2.png) no-repeat center left;}
.index_news_box .picScroll-left .bd ul li:hover .bom-text:before{bottom:0;}

.index4{ width:100%;padding: 60px 0 60px; background-image:url(../jpg/index_pt6.jpg); background-position: center center;background-repeat: no-repeat; margin-top:70px;}
.index4 .tit1{font-size: 30px; color: #f5f5f5; line-height: 1; margin-bottom: 25px;  margin-top: 27px;}
.index4 .tit2{font-size: 32px; color: #f5f5f5; line-height: 1; margin-bottom: 25px;  margin-top: 27px;}
.contact_box{ width:100%;}
.contact_box li{ float:left; width:25%;}
.contact_box li .img_box{ width:100%; margin-bottom:25px; text-align:center;}
.contact_box li .img_txt1{ width:100%; text-align:center;font-size: 23px;  color: #f5f5f5; font-weight:bold; line-height: 1;  margin-bottom: 15px;}
.contact_box li .img_txt2{ width:100%; text-align:center;font-size: 18px;  color: #fff; line-height: 1;}
.contact_box li .img_box img{-moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s;  -o-transition: all .8s ease 0s;
 -webkit-transition: all .8s ease 0s;  transition: all .8s ease 0s;}
.contact_box li:hover .img_box img { cursor: pointer; -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}

.index1 .pt2{position:relative; color:#fff; margin-top:10px;}
.pt2_tit{ width:1300px; position:absolute; top:70px; left:50%; margin-left:-650px; z-index:222; color:#fff; }
.pt2_tit h2{ color:#fff; font-size:34px; line-height:54px;}
.pt2_tit h2 span{ float:left; display:inline-block;}
.pt2_tit h2 span.t1{font-size: 48px; color: #fff; font-family: Impact; line-height:54px; margin-right:20px;}
.pt2_tit h2 span.t2{ color:#fff; font-size:34px; line-height:54px;}
.index1 .pt2 .bg{position:relative; height:650px; width:100%; overflow:hidden;}
.index1 .pt2 .bg img{position:absolute; top:0; left:50%; margin-left:-960px; max-width:none; visibility:hidden; opacity:0;height: auto;
    vertical-align: top;}
.index1 .pt2 .bg img.cur{opacity:1; visibility:visible;}
.index1 .pt2 .con{position:absolute; top:0; left:0; right:0; bottom:0;}
.index1 .pt2 .en,.index .pt2 .cn{color:#fff !important;}
.index1 .pt2 .cn1{font-size:32px; margin-top:30px; margin-bottom:30px;padding-bottom: 20px; font-weight:bold; color:#fff; position:relative;}
.index1 .pt2 .cn1:before{ content:''; position:absolute; bottom:0px; left:0px; width:70px; height:2px; background:#fff;}
.index1 .pt2 .cn2{font-size:16px; margin-bottom:45px; width:60%; line-height:1.8; color:#fff;}
.line_btn { display: inline-block; white-space: nowrap; padding: 0 130px 0 30px; line-height: 65px; font-size: 15px; text-transform: uppercase;  border-left: 1px solid rgba(255, 255, 255, .14);  border-right: 1px solid rgba(255, 255, 255, .14);}
.common_btn { position: relative;  overflow: hidden;}

.index1 .more_list a{ display:inline-block; border:1px solid #fff; line-height:38px; font-size:16px; text-align:center; padding:0px 25px; margin-right:10px; border-radius:25px;}
.index1 a:hover .more span{ color:#fff;}
.index1 .more_list a:hover{border:1px solid #fff; border-color:rgba(255,255,255,0); color:#fff;background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
   }
.line_btn:hover::after{opacity:0; filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0); visibility:hidden;}
.line_btn.line_btn_red{position:absolute; left:0; bottom:0; border-color:#d20319;}
.full-row { width: 100%; transition: .2s width ease;background: url(../png/grey.5.png);}
.index1 .pt2 .tab{position:absolute; left:0; right:0; bottom:30px; text-align:center;}
.full-row>[class*='span'] { float: left;}
.index1 .pt2 .tab .span-2{width:33.3%; overflow:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; cursor:pointer;border-left: 1px solid rgba(255,255,255,.2);}
.index1 .pt2 .tab .span-2.cur,.index .pt2 .tab .span-2:hover{background-color: rgba(6, 62, 181, 0.5);}
.index1 .pt2 .tab a:hover{color:#fff;}
.index1 .pt2 .tab .icon{height:80px; width:80px; margin:20px auto; background-position:0 0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.index1 .pt2 .tab a:hover .icon{cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.index1 .pt2 .tab .icon.icon01{ background:url(../png/cp_icon01.png);}
.index1 .pt2 .tab .icon.icon02{ background:url(../png/cp_icon01.png);}
.index1 .pt2 .tab .icon.icon03{ background:url(../png/cp_icon03.png);}

.index1 .pt2 .tab .desc{font-size:22px; padding-bottom: 20px; color:#fff;}
.index1 .pt2 .list{position:relative;}
.index1 .pt2 .list .item{position:absolute; top:70px; left:0; right:0; transform: translateX(50px); opacity:0; visibility:hidden; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; overflow:hidden; height:0;}
.index1 .pt2 .list .item.cur{opacity:1; visibility:visible; transform: translateX(0); height:auto;}
.index1 .pt2 .list .item.cur .en, .index .pt2 .list .item.cur .cn{visibility:visible;}


/*侧边浮框start*/
.floatRight{
  position: fixed;
  height: 200px;
  width: 40px;
  right: 32px;
  top: 65%;
  z-index: 999;
  margin-top: -100px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.floatBox dd{
  padding: 6px 0;
}
.floatBox dd .con{
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 4px;
    background:#000000;opacity:0.9;
  box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.floatIcon .wicon{
  width:60px;
  height:35px;
  border-radius: 4px;
}
.floatIcon .text{
  line-height: 25px;
  height: 25px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.backTop{
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
.smallApplet .floatIcon .wicon{
  background: url(../png/kf.png) bottom center no-repeat;
}
.onlineSever .floatIcon .wicon{
  background: url(../png/wxe.png) bottom center no-repeat;
}
.onlinmessage .floatIcon .wicon{
  background: url(../png/kf.png) bottom center no-repeat;
}
.backTop .floatIcon .wicon{
  background: url(../png/zd.png) bottom center no-repeat;
}
.floatPosition{
  position: absolute;
  width: 100px;
  height: 100px;
  right: 85px;
  top:-30px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
}
.floatPosition:after{
  display: block;
    content: '';
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    left:110px;
    top: 50%;
    margin-top: -8px;
}
.floatPosition i{
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  right: -8px;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -8px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
}
.floatImg{
  padding: 5px;
  width: 110px;
  height: 110px;
  background: #fff;
  position: relative;
  border-radius: 5px;
}
.floatImg img{
  display: block;
  height: 105px;
  width: 105px;
  position: relative;
  z-index: 5;
}
.floatPosition1{
  position: absolute;
  right: 80px;
  top: 10px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.floatPosition1 i{
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -5px;
  left: -5px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg1{
  width: 80px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align:center;
  border-radius: 3px;
  position: relative;
  z-index: 5;
}
.floatPosition2{
  position: absolute;
  width: 190px;
  left: 80px;
  top: -25px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  visibility: hidden;
  opacity: 0;
}
.floatPosition2 i{
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotateZ(45deg);
  top: 50%;
  margin-top: -5px;
  left: -5px;
  box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg2{
  padding: 10px 0px;
  position: relative;
  z-index: 5;
  background: #fff;
  border-radius: 10px;
}
.floatImg2 .folatTitle{
  padding: 0 20px;
  border-bottom: 1px solid #f0f0f0;
}
.floatImg2 span{
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  color: #858585;
}
.floatImg2 span.span1{
  color: #428a7b;
}
.floatImg2 .floatCon{
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #858585;
}
.backTop:hover .floatPosition1{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.onlineSever:hover .floatPosition{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.smallApplet:hover .floatPosition{
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.floatBox dd:hover .con{
  background: #c80000;
}
.floatRight.show .backTop{
  visibility: visible;
  opacity: 1;
}



