/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */select,option,
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0; font-family: Arial,微软雅黑; text-align: justify;
}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  /*  font: 12px/1 "微软雅黑"; *//*Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/ /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt {  } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}
q:before, q:after { content: ''; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

input, button, select, textarea {outline: none;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden}
.header{ display: block; text-align: center;position: absolute;top:40px;left: 20px;z-index: 999999;background: #fff; height: 90px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);  }
.header .logo{ display: inline-block;overflow: hidden;margin:20px 40px;width: auto; float: left;  }
.header .logo img{ display: block;height: 45px;}
.header .mune{ display: block;float: left;position: relative;height: 90px;width: 90px;background: #c9151e;}
.header .mune .drawer-hamburger{ position: relative;float: left;top: 15px;left: 17px; }
.drawer--right.drawer-open .drawer-nav{background: #33313b; padding:3% 5%; width:calc(90% - 372px);  }
.drawer-menu{}
.drawer-menu dd{ display: block;float: left;width: 15%;overflow: hidden;}
.drawer-menu dd h3{ display: block;overflow: hidden;border-bottom: 1px solid #999;padding-bottom: 20px;margin-bottom: 20px;}
.drawer-menu dd h3 a{ display: block;font-weight: normal;font-size: 18px; color: #ffffff;}
.drawer-menu dd h4{display: block;overflow: hidden;}
.drawer-menu dd h4 a{    font-weight: normal;font-size: 14px;display: block;color: #ddd;margin: 10px 0;}
.sjnav{display: none;}
.navbox .navitem a{position: relative; padding: 0 8px; z-index: 1;}
.navbox .navitem a::after{position: absolute; content: ""; height: 4px; width:0; bottom: 4px; z-index: -1; left: 0; background: #c9151e;}
.navbox .navitem a:hover::after{width: 100%; transition: all 0.6s;}
/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
.fadeIn {
  animation-delay: 0.3s;
  animation-timing-function: linear;
}

/*滚动动画的样式*/
/*.disable-hover {*/
  /*pointer-events: none;*/
/*}*/
.scroll-animate.animated {
  visibility: hidden;
}
.font-fadeIn font {
  display: inline-block;
  min-width: 12px;
}
.scrolly {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}


img.classGo,
.pic.classGo {
  transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  filter: blur(30px);
  visibility: visible!important;
}
img.classGo.go,
.pic.classGo.go {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  filter: blur(0);
}



.ibox-scoll{ animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}

.scoll-top{ background-color: #fff;  -webkit-box-shadow: 0 0 20px 1px #d0d0d0;
-moz-box-shadow: 0 0 20px 1px #d0d0d0;
box-shadow: 0 0 20px 1px #d0d0d0;}

@-webkit-keyframes fadedown {

    from { -webkit-transform: translateY(-100%); opacity: 0; }

    to { -webkit-transform: translateY(0); opacity: 1; }

}

@keyframes fadedown {

    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }

}



.scoll-top.top a:link,.scoll-top.top a:visited { color: #333333;}

.scoll-top.top a:active,.scoll-top.top a:hover { color: #263d8f;} 

.scoll-top .nav a:hover .txt,.scoll-top .nav a.hov .txt{ border-color: #08358b;}

.scoll-top .nav>li>a:before{ border-top: 5px solid #08358B;}

.scoll-top .search-btn{background: url(../images/sousuo-on.png) center no-repeat; }

.scoll-top .index-header-right .erweima{background: url(../images/erweima-ico.jpg) center no-repeat;}

.top a:link, .top a:visited { color: #141418;}

.top a:active,.top a:hover { color: #141418;}   

.top{ position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3); z-index: 1000;}


/* Slider */

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

@-webkit-keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}



/*main style end*/

/*index style*/

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transXT100 { transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.action.transYT50,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.action.transXT50 ,.action.transXT100 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }

.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }

.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }

.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }

.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }

.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }

.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }

.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }

.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }

.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }

.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

.banner a:link, .banner a:visited { color: #fff; }

.banner a:active, .banner a:hover { color: #fff; }

.banner { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #efefef; }

.banner .img{ position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; height: 100%; overflow: hidden;}

.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}

.banner .bimg{ display: none; width: 100%; position: relative;}

.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}

.banner .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: url(../images/yy.png) repeat-x scroll left bottom;

background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0)); 

background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); 

background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.9));  }

.banner .binbox { position: absolute; width: 1400px; overflow: hidden; left: 50%; margin-left: -700px; top: 0; height: 100%; display: table; color: #fff;}

.banner .binbox .by{ font-size: 50px ; line-height: 1.2; letter-spacing: 3px;}

.banner .binbox .zh{ font-size: 30px; line-height: 1.5; margin-top: 23px;}

.banner .binbox .en{ font-size: 16px; font-family: "PF Din Light"; line-height: 1.2; text-transform: uppercase; margin-top: 30px;}

/*.banner .binbox .line{ width: 2px; height: 42px; display: block; margin: 20px 0; background-color: #fff;}*/

.banner .binbox a{width: 180px; height: 50px; line-height: 50px; margin-top:100px; background: #ffffff; text-align: center; display: block; color: #141418;}

.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.banner .slick-dots{ bottom: 20px; z-index: 104;}

.banner .slick-dots li{ position: relative; display: inline-block; margin: 0px 6px; width: 28px; height: 8px; padding: 0px; cursor: pointer;}

.banner .slick-dots li a{ height: 2px; width: 100%; line-height: 8px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer;  border-radius: 0%; background-color: #fff; position: absolute; left: 0; top: 3px;}

.banner .slick-dots li a:focus{ outline: none; }

.banner .slick-dots li.slick-active a { height: 8px; top: 0;}

@-webkit-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@-ms-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@-o-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}


@media screen and (min-width:1025px){

	.fixedImg { background-attachment: fixed;}

	.banner .item{ opacity: 1 !important;} 

	.banner .binbox { opacity: 0; visibility: hidden; transform:translateX(-150px); -webkit-transform:translateX(-150px); -moz-transform:translateX(-150px);}

	.banner .slick-active {z-index: 400 !important;}

	.banner .slick-active .img { -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden;}

	.banner .slick-active .binbox{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);}

}

.ibox-inner{ width: 90%; margin: 0px auto; max-width: 1600px; min-width: 1200px;}


.navbox{position: absolute; right: 20px; top: 50px; width: auto; overflow: hidden; margin-top: 0; z-index: 999; height: 75px; line-height: 75px;}
.navbox .navitem {padding: 0 25px; font-size: 16px;}
.navbox .navitem a{color: #ffffff;}




/*main*/
.indexsec1{padding:0 0 100PX; position: relative; background:#f5f5f5;}
.indexsec1 .text{width:48%; float:left; padding:25px 0 35px 0; }
.indexsec1 .text .H4{font-size:36px; color:#c9151e; text-transform: uppercase; font-weight: bolder; font-family: Arial;}
.indexsec1 .text .bold{font-weight: bolder;}
.indexsec1 .text .thin{font-weight:normal;}
.indexsec1 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}

.indexsec1 .text .p{color:#707070; line-height: 34px; height: 240px; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; font-size: 14px;}

.more2{display:block; width:163px; height: 38px; line-height: 38px; background-color:#c9151e; text-align: center; font-size:14px; color:#fff;}
.more2:hover{background-color:transparent; border:1px solid #c9151e; color:#c9151e;}
.indexsec1Num{ padding-top:55px; padding-bottom: 55px; margin-bottom: 50px; border-bottom:1px solid #e4e4e4; background: url(../images/a-text1.png) no-repeat center left; background-size: contain;}
.indexsec1Num .list{font-weight:bolder; float:left; }
.indexsec1Num .list:nth-child(2){margin-left: 8%;}
.indexsec1Num .big{font-size:74px; font-weight: bold; color:#c9151e; font-family: "DIN";  line-height: 58px; display: inline-block;}
.indexsec1Num .small{font-weight:normal; display:inline-block;font-size:30px; color:#c9151e; font-family: Arial;line-height: 20px; margin: 0 20px 0 3px; vertical-align: bottom;}
.indexsec1Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }
.videoR{position:absolute; top:0; right:0; width:40.34%;padding:0 0 52px 7.81%; }
.videoR .pic::after{position: absolute; content: ""; left: -80px; top: 200px;width: 800px; height: 540px; background:url(../images/p13.png) left bottom no-repeat; z-index: -1; }
.videoR .pic{ position: relative; z-index: 1; }
.videoR .playBtn{width:90px; height: 90px; position: absolute; top:37.98%; left: 11.11%; cursor: pointer; z-index: 1;}
.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}

@media screen and (max-width:1599px){
	.indexsec1Num .big{font-size:56px;}
}
@media screen and (max-width:1450px){
	.indexsec1Num .big{font-size:50px;}
}
@media screen and (max-width:1350px){
	.indexsec1Num .big{font-size:40px;}
}
@media screen and (max-width:1199px){
	.indexsec1{padding:60px 0;}
	.indexsec1Num .big{font-size:50px;}
	.indexsec1Num .p2{display:block;}
	.videoR{padding:0 0 30px 30px;}
	.videoR .playBtn{width:60px; height: 60px; left: 0px;}
	.indexsec1Num{margin-top:30px; padding-top:30px;}
	.indexsec1 .text .H4{font-size:28px;}
	.indexsec1 .text .H5{font-size:22px;}
	.videoBox2{width:90%;}
}


.index-title{padding: 40px 0 60px;}
.indexsec2{padding:50px 0 ;}
.indexsec2 .H3{font-size:34px; color:#c9151e; font-weight: bold; text-align: center;}
.indexsec2 .H5{font-size:18px; color:#5f5f5f; text-align: center; margin-top:16px;}
.indexsec2List .list{width:28%; margin-left: 2.5%; float:left; border:1px solid #ebebeb; padding:65px 1.64% 0 1.64%; text-align: center; height: 190px; position: relative; overflow: hidden;}
.indexsec2List .list:first-of-type{margin-left:0;}
.indexsec2List .list .H4{font-size:32px; text-align: center; color:#c9151e; font-weight: bold; position: relative; z-index: 1;}
.indexsec2List .list .H4 .span{display:inline-block;width:28px; height: 28px; line-height:28px; border-radius: 50%; background-color:#c9151e; font-size:16px; color:#fff; vertical-align: middle; margin:-4px 0 0 14px; font-weight: normal;}
.indexsec2List .list .p{font-size:16px; color:#666666; margin-top:22px;position: relative; z-index: 1;}
.indexsec2List .list .num{font-size:64px; color:#ebebeb; font-family: Arial; font-style: italic; position: absolute; bottom:-15px; right:22px; font-weight: bold;line-height: 40px;}
.yuyue{width:302px; height: 45px;  text-align: center; background-color:#c9151e; border-radius: 30px; font-size:16px; color:#fff; margin: 70px auto auto auto; line-height: 45px; cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.yuyue .ico{width:18px; height: 17px; display: inline-block; margin-right:10px; line-height: 0;}
.yuyue:hover{background-color:#a70810;}
.indexsec2List .list:hover{background-color:#c9151e;}
.indexsec2List .list:hover .H4,
.indexsec2List .list:hover .p{color:#fff;}
.yuyue .ico img{display: block; margin-top: 3px;}

@media screen and (max-width:1199px){
	.indexsec2{padding:60px 0;}
	.indexsec2 .H3,
	.indexsec2List .list .H4{font-size:28px;}
}

.titleBox {padding: 50px 0;}
.title{float:left;}
.title .H4{float:left; font-size:32px; color:#161616; line-height: 32px;}
.title .H4 .color{color:#c9151e;}
.title .H5{float:left;line-height: 32px; font-size:22px; font-family: arial; font-weight: normal; color:#9b9b9b; margin-left:19px;}
.more{width:150px; height: 32px; text-align: center; line-height: 30px; float:right; position: relative; border:1px solid #8c8c8c; font-size:14px; color:#666666; text-transform: uppercase;}
.more::after{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; left: -5px;}
.more::before{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; right: -5px;}
.more:hover{color:#c9151e; border-color:#c9151e;}
.more:hover::after,
.more:hover::before{ background-color:#c9151e;}


.productIbox{ color: #fff; position: relative; width: 94%; margin: 0 auto; box-sizing: border-box;}
.productIbox-list{ margin: 0px auto; width: 368px; background: url(../images/black_35.png) repeat; background: none rgba(0,0,0,0.35); }
.productIbox-list dd{ padding: 50px 0px 50px 184px; box-sizing: border-box; position: relative; border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 1;}
.productIbox-list .ico{ width: 100px; height: 100px; display: block; position: absolute; left: 12%; top: 50%; margin-top: -50px; background-position: center center; background-repeat: no-repeat;}
.productIbox-list .line{ width: 10px; height: 1px; background-color: #fff; position: absolute; left: 50%; margin-left: -25px; top: 50%; display: block;}
.productIbox-list p{ padding-left: 24px;}
.productIbox-list .t{ font-size: 18px; line-height: 1.5;}
.productIbox-list .c{ font-size: 14px; font-family: arial, helvetica, sans-serif;}
.productIbox-list .addMore{ position: absolute; background-color: #c9151e; top: 0; left: 100%; width: 60px; height: 100%; -webkit-transform: perspective(1200px) rotateY(-90deg);  transform: perspective(1200px) rotateY(-90deg); -webkit-transform-origin: left top 0; transform-origin: left top 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .48s ease .38s;  transition: all .48s ease .38s; visibility: hidden; }
.productIbox-list dd:after{ content: ""; background: url(../images/orange_68.png) repeat; background: none rgba(201,21,30,0.85); position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; display: block; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1);  transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;}
.productIbox-list dd:hover:after{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.productIbox-list dd:hover .addMore { visibility: visible; -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); }
.addMore i{ position: absolute; left: 50%; top:50%; background-color: #fff;}
.addMore i.i1{ margin:-1px 0px 0px -8px; width: 17px; height: 2px; }
.addMore i.i2{ margin:-8px 0px 0px -1px; height: 17px; width: 2px; }
.ibox-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}

.fixedImg { background-position: center center; background-repeat: no-repeat; background-size: cover;}
/* (轮播) */
.index_ll_sw01 { width: 100%; height: 900px;}
.index_ll_sw01 a { display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
.index_ll_sw01 a .div { width: 100%; position: absolute; bottom: 4%; left: 0;   color: #fff; z-index: 999; }
.index_ll_sw01 a .div .box{width: 30%; box-sizing: border-box;}
.index_ll_sw01 a .div .h1 { font-size:30px; line-height: 50px; margin-bottom: 30px; position: relative; }
.index_ll_sw01 a .div .h2 { font-size: 14px; line-height: 38px; margin-bottom: 50px; height: 180px; overflow: hidden; color: #fff; }
.index_ll_sw01 a .div .span{ display: block; height: auto; width: 220px; text-align: center; line-height:50px; margin-bottom: 10px; color: #fff; font-size: 14px; border: 1px solid #fff;}
.index_ll_sw01 a .div .span:hover{ color:#fff; border: 1px solid  #cc0000; background: #cc0000;}
.index_ll_sw01 a{transition: all .8s ease-in-out}
/* (按钮) */
.index_jiejue_nav{width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.index_jiejue_nav .swiper-container{height: 100%;}
.index_jiejue_nav .swiper-container .swiper-slide{height: calc(100%/6); height: -moz-calc(100%/6); height: -webkit-calc(100%/6); width: 100% !important; cursor: pointer;}
.index_jiejue_nav .swiper-container .swiper-wrapper{display:inherit;   }

/*.productIbox::after{background: url(../images/i_p-bg.png) no-repeat center bottom; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}*/


.indexsec4{background: url(../images/bg.jpg) no-repeat center top; height: 100%; width: 94%; padding-bottom: 2%; margin: 0 auto; box-sizing: border-box; overflow: hidden;}
.team-list { margin-top:35px }
.team-list-item { width:33.3%; -webkit-filter:grayscale(80%); filter:grayscale(80%) }
.team-list-item:hover { -webkit-filter:none; filter:none }
.team-list-item:hover .team-item-main,
.team-list-item:hover .team-item-main .block {
 background-color:#d93939
}
.team-list-item:hover .member-num,
.team-list-item:hover .member-title-cn,
.team-list-item:hover .member-title-en {
 color:#fff
}
.team-list-item:hover .team-item-info {
 opacity:1
}
.team-list-item:last-child {
 margin-right:0
}


.team-list-item .team-item-main {
 height:317px;
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}

.team-list-item .team-item-main .block {
 width:126px;
 height:317px;
 margin-left:calc(50% - 63px);
 background-color:#303030;
 position:relative;
 -webkit-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}

.team-list-item .team-item-main .block .photo { position:absolute; bottom:0; left: -90px; background-repeat:no-repeat }
.team-list-item .team-item-main .block .photo img{display: block;}
.team-list-item .team-item-main .block .position {
 position:absolute;
 left:103px;
 top:48px;
 min-width:200px
}


.team-list-item .member-num {
 font-size:40px;
 font-weight:700;
 letter-spacing:.6px;
 font-family:Arial
}
@media (max-width:1416px) {
 .team-list-item .member-num {
  font-size:32px
 }
}
@media (max-width:1137px) {
 .team-list-item .member-num {
  font-size:25.2px
 }
}
.team-list-item .member-title-cn {
 font-size:20px;
 color:#222
}
@media (max-width:1416px) {
 .team-list-item .member-title-cn {
  font-size:16px
 }
}
@media (max-width:1137px) {
 .team-list-item .member-title-cn {
  font-size:14px
 }
}
.team-list-item .member-title-en {
 font-family:MyriadSetPro;
 font-size:16px;
 font-weight:100
}

.team-list-item .team-item-info { width:100%; height:130px; background-color:#f5f5f5; display:table; opacity:0; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease }

.team-list-item .team-item-info p { display:table-cell; vertical-align:middle; padding-left:30px; padding-right:30px }
.team-list-item .team-item-info .name { font-size:18px; color:#222; display: block; margin-bottom: 10px;}
.team-list-item .team-item-info .content { font-size:14px; color:#999 }
.team .white { color:#fff }

.indexsec5 {padding-bottom: 60px;}
.s_news_list .left{width: 54%; height: 508px; position: relative;}
.s_news_list .left .img{display: block; overflow: hidden; height: 100%;}
.s_news_list .left .img img{display: block; width: 100%; height: 100%; overflow: hidden; object-fit: cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.s_news_list .left .text{background-color: rgba(255,255,255,.9); width: 94%; padding: 6% 10%; box-sizing: border-box; position: absolute; z-index: 2; left: 0; top: 10%; height: 80%;}
.s_news_list .left .text .date{color: #999999; font-size: 18px; font-family: arial; margin-bottom: 10px;}
.s_news_list .left .text h2{color: #333333; font-size:18px; line-height: 38px; }
.s_news_list .left .text:after {content: " ";display: block;clear: both; position: absolute; left: 0px; bottom: 0px; background: #c40e1a;  line-height: 0; width: 0%; height: 5px;}
.s_news_list .left .text:hover:after {width: 100%; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.s_news_list .left .text a{display: block; color: #141418;}
.s_news_list .left .text .t1{ height: 45px; line-height: 45px; overflow: hidden; color: #000000;font-size: 20px; font-weight: bold; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; margin-bottom: 4%;}
.s_news_list .left .text .t1 span{color:#c40e1a; font-size: 18px;  font-family: arial;margin-right: 20px;font-weight: bold; }
.s_news_list .left .text p{color: #666666; font-size: 16px; height: 100px; line-height: 45px; overflow: hidden;}
.s_news_list .left .text .t-more{display: block; font-family: arial; text-transform: uppercase; font-size: 12px; color: #888888; position: absolute; bottom: 12%;}
.s_news_list .left .text .t-more img{display: inline-block; margin-left: 10px; vertical-align: middle;}

.s_news_list .left:hover .img img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}

.s_news_list .right{width: 42%;}
.index-news_list li{position: relative; transition: all 0.4s; width: 100%; padding: 35px 0 ; box-sizing: border-box;  border-bottom: 1px solid #e5e5e5;}
.index-news_list li .img{width: 25%; height: 110px;}
.index-news_list li .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.index-news_list li .text{padding-left: 4%; padding-top: 1%; width: 75%; box-sizing: border-box;}
.index-news_list li .text .p1{font-size: 16px; height: 30px;line-height:30px; overflow: hidden;font-weight: bold;}
.index-news_list li .text .p2{font-size: 14px; height: 40px; line-height:20px; overflow: hidden;}
.index-news_list li .text span{display: block; margin-top: 10px; font-family: arial;}
.index-news_list li:first-of-type{padding-top: 0;}


.index-youshi{display: flex; }
.index-youshi .div1{background:url(../images/bg1.jpg) no-repeat center top;  width: 50%; height: 380px; color: #ffffff; position: relative;}
.index-youshi .div2{background:url(../images/bg2.jpg) no-repeat center top;   color: #ffffff;
 width: 50%; height: 380px; position: relative;}
.index-youshi h3{font-size: 34px;}
.index-youshi p{font-size: 16px; margin-bottom: 20px; line-height: 40px;}
.index-youshi a{display: block; width: 225px; height: 55px; line-height: 55px; color: #ffffff; text-align: center; 
 margin: 50px auto 0; border: 1px solid #ffffff; transition: all 0.6s; font-size: 15px;}
.index-youshi a:hover{background: #ffffff; color: #141418;}
.youshi-text{position: absolute; bottom: 10%; left: 10%;  transition: all 0.6s;}
.index-youshi>div{position: relative;}
.index-youshi>div::before{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/i_p-bg.png) no-repeat bottom; background-size: 100%;}

.index-youshi .div1:hover .youshi-text{bottom: 15%;}
.index-youshi .div2:hover .youshi-text{bottom: 15%;}


.index-footer{background: #2d2d2d; color: #929eb3; }
.index-footer .box{ padding: 0 6% 0;}
.index-footer .index-footer-top{ border-bottom: 1px solid #404040; padding-top: 30px; padding-bottom:30px ; display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
align-items: center;
display: flex;
}
.index-footer .index-footer-top .nav{ display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden; }
.index-footer .index-footer-top .nav a{ color: #ffffff; font-size: 15px; margin: 0 2.5%; line-height: 47px;}
.index-footer .index-footer-top .back{background: url(../images/top.png) no-repeat right center; width: 100px; margin-left: 80px; cursor: pointer;}
.index-footer .index-footer-top .back a{display: inline-block; color: #ffffff; line-height: 47px;}


.index-footer .index-footer-text{ padding-bottom:50px ; padding-top: 50px; border-bottom: 1px solid #404040;}
.index-footer-text .lianxi{width:30%; padding: 10PX; box-sizing: border-box;}
.index-footer-text .lianxi h2{color: #ffffff; font-size: 34px; font-family: "DIN"; font-weight: bold; padding: 10PX 0;}
.index-footer-text .lianxi p{color: #8b8b8b; }
.index-footer-text .text{width: 40%; padding: 10px; box-sizing: border-box;}
.index-footer-text .text{}
.index-footer-text .text p{color: #8b8b8b;text-align: right; line-height: 38px;}
.index-footer-text .erweima{margin-right: 4%;}
.index-footer-text .erweima>div{border: 1px solid #404040; padding: 10px; box-sizing: border-box;}
.index-footer-text .erweima img{width: 100px; height: 100px; overflow: hidden; display: block; margin: 0 auto;}
.index-footer-text .erweima p{text-align: center; color: #cdcdcd;}

.index-footer-bottom{ padding: 20px; text-align: center; color: #8b8b8b;}
.index-footer-bottom a{color: #8b8b8b; }
.index-footer .index-footer-top .logo img{height: 50px;}


/*内页*/
.view { width: 75%; margin: 0 auto; }
.sub-banner{  height: 80vh;  background-repeat: no-repeat;  background-position: center;  background-size: cover;  position: relative;  }
.sub-banner img{  display: none;  width: 100%;  }
.sub-banner .text-box{  position: absolute;  left: 0;  top: 35.79%;  width: 100%;  }
.sub-banner .text-box .cn{     color: #fff ;font-size: 26px; margin-top: 20px;}
.sub-banner .text-box .en{  font-size: 54px;   color: #fff;  font-family: arial; }

/*内页*/
.page-main{padding-top: 8vh; padding-bottom: 60px;}
.pic img {
	display: block;
	width: 100%
}
.ejnav {
	position: relative;
	border-bottom: 1px solid #ebebeb
}
.ejnavtit {
	width: 34%;
	padding: 30px 0 35px;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-50%);
	background: url(../images/ejnavbac_02.jpg) no-repeat 100% 100%;
	text-align: right;
	box-sizing: border-box;
}
.ejnavtit div {
	text-align: left;
	display: inline-block;
	margin-right: 50px
}
.ejnavtit h2 {
	font-weight: bold;
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
	font-family: arial;
	line-height: 45px;
	margin-bottom: 5px;
}
.ejnavtit h3 {
	line-height: 32px;
	font-size: 20px;
	color: #fff;
}
.ejnav .ibox-inner {
	text-align: right;
	line-height: 0;
	height:59px
}
.ejnav .ibox-inner a {
	line-height: 57px;
	display: inline-block;
	padding: 0 22px;
	font-size: 16px;
	color: #282828;
	border-bottom: 2px solid transparent
}
.ejnav .ibox-inner a:hover,
.ejnav .ibox-inner a.ac {
	color: #f60f14;
	border-color: #f60f14
}
.gsjj-box{display: flex; display: -webkit-flex; display: -ms-flexbox; }

.gsjj_left {
	display: flex;
	width: 570px;	
	z-index: 2;
}

.gsjj_right {
	display: inline-block;
	width: 58%;

	box-sizing: border-box;
	padding-left: 70px;
	
}
.gsjj_right p {
	line-height: 35px;
	margin-bottom: 28px;
	color: #808080;
	font-size: 15px;
	
}

.gsjj_right>img {
	margin-top: 60px;
	margin-bottom: 40px
}
.gsjj {
	padding: 115px 0 0;
}
.zz {
	padding: 114px 0 125px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/zzbac_10.jpg);
	text-align: center
}

.index_tit {
    position: relative;
}
.index_tit h2 {
    font-size: 132px;
    color: rgba(75, 130, 176, .1);
    position: absolute;
    left: 0;
    font-family: arial;
    white-space: nowrap;
    text-transform: uppercase
}
.index_tit h3 {
    color: #282828;
    font-weight: bold;
    font-size: 36px;
    line-height: 54px;
}
.index_tit h4 {
    color: #282828;
    font-weight: bold;
    font-size: 24px;
    line-height: 43px;
    margin-bottom: 65px
}

/* 案例 */
.newspage{ width: 84%; position: relative; padding:0 8%;}
.newspage ul{}
.newspage li{ position: relative; background: #ffffff; width:32%; float: left; margin: 0 0 3vw 2%;}
.newspage li:nth-child(3n+1){ margin-left: 0;}
.newspage li .mafan{ display: block; border:1px solid #E0E0E0; position: relative; padding: 40px;}
.newspage li .item-text .date{ color: #666666; font-size: 14px; margin-bottom: 25PX; height: 54px;
overflow: hidden; display: block; line-height: 27PX;}
.newspage li .item-text .taxt{ color: #555; 	font-size: 22px; text-align:center; line-height: 40px;height:40px;  overflow: hidden; margin: 0 0 20px 0;}
.newspage li .item-text img{ display: block; width: 100%; transition: all 0.6s;}
.newspage li:hover .item-text img{ transform: scale(1.03);}
.newspage li .bar{position: absolute;background-color: #c9151e;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);}
.newspage li .bar.top {left: -1px;right: 100%;height: 1px;top: -1px;}
.newspage li .bar.left {top: 100%;bottom: -1px;width: 1px;left: -1px;}
.newspage li .bar.right {top: -1px;bottom: 100%;width: 1px;right: 0px;}
.newspage li .bar.bottom {left: 100%;right: -1px;height: 1px;bottom: 0px;}
.newspage li .ball {position: absolute;width: 10px;height: 10px; background: #fff;  border:1px solid #c9151e; border-radius: 100%;transition: background-color 0.2s, top 1s cubic-bezier(0.630, 0, 0.355, 1), left 1s cubic-bezier(0.630, 0, 0.355, 1), bottom 1s cubic-bezier(0.630, 0, 0.355, 1), right 1s cubic-bezier(0.630, 0, 0.355, 1);opacity: 0; z-index: 333;}
.newspage li .ball.tl {top: 100%;left: -3px;}
.newspage li .ball.tr {top: -3px;right: 100%;}
.newspage li .ball.bl {bottom: -3px;left: 100%;}
.newspage li .ball.br {bottom: 100%;right: -3px;}
.newspage li:hover .bar.top{ right: -1px;}
.newspage li:hover .bar.left{ top: -1px}
.newspage li:hover .bar.right{ bottom: -1px;}
.newspage li:hover .bar.bottom{left: -1px;}
.newspage li:hover .ball.tl{ top: -5px;}
.newspage li:hover .ball.tr{right: -5px;}
.newspage li:hover .ball.bl{left: -5px;}
.newspage li:hover .ball.br{bottom: -5px;}
.newspage li:hover .ball{ opacity: 1;}
.newspage li:hover .item-text .taxt{color: #c9151e;}


/*联系*/
/*联系我们*/
.lianxi{ width:100%; overflow:hidden;}
.lianxi .shang{ width:100%; overflow:hidden; text-align:center; padding:100px 0; border-bottom:1px #e0e0e0 solid;}
.lianxi .shang .ming{ width:100%; overflow:hidden; line-height:1.1; }
.lianxi .shang .ming h2{ font-size:40px;  text-align:center;}
.lianxi .shang .ming p{ color:#ccc; font-size:30px; line-height:1.1; padding-top:10px; font-family:"siyuan";  text-align:center; text-transform:uppercase;}
.lianxi .shang .dimian{ width:100%; overflow:hidden; margin-top:60px;}
.lianxi .shang .dimian li{ width:33.33%; float:left; overflow:hidden; text-align:center;}
.lianxi .shang .dimian li em{ display:block; overflow:hidden;}
.lianxi .shang .dimian li em img{ display:block; width:88px; height:88px; margin:0 auto; margin-top:15px;}
.lianxi .shang .dimian li figure{ font-size:16px; padding-top:20px; text-align:center;}
.lianxi .shang .dimian li small{ display:block; overflow:hidden; width:120px; height:120px; margin:0 auto; background:url(../images/dimian.png) no-repeat;}
.lianxi .shang .dimian li small.sm_01{ background-position:-10px 0;}
.lianxi .shang .dimian li small.sm_02{ background-position:-126px 0;}
.lianxi .shang .dimian li strong{ display:block; overflow:hidden; font-size:16px;margin-top:5px; font-weight: normal;}
.lianxi .shang .dimian li strong span{ display:block; /*margin-bottom: 25px; */text-align:center;}
.lianxi .shang .dimian li strong sup{ display:block; font-family:Arial, Helvetica, sans-serif;}

.lianxi .divyou{ width:100%; overflow:hidden;}
.lianxi .divyou .fade{ width:100%; overflow:hidden; padding:50px 0; line-height:1.5; text-align:center;}
.lianxi .divyou .fade h3{ font-size:36px; font-family:"siyuan"; text-align:center;}
.lianxi .divyou .fade h2{ font-size:30px; letter-spacing:2px; margin-top: 20px;text-align:center; font-weight:bold;}
.lianxi .divyou .fade span{ display:block; margin:20px auto; width:60px; height:2px; background:rgba(0,0,0,0.1); overflow:hidden;}
.lianxi .divyou .fade figure{ font-size:18px; color:#666; line-height:2;}
.lianxi .divyou .mapditu{ width:100%; overflow:hidden;}

.lianxi .divyou .mapditu img{display: block;}


/*新闻*/
.indexsec3{background: #f5f5f5; padding-bottom: 40px;}
.indexsec3-box .left{width: 66%; max-height: 540px; overflow: hidden;}
.indexsec3-box .left .img{position: relative; height: 100%; overflow: hidden; transition: all 0.6s;}
.indexsec3-box .left .img img{display: block; width: 100%; transition: all 0.6s; overflow: hidden;}
.indexsec3-box .left .img .text{position: absolute; z-index: 2; width: 100%; bottom: 0; padding: 80px; box-sizing: border-box;}
.indexsec3-box .left .img .text h3{color: #ffffff; font-size: 34px; margin-bottom: 30px;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexsec3-box .left .img .text p{color: #ffffff; font-size: 16px; line-height: 40px;}

.indexsec3-box .left .img:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/newsbg1.png") center bottom no-repeat;
  background-size: cover;
  z-index: 1;
}

.indexsec3-box .left:hover .img img{
       transform: scale(1.1);
    }



.top-list{margin-bottom: 2%; display: flex; display: -webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
.right-item{float: left; width:32%; margin-left: 2%; transition: all 0.6s; background: #ffffff;}
.right-item.new-list{margin-bottom:2%;}
.right-item em{display: block; overflow: hidden; }
.right-item em img{display: block; width: 100%; height: 100%; transition: all 0.6s;}
.right-item .text{padding:35px; box-sizing: border-box; transition: all 0.6s; }
.right-item .text h3{color: #333333; font-size: 22px; overflow: hidden; margin-bottom: 20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right-item .text p{color: #707070; font-size: 14px; height: 65px; line-height: 30px; overflow: hidden; margin-top: 10px;}
.right-item .text span{display: block; color: #999999; font-family: arial; font-size: 14px; margin-bottom: 20PX;}
.right-item .text .date{position: relative;}
.right-item :hover em img{  transform: scale(1.1);}



.right-item .text i{display: inline-block;float: right; font-family: "宋体"; font-size: 16px;}
.right-item:nth-child(3n+1){margin-left: 0;}
.right-item a{display: block; }
.right-item:hover{transform: translateY(10px);  -webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0;}
.right-item:hover h3{color: #cc0000;}


.page-main .team-list-item{margin-bottom: 60px; width: 30%; margin-left: 3%;}
.page-main .team-list-item .team-item-info{opacity: 1;}
.page-main .team-list-item:nth-child(3n+1){margin-left: 0;}


/*设计师详情*/
.inner{ width: 1240px; margin: 0 auto;}
.itect{ display: flex; flex-direction: column; padding: 0 0 60px;}
.itect .inner{ display: flex; flex-direction: row; justify-content: space-between;}
.itect .inner .itectPic{ display: flex; flex-direction: column; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.itect .inner .itectPic img{ width: 340px; height: 500px; object-fit: cover;}
.itect .inner .itectLayer{ width: 810px; padding: 30px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background: #fff; display: flex; flex-direction: column;}
.itect .inner .itectLayer .itectLayerOne{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 19px; border-bottom: 1px solid #eee;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight{ display: flex; flex-direction: column;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek{ display: flex; flex-direction: row; align-items: center; border: 1px solid #B81C22; color: #B81C22; line-height: 38px; border-radius: 19px; padding: 0 30px; transition: all 300ms;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek span{ display: block; width: 18px; height: 22px; background: url(../images/trimName.png) -6px center no-repeat; transition: all 300ms;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek sup{ margin-left: 8px; transition: all 300ms;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek:active{ background: #B81C22; color: #fff;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneRight .seek:active span{ background-position: -37px center;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft{ display: flex; flex-direction: row; position: relative; line-height: 24px;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; left: 0; width: 3px; background: #B81C22;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft h2{ font-size: 24px; padding-left: 10px;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft span{ color: #555; padding: 0 40px 0 20px;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl{ display: flex; flex-direction: row; color: #B81C22;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl dt{ display: flex; flex-direction: column; align-items: center; height: 24px; width: 12px; background: url(../images/itectLayerOneLeft.png) center center no-repeat;}
.itect .inner .itectLayer .itectLayerOne .itectLayerOneLeft dl dd{ padding-left: 4px;}

.itect .inner .itectLayer .itectLayerTwo{ display: flex; flex-direction: column; padding: 20px 0;}
.itect .inner .itectLayer .itectLayerTwo ol{ display: flex; flex-direction: column;}
.itect .inner .itectLayer .itectLayerTwo ol li{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -js-display:flex; display: flex; line-height: 2.4;}
.itect .inner .itectLayer .itectLayerTwo ol li .itectLayerTwoTit{ color: #666;}
.itect .inner .itectLayer .itectLayerTwo ol li .itectLayerTwoCont{ -webkit-box-flex:1; -webkit-flex: 1; -ms-flex: 1; flex: 1 1; display: flex;}
.itect .inner .itectLayer .itectLayerThree{ display: flex; flex-direction: column;}
.itect .inner .itectLayer .itectLayerThree .itectLayerThreeTit{ position: relative; display: flex; flex-direction: column; font-size: 22px;}
.itect .inner .itectLayer .itectLayerThree .itectLayerThreeTit:after{ content: ''; position: absolute; right: 0; top: 50%; width: 88%; height: 0; border-bottom: 1px dashed #ddd;}
.itect .inner .itectLayer .itectLayerThree .itectLayerThreeTent{ margin-top: 10px; display: flex; flex-direction: column; line-height: 30px; height: 90px; overflow-x: hidden; overflow-y: auto;}

.tryto{ display: flex; flex-direction: column; padding: 40px 0; background: #fff;}
.tryto .trytoTitle{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 32px; margin-bottom: 40px;}
.tryto .trytoList{ display: flex; flex-direction: column; margin-top: 20px; }
.tryto .newspage li .mafan{padding: 25px;}
.tryto .newspage li .item-text .taxt{font-size: 22px;}


/* 精品案例详情 */
.zhong{ background: #f5f5f5;  display: flex; flex-direction: column;}
.blue{ display: flex; flex-direction: row; justify-content: space-between; background: #fff; padding: 40px 0 20px;}
.blue .inner{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.frame{ display: flex; flex-direction: row; overflow: hidden; padding: 50px 0;}
.frame .inner{ display: flex; flex-direction: row; justify-content: space-between;}
.trim{ width: 800px; padding: 30px; position: relative; background: #fff; display: flex; flex-direction: column;}
.trim .trimName{ display: flex; flex-direction: row; justify-content: space-between; position: relative;line-height: 36px;}
.trim .trimName h2{ font-size: 24px; line-height:36px;}
.trim .trimName .howmuch{ display: flex; flex-direction: row; position: absolute; top: -30px; right: -30px; background: #B81C22; padding: 14px 20px; line-height: 22px;}
.trim .trimName .howmuch span{ display: block; width: 24px; height: 22px; background: url(../images/trimName.png) -80px center no-repeat;}
.trim .trimName .howmuch sup{ color: #fff; font-size: 16px; margin-left: 8px;}
.trim .trimName .howmuch:active{ background: #E62129;}

.trim .trimName .also{ display: flex; flex-direction: row; align-items: center; border: 1px solid #B81C22; color: #B81C22; line-height: 34px; border-radius: 17px; padding: 0 30px; transition: all 300ms;}
.trim .trimName .also span{ display: block; width: 18px; height: 22px; background: url(../images/trimName.png) -6px center no-repeat; transition: all 300ms;}
.trim .trimName .also sup{ margin-left: 8px; transition: all 300ms;}
.trim .trimName .also:active{ background: #B81C22; color: #fff;}
.trim .trimName .also:active span{ background-position: -37px center;}
.trim .trimDetail{ padding: 30px 0; display: flex; flex-direction: column; font-size: 15px; line-height: 2.2;}
.trim .trimDetail img{ display: block; width: 100%; margin-top: 20px;}

.trim .trimSolo{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 30px;}
.trim .trimSolo a{ display: block; text-align: center; border-radius: 3px; line-height: 50px; font-size: 16px; border: 1px solid #eee; width: 44%; transition: all 300ms;}
.trim .trimSolo a:hover{ background: #B81C22; border-color: #B81C22; color: #fff;}

.china{ display: flex; flex-direction: column; width: 360px; position: relative; z-index: 101;}
.fitup{ padding: 20px; background: #fff; width: 320px;}
.fitup .fitupTit{ display: flex; flex-direction: row; justify-content: center; align-items: center; border: 2px solid #aaa; border-radius: 10px; height: 86px; font-size: 28px;}
.fitup .fitupTit span{ color: #B81C22;}
.fitup .fitupSuan{ display: flex; flex-direction: column; padding: 20px; border: 2px solid #aaa; border-radius: 10px; margin-top: 20px;}
.fitup .fitupSuan .fitupSuanText{ text-align:justify; text-align-last:justify;}
.fitup .fitupSuan .fitupSuanJiqi{  justify-content: flex-end; align-items: center; overflow: hidden; display: block; height: 70px; margin: 20px 0 20px;}
.fitup .fitupSuan .fitupSuanJiqi img{margin: 0 auto; display: block;}
.fitup .fitupSuan .fitupSuanFei{ border: 1px solid #eee; border-radius: 4px; padding: 5px 0; line-height: 20px; display: flex; flex-wrap: wrap;}
.fitup .fitupSuan .fitupSuanFei figure{ color: #555; width: 42%; padding: 0 4%;}
.fitup .fitupSuan .fitupSuanShuru{ display: flex; align-items: center; flex-direction: row; border-radius: 4px; position: relative; margin-top: 20px; background: #f5f5f5;}
.fitup .fitupSuan .fitupSuanShuru .text{ width: 100%; text-indent: 10px; height: 40px; line-height: 40px; background: none; border: none;}
.fitup .fitupSuan .fitupSuanShuru .sub{ height: 50px; line-height: 50px; background: #B81C22; text-align: center; border: none; color: #fff; width: 100%; border-radius: 4px; font-size: 20px; cursor: pointer;}
.fitup .fitupSuan .fitupSuanShuru .sub:active{ background: #E62129;}

.like{ padding: 20px; background: #fff; display: flex; flex-direction: column; margin-top: 20px;}
.like .likeTit{ display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 10px; line-height: 30px;}
.like .likeTit h2{ font-size: 22px;}
.like .likeTit a{ color: #B81C22;}
.like .likeCase{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.like .likeCase a{ display: block; width: 100%; overflow: hidden; margin-top: 20px; display: flex; flex-direction: row; }
.like .likeCase a img{ display: block; width: 100%;  object-fit: cover; transition: all 300ms;}
.like .likeCase a img:hover{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}
.reckon_fixed_top{ position:fixed; top:100px;}
.reckon_fixed_bottom{ position: absolute; bottom: 0;}


/*弹窗*/
.alltoo{position:fixed;top:0 !important;left:0 !important; right: 0 !important; bottom: 0!important; display:none;z-index:1000; background:rgba(0,0,0,0.5);}
.alltoo .layer{ position: absolute; width: 420px; left: 50%; margin-left: -210px; top: 50%; margin-top: -230px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.alltoo .layer .close{position:absolute;right: 30px; top: 20px; display: flex; flex-direction: column; font-size: 24px;}
.alltoo .layer .kuang{ display: flex; flex-direction: column; padding: 30px;}
.alltoo .layer .kuang .ming{ font-size: 22px; width: 100%; line-height: 30px;}
.alltoo .layer .kuang .kuangPic{ display: flex; flex-direction: column; margin-top: 30px;}
.alltoo .layer .kuang .alform{ display: flex; flex-direction: column;}
.alltoo .layer .kuang .alform .layui{  border-radius: 3px; padding: 0 10px; margin-top: 20px; background: #f5f5f5;}
.alltoo .layer .kuang .alform .layui .text{ width: 100%; height: 50px; line-height: 50px; background: none;border: none;}
.alltoo .layer .kuang .tijiao{ width: 100%; overflow: hidden; margin-top:20px;}
.alltoo .layer .kuang .tijiao .sub{ width: 100%; background: #B81C22; border-radius: 4px; color: #fff; height:50px; line-height: 50px;
 font-size: 18px; cursor: pointer;text-align: center; border: none;}

/*预约设计*/
.Design *{box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.Design{position:fixed;top:0 !important;left:0;display:none;z-index:12000; width:100%; height:100%; background:rgba(0,0,0,0.7); overflow:hidden;}
.Design #close_b,.Design #close_c,.Design #close_d{position:absolute;right:-15px; top:-15px; width:30px; height:30px; background:#fff; border-radius:50%;}
.Design #close_b em,.Design #close_c em,.Design #close_d em{ border:3px #fff solid; background:rgba(0,0,0,0.5); display:block; border-radius:50%; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:20px;}
.Design #close_b em:hover,.Design #close_c em:hover,.Design #close_d em:hover{ background:#d72128}
.Design .sszs{ width:300px; padding:40px 60px; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-200px; margin-left:-210px; box-shadow:1px 1px 50px rgba(0,0,0,.3);}
.Design .sszs .nrong{ overflow:hidden;}
.Design .sszs .nrong .tit{ width:100%; font-size:26px; font-weight:bold; text-align:center;}
.Design .sszs .nrong .pop{ width:100%; color:#666; font-size:15px; text-align:center; padding:10px 0;}
.Design .sszs .nrong .pop span{ color:#d72128;}
.Design .sszs .nrong .xieru{ width:100%; overflow:hidden;}
.Design .sszs .nrong .xieru .text{ width:278px; border:1px #e0e0e0 solid; padding:10px; height:30px; overflow:hidden; margin-top:10px;}
.Design .sszs .nrong .tijiao{ width:100%; overflow:hidden; margin-top:10px;}
.Design .sszs .nrong .tijiao input.sub{ width:100%; border:none; width:100%; background:#222; color:#fff; height:42px; line-height:42px; font-size:16px; transition:300ms; border-radius:3px; cursor:pointer;}
.Design .sszs .nrong .tijiao input.sub:hover{ background:#d72128}


/*联系我们*/
.message-box{ padding:0 0 40px 0; max-width:1200px;margin:0 auto; }
.message-box .form-box{  margin-top: 20px;  }
.message-box .form-box .item{float: left; width: 48%;}
.message-box .form-box .item2{width: 100%;}
.message-box .form-box .item:last-child{  font-size: 0;  text-align: center;  float: none; margin: 0 auto; width: 100%;}
.message-box .form-box .check-box,
.message-box .form-box input[type=submit]{  float: none;  display: inline-block;  *display: inline;  zoom: 1;  margin: 0 20px; background:#c9151e; }
.message-box .form-box .item:nth-child(2n){float: right;}
.form-box .row{  margin: 0 -20px;  }
.form-box .item{  box-sizing: border-box;   margin-bottom: 40px;  }
.form-box .item:last-child{  margin-bottom: 0;  }
.form-box .tit{  font-size: 16px;  margin-bottom: 15px;  }
.form-box .tit .red{  color: #f00;  }
.form-box input[type=text],
.form-box textarea{  width: 100%;    padding:20px 20px 20px 60px; height:70px;  line-height: 70px;  font-size: 14px;  color: #999;  background-repeat: no-repeat;  background-position: 20px center;  background-size: 20px;  background-color: #f9f9f9;  border: 1px solid #e5e5e5; box-sizing: border-box; transition: all .3s;  }
.message-box .form-box .item textarea{}
.form-box .name{background-image: url("../images/form-icon1.png");}
.form-box .tel{ background-image: url("../images/form-icon2.png");}
.form-box .mail{ background-image: url("../images/form-icon3.png");}
.form-box .address{ background-image: url("../images/form-icon4.png");}
.form-box .company{ background-image: url("../images/form-icon5.png");}
.form-box .country{ background-image: url("../images/form-icon6.png");}
.form-box .content{ background-image: url("../images/form-icon7.png");  background-position: 20px 46px; height: 300px;}
.form-box input::-webkit-input-placeholder{ color:#999;  }  
.form-box input:-moz-placeholder{ color:#999;}  
.form-box input::-moz-placeholder{ color:#999;}  
.form-box input:-ms-input-placeholder { color:#999;}  
.form-box textarea::-webkit-input-placeholder{ color:#999; }  
.form-box textarea:-moz-placeholder{ color:#999;}  
.form-box input[type=text]:focus,
.form-box textarea:focus{ background-color: #c9151e; color: #fff;}
.form-box input[type=text]:focus::-webkit-input-placeholder { color: #fff;}
.form-box input[type=text]:focus:-moz-placeholder { color: #fff;}
.form-box input[type=text]:focus::-moz-placeholder {  color: #fff;}
.form-box input[type=text]:focus:-ms-input-placeholder { color: #fff;}
.form-box textarea:focus::-webkit-input-placeholder{ color:#fff; }  
.form-box textarea:focus:-moz-placeholder{ color:#fff;}
.form-box .name:focus{ background-image: url("../images/h-form-icon1.png");}
.form-box .tel:focus{ background-image: url("../images/h-form-icon2.png");}
.form-box .mail:focus{ background-image: url("../images/h-form-icon3.png");}
.form-box .address:focus{ background-image: url("../images/h-form-icon4.png");}
.form-box .company:focus{ background-image: url("../images/h-form-icon5.png");}
.form-box .country:focus{ background-image: url("../images/h-form-icon6.png");}
.form-box .content:focus{background-image: url("../images/h-form-icon7.png");}
.form-box .check-box{  float: left;  width: 22.9%;  border: 1px solid #e5e5e5;  }
.form-box .check-box input{ padding: 10px;  height: 60px;line-height: 60px; width: 63%; border: none; border-right: 1px solid #e5e5e5; margin: 0;}
.form-box .check-box img{ float: right; width: 36.36%; height:60px;}
.form-box input[type=submit]{  float: left;width: 200px; height: 60px;  background-color: #c9151e; text-align: center; margin-left: 20px; color: #fff; font-size: 14px; transition: all .3s;  border: none;}
.develop-tit{  text-align: center;  padding:60px 0;  }
.develop-tit .about-tit {  font-size: 38px;  color: #333;}   
.develop-tit .desc{  font-size: 38px;  color: #666;  margin-top: 20px;  }
.develop-tit .line{  width: 40px;  height: 5px;  background-color: #e8e8e8;  margin:40px auto 0;  }


.fenye{ display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; margin-top: 40px; }
.fenye a{ display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px;margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #c40e1a !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}
.fenye a.prev{width: auto; background:none;}
.fenye a.prev:hover{ background: none !important; color: #000;}


@media (max-width:1450px) {
	.banner .binbox{width: 1200px; margin-left: -600px;}
	.banner .binbox .by{font-size: 46px;}
	.indexsec1Num{margin-bottom: 4%;}
	.indexsec1Num{padding-top: 5%; padding-bottom: 5%;}
	.indexsec1 .text .p{height: auto;}
	.videoR .pic::after{height: 375px;}
	}

@media (max-width:1400px) {
	.header{height: 85px;}
	.header .mune{height: 85px; width: 85px;}
	.indexsec2 .H3{font-size: 30px;}
	.indexsec2List .list{height: 170px;}
	.indexsec2List .list .H4{font-size: 28px;}
	.productIbox-list dd{padding: 40px 0 40px 184px;}
	.index_ll_sw01{height: 800px;}
 	.index-youshi .div1{height: 340px;}
 	.index-youshi .div2{height: 340px;}
 	.index-youshi h3{font-size: 30px;}
 	.index-youshi p{font-size: 14px;}
}