@charset "utf-8";
/* Start CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;
	vertical-align: baseline;
	background: transparent;*/
}
ul,li{ list-style:none; padding:0; margin:0}
mark, rp, rt, ruby, summary, time {display:inline}
nav a{text-decoration: none}
hr{background: #e0e0e0;height: 1px}
*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input,button,textarea,select{
  outline: none;
  font-family:inherit;
  border: none;
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand { display: none;} 
iframe{border: none;vertical-align: top;}
:before, :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
em{font-style: normal;}
.clearfix:before,.clearfix:after,
.container:before,.container:after,
.container-middle:before,.container-middle:after{
  content: " ";display: table;
}
.clearfix:after,.container:after,.container-middle:after{
  clear: both;
}
.pull-left{float: left;}
.pull-right{float: right;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.text-align{text-align: center;}
.section{width: 100%;overflow: hidden;}
.out{overflow-y: auto;padding-right: 5px;}
.out::-webkit-scrollbar {
 width: 3px;
 background-color: #fff;
}
.out::-webkit-scrollbar-thumb {
 background-color:#ec1b24;
 border-radius: 10px;
}
html,
button,

select,
textarea {
    font-family:'微软雅黑';
}
body{
    margin: 0 auto;
    color:#424242;
    background: #FFF;
    min-width: 1200px;
	line-height:200%;
	font-size:14px;
	
}
a {
    color: #424242;
	text-decoration:none;
}
a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}
.fl{ float:left;}
.fr{ float:right;}
.container, .container-middle/*, .wrap */{
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}
.location .wrap{
	padding:0
}
@media (min-width: 1260px) {
    .wrap, .container, .container-middle {
        width: 1230px;
    }
}

@media (min-width: 1460px) {
    .container-middle, .container {
        width: 1430px;
    }
}

@media (min-width: 1920px) {
    .container-middle {
        width: 1630px;
    }

    .container {
        width: 1430px;
    }
}

@keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
}
/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from {
        -webkit-transform: rotateZ(0deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
    }

    to {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes anim4 {
    from {
        -moz-transform: rotateZ(0deg);
    }

    50% {
        -moz-transform: rotateZ(180deg);
    }

    to {
        -moz-transform: rotateZ(360deg);
    }
}

@-ms-keyframes anim4 {
    from {
        -ms-transform: rotateZ(0deg);
    }

    50% {
        -ms-transform: rotateZ(180deg);
    }

    to {
        -ms-transform: rotateZ(360deg);
    }
}

@-o-keyframes anim4 {
    from {
        -o-transform: rotateZ(0deg);
    }

    50% {
        -o-transform: rotateZ(180deg);
    }

    to {
        -o-transform: rotateZ(360deg);
    }
}

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes kuosan-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}

@keyframes kuosan-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}

@-webkit-keyframes kuosan-2 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    75% {
        -webkit-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes kuosan-2 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    75% {
        -webkit-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
/******************************************************************************
  Header  
*******************************************************************************/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.3);
    height: 120px;
    z-index: 5000;
    background:rgba(0,0,0,0.7);
    transition: ease .5s;
}
.header-navbar{
	padding-top:6px
}
.wellcome{
	width:100%;
	color:#FFF;
	height:50px;
	line-height:50px;
	
}
.wellcome .left{
	float:left;
	width:50%;
	color:#D3D3D5;
}
.wellcome .left a{
	color:#D3D3D5;
}
.wellcome .left i{
	margin-right:6px
}
.wellcome .left .mobile{
	margin:0 15px;
	position:relative;
	z-index:999999999999
}
.wellcome .left .mobile i{
	background:url(../images/mobile.png) no-repeat;
	height:22px;
	width:12px;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:4px;
	margin-right:8px;
}
.wellcome .left .mobile:hover i{
	background:url(../images/mobile_on.png) no-repeat;
	height:22px;
	width:12px;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:4px;
	margin-right:8px;
}
.wellcome .left .mobile:hover{
	color:#D51719;
}
.wellcome .left .mobile .erweima{
	position:absolute;
	top:30px;
	left:0;
	height:0;
	overflow:hidden;
	width:90px;
	opacity:0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.wellcome .left .mobile .erweima img{
	width:100%;
}
.wellcome .left .mobile:hover .erweima{
	opacity:1;
	height:auto;
}
a.top-branch{
	display:inline-block;
	border-radius: 20px;
	border:#e0e0e0 1px solid;
	padding:0 10px;
	line-height:22px
}
a.top-branch:hover{
	color:#D51719;
	border:#D51719 1px solid;
}
.wellcome .right{
	float:right;
	width:50%;
	text-align:right;
	line-height:50px;
	height:50px;
	color:#D41616;
	font-family:arial;
	font-weight:bold;
	font-size:18px;
}
.wellcome .right i{
	display:inline-block;
	width:27px;
	height:27px;
	background:url(../images/top_tel.png) no-repeat top center;
	background-size:100%;
	padding:0;
	margin:0 10px 0 0;
	vertical-align:middle;
}
.header.on {
	box-shadow: 0 0 13px rgba(0,0,0,.9);
}

.header-con {
}

.header.on {
    border: none;
}

.header .logo {
    display: block;
    float: left;
    position: relative;
    z-index: 1200;
    margin: 0px 0;
	color:#FFF;
	padding-top:0px;
	/*line-height:90px;*/
}
.header .logo em{
	font-size:14px;
	font-family:arial;
	padding:6px 0 0 0;
	margin:0;
	line-height:100%;
	display:block;
}
.header .logo img {
	height: 55px;
	margin-right:10px;
	float:left;
	margin-top:-4px
}

.header .logo span.logoon {
	display: none;
}

.header.on .logo span.logoon1, .header.ny-header .logo span.logoon1 {
    display: none;
}

.header.on .logo span.logoon, .header.ny-header .logo span.logoon {
	display: block;
	color:#FFF
}
.gpcode {
    float: left;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin: 30px 0;
    margin-left: 30px;
}

.header-right {
    float: right;
    margin: 28px 0;
    margin-left: 50px;
}
.header-search {
    float: right;
    margin-top: 0px;
    position: relative;
    margin-right: 0;
}

.bt-search {
    position: relative;
    border: none;
    background: none;
    float: left;
    width: 34px;
    height: 34px;
    text-align: right;
    line-height: 40px;
    cursor: pointer;
    transition: .5s;
    z-index: 10;
}
.bt-search .sub-bot {
	display: inline-block;
	width: 21px;
	height: 20px;
	line-height: 34px;
	background: transparent;
	border: none;
	z-index: 3;
	cursor: pointer;
	background: url(../images/icon-search.png) no-repeat center transparent;
	padding-right: 0px;
}

.header.on .sub-bot {
    background-image: url(../images/icon-search.png);
}

.searchop .search-all {
    z-index: 10;
    opacity: 1;
    visibility: visible;
}

.search-all {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: auto;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.search-all .search-box {
	position: relative;
	height: 36px;
	margin-top: 38px;
	background: #fff;
}

.searchop .search-all .search-box {
    animation: searchform-fade 400ms both;
}

.searchop .search-all form {
    animation: searchform-slide 1s both;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.search-all .search-box .search-txt {
    color: #333;
    line-height: 34px;
    width: 44px;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease-out;
}

.search-all .search-box .search-txt em {
	font-size: 20px !important;
}

.search-all .search-box .search-txt.left {
	float: left;
}

.search-all .search-box .search-inp {
    margin-left: 44px;
    transition: all .3s ease-out 0s;
    margin-right: 44px;
}

.search-all .search-box .search-inp input {
	font-size: 16px;
	line-height: 36px;
	color: #333;
	width: 100%;
	border-radius: 5px;
}

.searchop .search-close {
    opacity: 1;
    transition: all .2s ease-out 0s;
}

.search-all .search-box .search-close {
    width: 44px;
    height: 36px;
    font-size: 16px;
    color: #333;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}

.searchop .search-close:hover {
}

.searchshow .top2-bu a {
    -webkit-animation: item-searchshow .4s both;
    animation: item-searchshow .4s both;
}
.ny-header {
    background: #fff;
}

.header.on {
    background-color:rgba(0,0,0,0.9);
    border-color: transparent;
}
/* .header.on .navitem>a{padding: 35px 12px;} */
/* .header.on .header-right{margin: 33px 0;} */
/* .header.on .logo img{width: 100px;height: 85px;} */
/* .header.on .logo{margin: 7px 0;} */
.header.on .logo p, .header.on .navitem > a, .header.on .language-text,
.ny-header .logo p, .ny-header .navitem > a, .ny-header .language-text {
	color: #FFF;
}

.header.on .navitem.active > a {
	color: #FFF;
}

.header.on .navitem > a:hover {
	color: #ec1b24;
}

.header.on .gpcode,
.ny-header .gpcode {
	color: #333;
}

.ny-header .sub-bot {
    background-image: url(../images/icon-searcha.png);
}

.header.on .language-text:hover {
    color: #ec1b24;
}

#ino-p1 {
    display: none;
}

#ino-p span {
    opacity: 0;
}
.navbar {
    float: right;
    transition: ease .5s;
    /*margin-right: -24px;*/
}

.navitem {
    float: left;
    padding: 0 20px;
}
.navbar li:last-child{
	padding-right:0;
}
.navitem > a {
	display: inline-block;
	font-size: 15px;
	color: rgba(255,255,255,1);
	line-height: 30px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 0px 6px 33px 6px;
	position: relative;
}

.navitem.active > a {
	color: #fff;
}

.navitem:hover > a {
	color: #fff;
}

.navitem > a::before {
	position: absolute;
	content: "";
	width: 0px;
	height: 2px;
	background: #ec1b24;
	left: 50%;
	bottom: 0%;
	transform: translateX(-50%);
	transition: ease .5s;
}

.navitem:hover > a::before,
.navitem.active > a::before {
	width: 100%;
}
/* =====================下拉 ================ */
.dropdown-menu {
    position: absolute;
    top: 90%;
    z-index: 1100;
    background:rgba(255,255,255,0.96);
    border-top: 1px solid #eeeeee;
    -webkit-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    height:0;
	opacity:0;
    /*display: none;*/
    overflow: hidden;
    width: 100%;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}

.category-item {
    position: relative;
}

.category-item-single {
    position: static;
}

.dropdown-menu.single {
    width: 300px;
    left: 50%;
    transform: translateX(-50%);
}

.navitem:hover .dropdown-menu {
    opacity: 1;
    display: block;
    visibility: visible;
	height:auto;
	top: 100%;
}

/*.category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */
.dropdown-menu ul {
    padding: 54px 0 85px;
    font-size: 0;
}

.dropdown-menu li {
    float: left;
    padding: 0 0 0 45px;
    width: 25%;
}

.dropdown-menu li.dropdown-img {
	width: 21.42%;
	padding: 0 0px 0 0;
}
.dropdown-menu li.subnav{
	width:50%;
	position:relative;
	top:-15px
}
.dropdown-menu li.subnav a{
	width:40%;
	float:left;
	margin-left:5%;
}
.dropdown-img1 {
    width: 100%;
}

.dropdown-img1 img {
	width: 100%;
}

.dropdown-menu li:first-child {
    padding-left: 0;
}
/* .dropdown-menu li:last-child{padding-right: 0;border-right: none;} */
.dropdown-tit {
    display: block;
    margin-bottom: 6px;
    font-size: 24px;
    color: #242e38;
    line-height: 40px;
    font-family: 'semi';
}
.dropdown-dec {
    display: block;
    font-size: 15px;
    color: #444;
    line-height: 28px;
    padding: 10px 5px 10px 0px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.dropdown-dec::before {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	background: #ec1b24;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	transition: ease .5s;
}

.dropdown-dec:hover::before {
	width: 100%;
}

.dropdown-dec:hover em {
	color: #ec1b24;
}

.dropdown-dec em {
	font-size: 15px;
	color: #666;
	font-weight: 550;
	float: right;
}
.dropdown-menu a.index-btn{
	font-size:14px;
}
.dropdown-menu li a:last-child {
    margin-bottom: 0;
}
.dropdown-menu li a:hover {
    color: #ec1b24;
}
.dropdown-menu li.dropdown-title {
    width: 26%;
    padding-right: 30px;
}
.dropdowntit-font {
}
.dropdowntit-font h3 {
	font-size: 30px;
	line-height: 40px;
	color: #333;
}

.dropdowntit-font h5 {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	margin: 9px 0 0px;
}

.dropdowntit-font a {
	font-size: 16px;
	display: block;
	margin-top: 40px;
}

@media (max-width:1460px) {
    .dropdown-dec {
        font-size: 15px;
        padding: 10px 12px 5px 0px !important;
    }

    .dropdown-menu li {
        padding: 0 0 0 25px;
    }
}

@media (max-width:1259px) {
    .dropdown-menu li {
        padding: 0 0 0 30px;
    }

    .dropdown-dec {
        font-size: 15px;
        padding: 12px 12px 11px 0px !important;
    }

    .dropdown-menu li.dropdown-img {
        width: 25%;
    }

    .dropdown-menu li.dropdown-title {
        width: 31%;
    }

    .dropdowntit-font h5 {
        margin-bottom: 30px;
    }
}

@media (max-width:1170px) {
    .dropdown-menu li {
    }
}
/*==================================home-banner==============================*/
.home-banner {
    position: relative;
}

.pc-banner {
    position: relative;
}

.banner-slide {
    display: block;
    position: relative;
}

.banner-slide img {
	width: 100%;
}
img.home-pcbanner{
	width:1920px;
	height:720px;
	left:50%;
	margin-left:-960px;
	position:absolute;
}
.banner-font {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
    transform: translateY(-50%);
}

.banner-cont {
    filter: alpha(opacity=0);
    position: relative;
}

.banner-cont h3 {
	font-size: 60px;
	line-height: 70px;
	font-weight: bold;
	color: #fff;
	position: relative;
}

.banner-cont h4 {
	font-size: 60px;
	line-height: 70px;
	color: #fff;
	margin-top: 24px;
}

.banner-cont h5 {
	font-size: 0;
	margin-top: 41px;
}

.banner-cont h5 span {
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	margin: 0 25px;
	color: #fff;
	position: relative;
	padding-left: 20px;
}

.banner-cont h5 span::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.home-banner .swiper-slide-active .banner-cont {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .8s linear;
    transition-delay: .1s;
}

.home-banner.app {
    display: none;
}

.home-banner.app img {
	width: 100%;
}

.home-appbanner {
    width: 100%;
    display: none;
}

.banner-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 5;
    font-size: 0;
    padding-top: 135px;
    transform: translateY(-50%);
}

.pc-banner .swiper-pagination {
    display: block;
    bottom: 20px;
    width: 100%;
}

.pc-banner .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    border-radius: 5px;
    background: #fff;
    margin: 0 5px;
	opacity:0.6;
}

.pc-banner .swiper-pagination-bullet-active {
    width: 30px;
    background: #ec1b24;
	opacity:1;
}

.banner-bf {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin: 0 12px;
    cursor: pointer;
    /*background: url(../images/banner-bf.png)no-repeat center;*/
    background-size: 100% 100%;
}

.pc-banner .swiper-button-prev, .pc-banner .swiper-button-next {
    position:absolute;
    display: inline-block;
    margin: 0 0 10px;
    width: 22px;
    height: 16px;
    background: url(../images/banner-right_03.png)no-repeat center;
    background-size: 100% 100%;
	top:50%;
}

.pc-banner .swiper-button-prev {
    transform: rotate(180deg);
}

.banner-img {
    width: 100%;
}

.appbanner-img {
    width: 100%;
    display: none;
}

.home-banner .swiper-slide-active img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s infinite;
    animation: scaleUpDown 6s infinite;
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

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

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

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

i.fontaw {
    font-style: normal;
    font-family: 'fontaw';
    font-size: 20px;
    position: relative;
    z-index: 3;
}



.more {
    position: relative;
    z-index: 22;
    width: 180px;
    font-size: 16px;
    border: 1px solid #ec1b24;
    height: 55px;
    overflow: hidden;
    display: block;
    text-align: center;
    color: white;
    line-height: 55px;
    transition: all .5s;
}

.more::before {
	position: absolute;
	content: '';
	top: 0;
	right: -30%;
	bottom: 0;
	left: -30%;
	z-index: -1;
	background: #ec1b24;
	transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s;
	transition: transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s, opacity 0.4s linear;
	opacity: 1;
	transition-delay: 0s,0s;
	transform: translate(0, 0) skew(-60deg, 0deg);
}

.more span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
}

.more:hover::before {
	opacity: 0;
	transform: translate(400px, 0) skew(-60deg, 0deg);
}

.more:hover {
	color: #ec1b24;
	transition: color 0s linear;
	border: 1px solid #ec1b24;
}
/*home-banner -end*/
/*======查找分公司=============================*/
.form{
  height: 155px;
  background: #1d1e24;
  width:100%;
}
.form-con{
  /*width: 1200px;
  min-width: 1200px;*/
  margin:0 auto;
  text-align: center;
}
.form-con .biaoti{
	text-align:center;
	padding-top:35px;
	font-size:18px;
	color:#fff
}
.form-con .biaoti span{
	 font-size:18px;
	 color:#deb56f
}
.c_select{ 
	background: url(../images/arw7.png) 90px 15px no-repeat; 
	cursor: pointer;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #000;
	border:0;
	font-size: 14px;
	padding-left:10px;
}
.form-table{
  width: 100%;
  height: 50px;
  display: inline-block;
  margin-top: 21px;
  cursor: pointer;
}
.form-table-left{
  height:50px;
  width:-moz-calc(100% - 180px);
  width:-webkit-calc(100% - 180px);
  width: calc(100% - 180px);
  box-sizing: border-box;
  border-radius: 4px;
  background:#FFF;
  font-size: 12px;
  color:#888;
  float:left;
  padding-top:5px;
}
.form-table-right{
  display: inline-block;
  width: 160px;
  height: 50px;
  border-radius: 5px;
  background-color: #d9000f;
  float:left;
  color:#fff;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  margin-left: 5px;
}
.table-con{
  float:left;
  padding: 0px  40px;
  border-right: 1px solid #e8e8e8;
  position: relative;
}
/*******为什么选择*******************/
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.about_list{width:100%;z-index:99;padding:0; clear:both; background:#FFF; margin:60px auto}
.ibiaoti{ clear:both;}
.ibiaoti h2{text-align:center; font-size:33px; color:#000; padding-bottom:20px; position:relative; font-family:Calibri; font-weight:bold; width:100%; line-height:100%}
.ibiaoti h3{color:#444444; font-size:16px;font-weight:normal; text-align:center; height:34px; line-height:34px; width:325px; margin:5px auto 60px auto; background:url(../images/bg1.png) no-repeat; padding-left:20px}
.about_list ul li h3{color:#202020; font-size:20px;line-height:100%; margin-top:30px; background:none}
.about_list ul li:hover h3{color:#2190ae; font-size:20px;}
.about_list ul li p{color:#8C8C8C; text-align:center; font-size:14px;}
.about_list ul li:hover p{ color:#000}
.about_list ul{overflow:hidden;text-align:center;margin:auto}
.about_list li{/*display:inline-block;*display:inline;*zoom:1;*/
    overflow:hidden;
	margin:0 25px 0 0;
	position:relative;
	float:left;
    width:-moz-calc((100% - 75px) / 4);
	width:-webkit-calc((100% - 75px) / 4);
	width: calc((100% - 75px) / 4);
}
.about_list li a{width:100%;min-height:450px;text-align:center; font-size:16px;color:#fff; line-height:45px; position:relative;display:block;}
.about_list li a img{width:100%;min-height:368px;box-sizing: border-box;border: 1px solid #FFF;border-radius:0;}
.about_list li:hover a img{border: 0px solid #2190ae;/*animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal*/}
.xia{
	width:86%;
	left:50%;
	margin-left:-42%;
	position:absolute;
	bottom:25px;
	background:#FFF;	
	border-radius:5px;
	box-shadow:0 5px 5px rgba(0,0,0,.2);
	padding:20px 0
}
.xia h4{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:0;
	line-height:100%;
}
.xia h5{
	width:84px;
	background:#D51719;
	margin:0 auto;
	height:34px;
	line-height:34px;
	border-radius:20px;

}
.about_list li a span{ position:absolute;width:100%;height:45px;line-height:45px;left:0;bottom:10px;color:#ff;background:url(0-33.png);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.about_list li a:hover span{bottom:15px}
/********首页公司简介*******************************/
.about_main{
	clear:both;
	width:100%;
	float:left;
	background:#FBF4EC;
	box-shadow:0px 5px 5px 0px rgba(204,204,204,0.5) inset;
	padding:80px 0 0 0;	
}
.about_main .left{
	float:right;
	width:645px;
	padding-top:0px;
	padding-bottom:90px;
	background:url(../images/yinying2.png) no-repeat center 422px;
}
.about_main .right{
	float:left;
	width:-moz-calc(100% - 700px);
	width:-webkit-calc(100% - 700px);
	width: calc(100% - 700px);
}
.about_main .right .neirong{
	font-size:16px;
	font-weight:300;
	line-height:210%;
	margin-top:-50px;
}
.about_main .right .neirong h4{
	font-size:18px;
	font-weight:300;
}
.about_main .right .neirong p{
	text-indent:2em;
	margin-top:20px
}
.about_main .right a.learnmore{
	display:block;
	margin-top:16px;
	position: relative;
    z-index: 22;
    font-size: 15px;
    transition: all .5s;
	line-height:136px;
	font-weight:normal;
	font-size:18px;
}
.about_main .right a.learnmore img{
	display:inline-block;
	margin-left:50px;
	float:right;
	vertical-align:middle;
}
.about_main .right a.learnmore span{
	font-family:'宋体';
	padding:0 10px;
	display:inline-block;
}
.about_main .right a.learnmore:hover{
	color:#D51717
}
/*===============首页案例start===============*/
.indexcase{
	width:100%;
	float:left;
	clear:both;
	background:#FBF4EC;
}
.casetit{
	width:100%;
	clear:both;
	text-align:center;
	position:relative;
	margin-bottom:40px;
}
.casetit .redline{
	width:100%;
	height:1px;
	float:left;
	display:block;
	background:#D51719;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
}
.casetit li{
	display:inline-block;
	width:88px;
	height:78px;
	background:#FBF4EC;
	text-align:center;
	z-index:2;
	position:relative;
	font-size:18px;
	font-weight:bold;
	line-height:180%;
	padding-top:10px;
	margin:0 100px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}
.casetit .cure,.casetit li:hover{
	background:#D51719;
	color:#FFF;
}
.casetit li span{
	display:block;
	font-size:40px;
	font-weight:bold;
}
.section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	perspective: 1000px;
	background: #f5f5f5;
}
.sectionCon {
	position: relative;
/*	height: calc(100% - 120px);
	top: 120px;*/
}
.col1BgBoxw {
	position: absolute !important;
	width: 101%;
	height: 101%;
	left: -0.5% !important;
	top: -0.5% !important;
}
.columnBox {
	overflow: hidden;
	position: relative;
	height: 100%;
	width: 100%;
}
.col1Bg {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.topC {
	margin: 0 6.25%;
}
.pic{
	position: relative;
	overflow: hidden;
}
.pic::before{
	display: block;
	content: "";
	padding-top: 60%;
}
.pic img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center center;
}
.indexTitleBox {
	font-family: arial;
}

.indexTitle1 {
	height: 56px;
	line-height: 56px;
	font-size: 48px;
	color: #333;
}

.indexTitle2 {
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	text-transform: capitalize;
	color: #666;
	font-family: 'spectral';
}

.column2 {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 800px;
}

.indexTitleItro {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #dedede;
}

.column2Title {
	padding-top: calc(8%);
	position: relative;
	z-index: 10;
}

.indexTitleBox.white .indexTitle1 {
	color: #fff;
}

.indexTitleBox.white .indexTitle2 {
	color: #fff;
}

.column2C {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.column2C .col1Bg {
	background-position: center center;
}
.column2Swiper{
	position: relative;
	width: 100%;
	height: calc(100%);
}
.column2SwiperCon {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.column2SwiperCon .swiper-slide{
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	transition:0.8s all;
}
.column2Swiper .swiper-slide .column2SwiperCon{
	display: none;
}
.column2Swiper .swiper-slide.swiper-slide-active .column2SwiperCon{
	display: block;
}
.column2Swiper::before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 21.2963%;
	left: 0;
	bottom: 0;
	z-index: 6;
	background: rgba(255, 255, 255, 0.5);
}

.column2SwiperCon {
	z-index: 5;
}

.column2SwiperCon .topCswier{
	margin: 0 .625%;
}
.column2SwiperCon .swiperTitle {
	display: none;
}
.column2SwiperCon .swiperText {
	display: none;
}
.column2SwiperCon .swiper-slide.swiper-slide-active .swiperTitle{
	display: block;
}
.column2SwiperCon .swiper-slide.swiper-slide-active .swiperText{
	display: block;
}
/* .column2Swiper.swiper-slide.swiper-slide-active .column2SwiperCon .swiperTitle{
	display: block;
}
.column2Swiper.swiper-slide.swiper-slide-active .column2SwiperCon .swiperText{
	display: block;
} */
.column2SwiperCon .column2-buttom {
	position: absolute;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	outline: none;
}

.column2SwiperCon .column2-buttom::after {
	display: none;
}

.column2SwiperCon .column2-buttom.swiper-button-next {
	right: 50%;
	margin-right: -55px;
	background: rgba(230, 230, 230, 1) url(../images/leftNext.png) center center no-repeat;
}

.column2SwiperCon .column2-buttom.swiper-button-prev {
	left: 50%;
	margin-left: -55px;
	background: rgba(230, 230, 230, 1) url(../images/leftPrev.png) center center no-repeat;
}

.column2SwiperCon .column2-buttom.swiper-button-next:hover {
	background: rgba(236, 102, 27, 1) url(../images/leftNext_h.png) center center no-repeat;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.column2SwiperCon .column2-buttom.swiper-button-prev:hover {
	background: rgba(236, 102, 27, 1) url(../images/leftPrev_h.png) center center no-repeat;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

.column2Swiper>.swiper-wrapper>.swiper-slide {
	opacity: 0 !important;
	visibility: hidden;
	transition: 0.8s !important;
}

.column2Swiper>.swiper-wrapper>.swiper-slide.swiper-slide-active {
	opacity: 1 !important;
	visibility: visible;
}

.swiperBox {
	position: absolute;
	left: 38.69047%;
	top: 40%;
	transform: translateY(-70%);
}

.swiperTitle {
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	font-family: arial;
}

.swiperTitle span {
	font-family: 'spectral';
	font-size: 48px;
	color: #fff;
	font-weight: 800px;
	padding-right: 115px;
	position: relative;
}

.swiperTitle span::before {
	display: block;
	content: "";
	position: absolute;
	width: 42px;
	height: 1px;
	background: #fff;
	left: 75px;
	top: 50%;
}

.swiperTitle .title {
	height: 68px;
	line-height: 68px;
	font-size: 36px;
	color: #fefefe;
}
.swiperTitle .title h2{
	font-weight:normal;
	font-size:40px;
}
.swiperText {
	padding-left: 165px;
	line-height: 32px;
	font-size: 14px;
	color: #FEFEFE;
}

.column2Thumbs {
	position: absolute;
	width: 52.5521%;
	left: 6.25%;
	bottom: 10.8889%;
	z-index: 8;
	padding: 0 4.4271%;
	overflow: hidden;
	z-index: 10;
}
.column2Thumbs::before{
	display: block;
	content: "";
	padding-top: 26.31%;
}
.column2Thumbs .swiper-button-next,
.column2Thumbs .swiper-button-prev {
	outline: none;
}

.column2Thumbs .swiper-button-white {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 20px;
	border-radius: 100%;
	top: auto;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column2Thumbs .swiper-button-white::after {
	display: none;
}

.column2Thumbs .swiper-button-white.column2-next1 {
	background: url(../images/swiperNext.png) right center no-repeat;
}

.column2Thumbs .swiper-button-white.column2-prev1 {
	background: url(../images/swiperPrev.png) left center no-repeat;
}

.column2Thumbs .swiper-button-white:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);
	background-color: rgba(230, 230, 230, 0.5);
}

.column2Thumbs .swiper-button-white.column2-next1:hover {
	background: url(../images/swiperNext.png) center center no-repeat;
}

.column2Thumbs .swiper-button-white.column2-prev1:hover {
	background: url(../images/swiperPrev.png) center center no-repeat;
}
.column2Swiper1{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.column2Swiper1 .bdCon{
	position: absolute;
	left: 7.6271%;
	right: 7.6271%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.column2Swiper1 .bd{
	position: relative;
	height: 100%;
	margin: 0 -12px;
	overflow: hidden;
}
.column2Swiper1 .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}
.column2Swiper1 .swiper-slide {
	transition: 800ms ease;
	transform-origin: 0% 100%;
	width: 29.5%;
}

.column2Swiper1 .swiper-slide-active {
	width: 41% !important;
}
.column2Swiper1 .swiper-slide .con{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom:0;
	border-radius: 20px;
	overflow: hidden;
}
.column2Swiper1 .swiper-slide .conPosint{
	margin: 0 12px;
	position: relative;
	border: 3px solid rgba(255,255,255,0.7);
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	transform: all 0.4s;
	-webkit-transform: all 0.4s;
	cursor: pointer;
}
.column2Swiper1 .text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column2Swiper1 .title {
	height: 55px;
	line-height: 55px;
	font-size: 26px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
	visibility: hidden;
}

.column2Swiper1 .textC {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
	text-align: center;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
	visibility: hidden;
}

.column2Swiper1 .swiper-slide-active .text {
	opacity: 1;
	visibility: visible;
}

.column2Swiper1 .swiper-slide-active .title {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.column2Swiper1 .swiper-slide-active .textC {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.swiperMore {
	position: absolute;
	width: 150px;
	height: 150px;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 100%;
	right: 0;
	top: 50%;
	margin-top: -75px;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.swiperMore a {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.swiperMore a span {
	display: block;
	height: 18px;
	line-height: 18px;
	position: relative;
}

.swiperMore a span:first-child {
	margin-bottom: 10px;
}

.swiperMore a span:first-child::before {
	display: block;
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 50%;
	bottom: -8px;
	margin-left: -3px;
	background: #fff;
	border-radius: 100%;
}
.swiperMore:hover{
	border: 1px solid rgba(236,102,27,1);
}
.swiperMore:hover span{
	color: #ec661b;
}
.swiperMore:hover a span:first-child::before{
	background: #ec661b;
}
.column2SwiperCon .topC::before{
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: -10%;
	right: -10%;
	background: rgba(0,0,0,0.3);
}
.swiperContent{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.commonMore{
	position: absolute;
	z-index: 20;
	width: 200px;
	height: 78px;
	line-height: 78px;
	bottom: 10.8889%;
	right: 6.25%;
}
.commonMore a{
	display: block;
	text-align: right;
}
.commonMore a span{
	position: relative;
	height: 78px;
	line-height: 78px;
	padding-right: 28px;
	font-size: 16px;
	color: #fff;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.commonMore a span::before{
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	border: 6px solid transparent;
	border-left-color: #fff;
	margin-top: -6px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.commonMore a:hover span{
	color: #ec661b;
	padding-right: 35px;
}
.commonMore a:hover span::before{
	border-left-color:#ec661b ;
}
.picanimated {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.picfadeInUp {
	-webkit-animation-name: picfadeInUp;
	animation-name: picfadeInUp
}
@keyframes picfadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(50px);
		-ms-transform: translateX(50px);
		transform: translateX(50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}
.picfadeInLeft {
	-webkit-animation-name: picfadeInLeft;
	animation-name: picfadeInLeft;
}

@-webkit-keyframes picfadeIn {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	100% {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes picfadeIn {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	100% {
		opacity: 1;
		visibility: visible;
	}
}
.picfadeIn {
	-webkit-animation-name: picfadeIn;
	animation-name: picfadeIn;
}
/*===============案例详细=================*/
.inside-con {
	width:100%;
	clear:both;
	float:left;
	padding: 40px 0 40px;
}
.case-detail {
	/*width: 1200px;
	margin: 0 auto .35rem;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	background-size: cover;
	background:#FFF;
	margin-bottom:80px;
}
.case-detail .swiper {
	-webkit-box-flex: 752;
	-webkit-flex: 752;
	-moz-box-flex: 752;
	-ms-flex: 752;
	flex: 752;
	overflow: hidden
}

.case-detail .big-swiper {
	margin-bottom: 20px
}

.case-detail .big-swiper .swiper-slide {
	position: relative
}

.case-detail .big-swiper .swiper-slide span {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 71.14362%
}

.case-detail .big-swiper .swiper-slide span img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.case-detail .thumb-swiper {
	padding: 0 24px;
	position: relative
}

.case-detail .thumb-swiper .swiper-slide {
	width: 16.66667%
}

.case-detail .thumb-swiper .swiper-slide span {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 67.59259%;
	overflow: hidden;
	cursor: pointer
}

.case-detail .thumb-swiper .swiper-slide span img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.case-detail .thumb-swiper .swiper-slide-thumb-active span:before {
	position: absolute;
	display: block;
	content: '';
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #D51719
}

.case-detail .thumb-prev,.case-detail .thumb-next {
	position: absolute;
	top: 50%;
	font-size: 18px;
	color: #575756;
	cursor: pointer;
	outline: none
}

.case-detail .thumb-prev:hover,.case-detail .thumb-next:hover {
	color: #bb9968
}

.case-detail .thumb-prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.case-detail .thumb-next {
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media screen and (max-width: 800px) {
	.case-detail {
		display: block
	}
}

.case-detail-scroll {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 352;
	-webkit-flex: 352;
	-moz-box-flex: 352;
	-ms-flex: 352;
	flex: 352;
	margin-left: 40px;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.case-detail-scroll .scroll-con {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 75px;
	overflow: hidden
}

.case-detail-scroll .scroll-con .wp {
	position: relative;
	padding-right: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #777
}

.case-detail-scroll .scroll-con img {
	max-width: 100%
}

.case-detail-scroll .scroll-con .t {
	font-size: 30px;
	color: #333
}

.case-detail-scroll .scroll-con .t img {
	vertical-align: middle;
	margin-right: 5px
}

.case-detail-scroll .scroll-con .box {
	border-bottom: 1px dashed #ddd;
	padding: 10px 0
}

.case-detail-scroll .scroll-con .box:last-child {
	border-bottom: none
}

.case-detail-scroll .scroll-con .box .b {
	font-size: 20px;
	color: #333;
	margin-bottom: 12px
}

.case-detail-scroll .bscroll-indicator {
	cursor: pointer
}

.case-detail-scroll .app-btn {
	position: absolute;
	left: 0;
	bottom: 20px;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background-color: #bb9968;
	-webkit-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	transition: background-color .2s ease
}

.case-detail-scroll .app-btn:hover {
	background-color: #e70031
}

@media screen and (max-width: 800px) {
	.case-detail-scroll {
		margin-left: 0;
		height: 3rem;
		margin-top: .2rem
	}
}

.case-recommend {
	/*width: 1200px;*/
	margin: 0 auto
}
.case-recommend .title {
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 40px;
	margin-top:20px
}

.case-recommend .title:after {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	bottom: 0;
	width: 70px;
	margin-left: -35px;
	background-color: #bb9968;
	height: 1px
}

.case-recommend .title .cn {
	font-size: 32px;
	color: #333
}

.case-recommend .title .en {
	font-family: 'DidotBold';
	font-size: 20px;
	color: #666;
	text-transform: uppercase
}

@media screen and (max-width: 750px) {
	.case-recommend .title .cn {
		font-size: 22px
	}

	.case-recommend .title .en {
		font-size: 14px
	}
}

.case-recommend-swiper {
	padding-bottom: 50px
}

.case-recommend-swiper .swiper-pagination {
	bottom: 0px;
}

.case-recommend-swiper .swiper-pagination-bullet {
	background-color: #494949;
	opacity: 1;
	outline: none
}

.case-recommend-swiper .swiper-pagination-bullet-active {
	background-color: #e70031
}

.case-recommend-swiper .swiper-slide {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.case-recommend-swiper .swiper-slide:hover {
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	box-shadow: 0 3px 10px rgba(0,0,0,0.1)
}

.case-recommend-swiper .swiper-slide .img {
	width: 100%;
	padding-bottom: 71.89781%;
	position: relative;
	overflow: hidden;
	display: block
}

.case-recommend-swiper .swiper-slide .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.case-recommend-swiper .swiper-slide .info {
	padding: 10px 20px;
	background-color: #fff
}

.case-recommend-swiper .swiper-slide .t {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.case-recommend-swiper .swiper-slide .t a {
	color: #333
}

.case-recommend-swiper .swiper-slide .t a:hover {
	color: #bb9968
}

.case-recommend-swiper .swiper-slide .p {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666
}

.case-recommend-swiper .swiper-slide .tools {
	font-size: 14px;
	color: #333;
	padding-top: 12px;
	display:none
}
.case-recommend-swiper .swiper-slide .tools .view{
	float:left!important;
}
.case-recommend-swiper .swiper-slide .tools span {
	display:block;
	vertical-align: top;
	margin-right: 15px;
	float:left
}

.case-recommend-swiper .swiper-slide .tools span:before {
	font-family: 'iconfont';
	color: #bb9968;
	margin-right: 6px
}

.case-recommend-swiper .swiper-slide .tools .view:before {
	content: '\e61e'
}

.case-recommend-swiper .swiper-slide .tools .like {
	cursor: pointer
}

.case-recommend-swiper .swiper-slide .tools .like:before {
	content: '\e79d'
}

.case-recommend-swiper .swiper-slide .tools .like.on:before {
	content: '\e64e'
}

@media screen and (max-width: 1000px) {
	.case-recommend-swiper .swiper-slide .tools span {
		margin-right: 10px
	}
}


/*===============首页设计师===============*/
.indexdesigner{
	width:100%;
	clear:both;
	float:left;
	background:#FFF;
	padding:80px 0;
}
.tempWrap{overflow:hidden; position:relative; margin:0 auto;}
.review2 {
	overflow:hidden;
	clear:both;
	float:left;
	width:100%
}
.review2 .list2{
	position:relative;
	margin-top:0px;
}
.review2 .con2 ul { font-size:0; width:1260px; margin:0 auto;}
.review2 .con2 li { display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; padding:0 5px;}
.review2 .con2 li a { display:block; background:#FFFFFF; padding:0px; border:#e0e0e0 0px solid;}
.review2 .con2 li a .img{
	position:relative;
	overflow:hidden;
}
.review2 .con2 li a .img img.desigenr-pic {
	max-width:100%;
	
}
.review2 .con2 li:hover img.desigenr-pic {
	-moz-transform:scale(1.1);
    -webkit-transform: scale(1.1);
    transform:scale(1.1);
	transition: all linear 0.3s;
}
.review2 .con2 li a .txt{
	height:110px;
	overflow:hidden;
	padding:10px 0 0 0;
}
.review2 .con2 li a .txt p { color:#202020; font-size:16px; font-weight:lighter; line-height:24px; overflow:hidden; }
.review2 .con2 li a .txt strong { display:block; margin:10px 0; color:#202020; font-weight:bold; font-size:24px; }
.review2 .con2 li a:hover { }
.review2 .con2 li a:hover p { color:#AF2427; }
.review2 .con2 li a:hover strong { color:#AF2427; }
.review2 .con2 a.prev { position:absolute; left:0px; top:50%; width:40px; height:40px; margin-top:-85px; background:url(../images/project_prev.png) no-repeat center center #777777;border-radius:100%;}
.review2 .con2 a.prev:hover { background-image:url(../images/project_prev_on.png); outline:none}
.review2 .con2 a.next { position:absolute; right:0px; top:50%; width:40px; height:40px; margin-top:-85px; background:url(../images/project_next.png) no-repeat center center #777777;border-radius:100%;}
.review2 .con2 a.next:hover { background-image:url(../images/project_next_on.png); outline:none}

.desinger_hover{
  width: 100%;
  height: 100%;
  cursor: pointer;
  position:absolute;
  top:0;
  left: 0;
  text-align: center;
  background-color: #000;
  background: rgba(0,0,0,0.5);
  opacity:0;
  transition: all linear 0.5s;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  vertical-align:middle;
  padding-top:35%;
  z-index:999999;
}
.desinger_hover span.designer_more{
	display:block;
}
.review2 .con2 li:hover .desinger_hover{
	opacity:1;
	width: 100%;
    height: 100%;
}

.i_sjs2_list_c{margin:0 auto; clear:both; padding-top:20px; overflow:hidden; width:1250px!important}
.i_sjs2_list{ width:100%;}
.i_sjs2_list li{float:left; width:72px; height:87px; overflow: hidden; position: relative;}
.i_sjs2_list li img{
	opacity:0.45;
	height: 87px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.i_sjs2_list li:hover img{ opacity:1;}

.desinger_filter{
  width: 1250px;
  margin: 0 auto;
  margin-bottom: 10px;
}
.desinger_small img{
  cursor: pointer;
}
.desinger_filter select{
  border:1px solid #ccc;
  padding: 9px;
  border-radius: 0;
}
.select_box{
  border:1px solid #ccc;
  width:136px;
  height: 40px;
  box-sizing: border-box;
  font-size: 14px;
  color:#000;
  float: left;
  margin-top: 34px;
}
/*===============楼盘=====================*/
.loupan{
	width:100%;
	clear:both;
	float:left;
	background:#f6f6f6;
	padding:80px 0;
}
.loupanlist li{
	float:left;
	width:-moz-calc((100% - 45px) / 4);
	width:-webkit-calc((100% - 45px) / 4);
	width: calc((100% - 45px) / 4);
	margin-right:15px;
	position:relative;
	margin-bottom:30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.loupanlist img{
	width:100%;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.loupanlist .img{
	overflow:hidden;
	position:relative;
}
.loupanlist .img:hover img{
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.loupanlist li .txt{
	position:absolute;
	bottom:0;
	color:#FFF;
	font-size:16px;
	line-height:50px;
	height:50px;
	padding-left:15px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.loupanlist li .fengge{
	position:absolute;
	top:0;
	right:0;
	width:90px;
	height:80px;
	background:rgba(150,140,130,0.9);
	padding-left:12px;
	color:#FFF;
	font-size:16px;
	line-height:140%
}
.loupanlist li .fengge span{
	display:block;
	font-size:14px;
	margin-top:18px;
}
/*===============7s流程===================*/
.liucheng{
	clear:both;
	width:100%;
	float:left;
	background:url(../images/bg2.jpg) no-repeat;
	height:443px;
	padding-top:60px
}
.liucheng .ibiaoti h2{
	color:#FFF;
}
.liucheng ul{
	font-size:0;
	text-align:center;
}
.liucheng ul li{
	display:inline-block;
	background:rgba(0,0,0,0.5);
	width:-moz-calc((100% - 14px) / 7);
	width:-webkit-calc((100% - 14px) / 7);
	width: calc((100% - 14px) / 7);
	height:130px;
	font-size:16px;
	color:#C4FD8A;
	border-radius:10px;
	margin:0 1px;
	padding-top:30px
}
.liucheng ul li:hover img{
	animation: swing 1s 0s linear normal;
	-webkit-animation: swing 1s 0s linear normal;
}
/*===============资讯=====================*/
.indexnews{
	clear:both;
	width:100%;
	float:left;
	padding:80px 0;
}
.indexnews ul.indexnewslist{
	float:left;
	width:-moz-calc((100% - 100px) / 3);
	width:-webkit-calc((100% - 100px) / 3);
	width: calc((100% - 100px) / 3);
	margin-right:50px;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.1) 0 8px 20px;
}
.indexnews ul.indexnewslist li{
	width:-moz-calc((100% - 40px) / 1);
	width:-webkit-calc((100% - 40px) / 1);
	width: calc((100% - 40px) / 1);
	height:40px;
	line-height:40px;
	margin:0 auto;
	border-bottom:#f0f0f0 1px solid;
	margin-bottom:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url(../images/arw6.png) no-repeat left;
	padding-left:15px
}
.indexnews ul.indexnewslist li:nth-child(5){
	border:0
}
.indexnews ul.indexnewslist li.img img{
	width:100%;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.indexnews ul.indexnewslist li.img{
	border:0;
	width:100%;
	background:none;
	padding:0;
	height:auto;
}
.indexnews ul.indexnewslist li.img .mimg{
	width:100%;
	height:220px;
	overflow:hidden;
}
.indexnews ul.indexnewslist li.img:hover .mimg img{
	transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.indexnews ul.indexnewslist li.img .txt{
	padding:10px 20px;
	font-size:16px;
}
.indexnews ul.indexnewslist li.img .txt p{
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.indexnews ul.indexnewslist li.img .txt span{
	color:#999
}
.indexnews ul.indexnewslist li.img:hover p{
	color:#D51719
}
.indexnews ul.indexnewslist li:hover a{
    color:#D51719
}
/*===============页脚=====================*/
#footer{
	background:url(../images/bottombg.jpg) no-repeat top center #090B08;
	width:100%;
	float:left;
	height:880px;
	clear:both;
	color:#999;
	margin-top:80px;
}
h3.f-biaoti{
	border-bottom:rgba(255,255,255,0.3) 1px solid;
	width:400px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:33px;
	font-weight:bold;
	margin-top:120px;
	padding-bottom:30px;
	position:relative;
	margin-bottom:50px
}
h3.f-biaoti span{
	display:block;
	position:absolute;
	width:80px;
	height:3px;
	background:rgba(255,255,255,0.8);
	left:50%;
	margin-left:-40px;
	bottom:-2px
}
.footer{ margin:0 auto;}
.f_nav{ clear:both; width:100%;}
.f_nav .join{
	width:310px;
	margin-left:0;
	padding:0;
}
.f_nav .joinform{
	/*margin-top:50px;*/
	display:block;
	clear:both;
	padding-top:8px
}
.f_nav .join input{
	background:rgba(0,0,0,0.3);
	width:260px;
	height:34px;
	line-height:34px;
	margin-bottom:8px;
	padding:0 0 0 15px;
	color:#B1B1B1
}
.f_nav .join .submit{
	background:#97282E;
	width:100px;
	height:34px;
	margin-top:5px;
}
.f_nav .contact{
	width:200px;
	padding:0;
	color:#FFF;
	font-size:16px;
}
.f_nav .contact .t{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/t.png) no-repeat;
	vertical-align:middle;
	margin-right:5px;
}
.f_nav .contact .e{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../images/e.png) no-repeat;
	vertical-align:middle;
}
.f_nav .dropdown-dec{padding: 10px 0px 12px 0px; border-bottom: 0px solid #e5e5e5;}
.f_nav a.dropdown-dec:hover,.f_nav li:hover a{ color:#FFF!important}
.f_nav .dropdown-dec::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0px;
        background: #ec1b24;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        transition: ease .5s;
    }
.f_nav li{ float:left; padding-right:85px;}
@media (max-width: 1440px){
.f_nav li{ float:left; padding-right:65px;}
}
.f_nav li.last{ padding-right:0;}
.f_nav li a{ display:block; font-size:16px; color:#FFF; padding:35px 0 0 0; font-weight:bold;}
.f_nav li a.yiji{
	margin-bottom:50px;
}
.f_nav li .sub{}
.f_nav li .sub em{
	display:none!important
}
.f_nav li .sub a{
	font-size:15px;
	padding:0 0 0px 0;
	font-weight:normal;
	color:#ADACAA
}
.f_nav li a.yiji:hover,.f_nav li .sub a:hover,.friendlylink li:hover a,.copyright a:hover{
	color:#D51719!important
}
.f_box{
	clear:both;
	padding-top:20px;
	margin-top:20px;
	position:relative;
	margin-bottom:20px;
}
.fjt{
	width:300px;
	float:left;
	padding-top:50px
}
.copyright{
	width:700px;
	float:left;
	color:#ADACAA;
	line-height:160%;
	padding-top:50px;
	margin-left:80px;
	text-align:right;
	padding-right:20px;
}
.copyright a{
	color:#ADACAA
}
.f_box .f_weixin{
	float:right;
}
.f_box .f_weixin img{
	width:100px;
}
.friendlylink{
	clear:both;
	padding-top:20px;
	color:#ADACAA;
}
.friendlylink li{
	float:left;
	margin-right:20px;
	color:#ADACAA;
}
.friendlylink li a{
	color:#ADACAA;
}
/******内页新闻***************************/
.subpage{
	font-size:16px;
	font-weight:300;
	line-height:220%;
	color:#000
}
.subnews{
	width:100%;
	clear:both;
	float:left;
	padding:20px 0 0 0;
}
.subnews h3{
	font-size:40px;
	font-weight:lighter;
	color:#000;
	position:relative;
}
.subnews h3 span{
	position:absolute;
	font-size:13px;
	text-transform:uppercase;
	bottom:5px;
	display:block;
	left:180px;
}
.subnews li{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:60px;
	border:#f0f0f0 1px solid;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.05) 0 8px 20px;
	transition: all linear 0.5s;
	padding:30px;
}
.subnews li:hover{
	box-shadow:0 15px 15px rgba(0,0,0,.15);
	transform:translateY(-10px);
	-webkit-transform:translateY(-15px);
	-moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	-o-transform:translateY(-15px);
}
.subnews .newsdate{
	float:right;
	width:220px;
	font-size:13px;
	padding-top:40px;
	padding-left:40px;
}
.subnews .newsdate span{
	font-size:18px;
	color:#000;
}
.subnews .newstitle{
	float:right;
	width:-moz-calc(100% - 730px);
	width:-webkit-calc(100% - 730px);
	width: calc(100% - 730px);
	padding-top:40px;
}
.subnews .newstitle span{
	font-size:24px;
	color:#000;
	font-weight:300;
}
.subnews li:hover .newstitle span{
	color:#FF0B0D
}
.subnews li:hover .newstitle p{
	color:#000
}
.subnews .newstitle p{
	font-size:15px;
	margin-top:10px;
	color:#676767;
}
.subnews .newstitle i{
	display:block;
	width:120px;
	height:30px;
	background:url(../images/arror.jpg) no-repeat 70px 14px;
	transition: all linear 0.5s;
	color:#000;
	font-weight:normal;
	font-style:normal;
}
.subnews li:hover .newstitle i{
	background:url(../images/arror.jpg) no-repeat 80px 14px;
	color:#FF0B0D;
	
}
.subnews .newsimg{
	float:left;
	width:450px;
	position:relative;
	overflow:hidden;
}
.subnews .newsimg img{
	width:100%;
	display:block;
	opacity: 0.9
}
.subnews li:hover .newsimg img
{
	-moz-transform:scale(1.1);
    -webkit-transform: scale(1.1);
    transform:scale(1.1);
	opacity: 1
}
/******案例展示****/
.alllist-sort {
    background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 40px;
	margin-bottom:40px;
}

.alllist-sort-ul {
    width: auto;
    overflow: hidden
}

.alllist-sort-ul li.clearfix {
    border-top: 1px #eaeaea dotted;
    position: relative;
    top: -1px;
	padding: 17px 0;
}

.alllist-sort-ul-title {
    width: 89px;
	line-height:34px;
    text-align:left;
    color: #858585;
	font-size:15px;
	font-weight:600;
	padding: 5px 0;
}

.alllist-sort-ul-angle {
    padding: 0 30px 0 30px;
    width:-moz-calc(100% - 89px);
	width:-webkit-calc(100% - 89px);
	width: calc(100% - 89px);
    overflow: hidden;
    background: #fff
}

.alllist-sort-ul-angle li {
    float: left;
	display: inline;
	margin: 0 8px;
	padding: 5px 0;
}

.alllist-sort-ul-angle li a {
    display: block;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #666;
	padding: 0 19px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.alllist-sort-ul-angle li a::before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #D51719;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.alllist-sort-ul-angle li a span{
	display: block;
	height: 34px;
	line-height: 34px;
	position: relative;
	z-index: 5;
}
.alllist-sort-ul-angle li.active a::before,
.alllist-sort-ul-angle li:hover a::before{
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible;
	opacity: 1;
}
.alllist-sort-ul-angle li.active a span,
.alllist-sort-ul-angle li:hover a span{
	color: #fff;
}
.alllist-sort .active {
    color: #ff4953
}

.alllist-sort-ul li {
    position: relative
}

.alllist-sort-ul li .ico {
    width: 16px;
    height: 16px;
    background: url(../images/ico.png) no-repeat 0 -75px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.alllist-sort-ul li.current ul {
    max-height: 80px;
    overflow: hidden
}

.alllist-sort-ul li.current .ico {
    background-position: 0 -58px
}

#caseList .filter-bar{height:60px; margin-top: 20px;background: #999;}
#caseList .alllist-cur{padding:15px 10px 8px 15px;}
#caseList .JSfixed{ position:fixed; top:0; z-index:10;margin: 0; width: 1174px;}
#caseList .alllist-cur span{display: inline-block; padding-right:5px; color: #eee; line-height: 30px;*float: left;}
#caseList .alllist-cur-select{width: 120px; line-height:24px; padding: 3px 2px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#caseList .alllist-cur-select1{ width:110px;line-height:24px; padding: 3px 10px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:url(../images/arw7.png) no-repeat 95px #FFF;}
#caseList .alllist-cur-select2{min-width: 90px; line-height:24px; padding: 3px 2px; border: none; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#caseList .alllist-list-tab-title{display: inline-block; padding: 5px; border: 1px #eaeaea solid; background: #fff; font-size: 12px;}
#caseList .alllist-list-tab{padding: 10px; top: 0; left: 0; width:270px;}
#caseList .alllist-list-ul > li{width: 290px; height: auto; margin-right:13px; margin-top: 10px;}
#caseList .star-five {margin: 4px 0;position: relative;display: inline-block;color: #fff;width: 0px;height: 0px;border-right:  10px solid transparent;border-bottom: 6px  solid #fff;border-left:   10px solid transparent;-moz-transform:rotate(35deg);-webkit-transform: rotate(35deg);-ms-transform:rotate(35deg);}
#caseList .star-five:before {border-bottom: 8px solid #fff;border-left: 3px solid transparent;border-right: 3px solid transparent;position: absolute;height: 0;width: 0;top: -4px;left: -6px;display: inline-block;content: '';-webkit-transform: rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);}
#caseList .star-five:after {position: absolute;display: inline-block; color: red; top: 0px;left: -11px;width: 0px;height: 0px;border-right: 10px solid transparent; border-bottom: 6px solid #fff; border-left: 10px solid transparent; -webkit-transform: rotate(-70deg); -moz-transform:rotate(-70deg); -ms-transform:     rotate(-70deg); content: '';}
#caseList .alllist-list-tab-Ctrl{padding: 5px 10px 5px 25px; display: inline-block; color: #fff; background: #ff3640 url(../images/star.png) 8px 8px no-repeat; font-size: 12px;}
#caseList .alllist-list-font{width: 269px; height:50px; padding: 10px; border: 1px #eaeaea solid;line-height: 24px;}
#caseList .alllist-list-font p{font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:26px;}
.alllist-list{ overflow:hidden;}
a.text-red{ color:#FFF}
#caseList .page{width: 100%; line-height: 25px;}
#caseList .page li{display: inline-block; margin: 0 auto;}
#caseList .page li a{display: block; border: 1px #eaeaea solid; padding: 0 8px; line-height: 24px;}
#caseList .page li a.page-active{background: #ff343f; color: #fff;}

.caseDetail-push-list1{
	width:100%;
	margin-top:40px;
}
.caseDetail-push-list1 li{
	float: left;
	margin:0 15px 15px 0; 
	width:-moz-calc((100% - 45px) / 4);
	width:-webkit-calc((100% - 45px) / 4);
	width: calc((100% - 45px) / 4);
	position:relative;
}
.caseDetail-push-list1 .casepic{ 
    width:100%;
    overflow:hidden;
	position: relative;
}
.caseDetail-push-list1 .casepic img{ width:100%; display:block;transition:all 1.8s; -webkit-transition:all 1.8s;}
.caseDetail-push-list1 .casepic img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

#caseList .alllist-list-tab-Ctrl{position: absolute;right: 10px;top: 10px;display: none;}
#caseList li:hover .alllist-list-tab-Ctrl{display: block;}
#caseList .alllist-sort-ul li{position: relative;}
#caseList .alllist-sort-ul li .ico{width: 16px;height: 16px;background: url(../images/ico.png) no-repeat 0 -75px;cursor: pointer; position: absolute;right:10px;top: 10px;}
#caseList .alllist-sort-ul li.current ul{max-height: 80px;overflow: hidden;}
#caseList .alllist-sort-ul li.current .ico{background-position: 0 -58px;}
#caseList .alllist-list-tab-Ctrl {
    padding: 5px 10px 5px 25px;
    display: inline-block;
    color: #fff;
    background: #ff3640;
    font-size: 12px;
}
.pull-right {
    float: right !important;
}
.caseDetail-push-imgfont {
    width: 100%;
    height: 80px;
    border: 1px #eaeaea solid;
    padding: 9px 15px;
    line-height: 20px;
	background:#FFF
}
.relative {
    position: relative;
}
.caseDetail-push-head {
    display: inline-block;
    top: -40px;
    right: 0;
    width: 80px;
    height: 80px;
}
.absolute {
    position: absolute;
}
.caseDetail-push-head img {
    display: inline-block;
    width: 63px;
    height: 63px;
    border: 2px #fff solid;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
}
.caseDetail-push-imgfont-name {
    color: #4e4e4e;
    overflow: hidden;
    white-space: nowrap;
    width: 190px;
    text-overflow: ellipsis;
}
.caseDetail-push-imgfont-name a:hover{ color:#fc0000;}
.caseDetail-push-imgfont-setting {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
	
}
.caseDetail-push-imgfont-setting span {
    display: inline-block;
    white-space: nowrap;
}
.caseDetail-box {
    z-index: 10;
    bottom: 95px;
    left:-2px;
	z-index:99999;
}

.hide {
    display: none !important;
}
.caseDetail-push-head a:hover .hide{ display:block !important;}
.caseDetail-box .box {
    width: 280px;
    height: auto;
    padding: 10px;
    background: #fff;
}
.caseDetail-bubble {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 12px solid #fff;
    bottom: -12px;
    right:75px;
}

.caseDetail-box-intro ul > li {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

.caseDetail-box-intro ul img {
    border: 1px #eaeaea solid;
    width: 90px;
    height: 90px;
}
.caseDetail-box-intro ul > li {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}

/*---*/
.caseDetail-box-intro dl > dt {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
.caseDetail-push-list1 dt {
    float: left;
    margin: 0 13px 13px 0;
}
.caseDetail-box-intro dl img {
    border: 1px #eaeaea solid;
    width: 90px;
    height: 90px;
}
.caseDetail-box-intro dt > dd {
    float: left;
    margin-right: 5px;
    font-size: 12px;
}
.caseDetail-box-img-intro > p:first-child {
    margin-bottom: 10px;
}
.caseDetail-box-img-intro p:nth-of-type(1) {
    font-size: 14px;
    padding-top: 5px;
}
.caseDetail-box-img-intro > p {
    margin-bottom: 5px;
    line-height: 1.3em;
    color: #333;
    width: 110%;
    overflow: hidden;
}
.caseDetail-box-img-intro > p:first-child {
    margin-bottom: 10px;
}
.caseDetail-box-img-intro p:nth-of-type(1) {
    font-size: 14px;
    padding-top: 5px;
}
.caseDetail-box-img-intro > p {
    margin-bottom: 5px;
    line-height: 1.3em;
    color: #333;
    width: 110%;
    overflow: hidden;
}
.caseDetail-box-img-intro p span {
    float: left;
    overflow: hidden;
}
.caseDetail-box-img-intro p span:last-of-type {
    width: 120px;
}
.caseDetail-box-img-intro p span i {
    display: inline-block;
}
.caseDetail-box-img-intro i {
    width: 60px;
    overflow: hidden;
    font-style: normal;
    float: left;
    overflow: hidden;
    margin-bottom: 3px;
}
.box .textcenter {
    margin-top: 5px;
}
.textcenter {
    text-align: center;
}

.box-btn {
    display: inline-block;
    line-height: 34px;
    border: 1px #b4b4b4 solid;
    height: 34px;
    width: 134px;
    text-align: center;
	
}
.box-btn:hover{border: 1px #ff5d5e solid; color: #ff5d5e;}
/*================设计团队================*/
.designer-list {
	/*width: 1212px;*/
	margin: 0 auto;
	font-size: 0;
	/*max-width: 100%*/
}
.toptit{
	margin:0 auto 80px auto;
	padding-top:20px;
}
.toptit .left{
	float:left;
	font-size:30px;
}
.toptit .right{
	float:right;
	font-size:15px;
}
.c_select2{ 
	background: url(../images/arw7.png) 140px 15px no-repeat #e0e0e0; 
	cursor: pointer;
	width: 160px;
	height: 35px;
	line-height: 35px;
	color: #000;
	border:0;
	font-size: 14px;
	padding-left:15px;
}
.tijiao{
	height: 35px;
	width:35px;
	background:url(../images/fangda.png) no-repeat center center #D51719;
	color:#D51719;
	text-indent:99999px;
	background-size:25px;
	cursor:pointer;
}
.designer-list ul{
	position:relative;
	width:100%;
	clear:both;
}
.designer-list li {
	/*display: inline-block;*/
	float:left;
	vertical-align: top;
	width:-moz-calc((100% - 60px) / 5);
	width:-webkit-calc((100% - 60px) / 5);
	width: calc((100% - 60px) / 5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:15px;
	margin-bottom:15px
}

@media screen and (max-width: 1000px) {
	.designer-list li {
		width: 33.33%
	}
}

@media screen and (max-width: 540px) {
	.designer-list li {
		width: 50%;
		padding: 0 .05rem
	}
}

.designer-list li .wp {
	display: block;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	position: relative
}

.designer-list li .wp:hover .info {
	opacity: 1
}

.designer-list li .wp:hover .intro {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	visibility: visible
}

@media screen and (max-width: 750px) {
	.designer-list li .wp:hover .info {
		opacity: 1
	}

	.designer-list li .wp:hover .intro {
		opacity: 0
	}
}

.designer-list li.half .img {
	padding-bottom: 100%
}

.designer-list li.half .intro {
	top: 20px;
	bottom: 100px
}

.designer-list .img {
	width: 100%;
	padding-bottom: 171.92982%;
	position: relative;
	overflow: hidden;
	display: block
}

.designer-list .img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.designer-list .info {
	background-color: #fff;
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	width: 100%;
	z-index: 10;
	padding: 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	display: block
}

.designer-list .info h5 {
	font-size: 15px;
	color: #333;
	margin-bottom: 5px
}

.designer-list .info p {
	font-size: 12px;
	color: #666
}

.designer-list .intro {
	position: absolute;
	top: 40px;
	right: 20px;
	bottom: 40px;
	left: 20px;
	background-color: rgba(73,73,73,0.9);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 11;
	padding: 0 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 13px;
	line-height: 24px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	visibility: hidden
}

.designer-list .intro h6 {
	margin-bottom: 10px
}

.designer-list .intro h6 b {
	font-weight: normal;
	font-size: 20px;
	margin-right: 3px
}

.designer-list .btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 30px
}

.designer-list .btn {
	width: 45%;
	height: 26px;
	background-color: #bb9968;
	color: #fff;
	line-height: 26px;
	display: block;
	border-radius: 3px;
	text-align: center;
	font-size: 12px
}

.designer-list .btn:hover {
	background-color: #e70031
}
/*=========================================================*/
/*设计师简介*/
.introduction{
	clear:both;
	padding-top:8px;
}
.introduction .i-top{
	clear:both;
	display:block;
}
.h50{
	clear:both;
	height:50px;
}
.introduction .left,.introduction .l-shadow{
	float:left;
	width:565px;
	height:565px;
	overflow:hidden;
	
}
.introduction .left{
	position:relative;
}
.introduction .l-shadow{
	background:url(../images/intro-bg.gif) repeat;
	opacity:0.4;
	filter:alpha(opacity=40);
	position:absolute;
	top:0;
	left:0
}
.introduction .left:hover .l-shadow{
	display:none;
}
.introduction .left img{
	width:565px;
/*	height:656px;*/
}
.introduction .right{
	margin-left:50px;
	width:580px;
	float:left;
}
.introduction .right .head{
	background:url(../images/i-head-bg.gif) no-repeat;
	width:571px;
	height:115px;
}
.introduction .right .head .h-left{
	float:left;
	width:388px;
}
.introduction .right .head p{
	color:#474747;
	font-size:24px;
	margin-top:20px;
}
.introduction .right .head p.h-name{
	font-size:48px;
	
}
.introduction .right .head .h-right{
	float:left;
}
.introduction .right .head .h-right a{
	float:left;
	color:#474747;
	background:url(../images/y-bg.png) repeat;
	height:115px;
	line-height:100%;
}
.introduction .right .head .h-right a:hover{
	background:url(../images/y-bg-1.png) repeat;
}
.introduction .right .head .h-right a.contact{
	width:120px;
	text-align:center;
	margin-right:1px;
	
}
.introduction .right .head .h-right a.contact span{
	background:url(../images/ico2.png)  0 -639px;
	display:inline-block;
	width:46px;
	height:40px;
	margin-top:30px;
	margin-bottom:0;
}
.introduction .right .head .h-right a.contact p{
	font-size:14px;
	margin:0;
}
.introduction .right .head .h-right a.join{
	width:62px;
	color:#474747;
	font-size:16px;
	line-height:170%;
}

.introduction .right .head .h-right a.join p{
	font-size:16px;
	width:40px;
	text-align:center;
	margin:0 auto;
	margin-top:22px;
}
.introduction .right .head .h-right a.join p.arial{
	background:url(../images/ico2.png) no-repeat 0 -600px;
	width:36px;
	height:18px;
	text-indent:-9999px;
	margin-top:2px;
}
.clear{
	clear:both;
}
.introduction .right .body{
	border-top:2px solid #727272;
	padding-top:40px;
	font-size:15px;
	width:571px;
	color:#424242;
	line-height:220%;
}
.introduction .right .body div{
	line-height:28px;
}
.introduction .right .body div span{
	float:left;
}
.introduction .right .body div p{
	/*margin-left:44px;*/
}
.introduction .right .body div.i-b-1 p{
	margin-left:66px
}
.introduction .right .body div.i-b-2 p{
	margin-left:56px
}
.introduction .right .body .tips{
	margin-top:30px;
}
.introduction .right .body .tips li{
	float:left;
	margin-right:10px;
	line-height:28px;
	height:28px;
	margin-bottom:10px;
	color:#FFF;
}
.introduction .right .body .tips li div{
	float:left;
}
.introduction .right .body .tips div.t-l,.introduction .right .body .tips div.t-r{
	background:url(../images/ico7.png) no-repeat;
	width:8px;
	height:28px;
}
.introduction .right .body .tips div.t-m{
	background:#bfbfbf
}
.introduction .right .body .tips li:hover div.t-m{
	background:#fdd900;
	color:#474747
}
.introduction .right .body .tips div.t-r{
	background-position: -79px 0;
}
.introduction .right .body .tips li:hover div.t-r{
	background-position: -79px -46px;
}
.introduction .right .body .tips li:hover div.t-l{
	background-position: 0 -46px;
}
.introduction .i-detail,.introduction .i-footer{
	padding-top:38px; 
	padding-bottom:50px;
}
.shadow-100{
	background:#FFF;
	clear:both;
}
.shadow-100 .shadow1-n,.shadow-100 .shadow1-s{
	width:100%
}
/*阴影*/
.shadow1-n,.shadow1-s,.shadow1-wn,.shadow1-en,.shadow1-ws,.shadow1-es{
	height:7px;
	float:left;
}
.shadow1-w,.shadow1-e,.shadow1-wn,.shadow1-en,.shadow1-ws,.shadow1-es{
	width:7px;
	float:left
}
.shadow1-n{
	background:url(../images/shadow1-n.jpg) repeat-x;
}
.shadow1-s{
	background:url(../images/shadow1-s.jpg) repeat-x;
}
.img-list-1{
	zoom:1
}
.img-list-1 .i-title{
	color:#474747;
	font-size:20px;
	width:100%;
}
.img-list-1 .i-title p{
	padding-left:6px
}
.img-list-1 .i-body{
	margin-top:20px;
}
.img-list-1 .i-body li{
	float:left;
	margin-right:15px;
	/*width:289px;
	height:176px;*/
	width:-moz-calc((100% - 70px) / 6);
	width:-webkit-calc((100% - 70px) / 6);
	width: calc((100% - 70px) / 6);
	position:relative;
	margin-bottom:20px;
}
.img-list-1 .i-body2 li{
	float:left;
	margin-right:15px;
	/*width:289px;
	height:176px;*/
	width:-moz-calc((100% - 45px) / 4);
	width:-webkit-calc((100% - 45px) / 4);
	width: calc((100% - 45px) / 4);
	position:relative;
	margin-bottom:50px;
	text-align:center
}
.img-list-1 .i-body2 li img{
	margin-bottom:10px;
}
.img-list-1 .i-body li img{
	width:100%;
	height:100%;
	/*height:176px;*/
}
.img-list-1 .i-body li.j-last{
	margin-right:0
}
.img-list-1 .i-body li .i-shadow{
	width:100%;
	height:100%;
	background:url(../images/y-bg.png) repeat;
	position:absolute;
	top:0;
	left:0;
	padding-top:70px;
	display:none;
}
.img-list-1 .i-body li .i-shadow p{
	text-align:center;
	color:#393939;
	font-size:18px;
}
.img-list-1 .i-body li:hover .i-shadow,.img-list-1 .i-body li.hover .i-shadow{
	display:block
}
.introduction .i-footer .img-list-1 .i-body li img,.recommend .r-footer .img-list-1 .i-body li img{
	width:100%;
	/*height:214px;*/
}
.introduction .i-footer .img-list-1 .i-body li,.recommend .r-footer .img-list-1 .i-body li{
	margin-right:20px;
	width:183px;
	height:214px;
	color:#393939
}
.introduction .i-footer .img-list-1 .i-body li.j-last,.recommend .r-footer .img-list-1 .i-body li.j-last{
	margin-right:0
}
.introduction .i-footer .img-list-1 .i-body li .i-shadow,.recommend .r-footer .img-list-1 .i-body li .i-shadow{
	width:100%;
	height:100%;
}
.introduction .i-footer .img-list-1 .i-body li .i-shadow .f-2,.recommend .r-footer .img-list-1 .i-body li .i-shadow .f-2{
	width:92px;
	height:18px;
	margin:0 auto;
	background:url(../images/ico2.png) no-repeat 0 -704px;
	margin-top:10px;
}
/*================全国公司================*/
.branch-list {
	margin: 0 auto;
	font-size: 0;
}
.branch-list ul{
	position:relative;
	width:100%;
	clear:both;
}
.branch-list li.half {
	/*display: inline-block;*/
	float:left;
	vertical-align: top;
	width:-moz-calc((100% - 30px) / 2);
	width:-webkit-calc((100% - 30px) / 2);
	width: calc((100% - 30px) / 2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:30px;
	margin-bottom:30px;
	background-color: #fff;
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.branch-list li.half:hover{
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.branch-list li .wp {
	display: block;
	background-color: #fff;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	position: relative
}
.branch-list li .wp:hover .info {
	opacity: 1
}
.branch-list li.half .img {
	float:left;
	width:40%;
}
.branch-list .img img {
	width: 100%;
}
.branch-list .info {
	float:right;
	width: 60%;
	z-index: 10;
	padding: 15px 20px;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	display: block
}
.branch-list .info h5 {
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
	font-weight:400;
}
.branch-list li.half:hover .info h5{
	color:#D51719
}
.branch-list .info .txt {
	font-size:15px;
	color: #666;
	font-weight:400;
	line-height:180%;
}
.branch-list .info .txt li{
	width:100%;
	clear:both;
	position:relative;
	padding-left:25px;
	line-height:140%;
	margin:10px 0 0px 0;
}
.branch-list .info .txt li i{
	position:absolute;
	left:0;
	font-size:18px;
	color:#D51719
}
/*========防伪查询===================*/
.luxury_nr{ /*width:1080px; */margin:80px auto; clear:both; position:relative; background:#FFF;box-shadow: rgba(0,0,0,0.1) 0 8px 10px; border:#f0f0f0 1px solid; padding:0 60px}
.sr{ width:100%;margin:10px auto 40px auto; background:url(../images/fangweima.jpg?v=2.0) no-repeat top center; background-size:100%;}
.sr p{ width:641px; margin:44px auto; color:#333; display:block; font-size:12px; font-family:"微软雅黑"; text-align:center;}
.sr_hsjd{ height:31px; width:600px; margin:60px auto 0 auto;}
.sr_hsjd input{font-family:"微软雅黑"; width:380px; display:block; height:41px; line-height:41px; font-size:18px; border:#e0e0e0 1px solid; float:left; font-weight:700; color: #D51719; box-shadow: rgba(0,0,0,0.1) 0 2px 5px;border-radius:5px 0px 0px 5px; border-right:0;}
.sr_hsjd .inpu{text-indent:15px;}
.sr_hsjd .submit{cursor:pointer; width:200px; font-size:18px; float:left; background:url(../images/zc_img_11.jpg) repeat-x bottom #D50100; border:0; color:#fff; border-radius:0px 5px 5px 0px;}
/*.sr ul{ width:439px; display:block; margin:10px auto 0 250px; display:block;}
.sr ul li{ font-size:14px; color:#999; line-height:180%; display:block;}*/
#FWCM{color:#090; font-size: 14px; font-weight: bold; padding-left:185px}
.bottom_div{
	clear:both;
	width:100%;
	border:#e0e0e0 1px solid;
	border-radius:8px;
	position:relative;
	margin-top:50px;
}
.tishi{
	position:absolute;
	background:#FFF;
	width:150px;
	height:40px;
	text-align:center;
	font-size:20px;
	line-height:40px;
	left:50px;
	top:-20px;
	color:#D51719;
}
.bottom_div ul{
	padding:40px 0 40px 50px;
}
.bottom_div li{
	width:100%;
	font-size:16px!important;
	line-height:220%!important;
}
.zhenpin{
	position:absolute;
	right:100px;
	top:40px;
}
.zhenpin img{
	width:150px;
}
.success {
	position:absolute;
	width:100%;
	height:375px;
	z-index:1;
	left: 50%;
	margin-left:-50%;
	top:200px;
	background:#FFF;
	padding:100px 60px 20px 60px;
	display:none;
	font-size:16px;
}
.false {
	position:absolute;
	width:100%;
	height:375px;
	z-index:1;
	left: 50%;
	margin-left:-50%;
	top:200px;
	background:#FFF;
	padding:100px 50px 20px 60px;
	display:none;
	font-size:16px;
}
.false span.red{
	color:#FF0000
}
.false img,.success img{
	margin-right:20px;
}
.close{
	font-size:18px;
	text-align:center;
	position:absolute;
	color:#FFF;
	background:#D41819;
	position:absolute;
	width:120px;
	height:40px;
	line-height:40px;
	left:135px;
	top:400px;
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	cursor:pointer;
	border-radius:20px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	transition: all linear .3s;
}
.close:hover{
	background:#FF0000;
	box-shadow: rgba(0,0,0,0.2) 0 8px 10px;
	transform: translateY(-10px);
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px)
}
.error {
	position:absolute;
	width:220px;
	height:30px;
	z-index:1;
	left: 330px;
	top:210px;
	padding-left:10px;
	background:#FF0000;
	display:none;
	color:#FFF;
	border-radius:3px;
}
/*=======在线订单================================*/
.bo_Box{position: relative; width:100%; float:left; clear:both;padding:10px 0 60px 0px;margin-bottom:0px;box-shadow: rgba(0,0,0,0) 0 8px 10px;}
.bo_form{
	clear:both;
	height:500px;
	padding-top:60px;
	padding-left:50px;
	background:#FFF;
	box-shadow: rgba(0,0,0,0.1) 0 8px 10px;
	border:#f0f0f0 1px solid;
}
.bo_form .left{
	width:50%;
	float:left;
}
.bo_form .right{
	width:40%;
	float:right;
	padding-right:60px;
	padding-top:50px;
}
.bo_form .right .moreway{
	width:85%;
	float:right;
	height:240px;
	background:#D51719;
	border-radius:12px;
	padding:40px;
	color:#FFF;
}
.bo_form .right .moreway h3{
	border-bottom:rgba(255,255,255,0.6) 1px solid;
	width:196px;
	font-size:24px;
	font-weight:400;
	padding-bottom:10px;
}
.bo_form .right .moreway p{
	margin-top:20px;
	font-size:16px;
}
.bo_form .right .moreway p span{
	color:#FFF600;
}
.bo_form .right .moreway p i{
	font-size:20px;
	margin-right:10px;
}
.bo_form .mx{text-align:left;margin-bottom: 20px;}
.bo_form .mx label{display: inline-block;font-size: 16px;color: #666666;line-height: 45px;height: 45px; margin-right:10px;}
.bo_form .mx label i{color: #fb2d2d;line-height: 30px;}
.bo_form .mx input{height: 45px;line-height: 45px;border: 1px solid #e1e1e1;display: inline-block;width: 458px;padding: 0 10px;box-shadow: rgba(0,0,0,0.1) 0 2px 5px;}
.selectdq{background: url(../images/arw7.png) 130px 20px no-repeat; cursor: pointer; width: 150px;height: 45px;line-height: 45px;color: #000;border: 1px solid #e1e1e1;font-size: 15px;padding-left: 10px;box-shadow: rgba(0,0,0,0.1) 0 2px 5px;}
.bo_form .submit{background:#D51719; width: 260px;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;display: block;border-radius:6px; margin-left:106px; cursor:pointer}
.bo_Box .close{position: absolute;top: 20px;right: 20px;cursor: pointer;}

.Current{ font-size:14px; line-height:50px; height:50px; position:relative; z-index:40;}
.Current,
.Current a{ color:#a0a0a0;}
.Current a:hover,
.Current span{ color:#000;}
.localnav{ border-bottom:#e0e0e0 1px solid; text-align:center; width:100%; clear:both; height:50px; line-height:50px; float:left; z-index:9999999; margin-bottom:40px;}
.localnav li{ display:inline-block; margin:0 20px; position:relative; font-size:15px;}
.localnav li span{
	position:absolute;
	width:100%;
	height:3px;
	bottom:-1px;
	display:block;
	background:#000;
	opacity: 0;
}
.localnav li.on span{
	opacity: 1;
}
.localnav li a{ display:block; font-size:16px;}
.localnav li:hover span{
	opacity: 1;
	background:#d51719;
}
.localnav li:hover a{
	color:#d51719;
}
.index_icon{
	position:relative;
	width:48px;
	height:48px;
	margin:30px auto;
	clear:both;
}
 .about-sign{
	width: 48px;
	height: 48px;
	padding: 7px 18px 6px;
	background: url(../images/bg_sign09.png) no-repeat;
	position: relative;
}
.about-sign .sign-top{
	width: 12px;
	height: 17px;
	background: url(../images/bg_sign07.png) no-repeat;
	position: absolute;
	left: 18px;
	bottom: 24px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
	
}
.about-sign .sign-bot{
	width: 12px;
	height: 17px;
	background: url(../images/bg_sign08.png) no-repeat;
	position: absolute;
	left: 18px;
	top: 25px;
	animation: signMove 1s infinite;
	-webkit-animation: signMove 1s infinite;
}
@keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}
@-webkit-keyframes signMove{
	from{
		height: 0;
	}
	to {
		height: 17px;
	}
}



/*****************首页产品*************************/
    .i_pro_b {
		width: 100%;
		/*height: 765px;*/
		padding-top: 50px;
		padding-bottom:20px;
		background-color: #f3f3f3;
	}

	.iPro {
		width: 1200px;
		height: 700px;
		margin: 0 auto;
	}
	
	.iPro h2{border-bottom:#E6E6E6 1px solid; text-align:center; font-size:33px; color:#184f93; padding-bottom:20px; position:relative; font-family:Calibri; font-weight:bold; width:100%; line-height:100%}
    .iPro h3{ margin-bottom:40px; color:#444444; font-size:16px; margin-top:12px; font-weight:normal; text-align:center}
    .iPro h2 span{position:absolute; width:56px; height:3px; background:#184f93; bottom:0; left:50%; margin-left:-28px}

	.i_pro_top {
		text-align: center;
		padding: 20px 0 30px 0;
		font-size: 18px;
		line-height: 40px;
	}

	.tabPanel ul {
		width: 225px;
		height: 556px;
		padding-top: 109px;
		background: url(../images/i_li_tit.png?v=2.6) no-repeat center top;
		float: left;
		background-color: #3ca4c5;
		overflow:hidden;
	}

	.tabPanel ul li {
		width: 195px;
		height: 45px;
		line-height:45px;
		padding-left: 35px;
		margin: 0 auto;
		background: url(../images/ico_l01.png) no-repeat 10px center;
		color: #FFF;
		font-size: 14px;
		border-bottom: 1px solid #78c0d7;
		cursor:pointer
	}
    .tabPanel ul li a{
		color: #FFF;
	}
	.tabPanel ul li:hover a{
		color: #BEEFFF;
	}
	.tabPanel .hit {
		color: #BEEFFF;
		background: url(../images/ico_l02.png?v=2.0) no-repeat 10px center;
	}
    .tabPanel .hit a{
		color: #BEEFFF;
	}
	.panes {
		width: 968px;
		height: 610px;
		float: left;
		padding-left: 7px;
	}

	.pane {
		border: 0px solid #aaa;
		height: 610px;
		display: none;
	}

	.pane .i_p_box {
		width: 240px;
		padding-left: 12px;
		padding-bottom: 12px;
		height: 280px;
		float: left;
	}

	.pane .i_p_box .i_p_boxc {
		height: 277px;
		border: 1px solid #ccc;
		background-color: #fff;
	}

	.pane .i_p_box .i_p_boxc .img {
		width: 100%;
		height: auto;
		background-color: #fff;
		text-align: center;
		overflow: hidden;
		position:relative;
	}

	.pane .i_p_box .i_p_boxc .img img {
		width: 230px;
		height: 230px;
		-webkit-transition: 1s;
	}

	.pane .i_p_box:hover .i_p_boxc .img img {
		-webkit-transform: scale(1.1);
	}
    .pane .i_p_box .i_p_boxc .img .zhezhao1, #div1  .zhezhao1{
		position:absolute;
		top:0;
		/*height:40px;*/
		left:0;
		width:100%;
		}
	.pane .i_p_box .i_p_boxc .img .zhezhao1  img,#div1  .zhezhao1 img{
		width:100%
	}
	 .pane .i_p_box .i_p_boxc .img .zhezhao2{
		 position:absolute;
		 top:0;
		 width:50px;
		 height:50px;
		 left:0;
		 background:#FFF;
	 }
	.pane .i_p_box .i_p_boxc p {
		width: 100%;
		max-height: 48px;
		line-height: 48px;
		text-align: center;
		font-size: 12px;
		overflow: hidden;
	}

	.pane .i_p_box:hover .i_p_boxc {
		border: 1px solid #1A8AAE;
	}
/*********内页********/

.grid_96 {
	width:892px;
	float:right;
}
.i-more {
	width:24px;
	height:24px;
	background:url(../images/icons.png) no-repeat 0 0;
	display:inline-block;
}
.i-title {
	width:24px;
	height:24px;
	background:url(../images/icons.png) no-repeat 0 -30px;
	display:inline-block;
}
.i-home {
	width:16px;
	height:16px;
	background:url(../images/icons.png) no-repeat 0 -63px;
	display:inline-block;
}
.inside-banner {
	width:100%;
	height:380px;
	overflow:hidden;
}
.leftside {
	float:left;
	width:240px;
	margin-top:30px
}
.leftside .hd {
	position:relative;
	height:45px;
	line-height:45px;
	background:#000;
	color:#FFF;
	font-size:18px;
	text-indent:1em;
	/*margin-top:-60px;*/
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	margin-bottom:10px;
	font-weight:500
}
.leftside .hd .i-title {
	position:absolute;
	right:10px;
	top:8px;
}
.leftside .bd {
	background:#e0e0e0;
	margin-bottom:20px;
}
.leftside .bd li {
	position:relative;
	line-height:42px;
	border-bottom:#CCC 1px solid
}
.leftside .bd li.cur {
	}
.leftside .bd li.cur a {
	background:#DF0606;
	color:#FFF;
	font-weight:bold;
}
.leftside .bd li a {
	display:block;
	/*font-family:"simsun";*/
	color:#000;
	text-indent:18px;
	font-size:15px;
	/*font-weight:bold;*/
}
.leftside .bd li a:hover,.leftside .bd li a.cur {
	color:#333;
	background:#e0e0e0;
	font-weight:bold;
	text-decoration:none
}
.leftside .bd li a .ls-tit {
	width:160px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.leftside .bd li .ls-arrows {
	position:absolute;
	right:10px;
	top:0;
	color:#000;
	display:none;
	font-family:simsun;
}
.leftside .bd li:hover .ls-arrows,.leftside .bd li.cur .ls-arrows {
	display:block;
}
.leftside .bd .subLeftNav-list {
	}
.leftside .bd .subLeftNav-list li a {
	text-indent:30px;
	background:transparent!important;
	color:#000;
}
.leftside .bd .subLeftNav-list li a:hover,.leftside .bd .subLeftNav-list li a.cur {
	background:#006282!important;
	color:#fff;
}
.mainContainer {
	float:right;
	/*margin-top:5px;
	background:#F6F6F6;
	*/
}
.bread {
	position:relative;
	background:url(../images/righttitlebg.jpg) no-repeat bottom left;
	display:table;
	width:100%;
	margin:0px auto;
	height:auto;
	height:82px;
}
.bread h3 {
	font-size:18px;
	color:#000;
	/*border-bottom:1px solid #006282;*/
	padding-right:5px;
	margin-bottom:-1px;
	display:table;
	font-weight:normal;
	height:30px;
	position:absolute;
	left:10px;
	bottom:10px;
}
.bread .bread-list {
	position:absolute;
	right:0;
	top:15px;
	height:40px;
}
.bread .bread-list li {
	float:left;
	font-family:simsun;
	color:#999
}
.bread .bread-list li a {
	margin:0 5px;
	font-family:'微软雅黑'
}
.bread .bread-list li a:hover {
	text-decoration:none;
}
.bread .bread-list li .i-home {
	vertical-align:middle;
	margin-top:-3px;
	margin-right:5px;
}

.article {
	min-height:400px;
	width:98%;
	margin:0 1% 0 ;
}
.article h2 {
	font-size:24px;
	color:#006282;
	text-align:center;
	margin:5px 0 20px;
}
.article .article_con {

	font-size:14px;
	color:#333;
	line-height:24px;
	padding-bottom:40px;
	padding:0;
	margin:0;
	padding-top:10px;
}
.article .article_con p {
	margin-bottom:15px;
}

/******分页************************/
.pager{
	margin-top: 20px;
	text-align: center;
}
.pager a{
	display: inline-block;
	font-family:"微软雅黑";
	border: 1px solid #d2d2d2;
	background: url(../images/pager_number.gif) repeat-x;
	padding: 0 10px;
	line-height: 26px;
	text-decoration:none;
	margin-right:2px;
	font-size:14px;
}
.pager a.current{
	/*background: #5185c4;
	border-color: #5185c4;*/
	font-weight: bold;
	color: #fff;
	background: #e26001;
	border-color: #e26001;
}

.pager a:link, .pager a:visited{
	color: #535353;
}
.pager a:hover, .pager a:active{
	color: #E26001;
}
.pager a.current:link, .pager a.current:visited, .pager a.current:hover, .pager a.current:active{
	color: #fff;
}
.pager a:hover{
	text-decoration: none;
}

.imgteaser{
	overflow:auto;
	float: left;
	position: relative;
	width:-moz-calc((100% - 40px) / 3);
	width:-webkit-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
	/*height:240px;*/
	margin:0 20px 50px 0;
	text-align:center;
	box-sizing: border-box;
	transition: all linear 0.3s;
}
.clst{ margin-right:0}
.imgteaser a{text-decoration: none;float: left; /* height:200px; */display:block;}
.imgteaser a .pcc{ position:relative; overflow:hidden}
.imgteaser a:hover{cursor:pointer}
.imgteaser .mpc{
	position:relative;
	overflow:hidden;
}
.imgteaser a .mpc img{
	float:left;
	border: none;
	width:100%;
	/*height:200px;*/
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}
.imgteaser a .mpc:hover img{-moz-transform: scale(1.5);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);}
.CC{
	clear:both;
    background:#FFF;
	width:100%;
	height:60px;
	line-height:60px;
	-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
	font-size:16px;}

.imgteaser a:hover .CC{ background:#d51719;color:#FFF;line-height:60px;}
.imgteaser:hover{box-shadow: rgba(0,0,0,0.2) 0 8px 20px; transform:translateY(-2px);}


a.cgrey{ color:#888888; font-size:13px}
a.cgrey:hover{ color:#FFF}
.wrapbg{ background:url(../images/bodybg.jpg) no-repeat top center #FFF; width:100%; overflow:auto; height:auto; min-height:500px}
.BgColorGray{ background:url(../images/d.gif) repeat-x bottom #f0f0f0;}
.BgColorWhite{ background:url(../images/d.gif) repeat-x bottom #FFF}

.prolist{ width:100%; padding:0; margin:0; clear:both;}
.prolist ul{ list-style-type:none; padding:0; margin:0}
.prolist ul li{ list-style-type:none; padding:0; margin:0; float:left; width:23.5%; margin-right:2%; margin-bottom:40px;}
.prolist ul li p{ padding:0; margin:0}
.prolist ul li p img{ width:100%}
.prolist ul li p{ border:#e0e0e0 1px solid;}
.prolist ul li:hover p{ border:#DF0606 4px solid;}
.prolist ul li h3{ text-align:center; height:60px; line-height:60px; background:#e0e0e0; font-size:15px; overflow:hidden}
.prolist ul li a:hover{ text-decoration:none;}
.prolist ul li:hover h3{ color:#FFF;background:#DF0606}
#content {
    min-height: 200px;
    height: auto;
    position: relative;
    width:1200px;
	margin:0 auto;
    font-size: 15px !important;
    line-height: 1.5em !important;
}
/*******2017-9-27***************************************************/
.rm-nav {
    letter-spacing: 1px;
}	

/* Tabs */
#wrapper_tab{
	clear: both;
	margin: 35px 0 40px 0;
}
#wrapper_tab a.tab_link{
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	-khtml-border-radius: 1px 1px 0 0;
	behavior: url(PIE.htc);
	color: #777;
	display: block;
	float: left;
	font:normal 16px/34px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	height: 34px;
	margin: 2px 5px 0 0;
	padding: 0 24px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
	outline:none
}
#wrapper_tab a.tab_link:hover{
	background: #efefef;
}
#wrapper_tab.tab1 a.tab1,
#wrapper_tab.tab2 a.tab2,
#wrapper_tab.tab3 a.tab3,
#wrapper_tab.tab4 a.tab4{
	background: #fff;
	border: 2px solid #bdd1e9;
	border-bottom: 0 none;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-khtml-border-radius: 2px 2px 0 0;
	behavior: url(PIE.htc);
	color: #222222;
	cursor: default;
	font:bold 16px/36px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	height: 36px;
	margin: 0 4px 0 0;
	position: relative;
	text-decoration: none;
	z-index: 3;
}
#wrapper_tab div.tab_body {
	display:none;
	color:#222222;
	font:15px/26px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	}
#wrapper_tab div.tab_body div
{
	
	color:#222222;
	font:15px/26px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	}
#wrapper_tab div.tab_body td
{
	
	color:#222222;
	font:15px/26px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	}
#wrapper_tab div.tab_body p
{
	
	color:#222222;
	font:15px/26px "微软雅黑", "Helvetica Neue", Helvetica, Arial, Arial, Verdana, sans-serif;
	}		
#wrapper_tab.tab1 div.tab1,
#wrapper_tab.tab2 div.tab2,
#wrapper_tab.tab3 div.tab3,
#wrapper_tab.tab4 div.tab4{
	border-top: 1px solid #bdd1e9;
	display:block;
	margin: -1px 0 0 0;
	padding: 34px 0 0 0;
	position: relative;
	z-index: 2;
}
/****产品滚动**/
.index-tit{ text-align:left; color:#FFF;}
.index-tit em {
	display: inline-block;
	margin-left: -28px;
	padding-right: 10px;
	font-style: normal;
	line-height: 60px;
	font-family: 'AkzidenzGrotesk-Cond';
	font-size: 60px;
	color: #ec1b24;
}

.index-tit span {
	display: inline-block;
	font-size: 42px;
	line-height: 60px;
	color: #FFF;
	font-weight: bold;
}

.index-dec {
    margin-top: 9px;
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
}
#div1{ width: 90%; position: relative; margin: 50px auto 50px auto;overflow: hidden; height:284px;}
#div1 ul { width: 100%; margin:0 auto; height: 284px; position: relative; margin-top:2px}
#div1 ul li { height: 284px; float: left; list-style: none;margin-right:15px;border:rgba(255,255,255,0.9) 4px solid; background:rgba(255,255,255,0.9); position:relative}
#div1 ul li img { width: 300px; height: 225px; display:block;border-radius:0px}
#div1 ul li p{ font-size:16px; height:50px; line-height:50px; text-align:center; background:rgba(255,255,255,0.9);-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
	color:#666}
#div1 ul li:hover p{ color:#FFF; background:#C60000}
#aleft{ position:absolute; left:0px;display: block; width:45px; height:45px; top:50%; margin-top:45px; border: 1px solid #a0a0a0;transition: ease .5s; background:url(../images/left_3.png?v=2.4) no-repeat center; text-indent:-99999px; background-size:15px;}
#aright{ position:absolute; right:0px;display: block;width:45px; height:45px; top:50%; margin-top:45px;border: 1px solid #a0a0a0;transition: ease .5s; background:url(../images/right_3.png?v=2.4) no-repeat center;text-indent:-99999px;background-size:15px;}
.bigmenu{color:#000; width:100%; height:60px;border-bottom:#e0e0e0 1px solid; font-size:22px; font-weight:bold;}
.bigmenu span{float:right; font-size:14px}
.smallmenu{clear:both;font-weight:normal; font-size:14px; margin-top:10px}
.smallmenu a:hover,.bigmenu a:hover{ color:#FC6200}
.loca{ line-height:50px; font-size:14px}
.loca span{ font-family:'宋体'; padding:0 10px}
.left_link{ clear:both; width:100%; margin-top:14px}
.left_link .title{ width:100%; height:46px; line-height:46px; background:#EA5E07; font-size:18px; text-indent:15px; color:#FFF}
.left_link img{ display:block; margin-bottom:4px}

.videolist{
	width:100%;
	clear:both;
}
.videolist ul li{
	float:left;
	width:-moz-calc(33.33% - 15px);
	width:-webkit-calc(33.33% - 15px);
	width: calc(33.33% - 15px);
	box-shadow: rgba(0,0,0,0.1) 0 8px 10px;
	transition: all linear 0.3s;
	text-align:center;
	margin-bottom:40px;
	margin-right:20px;
	position:relative;
}
.videolist ul li .vid{
	position:absolute;
	top:35%;
	z-index:99999;
	left:50%;
	margin-left:-25px;
	opacity:0.5;
}
.videolist ul li:hover .vid{
	opacity:1;
}
.videolist ul li .pict{
	width:98%;
	position:relative;
	overflow:hidden;
	margin-left:1%;
	margin-top:1%;
}
.videolist ul li .pict img{
	width:100%;
	display:block;
}
.videolist ul li p{
	text-align:center;
	width:90%;
	margin-top:10px
}
.videolist ul li:hover{
 transform:translateY(-5px);
}

.pagination {
	margin: 50px auto 50px auto;
	clear:both;
	width:100%;
	float:left;
	/*background:#FFF;*/
	height:40px;
}

.pagination ul {
	width:100%;
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	/*margin-left: 0;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	*zoom: 1;
	text-align:center;
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05)*/
}

.pagination ul li {
	display: inline-block;
	border:#e0e0e0 1px solid;
	background:#FFF;
	padding:6px 16px;
	margin:0 5px
}
.pagination ul li a{
	display:block;
}
.pagination ul li.ctxt{
	background:#DF0606!important;
	border:#DF0606 1px solid;
	color:#FFF;
}
.pagination ul li:hover{
	border:#DF0606 1px solid;
	color:#DF0606
}
.pagination ul li:hover a{
	color:#DF0606
}
.pagination ul li.ctxt:hover{
	color:#FFF!important
}
/***************************************************************/
/*  视差  */
.ins-ban{width:100%;height:580px;position:relative;overflow:hidden; clear:both;}
.ins-ban2{width:100%;height:800px;position:relative;overflow:hidden; text-align: center; z-index: 2;}
.fzlc_shicha{ width: 100%; height: 808px; background: url(../images/fzlc_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.gsyj_shicha{ width: 100%; height: 808px; /*background: url(../images/gsyj_banner.jpg) no-repeat 50% 0px fixed;*/position:absolute;top:30px;left:0; z-index: -1;}
.gswh_shicha{ width: 100%; height: 808px; background: url(../images/gswh_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.gsjj_shicha{ width: 100%; height: 580px; /*background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;*/position:absolute;top:0px;left:0; z-index: -1;}
.wzjs_shicha{ width: 100%; height: 1008px; background: url(../images/wzjs_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.ssyx_shicha{ width: 100%; height: 1008px; background: url(../images/ssyx_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.qwyx_shicha{ width: 100%; height: 1008px; background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.news_shicha{ width: 100%; height: 808px; background: url(../images/news_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}
.case_shicha{ width: 100%; position:absolute;top:0;left:0; z-index: -1;}
.lise_anli_shicha{ width: 100%; height: 1008px; background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;position:absolute;top:0;left:0; z-index: -1;}

.nei_banner_tit {position:absolute;width:1400px;left:50%;margin-left:-700px;top:35%;overflow:hidden; padding-bottom: 20px;}
.nei_banner_tit h2 {font-size:72px;color:#fff;text-transform:capitalize;font-family:'';height:44px;padding-top:12px;}
.nei_banner_tit h3 {font-size:48px; line-height: 64px; color:#fff; padding-bottom: 30px;}
.nei_banner_tit h4 {font-size:16px;height:33px;color:#fff;margin-top:8px;}
.nei_banner_tit i {display:block;width:1px;height:32px;background-color:#999; margin-left: 10px;}


.l{ float:left;}
.r{ float:right;}
.location_center{ position: relative; }
.location{ height: 60px; line-height: 60px; width: 100%;  position: relative;}
.location_center { font-size:14px;color:#999;}
.location_center a:nth-child(2){ padding-left: 26px; }
.shouye{ position: absolute; left: 0; top: 22px;}
.location_center a { font-size:14px;color:#424242; display: inline-block;}
.location_center a:hover{ color:#e60012; }
.location_center span{ display: block; float: left; }
.shouye i{ display: block; background: url(../images/shouye_ico.png) no-repeat center; width: 15px; height: 20px; margin-right: 10px;opacity: 0.5; }
.shouye:hover i{ background: url(../images/shouye_ico_on.png) no-repeat center; opacity: 1;}
.location{ height: 60px; line-height: 60px; width: 100%;  position: relative;}

.lanmu{ height: 95px; line-height: 60px; margin-top: -60px; position: relative; z-index: 99;}
.lanmu .shouye{ top: 20px; }
.lanmu .wrap{ -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1); background:rgba(255,255,255,0.98); height:60px;}
.lanmu .location_center{ margin-right: 35px;}
.lanmu ul{ /*margin-left: 12px; */}
.lanmu li{ padding-left: 17px; padding-right: 18px; float: left; background: url(../images/lanmu_li_bg.jpg) no-repeat right center #CCC; margin-right:1px;-webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease; height:60px; line-height:60px;}
.lanmu li:last-child{ background-image: none; }
.lanmu li a{ font-size: 15px; color: #333; }
.lanmu li a:hover{ color: #FFF;}
.lanmu li:hover,.lanmu li.on{background:#184f92;color: #FFF;}
.lanmu li.on a,.lanmu li:hover a{ color: #FFF;}
/*.wrap{ width: 1200px; clear:both; margin:0 auto}*/

.zkxx_about h4{ font-size: 16px; color: #666; line-height: 30px; text-align: center; padding-top: 10px; padding-bottom: 50px;}
.zkxx_about_i{ display: block; width: 1px; height: 90px; background-color: #ccc; margin:20px auto 0 auto; position: relative; z-index: 3; }
.zkxx_about .wrap{ background: rgba(249,249,249,0.8); z-index: 1; position: relative; margin-top: -40px; padding-bottom: 145px; }
.zkxx_about .wrap .jishuqi li{ display: inline-block; float: inherit; }
.zkxx_about .wrap .jishuqi{ text-align: center; padding-bottom: 55px; padding-top: 105px; }
.zkxx_about .wrap2 p{ font-size:16px; line-height: 32px; text-indent:2em; margin-top:10px;}
.ab_left{ width:100%;}
.ab_left .page_h3,.ab_right .page_h3{font-size:24px; text-align:left}
.ab_left img{ margin-top:80px; margin-left:30px; margin-bottom:10px}
.ab_right{width:100%; padding-top:0px;}
.ab_right img{ margin-top:80px; margin-right:30px; margin-bottom:10px}
.zkxx_about_p{ font-size: 16px; line-height: 30px; text-align: center; color: #666; margin:0}
/**********新闻**********/
.list_arcticle{ padding-top: 20px; text-align: center; padding-bottom:50px}
.news_ul{clear: both;}
.news_ul li{ float: left; width: 31.5%; margin-right: 2.75%; margin-bottom:20px}
.news_ul li:nth-child(3n){ margin-right: 0px; }
.news_ul li h5{ text-align: left; font-size: 18px!important; color: #333; padding-top: 20px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight:normal}
.news_ul li .main_pic{ width: 100%; position: relative; overflow:hidden}
.news_ul li .main_pic img{
	max-width: 100%; 
	width:100%;
	height: 250px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.news_bg{width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; position: absolute; top: 0; left: 0; transition: 0.5s;}
.news_ul li:hover .news_bg{ opacity: 0.3; }
.news_ul li h6{ text-align: left; font-size: 14px; color: #999; margin-top: 15px; height: 60px; overflow: hidden; font-weight:normal; margin-bottom:10px}
.date{ position: relative; width: 100%; height: 60px; line-height: 60px; border-top: 1px solid #e3e3e3; }
.date span{transition: 0.5s; font-size: 14px; color: #878787; }
.date .more2{ border-bottom: 0; margin-top: 0px; color: #878787; }
.news_ul li:hover .main_pic img{ -webkit-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15); }
.news_ul li:hover .date .more2{ color: #F08519; padding-right: 30px;}
.news_ul li:hover h5{ color: #F08519;}
.news_ul li .date:after {
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    background: #F08519;
    content: "";
    left: 0;
    top: -1px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.news_ul li:hover .date:after{ width: 100%; }

/***翻页*****/
/* page */
.pagex{width:100%;height:40px;text-align:center;line-height:38px; clear:both; margin:50px auto}
.page_con{display:inline-block;*display:inline;*zoom:1;}
.pagex a,
.page_text,
.page_btn{display:inline-block;width:88px;height:38px;/*float:left;*/border:1px solid #d9d9d9;font-size:14px;color:#888;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.pagex a:hover,
.page_btn:hover{background:#f5f5f5;}
.pagex a.on{background:#F08519;color:#fff;font-weight:bolder;border-color:#F08519;}
.pagex a.goprev,
.pagex a.gonext{width:88px;}
.pagex a.goprev{margin-right:15px;}
.pagex a.non{background:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;}
.pagex span{font-size:14px;color:#666;margin:0 5px;float:left;}
.page_text{text-align:center;color:#333;}
.page_btn{color:#666;width:68px;}
a.page_num{width:38px;}

/*****产品*************/
.list_case{ background-color: #f5f5f5; width: 100%;/* padding-top:10px; padding-bottom:50px*/}
.case_ul{ clear: both; width: 100%; text-align: left; margin-top:20px}
.case_div{ width: 100%; height: 60px; background:#fff url(../images/case_xian.png) no-repeat; background-position: 81% 17px; }
.case_ul li{ width: 23.87%; margin-bottom: 1%; margin-right: 1.5%; display: inline-block; overflow:hidden; /*background:#FFF; */text-align:center; border:#f0f0f0 1px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;border-radius:1px;-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.02);box-shadow:0 0px 15px rgba(0,0,0,0.02);}
.case_ul li:nth-child(4n){ margin-right: 0px; }
.case_ul li .list-wrap{ width: 100%; }
.case_ul li .main_pic img{ height: 284px; display:block;}
.case_div{
	border-top:#f0f0f0 1px solid;
	overflow:hidden;
}
.case_div h5{ overflow: hidden; padding-left:5%; width:73%;  line-height:60px; transition: 0.5s;font-size: 15px; color: #444; text-align: left;}
.case_div h5 span{ font-size: 14px; color: #999; display: block; line-height:160%; /*max-height: 22px;*/ overflow: hidden;}
.jiantou{ width: 19%; height: 60px; background: url(../images/youjiantou.png) no-repeat 20px center; transition: 0.5s;}
.case_ul li:hover .jiantou{ background: url(../images/youjiantou_on.png) no-repeat 28px center; }
.case_ul li:hover h5{ color:#DF0606}
.zkxx_main3 .case_ul li{ float: left; display: block; }
.case_ul .shuiyin,.bigImg .shuiyin,.imgteaser .shuiyin{
	position:absolute;
	width:100%;
	height:100%;
	z-index:99999;
	top:0;
	left:0;
}
.case_ul .shuiyin img,.bigImg .shuiyin img,.imgteaser .shuiyin img{
	width:100%
}
.list-wrap{display: block; width: 100%; height: 100%; position: relative; transition: all 0.3s ease 0.1s; }   
.list-wrap .up-graybox{ width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease 0s; position: absolute; top: 0; left: 0; }
.list-wrap .up-graybox .bgbox{     display: block;
    width: 100%;
    height: 100%; background: rgba(0,0,0,0.6);} 
.list-wrap:hover .up-graybox{ opacity: 1; }
.list-wrap .up-graybox .stit{     font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff; }
.list-wrap .up-graybox .linet {
    top: 0;
}
.list-wrap .up-graybox .lineb {
    bottom: 0;
}
.list-wrap .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.list-wrap .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.vd{
	position:absolute;
	width:50px;
	height:50px;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:-25px;
}
.vd img{ width:50px!important; height:50px!important}
/******产品详情***********/
.wrap2 {width:1200px;margin:0 auto;}
.view{/*padding-top:60px; background-color: #f5f5f5; */width:100%; padding-bottom:60px; overflow:auto}
.view .Main{height:auto; overflow:hidden;}
.view .Main_left{width:480px; float:left;/* margin-right:50px;*/}

/**放大镜***/
.preview{width:480px;/* height:500px;*/ margin:0px 0px 0px 0px; position:relative}
/* smallImg */
.smallImg{position:relative; /*height:460px;*/ margin-top:0px; padding:0 0; width:90px; overflow:hidden;float:right;}
.scrollbutton{width:18px; height:100%; overflow:hidden; position:relative; float:left; cursor:pointer;background: url(../images/icon_pic_btn.png) no-repeat -32px center; margin-top:-15px}
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled{background-position: left center;}
.scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled{background-position: -16px center; float:right;}

#imageMenu {/*height:460px; */width:90px; overflow:hidden; margin:0 auto; float:left;}
#imageMenu li {height:90px; width:90px; overflow:hidden; float:left; text-align:center; margin-bottom:10px}
#imageMenu li img{width:90px; height:90px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:88px; height:88px; border:1px solid #F98903!important;}

/* bigImg */
.bigImg{position:relative; float:left; width:480px;/* height:460px; */overflow:hidden;transition:all 1s ease-in-out; border:#e0e0e0 1px solid; margin-left:0px}
.bigImg #midimg{width:480px;/* height:460px; */border:#e0e0e0 0px solid;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; display:block;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #e0e0e0; background:#FFF; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.view .Main_right{width:680px; float:right;}
.view .Main_right .title{/*height:50px;*/ font-size:18px; line-height:25px; padding:0px 0px 12px 0px; overflow:hidden; font-weight:normal}
.view .Main_right .Price{height:47px; background:#f8f8f8; padding-top:12px;}
.view .Main_right .Price .Now{ font-size:26px; color:#ec0000; line-height:36px; margin-left:22px; display:table; float:left;}
.view .Main_right .Price .Now span{font-size:22px;}
.view .Main_right .Price .sale_price{float:right; height:auto; overflow:hidden;}
.view .Main_right .Price div{font-size:12px; color:#afafaf; float:left; padding:0 25px; text-align:center;}
.view .Main_right .Price div span{display:block; color:#afafaf;}
.view .Main_right .Price .free{color:#ec0000; border-right:1px solid #afafaf;}

.share2{background:url(../images/share_icon.jpg) no-repeat left center; height:18px; text-indent:20px;}

.view .Main_right .buyed{margin-top:13px; height:56px; line-height:56px; background:#e0313a; color:#ffffff; padding-left:22px; padding-right:25px; font-size:14px;}
.view .Main_right .buyed .Time{ display:table; float:left;}
.view .Main_right .buyed .Count{display:table; float:right;}

.view .Main_right .buy_info{margin-top:12px;}
.view .Main_right .buy_info .Bond{height:33px; line-height:33px; font-size:16px;}
.view .Main_right .buy_info .Bond div{height:33px; color:#ec0000; font-size:16px; display:inline;}
.view .Main_right .buy_info .Bond div span{font-size:14px;}
.view .Main_right .buy_info .Buy_count{font-size:14px;}

.view .Main_right .buy_info .buy_button{width:106px; height:32px; text-align:center; border:none; background:url(../images/buy_btn.jpg) no-repeat; color:#ffffff; margin-top:13px; cursor:pointer;}

.view .Main_right .buy_info .wks,.yjs,.tgcg,.tgsb{width:106px; height:32px; text-align:center; border:none; background:url(../images/buy_btn2.jpg) no-repeat; color:#ffffff; margin-top:13px; cursor:pointer;}


.view .Main_right .buy_info .add_car{width:146px; height:39px; text-align:center; border:none; background:url(../images/add_car.jpg) no-repeat; color:#ffffff; margin-top:13px; cursor:pointer; text-indent:27px; margin-right:10px;}
.view .Main_right .buy_info .add_favor{width:90px; height:40px; text-align:center; border:none; background:url(../images/favor.jpg) no-repeat; color:#ffffff; margin-top:13px; cursor:pointer; text-indent:24px;}
.pro_info{ line-height:180%; border-top:#e0e0e0 1px solid; margin-top:20px; padding-top:20px;}
.view .Main_right .share{margin-top:25px; background:url(../images/share_icon.jpg) no-repeat left center; height:18px; text-indent:20px;}
.view .Main_right .submit{background:#f7da64; padding:26px 0 27px 0; margin-top:15px;}
.view .Main_right .submit input{ height:44px; margin-left:14px; border:none; text-indent:14px;}
.view .Main_right .submit .submit{background:#667BB4; color:#ffffff; height:44px; margin:0px; padding:0px; margin-left:14px; width:157px; text-indent:0px;cursor:pointer;}
.view .Main_right .submit .submit:hover{ background-color:#FF8700;}
.viewbot{width:100%; clear:both;}
.viewleft{width:320px; float:left;border:#e0e0e0 0px solid; /*background:#FFF; top:-44px; */position:relative;/* padding-bottom:20px*/ margin-left:5px}
.viewleft .title{width:318px; border-bottom:#e0e0e0 1px solid; line-height:80px; font-size:24px;/* margin-top:15px; */font-weight:normal; color:#FFF; background:#184f92; text-indent:30px}
.viewpro{width:90%; margin:20px auto 0 auto; border-bottom:#eeee 1px solid; padding-bottom:10px;}
.viewpro p{ margin-top:10px; text-align:center}
.detail{border:1px solid #dddddd; overflow:auto; float:right; width:850px;}
.detail .detail_title{width:158px; height:42px; border:1px solid #dddddd; border-top:2px solid #667BB4; border-bottom:none; position:absolute; margin-top:-44px; background:#ffffff; line-height:42px; text-align:center; margin-left:-1.0px; font-weight:600; font-size:18px;}
.detail .detail_info{ padding:0px 26px; height:auto; overflow:hidden; line-height:28px; background:#FFF; min-height:648px;}
.detail .detail_info img{ max-width:100%!important}

.newslist{
	margin-top:50px;
}
.newslist li{ list-style-type:none; padding:0; padding-top:30px; border-bottom:#CCC 1px dotted; height:100px; padding-bottom:30px; clear:both;transition: all .3s linear;}
.newslist li .date{float:left; width:140px; height:80px; line-height:120%; text-align:center; color:#B5B4B4; font-size:24px; padding-top:0px; font-family:arial; border:0}
.newslist li .date span.day{ color:#B5B4B4; font-size:64px; line-height:100%;}
.nc{
	width:1050px;
	float:right;
}
.nc .newstit a{ font-size:18px; color:#424242}
.nc .newsdec{ color:#848383}
.newslist li:hover{ background:#FFF; cursor:pointer;}
.newslist li:hover .nc .newstit a{ color:#F08519}
.newslist li:hover .nc .newsdec{ color:#424242}

.pro-h5 {
  height: 106px;
  line-height: 106px;
  font-size: 26px;
  color: #184F93;
  padding-left: 36px;
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
  background: url(../images/ico9.png ) no-repeat left center;
}
.sidebar {
  /*border:#e0e0e0 1px solid;
  border-top:3px solid #204A2B;
  border-radius:5px 5px 3px 3px;
  background:#FFF;top:-42px;*/
  position:relative;
  padding-bottom:0px;
  /*position: fixed;*/
  /*border-right: 10px solid #d00355;*/
}
.sidebar ul {
	clear:both;
  
}
.sidebar li a{
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  width: 318px;
  cursor: pointer;
  padding: 0 46px 0 30px;
  background: url(../images/png18.png) no-repeat center right 30px #c0c0c0;
  margin-bottom:1px;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
}
.sidebar li:hover a,.sidebar li.on a{
  color: #fff;
  background: url(../images/png18on.png) no-repeat center right 30px #DF0606;
}
.sidebar li.on a{ color:#FFF}
.sidebar a {
  text-decoration: none;
  color: #202020;
  font: 16px Open Sans;
  /*text-transform: uppercase;*/
  position: relative;
  z-index: 1000;
  display:block;
  line-height:64px;
}
.sidebar .hover {
  display: block;
  position: absolute;
  width: 0%;
  height: 50px;
  top: 0px;
  left: 0px;
  background: #204A2B;
  z-index: 0;
  opacity: 0;
}
.sidebar a:hover {
  color: #FFF;
}
.sidebar .fa-angle-right {
  position: absolute;
  left: 150px;
  top: 1px;
}
.sidebar .sub-menu {
  /*position: absolute;
  left: 248px;
  top: 0px;*/
  padding: 0px;
  width: 100%;
  display: none;
  background:#f3f3f3;
}
.sidebar .sub-menu li{
	margin-bottom:0
}
.sidebar .sub-menu li a {
  /*padding-left: 20px;*/
  font-size: 13px;
  border-bottom:rgba(255,255,255,0.2) 1px solid;
  background:#FFF;
  color:#424242;
  height:45px;
  line-height:45px;
  margin-bottom:1px;
  
}
.sidebar .sub-menu li:hover a{
	color:#DF0606!important
}
.sidebar .sub-menu i {
  left: 180px;
}
.sidebar ul li:hover ul {
  display: block;
}
.sidebar .push {
  margin-right: 10px;
}

/**联系***/
.zkxx_contact{ width: 100%; background-color: #f5f5f5;/* padding-bottom: 100px; */padding-top:50px; margin-top:0px}
.zkxx_contact_main1 h3{ font-size: 48px; text-transform: uppercase; color: #333; padding-top: 25px; padding-bottom: 5px; line-height: 1; text-align: center;}
.zkxx_contact_main1 h4{ font-size: 24px; color: #333; padding-bottom: 55px;  text-align: center;}
.zkxx_contact_main1 .zkxx_contact_main2{ /*height: 680px;*/margin-bottom: 40px; background-color: #fff; -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);
box-shadow:0 0px 15px rgba(0,0,0,0.1); overflow:auto}
.zkxx_contact_main1_right{ width: 500px; overflow: hidden;/* height: 680px;*/ position: relative; }
.zkxx_contact_main1_right img{     filter: grayscale(70%);
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%); transition: .3s;}
.zkxx_contact_main1_right:hover img{     filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.zkxx_contact_main1_right_con{ position: absolute; top: 0; left:0; transform:translateX(0%); width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 1; transition: 0.8s;}
.zkxx_contact_main1_right_con p{ font-size: 16px; color: #fff; padding-bottom: 20px; line-height: 30px; padding-left: 90px; }
.zkxx_contact_main1_right_con p:nth-child(1){ padding-top: 110px; }
.zkxx_contact_main1_right_con .ljdh{ opacity: 0.9; display: block; width: 310px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background-color: #e60012; margin-left: 90px; margin-top: 205px; border-radius: 25px; text-align: center;}
.zkxx_contact_main1_right_con .ljdh:hover{ opacity: 1; }

.zkxx_contact_main1_left{ padding-left: 80px; padding-top: 95px; }
.zkxx_contact_main1_left h5{ font-size: 24px; color: #333; padding-bottom: 50px; }
.zkxx_contact_main1_left p{ font-size: 16px; color: #666; line-height: 37px; }
.zkxx_contact_main1_left p span{ display: inline-block; width: 32px; }
.zkxx_contact_main1_left ul{ margin-top: 80px; }
.zkxx_contact_main1_left li{ float: left; margin-right: 20px; transition: 0.3s;}
.zkxx_contact_main1_left li a{ display: block; padding-left: 47px; width: 83px; height: 40px; line-height: 40px; border-radius: 25px; border: 1px solid #333; font-size: 16px; color: #333; background: url(../images/lianxi_ico1.png) no-repeat 16px center; transition: 0.3s;}
.zkxx_contact_main1_left li:hover a{ color: #fff; border: 1px solid #e60012; background:#e60012 url(../images/lianxi_ico1_on.png) no-repeat 11px center; }
.zkxx_contact_main3{ height: 500px; -webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1); }
.zkxx_contact_main3_left{ width: 44.6%; padding-left: 5%; height: 500px; padding-right: 8%; background-color: #fff;-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1); }
.zkxx_contact_main3_left p{ clear: both; display: block;}
.zkxx_contact_main3_left p span{ display: block; }
.zkxx_contact_main3_left p .span_one{ width: 45px; }
.zkxx_contact_main3_left p .span{ width: 81%; }
.zkxx_contact_main3_left .span_three{ padding-bottom: 40px; }
.zkxx_contact_main3_left h5{ font-size: 24px; color: #333; margin-top: 50px; padding-left: 45px; background: url(../images/lianxi_ico2.png) no-repeat left center; margin-bottom: 25px;}
.zkxx_contact_main3_left p{ font-size: 14px; color: #666; line-height: 30px;}
.zkxx_contact_main3_right{ width: 41.7%;  }
.zkxx_contact_main3_right_one{ padding-left: 8%; padding-right: 6%; background-color: #fff;padding-top: 50px; height: 195px;-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.1);box-shadow:0 0px 15px rgba(0,0,0,0.1);}
.zkxx_contact_main3_right .m_b{ margin-bottom: 1.7%; }
.zkxx_contact_main3_right_one h5{ font-size: 24px; color: #333; padding-left: 45px; background: url(../images/lianxi_ico4.png) no-repeat left center; margin-bottom: 25px;}

/*底部查询*/
.service-fwm{
  width: 100%;
  position: absolute;
  left: -365px;
  top: 190px;
}
.service-fwm .service-span{
  font-size: 30px;
  color: #ffffff;
  height:40px;
  line-height: 40px;
  padding-left: 45px;
  background: url(../images/search-bg.png) left center no-repeat;
  margin-bottom: 25px;
}
.service-fwm .service-select{
  width: 100%;
}
.service-fwm .service-inp{
  border:1px solid  #515151;
  color: #FFFFFF;
  background-color:transparent;
  width: calc(67% - 15px);
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #fff;
  float: left;
  border-radius: 2px;
  padding-left: 15px;
}
.service-fwm .btn1{
  border: 0;
  color: #FFFFFF;
  font-size: 14px;
  background-color: #1374a1;
  width: 30.25%;
  height: 60px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  float: right;
  border-radius: 2px;
}

/*范围查询*/
.select-mian{
  padding-bottom:440px;
}
.select-box{
  width: 1200px;
  margin: 0 auto;
  height: 380px;
  background: url(../images/selct-img.jpg) center no-repeat;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  padding-top: 65px;
} 
.select-box .box,
.select-box .bot .mbox{
  width: 998px;
  margin: 0 auto;
}
.select-box .title{
  font-size: 30px;
  line-height: 1.1;
  color: #ffffff;
  padding-left: 45px;
  background: url(../images/search-bg.png) left center no-repeat;
  margin:0px 0 38px;
}
.select-box .select .txt{
  width: 755px;
  float: left;
  height: 70px;
  line-height: 70px;
  padding:0 0 0 35px;
  background-color: #fff;
  border:0;
  border-radius: 2px;
  font-size: 16px;
  color: #666666;
}
.select-box .select .submit{
  display: block;
  float: right;
  width: 203px;
  height: 70px;
  font-size: 18px;
  color: #666666;
  border:0;
  background-color: #ffffff;
  border-radius: 2px;
  transition: all .3s ease-in-out;
}
.select-box .select .submit:hover{
  color: #fff;
  background-color: #0e73b9
}
.select-box .bot{
  border-top: 1px solid #368ecb;
  padding: 40px 0 0 0;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.65;
  margin-top: 73px;
}
.select-box .bot span{
  padding-left: 32px;
  display: inline-block;
  background: url(../images/selct-img.png) left 5px no-repeat;
}
.select-mian .tip-slbox{
  position: absolute;
  width: 1200px;
  display: none;
  top: 0;
  left: 50%;
  margin-left: -600px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.base-tip-slbox{
  position: fixed;
  width: 960px;
  display: none;
  top: 50%;
  left: 50%;
  margin:-371px 0 0 -480px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.select-mian .tip-slbox .title,
.base-tip-slbox .title{
  height: 102px;
  background-color: #0e73b9;
  padding: 0 55px;
}
.select-mian .tip-slbox .title .tit,
.base-tip-slbox .title .tit{
  font-size: 30px;
  color: #ffffff;
  display: block;
  width: auto;
  float: left;
  line-height: 102px;
  padding-left: 43px;
  background: url(../images/selct-img1.png) no-repeat left center;
}
.select-mian .tip-slbox .tt,
.base-tip-slbox .title .tt{
  display: block;
  text-align: center;
  font-size: 16px;
  color: #fdfdfd;
  line-height: 102px;
}
.select-mian .tip-slbox .btn,
.base-tip-slbox .title .btn{
  display: block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  float: right;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  color: #636363;
  transition: all .3s ease-in-out;
  margin-top: 28px;
}
.select-mian .tip-slbox .btn:hover,
.base-tip-slbox .title .btn:hover{
  color: #fff;
  background-color: #268ed5;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05)
}
.select-mian .tab table td,
.base-tip-slbox .tab table td{
  height: 81px;
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
  color: #636363;
}
.select-mian .tab table td.on,
.base-tip-slbox .tab table td.on{
  color: #0e73b9;
  font-weight: bold;
}

.itcavan {
  font-family: "itcavan";
}

.bebas {
  font-family: "bebas";
}

.helvet {
  font-family: "helvet";
}

.century {
  font-family: "century";
}

.BoxSha10 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.dbl {
  display: block;
}

.dbi {
  display: inline-block;
}

.tec {
  text-align: center;
}

.w100 {
  width: 100%;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.w1300 {
  width: 1300px;
  margin: 0 auto;
}

.w1206 {
  width: 1206px;
  margin: 0 auto;
}

.w1326 {
  width: 69%;
  min-width: 1200px;
  margin: 0 auto;
}

.Arial {
  font-family: "Arial";
}

.toUpp {
  text-transform: uppercase;
}

.nowrap {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.opa6 {
  opacity: .6;
  filter: alpha(opacity=60);
}
.opa7 {
  opacity: .7;
  filter: alpha(opacity=70);
}

.w50 {
  width: 50%;
}

.ovh {
  overflow: hidden;
}

.ovs {
  overflow: visible;
}

.fixed {
  position: fixed;
}

.fcmc {
  color: #F08519;
}

.radius5 {
  border-radius: 5px;
}

.pages {
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 17px 36px;
  height: 74px;
  margin-top: 46px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.pages .pagination {
  position: relative;
}
.pages .pagination a {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 20px;
  font-family: "Arial";
  text-align: center;
  margin: 0 3px;
  display: inline-block;
  transition: all .3s linear;
  border-radius: 2px;
}
.pages .pagination a.active {
   color: #fff;
  background-color: #F08519;
}
.pages .pagination a:hover {
  color: #fff;
  background-color: #F08519;
}
.pages .pagination .prev,
.pages .pagination .next {
  position: absolute;
  text-align: left;
  width: 82px;
  font-size: 16px;
  font-family: "Microsoft Yahei";
}
.pages .pagination .prev {
  padding-left: 20px;
  left: 0;
  border-left-width: 1px;
  background: url(../images/prev2.png) left center no-repeat;
  background-size: 9px;
}
.pages .pagination .prev:hover {
  color: #F08519;
  background: url(../images/prev2on.png) left center no-repeat;
  background-size: 9px;
}
.pages .pagination .next {
  padding-right: 20px;
  right: 0;
  background: url(../images/next2.png) right center no-repeat;
  border-right-width: 1px;
  background-size: 9px;
}
.pages .pagination .next:hover {
  color: #F08519;
  background: url(../images/next2on.png) right center no-repeat;
  background-size: 9px;
}

.tra3s {
  transition: all .3s linear;
}

.co-titles {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  padding: 80px 0 80px;
}
.co-titles .co-en-span {
  display: inline-block;
  margin-right: 10px;
}
.co-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 50px;
  margin-left: -27px;
  display: inline-block;
  width: 54px;
  height: 4px;
  background: #F08519;
  border-radius: 2px;
}


.sortlist{
	clear:both;
	width:1200px;
	margin:0 auto;
}
.sortlist li{
	float:left;
	width:296px;
	position:relative;
	margin:0 5px 20px 0;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}
.sortlist li:nth-child(4n){
	margin-right:0;
}
.sortanme{
	width:100%;
	position:absolute;
	bottom:0;
	height:40px;
	line-height:40px;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font-size:16px;
	color:#FFF;
	transition: all .3s linear;
}
.sortlist li:hover .sortanme{
	background:rgba(242,141,1,0.9);
	color:#FFF;
	
}
.proimg{
	position:relative;
	overflow:hidden;
	width:100%;
}
.sortlist li .proimg img {
  transition: all .3s linear;
  width:100%;
}
.sortlist li:hover .proimg img {
  transform: scale(1.1);
}

.welcome .pro-ajax-mains {
  opacity: 1;
  filter: alpha(opacity=1);
  /*transform: translate(0,180px);*/
  transform: scale(1);
  /*transition: all .8s cubic-bezier(0.03, 0.81, 0.21, 0.93);  */
  transition: all 1.5s ease-in-out;
}
.welcome .pro-ajax-mains.in {
  opacity: 1;
  filter: alpha(opacity=100);
  /*transform: translate(0,0);*/
  transform: scale(1);
}
.welcome .wel-pro-mains .pro-ajax-btn {
  padding: 0 45px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 16px;
  color: #222;
  cursor: pointer;
  margin-bottom: 52px;
}
.welcome .wel-pro-mains .pro-ajax-btn.cur, .welcome .wel-pro-mains .pro-ajax-btn:hover {
  background: #F08519;
  color: #fff;
}
.welcome .pro-banner1-btns {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -18px;
  width: 100%;
  height: 1px;
}
.welcome .pro-banner1-btns.on {
  display: block;
}
.welcome .pro-banner1-btns .pro-banner1-btn {
  display: inline-block;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.welcome .pro-banner1-btns .prev {
  left: -50px;
  background: url(../images/prev1.png) no-repeat center;
}
.welcome .pro-banner1-btns .next {
  right: -50px;
  background: url(../images/next1.png) no-repeat center;
}
.welcome .pro-banner-bd {
  position: relative;
  z-index: 2;
}
.welcome .pro-banner-li {
  width: 398px !important;
  margin: 0 3px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.welcome .pro-banner-li3 {
  margin-left: 0;
  margin-right: 0;
}
.welcome .pro-banner-li1 {
  margin-left: 0;
  margin-right: 6px;
}
.welcome .pro-banner-li2 {
  margin-left: 0;
  margin-right: 6px;
}
.welcome .pro-banner-li .pro-banner-txts {
  z-index: 2;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  color: #333;
  width: 100%;
  background: #fff;
  transition: all .3s linear;
  background: url(../images/png.png) repeat;
}
.welcome .pro-banner-a .pro-banner-img {
  transition: all .3s linear;
}
.welcome .pro-banner-a:hover .pro-banner-img {
  transform: scale(1.1);
}
.welcome .pro-banner-a:hover .pro-banner-txts {
  /*background: #F08519;*/
  color: #fff;
  background: url(../images/pngon.png) repeat;
}
.welcome .view-more1 {
  display: block;
  margin: 60px auto 0;
  background: #F08519;
  color: #fff;
  width: 190px;
  height: 48px;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  border-radius: 24px;
  transition: all .3s ease-in-out;
}
.welcome .view-more1:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.welcome .view-more2 {
  display: block;
  margin: 60px auto 0;
  background: #fff;
  color: #F08519;
  width: 200px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  border-radius: 22px;
  transition: all .3s ease-in-out;
}
.welcome .view-more2:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.welcome .wel-case-wrap {
  height: 934px;
}
.welcome .wel-case-wrap .case-items-wrap {
  position: relative;
  z-index: 2;
  /*width: 62.5%;*/
  width: 1200px;
}
.welcome .wel-case-wrap .wel-case-title {
  padding: 140px 0;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(0,124px);
  transition: all .8s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.welcome .wel-case-wrap .wel-case-title.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0,0);
}
.welcome .wel-case-wrap .wel-case-title:after {
  top: 220px;
  background: #fff;
}
.welcome .wel-case-wrap .wel-case-items {
  z-index: 2;
  color: #fff;
  box-sizing: border-box;
}
.welcome .wel-case-wrap .wel-case-items:hover img {
  transform: scale(1.1);
}
.welcome .wel-case-wrap .wel-case-cn {
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
}
.welcome .wel-case-wrap .wel-case-en {
  font-size: 14px;
  line-height: 30px;
  opacity: .5;
  filter: alpha(opacity=50);
}
.welcome .wel-case-wrap .wel-case-h6 {
  font-size: 18px;
  line-height: 28px;
  margin: 36px 0 32px;
}
.welcome .wel-case-wrap .wel-case-img0 {
  transition: all .3s linear;
}
.welcome .wel-case-wrap .wel-case-items1 {
  width: 34.3%;
}
.welcome .wel-case-wrap .wel-case-items1 .wel-case-cn {
  margin-top: 40px;
}
.welcome .wel-case-wrap .wel-case-items1 .wel-case-cover {
  padding-left: 44px;
}
.welcome .wel-case-wrap .wel-case-items1 .wel-case-en {
  line-height: 42px;
}
.welcome .wel-case-wrap .wel-case-items1 .view-more1 {
  width: 156px;
  height: 42px;
  line-height: 42px;
  background: #fff;
  color: #666;
  margin: 46px 0 0;
}
.welcome .wel-case-wrap .wel-case-items1:hover .wel-case-img0 {
  transform: scale(1);
}
.welcome .wel-case-wrap .wel-case-items2 {
  width: 65.7%;
}
.welcome .wel-case-wrap .wel-case-items2 .wel-case-cover {
  padding-top: 240px;
  background: url(../images/bg11.png) repeat-x center bottom;
}
.welcome .wel-case-wrap .wel-case-items2 .wel-case-span {
  margin-top: -214px;
}
.welcome .wel-case-wrap .wel-case-items3 {
  width: 36.5%;
}
.welcome .wel-case-wrap .wel-case-items3 .wel-case-cover {
  padding-top: 240px;
  background: url(../images/bg11.png) repeat-x center bottom;
}
.welcome .wel-case-wrap .wel-case-items3 .wel-case-span {
  margin-top: -214px;
}
.welcome .wel-case-wrap .wel-case-items4 {
  width: 29.2%;
}
.welcome .wel-case-wrap .wel-case-items4 .wel-case-h5 {
  margin-top: -42px;
}
.welcome .wel-case-wrap .wel-case-items5 {
  width: 29.2%;
}
.welcome .wel-case-wrap .wel-case-items5 .wel-case-cn {
  color: #333;
}
.welcome .wel-case-wrap .wel-case-items5 .wel-case-en {
  color: #737373;
}
.welcome .wel-case-wrap .wel-case-items5 .wel-case-h5 {
  margin-top: -42px;
}
.wel-case-items1,.wel-case-items2,.wel-case-items3,.wel-case-items4,.wel-case-items5 {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all .8s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.wel-case-items1 {
  transform: translate(0,200px);
}
.wel-case-items2 {
  transform: translate(0,-200px);
}
.wel-case-items3 {
  transform: translate(0,300px);
}
.wel-case-items4 {
  transform: translate(0,300px);
}
.wel-case-items5 {
  transform: translate(0,300px);
}
.wel-case-items1.in,.wel-case-items2.in,.wel-case-items3.in,.wel-case-items4.in,.wel-case-items5.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0,0);
}
.welcome .wel-case-wrap .wel-case-cover {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 26px 30px 0;
}
.welcome .wel-case-wrap .wel-case-span {
  width: 44px;
  height: 42px;
}
.welcome .wel-case-wrap .wel-case-detail {
  max-height: 110px;
  font-size: 13px;
  line-height: 28px;
  overflow: hidden;
}
.welcome .wel-about-wrap .view-more1 {
  margin: 94px 0 0;
}
.welcome .wel-about-wrap .w1200 {
  margin-top: -209px;
  /*width: 81.35%;*/
  /*min-width: 1200px;*/
}
.welcome .wel-about-wrap .wel-intro-wrap {
  padding-bottom: 138px;
  width: 50%;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  opacity: 1;
  filter: alpha(opacity=1);
  transform: translate(0,-150px);
  transition: all 1s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.welcome .wel-about-wrap .wel-intro-wrap.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0,0);
}
.welcome .wel-about-wrap .wel-video-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  padding-left: 160px;
  width: 955px;
  opacity: 1;
  filter: alpha(opacity=1);
  transform: translate(0,150px);
  transition: all 1s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.welcome .wel-about-wrap .wel-video-wrap.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0,0);
}
.welcome .wel-about-wrap .wel-intro-txts {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  overflow: hidden;
  padding: 0 10px;
}
.welcome .wel-about-wrap .wel-intro-title {
  padding: 340px 0 58px;
}
.welcome .wel-about-wrap .wel-intro-title:after {
  left: 0;
  margin-left: 0;
  width: 34px;
  bottom: 30px;
  background: #bfbfbf;
}
.welcome .wel-about-wrap .video-txts-wrap {
  position: absolute;
  z-index: 3;
  top: 314px;
  left: -10px;
  padding-left: 274px;
  color: #fff;
  font-size: 30px;
  line-height: 34px;
}
.welcome .wel-about-wrap .video-txts-wrap:after {
  position: absolute;
  content: "";
  left: 0;
  top: 14px;
  display: inline-block;
  width: 244px;
  height: 2px;
  background: #F08519;
}
.welcome .wel-about-wrap .video-ajax-btn {
  cursor: pointer;
  width: 100px;
  height: 100px;
  margin-top: 18px;
  background: url(../images/video1.png) no-repeat center;
}
.welcome .wel-about-wrap .video-txts-cn {
  font-weight: bold;
}
.welcome .wel-news-wrap {
  background: #f5f5f5;
  padding: 0 0 56px;
}
.welcome .wel-news-wrap .wel-pro-title {
  opacity: 1;
  filter: alpha(opacity=1);
  transform: translate(0,150px);
  transition: all 1s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.welcome .wel-news-wrap .wel-pro-title.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0,0);
}
.wel-news-wrap .w1200 {
  opacity: 1;
  filter: alpha(opacity=1);
  transform: scale(1);
  transition: all 1.5s cubic-bezier(0.03, 0.81, 0.21, 0.93);
}
.wel-news-wrap .w1200.in {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.welcome .wel-news-wrap .news-txts-wrap {
  background: #f5f5f5;
  padding: 34px 30px 46px;
}
.welcome .wel-news-wrap .wel-news-time {
  color: #888;
  font-size: 14px;
  padding-left: 28px;
  line-height: 16px;
  background: url(../images/ico1.png) no-repeat left center;
  transition: all .3s linear;
}
.welcome .wel-news-wrap .wel-news-img {
  transition: all .3s linear;
}
.welcome .wel-news-wrap .wel-news-h5 {
  font-size: 20px;
  line-height: 32px;
  color: #333;
  margin: 24px 0 12px;
  transition: all .3s linear;
}
.welcome .wel-news-wrap .wel-news-dt {
  font-size: 14px;
  line-height: 26px;
  color: #888;
  height: 52px;
  overflow: hidden;
}
.welcome .wel-news-wrap .view-more1 {
  width: 170px;
  background: #d0d0d0;
  color: #666;
  margin-left: 0;
  height: 42px;
  line-height: 42px;
  margin-top: 36px;
  transition: all .3s linear;
}
.welcome .wel-news-wrap .wel-news-li {
  width: 374px !important;
  margin-right: 39px !important;
}
.welcome .wel-news-wrap .wel-news-items:hover .wel-news-img {
  transform: scale(1.1);
}
.welcome .wel-news-wrap .wel-news-items:hover .view-more1 {
  background: #F08519;
  color: #fff;
}
.welcome .wel-news-wrap .wel-news-items:hover .wel-news-h5 {
  color: #F08519;
}
.welcome .wel-news-wrap .wel-news-items:hover .wel-news-time {
  background: url(../images/ico1on.png) no-repeat left center;
}

.wel-video-mains {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../images/bg060.png) repeat;
}
.wel-video-mains .wel-video-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -600px;
  width: 1200px;
  height: 480px;
  background: #000;
}
.wel-video-mains .wel-video-wrap .video-close-btn {
  background: url(../images/close1.png) repeat;
  background-size: 100% !important;
  width: 40px;
  height: 40px;
  top: -46px;
  right: -46px;
  cursor: pointer;
}
.wel-video-mains video {
  width: 1200px !important;
  height: 480px !important;
}

.inner-ban {
  box-sizing: border-box;
  padding-top: 90px;
  height: 770px;
}
.inner-ban .inner-ban-title {
  z-index: 2;
  top: 330px;
  left: 0;
  width: 100%;
  color: #fff;
}
.inner-ban .inner-ban-en {
  font-size: 100px;
  line-height: 70px;
}
.inner-ban .inner-ban-cn {
  font-size: 26px;
  line-height: 70px;
}
@keyframes mouseMove {
  0% {
    margin-top: 20px;
  }
  50% {
    margin-top: 36px;
  }
  100% {
    margin-top: 20px;
  }
}
.inner-ban .inner-mouse {
  left: 0;
  bottom: 54px;
  width: 100%;
  height: 84px;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}
.inner-ban .inner-mouse-img {
  animation: mouseMove 1.2s infinite linear;
}

.inner-nav-wrap {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
}
.inner-nav-wrap div, .inner-nav-wrap ul, .inner-nav-wrap li, .inner-nav-wrap span, .inner-nav-wrap a {
  box-sizing: border-box;
}
.inner-nav-wrap .w1200 {
  border-right: 1px solid #e9e9e9;
}
.inner-nav-wrap .inner-nav-a {
  box-sizing: border-box;
  padding: 34px 0;
  display: inline-block;
  width: 16.666%;
  color: #333;
  border-left: 1px solid #e9e9e9;
}
.inner-nav-wrap .inner-nav-a:hover, .inner-nav-wrap .inner-nav-a.cur {
  background: #0e73b9;
  color: #fff;
}
.inner-nav-wrap .inner-nav-img {
  vertical-align: middle;
  width: 21px;
  margin-right: 6px;
}
.inner-nav-wrap .inner-nav-txt {
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
}

.intro div, .intro ul, .intro li, .intro span, .intro a {
  box-sizing: border-box;
}
.intro .intro-company {
  margin-bottom: 132px;
  background: url(../images/png3.png) no-repeat left top 90px;
}
.intro .intro-company .w1200 {
  padding-top: 90px;
}
.intro .company-txts-wrap {
  width: 770px;
}
.intro .company-en {
  font-size: 20px;
  line-height: 24px;
  color: #c6c6c6;
}
.intro .company-cn {
  font-size: 28px;
  line-height: 24px;
  color: #333;
  padding: 16px 0 28px;
}
.intro .company-txts {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  padding-right: 10px;
  margin-bottom: 56px;
}
.intro .fcmc {
  font-size: 16px;
  line-height: 60px;
}
.intro .company-nums {
  font-size: 78px;
  margin-right: 10px;
  font-family: "Arial";
  font-weight: bold;
}
.intro .nums-dt {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.intro .nums-item {
  vertical-align: middle;
}
.intro .company-line0 {
  margin: 0 58px;
  width: 1px;
  height: 90px;
  background: #e9e9e9;
  vertical-align: middle;
}
.intro .company-img-wrap {
  width: 356px;
}
.intro .sub-company-img {
  width: 50%;
}
.intro .sub-company-items {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.intro .sub-company-items:hover .tra3s {
  transform: scale(1.1);
}
.intro .sub-company-items:hover .sub-company-name, .intro .sub-company-items:hover .sub-company-a {
  color: #F08519;
}
.intro .sub-company-txts {
  width: 50%;
  padding: 90px 10px 10px 80px;
  box-sizing: border-box;
  background: #fff;
}
.intro .sub-company-name {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 36px;
  color: #333;
}
.intro .sub-company-name:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #e9e9e9;
}
.intro .sub-company-detail {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin: 20px 0 88px;
  width: 516px;
  max-height: 60px;
  overflow: hidden;
}
.intro .sub-company-a {
  font-size: 16px;
  line-height: 52px;
  color: #333;
  height: 52px;
  background: url(../images/png4.png) no-repeat left center;
  padding-left: 64px;
}
.intro .produce-h5 {
  padding: 208px 0 20px;
  font-size: 30px;
  line-height: 30px;
  color: #222;
}
.intro .produce-wrap {
  padding-bottom: 116px;
}
.intro .produce-h6 {
  font-size: 18px;
  line-height: 18px;
  color: #888;
  padding-bottom: 88px;
}

.culture div, .culture ul, .culture li, .culture span, .culture a {
  box-sizing: border-box;
}
.culture .co-titles {
  padding: 80px 0 110px;
}
.culture .co-titles:after {
  bottom: 76px;
}
.culture .wish-wrap {
  padding: 128px 0 96px;
  background: url(../images/png3.png) no-repeat left top 90px;
}
.culture .wish-wrap .w1200 {
  padding-top: 90px;
}
.culture .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 100px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.culture .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
}
.culture .inner-title-h5 {
  font-size: 18px;
  line-height: 30px;
  margin: 9px 0 70px;
  color: #222;
}
.culture .inner-title-h6 {
  font-size: 16px;
  line-height: 30px;
  color: 777;
}
.culture .culture-values-wrap {
  padding-bottom: 124px;
}
.culture .culture-values-txts {
  width: 50%;
  padding: 56px 56px 44px 36px;
  box-sizing: border-box;
  background: #fff;
}
.culture .culture-values-title {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 28px;
  color: #333;
}
.culture .culture-values-title:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #e9e9e9;
}
.culture .culture-values-detail {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  margin-top: 30px;
  padding-right: 10px;
}
.culture .spirit-wrap {
  padding-bottom: 66px;
}
.culture .spirit-items {
  width: 380px;
  height: 354px;
  background: #fff;
  padding: 0 38px;
  margin-bottom: 34px;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
}
.culture .spirit-items-middle {
  margin: 0 30px 34px;
}
.culture .sprit-items-img {
  position: relative;
  top: -1px;
  width: 54px;
  height: 96px;
  margin: 0 auto;
}
.culture .spirit-h5 {
  font-size: 22px;
  line-height: 30px;
  margin: 34px 0 20px;
  color: #333;
}
.culture .spirit-details {
  font-size: 14px;
  line-height: 30px;
  margin: 34px 0 20px;
  color: #777;
  max-height: 120px;
  overflow: hidden;
}

.equip div, .equip ul, .equip li, .equip span, .equip a {
  box-sizing: border-box;
}
.equip .co-titles {
  padding: 80px 0 110px;
}
.equip .co-titles:after {
  bottom: 76px;
}
.equip .scales-wrap {
  padding: 50px 0 130px;
}
.equip .scales-wrap .co-titles {
  padding-bottom: 96px;
}
.equip .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.equip .equip-strength-wrap {
  padding: 154px 0;
}
.equip .equip-strength-items {
  width: 570px;
  height: 386px;
  color: #fff;
  padding: 76px 50px 20px 44px;
  background: url(../images/png9.png) repeat;
}
.equip .equip-strength-cn {
  margin-right: 10px;
}
.equip .equip-strength-title {
  font-size: 28px;
  line-height: 30px;
  padding-bottom: 28px;
}
.equip .equip-strength-title:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #e9e9e9;
}
.equip .equip-strength-detail {
  font-size: 14px;
  line-height: 30px;
  margin-top: 30px;
  padding-right: 10px;
  max-height: 180px;
  overflow: hidden;
}
.equip .equip-line-items {
  width: 534px !important;
  overflow: hidden;
  margin-right: 32px  !important;
}
.equip .equip-line-wrap {
  padding: 50px 0 165px;
}
.equip .animation-wrap {
  padding-bottom: 124px;
}
.equip .animation-wrap .co-titles {
  padding: 120px 0 82px;
}
.equip .animation-wrap .co-titles:after {
  bottom: 46px;
}
.equip .animation-wrap .animation-img-wrap {
  border-bottom: 1px solid #e9e9e9;
}
.equip .animation-wrap .animation-title {
  border-bottom: 1px solid #e9e9e9;
}
.equip .animation-title {
  padding: 64px 0 44px;
}
.equip .animation-img1 {
  margin: 36px auto;
}
.equip .animation-cn {
  padding: 0 20px 0 26px;
  border-left: 1px solid #019744;
  color: #019744;
  font-size: 24px;
  line-height: 30px;
}
.equip .animation-en {
  padding: 0 24px;
  background-color: #019744;
  color: #fefefe;
  font-size: 14px;
  line-height: 30px;
}
.equip .animation-items2 .animation-cn {
  border-left-color: #ae4685;
  color: #ae4685;
}
.equip .animation-items2 .animation-en {
  background-color: #ae4685;
}

.equip-line-wrap .hd {
  position: absolute;
  left: 0;
  bottom: -48px;
  width: 100%;
  height: 12px;
  text-align: center;
}
.equip-line-wrap .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #F08519;
  font-size: 0;
  margin: 0 3px;
  cursor: pointer;
}
.equip-line-wrap .hd li.on {
  background: #F08519;
  border-color: #F08519;
}

.alucosuper-wrap {
  padding: 50px 0 165px;
}
.alucosuper-wrap .co-titles {
  color: #fff;
}
.alucosuper-wrap .hd {
  position: absolute;
  left: 0;
  bottom: -76px;
  width: 100%;
  height: 12px;
  text-align: center;
}
.alucosuper-wrap .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 0;
  margin: 0 3px;
  cursor: pointer;
}
.alucosuper-wrap .hd li.on {
  background: #fff;
  border-color: #fff;
}

.coop div, .coop ul, .coop li, .coop span, .coop a {
  box-sizing: border-box;
}
.coop .co-titles {
  padding: 80px 0 110px;
}
.coop .co-titles:after {
  bottom: 76px;
}
.coop .scales-wrap {
  padding: 70px 0 80px;
}
.coop .scales-wrap .co-titles {
  padding-bottom: 96px;
}
.coop .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 46px;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #F08519;
}
.coop .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 46px;
}
.coop .inner-title-h6 {
  font-size: 16px;
  line-height: 30px;
  color: 777;
}
.coop .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.coop .client-wrap {
  padding-top: 0;
  padding-bottom: 76px;
}
.coop .coop-brand-li {
  width: 190px;
  height: 106px;
  border: 1px solid #e9e9e9;
  overflow: hidden;
  margin-right: 12px;
  margin-bottom: 14px;
  cursor: pointer;
}
.coop .coop-brand-li img {
  max-height: 100%;
  max-width: 100%;
}
.coop .coop-brand-li:nth-child(6n) {
  margin-right: 0;
}
.coop .coop-brand-li:hover {
  border-color: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.coop .owl-buttons {
  display: none;
}
.coop .owl-controls {
  height: 10px;
  margin-top: 42px;
}
.coop .owl-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  text-align: center;
}
.coop .owl-pagination .owl-page {
  cursor: pointer;
  height: 10px;
  display: inline-block;
}
.coop .owl-pagination .owl-page span {
  vertical-align: top;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #F08519;
  font-size: 0;
  margin: 0 3px;
  cursor: pointer;
}
.coop .owl-pagination .owl-page.active span {
  background: #F08519;
}
.coop .coop-brand-wrap {
  padding: 50px 0 94px;
}
.coop .view-more1 {
  display: block;
  margin: 60px auto 0;
  background: #F08519;
  color: #fff;
  width: 210px;
  height: 44px;
  text-align: center;
  font-size: 18px;
  line-height: 44px;
  border-radius: 24px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.coop .view-more1:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.coop .client-ul {
  padding-top: 60px !important;
}
.coop .client-items-wrap {
  padding: 106px 30px 56px 50px;
  color: #fff;
  background: #F08519;
}
.coop .client-items {
  cursor: pointer;
  padding: 0 70px;
}
.coop .client-img {
  position: absolute;
  left: 50%;
  top: -60px;
  width: 194px;
  height: 120px;
  margin-left: -97px;
}
.coop .client-title {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 60px;
}
.coop .client-title:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 30px;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #fff;
}
.coop .client-dt {
  font-size: 14px;
  line-height: 30px;
  height: 60px;
  padding-right: 30px;
  overflow: hidden;
}

.honour {
  background: #f7f7f7;
}
.honour div, .honour ul, .honour li, .honour span, .honour a {
  box-sizing: border-box;
}
.honour .honout-mains {
  padding-bottom: 76px;
}
.honour .co-titles {
  padding: 80px 0 110px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.honour .co-titles:after {
  width: 40px;
}
.honour .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 78px;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #F08519;
}
.honour .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 46px;
}
.honour .inner-title-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #777;
}
.honour .honour-items {
  background: #fff;
  margin-bottom: 34px;
}
.honour .honour-items .co-titles {
  padding-top: 0;
  font-size: 22px;
  line-height: 28px;
  color: #333;
  padding-bottom: 50px;
  margin-bottom: 0;
}
.honour .honour-items .co-titles .pro-cn-span {
  display: inline-block;
  margin-right: 10px;
}
.honour .honour-items .co-titles:after {
  width: 40px;
  bottom: 20px;
  left: 0;
  margin-left: 0;
}
.honour .scales-wrap {
  padding: 100px 0 80px;
}
.honour .scales-wrap .co-titles {
  padding-bottom: 96px;
}
.honour .ajax-name {
  cursor: pointer;
  width: 530px;
  font-size: 14px;
  color: #666;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid #e9e9e9;
}
.honour .ajax-name:hover {
  color: #F08519;
}
.honour .slimScrollRail {
  width: 1px !important;
  right: 2px !important;
}
.honour .ajax-content {
  width: 512px;
  overflow: hidden;
}
.honour .ajax-controls {
  width: 688px;
  background: #fff;
  padding: 44px;
}
.honour .ajax-name-wrap {
  padding-left: 3px;
}
.honour .client-title {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.honour .client-title:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 0;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #F08519;
}

.pro {
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding: 168px 0 104px;
}

.pro-side-wrap {
  width: 318px;
}
.pro-side-wrap div, .pro-side-wrap ul, .pro-side-wrap li, .pro-side-wrap span, .pro-side-wrap a {
  box-sizing: border-box;
}
.pro-side-wrap .pro-nav-wrap {
  margin-bottom: 94px;
}
.pro-side-wrap .pro-nav-items {
  background: #fff;
  margin-bottom: 8px;
}
.pro-side-wrap .red-star {
  color: #f91d1d;
  margin-left: 6px;
  font-size: 16px;
  line-height: 52px;
  position: relative;
  top: 2px;
}
.pro-side-wrap .pro-nav-title {
  height: 64px;
  line-height: 64px;
  font-size: 20px;
  color: #333;
  width: 318px;
  cursor: pointer;
  padding: 0 46px 0 30px;
  background: url(../images/png18.png) no-repeat center right 30px;
}
.pro-side-wrap .pro-nav-title.cur, .pro-side-wrap .pro-nav-title:hover {
  color: #fff;
  background: #F08519 url(../images/png18on.png) no-repeat center right 30px;
}
.pro-side-wrap .pro-nav-sub {
  padding: 0 34px;
  display: none;
}
.pro-side-wrap .pro-sub-name {
  height: auto;
  padding: 11px 0 11px 22px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
}
.pro-side-wrap .pro-sub-name:after {
  position: absolute;
  content: "";
  left: 0;
  top: 26px;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #c6c6c6;
}
.pro-side-wrap .pro-sub-name.cur, .pro-side-wrap .pro-sub-name:hover {
  color: #F08519;
}
.pro-side-wrap .pro-sub-name.cur:after, .pro-side-wrap .pro-sub-name:hover:after {
  background-color: #F08519;
}
.pro-side-wrap .pro-address-mains {
  background: #fff;
  padding: 0 18px;
}
.pro-side-wrap .pro-address-items {
  font-size: 14px;
  color: #666;
  line-height: 84px;
  height: 84px;
  padding: 0 12px 0 42px;
  border-bottom: 1px dashed #e9e9e9;
}
.pro-side-wrap .pro-address-items2 {
  line-height: 20px;
  padding-top: 28px;
  background-position: left top 20px !important;
}
.pro-side-wrap .pro-address-title {
  font-size: 30px;
  color: #F08519;
  background: #fcfcfc;
  line-height: 84px;
  padding: 0 12px 0 36px;
  border-top: 3px solid #F08519;
}
.pro-side-wrap .pro-address-s0 {
  width: 42px;
}
.pro-side-wrap .pro-address-s1 {
  width: 186px;
}

.pro-content-wrap {
  width: 866px;
}
.pro-content-wrap div, .pro-content-wrap ul, .pro-content-wrap li, .pro-content-wrap span, .pro-content-wrap a {
  box-sizing: border-box;
}
.pro-content-wrap .pro-title {
  font-size: 26px;
  line-height: 28px;
  padding: 24px 40px;
  color: #333;
  background: #fff;
}
.pro-content-wrap .pro-hot {
  width: 14px;
  height: 24px;
  margin-left: 14px;
  background: url(../images/ico7.png) no-repeat center bottom;
}
.pro-content-wrap .pro-title-dt {
  font-size: 18px;
  margin-left: 10px;
}
.pro-content-wrap .pro-items {
  padding: 0 40px 30px;
  background: #fff;
  margin-bottom: 24px;
  border-radius: 4px;
}
.pro-content-wrap .pro-items img {
  display: block;
  max-width: 100%;
  margin:0 auto 30px;
  /*margin-bottom: 30px;*/
}
.pro-content-wrap .pro-items4 {
  padding: 0;
}
.pro-content-wrap .color-ajax-content {
  padding: 34px 40px 0;
}
.pro-content-wrap .pro-items1 {
  padding-top: 30px;
}
.pro-content-wrap .pro-line0 {
  height: 1px;
  background: #e9e9e9;
  margin: 24px 0;
}
.pro-content-wrap .pro-h4 {
  font-size: 24px;
  line-height: 36px;
  color: #222;
  padding-bottom: 26px;
}
.pro-content-wrap .pro-h5 {
  height: 106px;
  line-height: 106px;
  font-size: 26px;
  color: #F08519;
  padding-left: 36px;
  padding-bottom: 26px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e9e9e9;
}
.pro-content-wrap .pro-p-wrap {
  font-size: 14px;
  line-height: 30px;
  color: #3f3f3f;
}
.pro-content-wrap .pro-nums-num {
  background: #f6f7fa;
  height: 90px;
  width: 90px;
  line-height: 90px;
  color: #888;
  font-size: 24px;
}
.pro-content-wrap .pro-nums-txt {
  width: 696px;
  padding: 19px 40px 19px 22px;
  border: 1px solid #e9e9e9;
  border-left: none;
  height: 90px;
  line-height: 26px;
  color: #777;
  font-size: 14px;
}
.pro-content-wrap .pro-nums-items {
  margin-bottom: 24px;
}
.pro-content-wrap .pro-nums-items:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.pro-content-wrap .pro-nums-items:hover .pro-nums-num {
  background: #F08519;
  color: #fff;
}
.pro-content-wrap .pro-slide-li {
  width: 380px !important;
  margin-right: 36px !important;
}
.pro-content-wrap .pro-slide-li img {
  margin-bottom: 0;
}
.pro-content-wrap .pro-slide-txt {
  font-size: 18px;
  line-height: 56px;
  color: #888;
}
.pro-content-wrap .pro-slide-wrap {
  padding-bottom: 64px;
}
.pro-content-wrap .pro-slide-wrap .hd {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 100%;
  height: 12px;
  text-align: center;
}
.pro-content-wrap .pro-slide-wrap .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #F08519;
  font-size: 0;
  margin: 0 3px;
  cursor: pointer;
}
.pro-content-wrap .pro-slide-wrap .hd li.on {
  background: #F08519;
  border-color: #F08519;
}
.pro-content-wrap .color-nav-wrap {
  padding: 0 50px;
  border-bottom: 1px solid #e9e9e9;
}
.pro-content-wrap .color-ajax-btn {
  font-size: 18px;
  line-height: 64px;
  color: #666;
  margin-right: 155px;
  cursor: pointer;
}
.pro-content-wrap .color-ajax-btn.cur, .pro-content-wrap .color-ajax-btn:hover {
  color: #F08519;
  border-bottom: 2px solid #F08519;
}
.pro-content-wrap .color-ajax-btn4 {
  margin-right: 0;
}
.pro-content-wrap .color-img-wrap {
  overflow: hidden;
  width: 250px;
  border-radius: 5px;
  margin-right: 18px;
}
.color-imgs {
  border-radius: 10px;
  height: 200px;
}
.pro-content-wrap .color-img-wrap img {
  margin-bottom: 0;
  transition: all .3s linear;
}
.pro-content-wrap .color-img-wrap:hover img {
  transform: scale(1.1);
}
.pro-content-wrap .color-img-wrap3 {
  margin-right: 0;
}
.pro-content-wrap .color-img-txt {
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 16px;
  color: #666;
}
.pro-content-wrap .color-remind {
  width: 16px;
  height: 74px;
  margin-right: 10px;
  vertical-align: top;
  background: url(../images/ico10.png) no-repeat center;
}
.pro-content-wrap .color-red {
  vertical-align: top;
  color: #f91d1d;
}
.pro-content-wrap .color-bot {
  width: 100%;
  background: #fff;
  height: 74px;
  border-top: 1px solid #e9e9e9;
  line-height: 74px;
  font-size: 18px;
  color: #666;
}

.develop {
  padding-bottom: 110px;
  background-color: #f5f5f5;
}
.develop div, .develop ul, .develop li, .develop span, .develop a {
  box-sizing: border-box;
}
.develop .inner-nav-wrap .inner-nav-a {
  width: 16.6%;
}
.develop .co-titles {
  padding: 80px 0 110px;
}
.develop .co-titles:after {
  bottom: 76px;
}
.develop .scales-wrap {
  padding: 20px 0 70px;
}
.develop .scales-wrap .co-titles {
  padding-bottom: 80px;
}
.develop .scales-wrap .co-titles:after {
  bottom: 40px;
}
.develop .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.develop .innovate-wrap {
  padding-bottom: 154px;
}
.develop .innovate-items {
  width: 386px;
  height: 460px;
  background: #fff;
  padding: 50px 36px 0;
  margin-right: 21px;
  border-radius: 5px;
  cursor: pointer;
}
.develop .innovate-items.innovate-items3 {
  margin-right: 0;
}
.develop .innovate-items:hover {
  background: #F08519;
}
.develop .innovate-items:hover .innovate-detail, .develop .innovate-items:hover .innovate-title {
  color: #fff;
}
.develop .innovate-items:hover .innovate-title:after {
  background: #fff;
}
.develop .innovate-img {
  width: 50px;
  margin: 0 auto;
}
.develop .innovate-title {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 28px;
  color: #333;
  padding: 40px 0 36px;
}
.develop .innovate-title:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 18px;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #e9e9e9;
}
.develop .innovate-detail {
  font-size: 14px;
  line-height: 28px;
  color: #777;
  max-height: 196px;
  overflow: hidden;
}
.develop .innovate2-items {
  width: 374px;
  height: 460px;
  background: #fff;
  padding: 34px 22px 50px 40px;
  margin-right: 39px;
  border-radius: 5px;
  cursor: pointer;
}
.develop .innovate2-items.innovate2-items3 {
  margin-right: 0;
}
.develop .innovate2-title {
  font-size: 24px;
  line-height: 30px;
  padding-left: 33px;
  color: #333;
  margin-bottom: 20px;
}
.develop .innovate2-title:after {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -16px;
  bottom: 18px;
  display: inline-block;
  width: 32px;
  height: 2px;
  background: #e9e9e9;
}
.develop .slimScrollRail {
  width: 1px !important;
  right: 2px !important;
}
.develop .innovate2-detail {
  font-size: 14px;
  line-height: 34px;
  color: #777;
  max-height: 196px;
  overflow: hidden;
}
.develop .innovate2-wrap {
  padding-bottom: 100px;
}
.develop .innovate2-wrap .co-titles {
  color: #fff;
}
.develop .innovate2-wrap .co-titles:after {
  background: #fff;
}

.awards-wrap .co-titles {
  padding: 100px 0 90px;
}
.awards-wrap .co-titles:after {
  bottom: 50px;
}
.awards-wrap .orbit-wrapper {
  position: relative;
  width: 100% !important;
}
.awards-wrap div.orbit {
  width: 1200px !important;
  margin: 0 auto !important;
}
.awards-wrap .scales-h6 {
  margin-bottom: 76px;
}
.awards-wrap .orbit-btns {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  z-index: 3;
  width: 100%;
  height: 36px;
}
.awards-wrap .orbit-btns .orbit-btn {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  cursor: pointer;
}
.awards-wrap .orbit-btns .prev {
  left: 34px;
  background: url(../images/prev3.png) left center no-repeat;
  background-size: 35px;
}
.awards-wrap .orbit-btns .prev:hover {
  background: url(../images/prev3on.png) left center no-repeat;
  background-size: 35px;
}
.awards-wrap .orbit-btns .next {
  right: 34px;
  background: url(../images/next3.png) right center no-repeat;
  background-size: 35px;
}
.awards-wrap .orbit-btns .next:hover {
  background: url(../images/next3on.png) right center no-repeat;
  background-size: 35px;
}

.tech {
  background-color: #f5f5f5;
}
.tech div, .tech ul, .tech li, .tech span, .tech a {
  box-sizing: border-box;
}
.tech .inner-nav-wrap .inner-nav-a {
  width: 16.6%;
}
.tech .scales-wrap {
  padding: 50px 0 110px;
}
.tech .scales-wrap .co-titles {
  padding: 60px 0;
}
.tech .scales-wrap .co-titles:after {
  bottom: 30px;
}
.tech .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.tech .tech-img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin-left: 33px;
}
.tech .tech-title {
  font-size: 18px;
  line-height: 24px;
  color: #333;
  max-width: 1000px;
}
.tech .tech-detail {
  display: none;
  background: #fff;
  font-size: 14px;
  line-height: 30px;
  color: #666;
  padding: 38px 32px 64px;
}
.tech .tech-item-top {
  cursor: pointer;
  padding: 23px 0;
  background: #fff url(../images/jia.png) no-repeat right 86px center;
}
.tech .tech-item-top.cur {
  background: #F08519 url(../images/jian.png) no-repeat right 86px center;
}
.tech .tech-item-top.cur .tech-title {
  color: #fff;
}
.tech .tech-items {
  background: #fff;
  margin-bottom: 8px;
}
.tech .tech-wrap {
  padding-bottom: 115px;
}

.down {
  background-color: #f5f5f5;
}
.down div, .down ul, .down li, .down span, .down a {
  box-sizing: border-box;
}
.down .inner-nav-wrap .inner-nav-a {
  width: 20%;
}
.down .scales-wrap {
  padding: 50px 0 70px;
}
.down .scales-wrap .co-titles {
  padding: 60px 0;
}
.down .scales-wrap .co-titles:after {
  bottom: 30px;
}
.down .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.down .down-ajax-btn {
  height: 52px;
  padding: 0 30px;
  line-height: 52px;
  border-radius: 26px;
  margin: 0 5px;
  color: #222;
  font-size: 16px;
  background: #fff;
  cursor: pointer;
}
.down .down-ajax-btn:hover, .down .down-ajax-btn.cur {
  background: #F08519;
  color: #fff;
}
.down .tech-wrap {
  margin-top: 78px;
  padding-bottom: 118px;
}
.down .tech-items-a {
  width: 588px;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  padding: 0 80px 0 40px;
  border-radius: 5px;
  background: #fff url(../images/yun.png) no-repeat right 45px center;
}
.down .tech-items-a:nth-child(2n) {
  margin-left: 24px;
}
.down .tech-items-a:hover {
  color: #fff;
  background: #F08519 url(../images/yunon.png) no-repeat right 45px center;
}
.down .color-img-wrap {
  width: 278px;
  margin: 0 11px 16px;
}
.down .color-img-txt {
  font-size: 18px;
  line-height: 36px;
  color: #666;
}

.down.match {
  background-color: #fafafa;
}

.down.faq {
  background-color: #fafafa;
}

.faq {
  background-color: #f5f5f5;
}
.faq .inner-nav-wrap .inner-nav-a {
  width: 20%;
}
.faq div, .faq ul, .faq li, .faq span, .faq a {
  box-sizing: border-box;
}
.faq .scales-wrap {
  padding: 50px 0 70px;
}
.faq .scales-wrap .co-titles {
  padding: 60px 0;
}
.faq .selct-title .co-titles{
  padding: 73px 0 15px;
}
.faq .selct-title .co-titles:after{
  display: none;
}
.faq .scales-wrap .co-titles:after {
  bottom: 30px;
}
.faq .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.faq .faq-img-wrap {
  width: 354px;
}
.faq .faq-h5 {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-bottom: 22px;
  max-width: 530px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.faq .faq-time-wrap {
  font-size: 14px;
  line-height: 24px;
  color: #9a9a9a;
}
.faq .faq-time {
  margin-left: 10px;
}
.faq .faq-details {
  font-size: 14px;
  line-height: 24px;
  color: #777;
  height: 48px;
  overflow: hidden;
}
.faq .faq-items {
  padding: 24px 54px 24px 24px;
  background: #fff;
  margin-bottom: 18px;
}
.faq .faq-items:hover {
  background: #F08519;
}
.faq .faq-items:hover .faq-img {
  transform: scale(1.1);
}
.faq .faq-items:hover .faq-h5, .faq .faq-items:hover .faq-time-wrap, .faq .faq-items:hover .faq-details {
  color: #fff;
}
.faq .faq-items:hover .view-more1 {
  background: #fff;
  color: #333;
}
.faq .tech-wrap {
  padding-bottom: 90px;
}
.faq .faq-txts-wrap {
  /*width: 768px;*/
  padding-top: 32px;
  padding-left: 32px;
}
.faq .view-more1 {
  display: block;
  margin-top: 50px;
  background: #F08519;
  color: #fff;
  width: 146px;
  height: 38px;
  text-align: center;
  font-size: 14px;
  line-height: 38px;
  border-radius: 19px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.faq .view-more1:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.case .down-ajax-btn {
  background: transparent;
}
.case .case-items {
  font-size: 18px;
  line-height: 80px;
  background: #fff;
  margin-bottom: 32px;
}
.case .pro-names-wrap {
  border-right: 1px solid #e9e9e9;
}
.case .tech-wrap {
  padding-bottom: 90px;
}

.news {
  background-color: #f5f5f5;
}
.news .inner-nav-wrap .inner-nav-a {
  width: 50%;
}
.news .inner-nav-wrap3 .inner-nav-a {
  width: 33.3%;
}
.news div, .news ul, .news li, .news span, .news a {
  box-sizing: border-box;
}
.news .scales-wrap {
  padding: 50px 0 70px;
}
.news .scales-wrap .co-titles {
  padding: 60px 0;
}
.news .scales-wrap .co-titles:after {
  bottom: 30px;
}
.news .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.news .news-title {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  margin-top: 22px;
  margin-bottom: 18px;
}
.news .news-time-wrap {
  padding-left: 28px;
  background: url(../images/time1.png) no-repeat left center;
  font-size: 14px;
  line-height: 24px;
  color: #9a9a9a;
}
.news .news-time {
  margin-left: 10px;
}
.news .news-details {
  font-size: 14px;
  line-height: 24px;
  color: #777;
  height: 48px;
  overflow: hidden;
}
.news .news-txts-wrap {
  padding: 60px 42px 0;
}
.news .news-items {
  background: #fff;
}
.news .news-items:hover {
  background: #F08519;
}
.news .news-items:hover .news-img {
  transform: scale(1.1);
}
.news .news-items:hover .news-title, .news .news-items:hover .news-time-wrap, .news .news-items:hover .news-details {
  color: #fff;
}
.news .news-items:hover .view-more1 {
  background: #fff;
  color: #333;
}
.news .news-items:hover .news-time-wrap {
  background: url(../images/time2.png) no-repeat left center;
}
.news .tech-wrap {
  padding-bottom: 90px;
}
.news .view-more1 {
  display: block;
  margin-top: 50px;
  background: #F08519;
  color: #fff;
  width: 146px;
  height: 38px;
  text-align: center;
  font-size: 14px;
  line-height: 38px;
  border-radius: 19px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.news .view-more1:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.Infowrap {
  padding-bottom: 60px;
}
.Infowrap div, .Infowrap ul, .Infowrap li, .Infowrap span, .Infowrap a {
  box-sizing: border-box;
}
.Infowrap .newsInfo-wrap {
  padding: 60px 30px;
  background: #fff;
  margin-top: 60px;
}
.Infowrap .newsInfo-wrap img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.Infowrap .info-title {
  font-size: 28px;
  line-height: 40px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.Infowrap .info-dates {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  text-align: center;
  margin: 20px auto;
}
.Infowrap .info-dt-wrap {
  font-size: 16px;
  line-height: 32px;
  color: #3f3f3f;
  padding: 20px 0;
  margin-bottom: 20px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
.Infowrap .info-bot-dl {
  width: 70%;
  color: #666;
  line-height: 36px;
  font-size: 14px;
}
.Infowrap .info-bot-dl a {
  color: #333;
}
.Infowrap .info-bot-dr {
  padding-top: 16px;
}
.Infowrap .news-return-a {
  display: block;
  width: 110px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #F08519;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
}

.faqInfo .inner-nav-wrap .inner-nav-a {
  width: 16.6%;
}

.newsInfo .inner-nav-wrap .inner-nav-a {
  width: 33%;
}

.investorInfo .inner-nav-wrap .inner-nav-a {
  width: 25%;
}

.investor {
  background: #f5f5f5;
}
.investor .inner-nav-wrap .inner-nav-a {
  width: 25%;
}
.investor .scales-wrap {
  padding: 50px 0 70px;
}
.investor .scales-wrap .co-titles {
  padding: 60px 0;
}
.investor .scales-wrap .co-titles:after {
  bottom: 30px;
}
.investor .scales-h6 {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
.investor div, .investor ul, .investor li, .investor span, .investor a {
  box-sizing: border-box;
}
.investor .view-more1 {
  display: block;
  background: #F08519;
  color: #fff;
  width: 170px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  border-radius: 22px;
}
.investor .view-more1:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.investor .investor-wrap {
  padding-bottom: 110px;
}
.investor .investor-wrap .investor-txts-wrap {
  padding: 34px 18px 0;
}
.investor .investor-wrap .investor-h5 {
  font-size: 20px;
  line-height: 32px;
  color: #333;
}
.investor .investor-wrap .investor-dt {
  font-size: 14px;
  line-height: 26px;
  height: 52px;
  overflow: hidden;
  color: #888;
  margin: 14px 0 42px;
}
.investor .investor-wrap .investor-items {
  width: 380px;
  margin-right: 30px;
  padding: 8px 8px 42px;
  margin-bottom: 30px;
  background: #fff;
}
.investor .investor-wrap .investor-items.investor-items3 {
  margin-right: 0;
}
.investor .investor-wrap .investor-items:hover {
  background: #F08519;
}
.investor .investor-wrap .investor-items:hover .investor-img {
  transform: scale(1.1);
}
.investor .investor-wrap .investor-items:hover .view-more1 {
  background: #fff;
  color: #333;
}
.investor .investor-wrap .investor-items:hover .investor-h5, .investor .investor-wrap .investor-items:hover .investor-dt {
  color: #fff;
}

.messages {
  background: #fff;
  padding: 78px 0 68px;
  box-sizing: border-box;
}
.messages div, .messages ul, .messages li, .messages span, .messages a {
  box-sizing: border-box;
}
.messages .mess-td1 {
  width: 286px;
  height: 48px;
  margin-right: 18px;
}
.messages .mess-td11 {
  margin-right: 0;
}
.messages .mess-td1 {
  margin-bottom: 8px;
}
.messages .mess-td2 {
  margin-bottom: 44px;
}
.messages .mess-td {
  line-height: 28px;
  font-size: 16px;
  color: #333;
  padding: 10px 10px 10px 18px;
  border: 1px solid #e9e9e9;
}
.messages .mess-en {
  margin-right: 6px;
}
.messages .mess-title {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 56px;
  color: #333;
}
.messages .mess-txt-span {
  margin-right: 4px;
}
.messages .mess-input {
  display: inline-block;
  background: none;
  border-width: 0;
  height: 28px;
  width: 170px;
}
.messages .mess-submit {
  display: block;
  background: #F08519;
  border-width: 0;
  color: #fff;
  text-align: center;
  border-radius: 23px;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  width: 366px;
  margin-top: 44px;
}
.messages .mess-textarea {
  width: 1172px;
  height: 145px;
  border-width: 0;
}

.competition {
  background: #f7f7f7;
}
.competition div, .competition ul, .competition li, .competition span, .competition a {
  box-sizing: border-box;
}
.competition .inner-nav-wrap .inner-nav-a {
  width: 33.3%;
}
.competition .co-titles {
  padding: 80px 0 110px;
}
.competition .co-titles:after {
  bottom: 76px;
}
.competition .wish-wrap {
  padding: 128px 0 96px;
  background: url(../images/png3.png) no-repeat left top 90px;
}
.competition .wish-wrap .w1200 {
  padding-top: 90px;
}
.competition .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 100px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.competition .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
}
.competition .inner-title-h5 {
  font-size: 18px;
  line-height: 30px;
  margin: 9px 0 70px;
  color: #222;
}
.competition .inner-title-h6 {
  font-size: 16px;
  line-height: 30px;
  color: 777;
}

.core-wrap {
  padding-bottom: 20px;
  box-sizing: border-box;
}
.core-wrap div, .core-wrap ul, .core-wrap li, .core-wrap span, .core-wrap a {
  box-sizing: border-box;
}
.core-wrap .core-items {
  width: 385px;
  margin-right: 22px;
}
.core-wrap .core-items3 {
  margin-right: 0;
}
.core-wrap .co-titles {
  background: #0e73b9;
  color: #fff;
  height: 380px;
}
.core-wrap .co-titles:after {
  left: 50%;
  bottom: 250px;
  background: #fff;
  margin-left: -16px;
}
.core-wrap .core-txts {
  padding: 34px 40px 48px;
  box-sizing: border-box;
  background: #fff;
}
.core-wrap .core-title {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 22px;
  color: #333;
}
.core-wrap .core-title:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 32px;
  margin-left: -16px;
  height: 2px;
  background: #bfbfbf;
}
.core-wrap .core-items-wrap {
  position: relative;
  margin-top: -180px;
}
.core-wrap .core-detail {
  font-size: 14px;
  line-height: 28px;
  color: #777;
  margin-top: 30px;
  height: 90px;
  overflow: hidden;
}

.salary-wrap {
  box-sizing: border-box;
}
.salary-wrap div, .salary-wrap ul, .salary-wrap li, .salary-wrap span, .salary-wrap a {
  box-sizing: border-box;
}
.salary-wrap .co-titles {
  color: #fff;
}
.salary-wrap .co-titles:after {
  background: #fff;
}
.salary-wrap .salary-ul-wrap {
  padding-bottom: 144px;
}
.salary-wrap .salary-li {
  width: 280px !important;
  margin-right: 26px !important;
  height: 356px;
  background: #fff;
  padding: 48px 26px 0;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
}
.salary-wrap .salary-h5 {
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 50px;
  color: #333;
}
.salary-wrap .salary-h5:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 26px;
  display: inline-block;
  width: 24px;
  height: 3px;
  margin-left: -12px;
  background: #F08519;
}
.salary-wrap .salary-details {
  font-size: 14px;
  line-height: 36px;
  margin-bottom: 20px;
  color: #666;
  max-height: 216px;
  overflow: hidden;
}
.salary-wrap .hd {
  position: absolute;
  left: 0;
  bottom: 80px;
  width: 100%;
  height: 10px;
  text-align: center;
}
.salary-wrap .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 0;
  margin: 0 5px;
  cursor: pointer;
}
.salary-wrap .hd li.on {
  background: #fff;
  border-color: #fff;
}

.talents-wrap {
  box-sizing: border-box;
}
.talents-wrap div, .talents-wrap ul, .talents-wrap li, .talents-wrap span, .talents-wrap a {
  box-sizing: border-box;
}
.talents-wrap .co-titles {
  padding-bottom: 56px;
}
.talents-wrap .co-titles:after {
  bottom: 26px;
}
.talents-wrap .color-span {
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
}
.talents-wrap .color1 {
  background: #F08519;
}
.talents-wrap .color2 {
  background: #0e73b9;
}
.talents-wrap .color3 {
  background: #ea543c;
}
.talents-wrap .talents-img {
  width: 120px;
  margin: 0 auto 30px;
}
.talents-wrap .talents-ul-wrap {
  padding-bottom: 134px;
}
.talents-wrap .talents-li {
  width: 385px !important;
  margin-right: 22px !important;
  height: 400px;
  background: #fff;
  padding: 44px 40px 0;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
}
.talents-wrap .talents-li.talents-li3 {
  margin-right: 0 !important;
}
.talents-wrap .talents-details {
  font-size: 14px;
  line-height: 30px;
  color: #666;
  max-height: 150px;
  overflow: hidden;
}
.talents-wrap .talents-h5 {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  padding-bottom: 56px;
}
.talents-wrap .hd {
  position: absolute;
  left: 0;
  bottom: 76px;
  width: 100%;
  height: 10px;
  text-align: center;
}
.talents-wrap .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #F08519;
  font-size: 0;
  margin: 0 5px;
  cursor: pointer;
}
.talents-wrap .hd li.on {
  background: #F08519;
  border-color: #F08519;
}

.train-wrap {
  padding-bottom: 80px;
  box-sizing: border-box;
}
.train-wrap div, .train-wrap ul, .train-wrap li, .train-wrap span, .train-wrap a {
  box-sizing: border-box;
}
.train-wrap .co-titles {
  padding-bottom: 56px;
}
.train-wrap .co-titles:after {
  bottom: 26px;
}
.train-wrap .train-img {
  width: 250px;
  border-radius: 5px;
}
.train-wrap .train-txts {
  width: 950px;
  padding: 40px 80px 0 40px;
}
.train-wrap .train-items {
  background: #fff;
  margin-bottom: 12px;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
}
.train-wrap .train-details {
  font-size: 14px;
  line-height: 30px;
  color: #777;
  max-height: 150px;
  overflow: hidden;
}
.train-wrap .train-h5 {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  padding-bottom: 22px;
}

.aim-wrap {
  padding: 177px 0;
  box-sizing: border-box;
}
.aim-wrap div, .aim-wrap ul, .aim-wrap li, .aim-wrap span, .aim-wrap a {
  box-sizing: border-box;
}
.aim-wrap .co-titles {
  padding-bottom: 56px;
  padding-top: 0;
}
.aim-wrap .co-titles:after {
  bottom: 26px;
  background: #c9c9c9;
}
.aim-wrap .aim-items {
  width: 572px;
  height: 330px;
  background: #fff;
  margin-right: 56px;
  overflow: hidden;
  padding: 74px 77px 20px;
  box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);
}
.aim-wrap .aim-items2 {
  margin-right: 0;
}
.aim-wrap .aim-dt {
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.recruit {
  background: #f7f7f7;
  padding: 90px 0 110px;
  box-sizing: border-box;
}
.recruit div, .recruit ul, .recruit li, .recruit span, .recruit a {
  box-sizing: border-box;
}
.recruit .inner-nav-wrap .inner-nav-a {
  width: 33.3%;
}
.recruit .wish-wrap {
  padding: 110px 0 96px;
}
.recruit .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 60px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.recruit .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 60px;
}
.recruit .inner-title-h5 {
  font-size: 18px;
  line-height: 30px;
  color: #222;
}
.recruit .co-titles {
  padding-bottom: 56px;
  padding-top: 0;
}
.recruit .co-titles:after {
  bottom: 26px;
  background: #c9c9c9;
}
.recruit .recruit-items {
  width: 380px;
  height: 410px;
  background: #fff;
  margin-right: 30px;
  overflow: hidden;
  padding: 30px 36px 0;
  margin-bottom: 34px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.recruit .recruit-items:nth-child(3n) {
  margin-right: 0;
}
.recruit .recruit-items:hover {
  background: #F08519;
}
.recruit .recruit-items:hover .recruit-num, .recruit .recruit-items:hover .recruit-bot-p, .recruit .recruit-items:hover .recruit-time, .recruit .recruit-items:hover .recruit-title, .recruit .recruit-items:hover .recruit-demand {
  color: #fff;
}
.recruit .recruit-items:hover .recruit-bot {
  border-top-color: #fff;
}
.recruit .recruit-items:hover .recruit-more1 {
  background: #fff;
}
.recruit .recruit-items3 {
  margin-right: 0;
}
.recruit .recruit-num, .recruit .recruit-bot-p {
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.recruit .recruit-bot {
  padding-top: 24px;
  margin-top: 14px;
  border-top: 1px solid #e9e9e9;
}
.recruit .recruit-bot-p {
  margin: 14px 0;
  height: 78px;
  overflow: hidden;
}
.recruit .recruit-time {
  font-size: 14px;
  line-height: 26px;
  color: #aaa;
}
.recruit .recruit-title {
  font-size: 18px;
  line-height: 24px;
  color: #333;
  margin-bottom: 14px;
}
.recruit .recruit-demand {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}
.recruit .recruit-more1 {
  margin-top: 50px;
  background: #e5e5e5;
  color: #666;
  font-size: 14px;
  line-height: 40px;
  width: 140px;
  height: 40px;
  border-radius: 20px;
}
.recruit .view-more1 {
  background: #F08519;
  color: #fff;
  font-size: 14px;
  line-height: 46px;
  width: 290px;
  height: 46px;
  margin: 36px auto 0;
  border-radius: 23px;
  cursor: pointer;
}

.recruit-ajax-bg {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../images/bg060.png) repeat;
  box-sizing: border-box;
}
.recruit-ajax-bg div, .recruit-ajax-bg ul, .recruit-ajax-bg li, .recruit-ajax-bg span, .recruit-ajax-bg a {
  box-sizing: border-box;
}
.recruit-ajax-bg .yaoqiu-wrap {
  padding-right: 12px;
}
.recruit-ajax-bg .recruit-dt-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -600px;
  width: 960px;
  height: 480px;
  background: #fff;
  overflow: visible;
  padding: 36px 56px 46px;
}
.recruit-ajax-bg .recruit-dt-wrap .recruit-close-btn {
  background: url(../images/close1.png) repeat;
  background-size: 100% !important;
  width: 40px;
  height: 40px;
  top: -46px;
  right: -46px;
  cursor: pointer;
}
.recruit-ajax-bg .recruit-dt {
  padding-bottom: 46px;
}
.recruit-ajax-bg .recruit-name {
  font-size: 26px;
  line-height: 26px;
  color: #333;
}
.recruit-ajax-bg .yaoqiu-h5 {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  padding-bottom: 16px;
}
.recruit-ajax-bg .yaoqiu-dt {
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.recruit-ajax-bg .recruit-ico0 {
  font-size: 12px;
  line-height: 26px;
  color: #777;
  padding-left: 26px;
  background: url(../images/hhh.png) no-repeat left center;
  background-size: 14px;
  margin-right: 10px;
}
.recruit-ajax-bg .recruit-name-wrap {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 30px;
  margin-bottom: 42px;
}
.recruit-ajax-bg .yaoqiu-bot {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #e9e9e9;
}
.recruit-ajax-bg .yaoqiu-items1 {
  padding-bottom: 34px;
  padding-top: 20px;
}
.recruit-ajax-bg .toForm-a {
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #F08519;
}
.recruit-ajax-bg .yaoqiu-tele-wrap {
  font-size: 14px;
  line-height: 50px;
}
.recruit-ajax-bg .yaoqiu-tele {
  vertical-align: top;
  background: url(../images/tele0.png) no-repeat left center;
  background-size: 14px;
  margin-right: 40px;
  padding-left: 24px;
}
.recruit-ajax-bg .yaoqiu-email {
  vertical-align: top;
  background: url(../images/em0.png) no-repeat left center;
  background-size: 14px;
  padding-left: 24px;
}

.elegant div, .elegant ul, .elegant li, .elegant span, .elegant a {
  box-sizing: border-box;
}
.elegant .inner-nav-wrap .inner-nav-a {
  width: 33.3%;
}
.elegant .co-titles {
  padding: 80px 0 110px;
}
.elegant .co-titles:after {
  bottom: 76px;
}
.elegant .wish-wrap {
  padding: 100px 0 96px;
}
.elegant .wish-wrap .w1200 {
  padding-top: 90px;
}
.elegant .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 60px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.elegant .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 60px;
}
.elegant .inner-title-h5 {
  font-size: 18px;
  line-height: 30px;
  margin: 9px 0 70px;
  color: #222;
}
.elegant .elegant-title {
  font-size: 24px;
  line-height: 54px;
  padding-left: 74px;
  color: #333;
  margin-bottom: 22px;
}
.elegant .ele-img {
  width: 286px;
}
.elegant .elegant-img-wrap {
  width: 600px;
}
.elegant .elegant-txts {
  width: 560px;
  padding-right: 44px;
}
.elegant .ele-img1 {
  margin-right: 28px;
}
.elegant .elegant-detail {
  font-size: 14px;
  line-height: 28px;
  color: #777;
  max-height: 112px;
  overflow: hidden;
}
.elegant .elegant-items {
  padding-bottom: 78px;
  margin-bottom: 78px;
  border-bottom: 1px solid #e9e9e9;
}

.sell {
  box-sizing: border-box;
  padding-bottom: 100px;
  background: #f7f7f7;
}
.sell div, .sell ul, .sell li, .sell span, .sell a {
  box-sizing: border-box;
}
.sell .inner-nav-wrap .inner-nav-a {
  width: 50%;
}
.sell .co-titles {
  padding: 80px 0 110px;
}
.sell .co-titles:after {
  bottom: 76px;
}
.sell .wish-wrap {
  padding: 100px 0 0;
}
.sell .wish-wrap .w1200 {
  padding-top: 90px;
}
.sell .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 60px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.sell .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 60px;
}
.sell .inner-title-h5 {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 9px 0 70px;
}
.sell .elegant-title {
  font-size: 24px;
  line-height: 54px;
  padding-left: 74px;
  color: #333;
  margin-bottom: 22px;
}
.sell .ele-img {
  width: 286px;
}
.sell .elegant-img-wrap {
  width: 600px;
}
.sell .elegant-txts {
  width: 560px;
  padding-right: 44px;
}
.sell .ele-img1 {
  margin-right: 28px;
}
.sell .elegant-detail {
  font-size: 14px;
  line-height: 28px;
  color: #777;
  max-height: 112px;
  overflow: hidden;
}
.sell .elegant-items {
  padding-bottom: 78px;
  margin-bottom: 78px;
  border-bottom: 1px solid #e9e9e9;
}
.sell .sell-items {
  background: #fff;
  padding: 40px 42px 74px;
  margin-bottom: 10px;
}
.sell .sell-items-nums {
  font-size: 36px;
  color: #F08519;
  line-height: 36px;
  vertical-align: text-bottom;
}
.sell .sell-items-title {
  font-size: 20px;
  color: #F08519;
  line-height: 28px;
  vertical-align: text-bottom;
}
.sell .sell-detail-wrap {
  font-size: 14px;
  color: #666;
  line-height: 30px;
  padding-right: 14px;
}
.sell .sell-dt {
  width: 350px !important;
}
.sell .sell-odd {
  float: left;
  width: 590px;
  margin-right: 10px;
}
.sell .sell-odd .sell-items-title {
  max-width: 620px;
  overflow: hidden;
}
.sell .sell-odd .sell-detail, .sell .sell-odd .sell-dt-title {
  width: 350px;
}
.sell .sell-even {
  float: right;
  width: 590px;
}
.sell .sell-even .sell-items-title {
  max-width: 160px;
}
.sell .sell-even .sell-detail, .sell .sell-even .sell-dt-title {
  width: 310px;
}
.sell .sell-even .sell-dt {
  width: 310px !important;
}
.sell .sell-dt-title {
  font-size: 18px;
  color: #333;
  line-height: 42px;
  margin-bottom: 6px;
}
.sell .sell-items-top {
  padding-bottom: 30px;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 22px;
}

.sell-btns {
  position: relative;
  width: 80px;
  height: 36px;
  display: none;
}
.sell-btns.on {
  display: inline-block;
}
.sell-btns .sell-btn {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  cursor: pointer;
}
.sell-btns .prev {
  left: 0;
  background: url(../images/prev3.png) left center no-repeat;
}
.sell-btns .prev:hover {
  background: url(../images/prev3on.png) left center no-repeat;
}
.sell-btns .next {
  right: 0;
  background: url(../images/next3.png) right center no-repeat;
}
.sell-btns .next:hover {
  background: url(../images/next3on.png) right center no-repeat;
}

.address {
  box-sizing: border-box;
  padding-bottom: 110px;
  background: #f7f7f7;
}
.address div, .address ul, .address li, .address span, .address a {
  box-sizing: border-box;
}
.address .inner-nav-wrap .inner-nav-a {
  width: 50%;
}
.address .co-titles {
  padding: 80px 0 110px;
}
.address .co-titles:after {
  bottom: 76px;
}
.address .wish-wrap {
  padding: 100px 0 0;
}
.address .wish-wrap .w1200 {
  padding-top: 90px;
}
.address .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 60px;
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #F08519;
}
.address .inner-title-h4 {
  font-size: 30px;
  line-height: 30px;
  color: #222;
  margin-bottom: 60px;
}
.address .inner-title-h5 {
  font-size: 18px;
  line-height: 30px;
  margin: 9px 0 70px;
  color: #222;
}
.address .sell-items-title {
  font-size: 20px;
  color: #F08519;
  line-height: 28px;
  vertical-align: text-bottom;
}
.address .sell-dt {
  font-size: 16px;
  color: #666;
  line-height: 42px;
}
.address .sell-items-top {
  padding-top: 58px;
  padding-bottom: 16px;
  font-size: 22px;
  color: #333;
  line-height: 28px;
  background: url(../images/add.png) no-repeat left top;
}
.address .sell-items {
  position: relative;
  -width: 586px;
  background: #fff;
  padding: 40px 48px 62px;
  margin-bottom: 24px;
  margin-right: 28px;
  overflow: visible;
  cursor: pointer;
}
.address .sell-items:hover, .address .sell-items.cur {
  background: #F08519;
}
.address .sell-items:hover .sell-items-title, .address .sell-items.cur .sell-items-title {
  color: #fff;
}
.address .sell-items:hover .sell-dt, .address .sell-items.cur .sell-dt {
  color: #fff;
}
.address .sell-items:hover .sell-items-top, .address .sell-items.cur .sell-items-top {
  color: #fff;
  background: url(../images/addon.png) no-repeat left top;
}
.address .sell-items:hover:after, .address .sell-items.cur:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 12px;
  left: 50%;
  bottom: -12px;
  margin-left: -12px;
  background: url(../images/thr.png) no-repeat left top;
  background-size: 24px;
}
.address .sell-items2 {
  margin-right: 0;
}

.address-ajax-wrap {
  background: #fff;
  padding: 12px;
  box-sizing: border-box;
}
.address-ajax-wrap div, .address-ajax-wrap ul, .address-ajax-wrap li, .address-ajax-wrap span, .address-ajax-wrap a {
  box-sizing: border-box;
}
.address-ajax-wrap .BMapLabel {
  box-sizing: border-box;
  padding: 24px 22px !important;
  border-radius: 5px  !important;
  background: #F08519 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 28px !important;
  width: 360px;
  height: 100px;
  border: none !important;
  white-space: pre-wrap !important;
}
.address-ajax-wrap .BMap_bubble_content {
  box-sizing: border-box;
  padding-top: 30px;
  font-size: 16px;
  line-height: 28px;
  color: #333;
}

@media (max-width: 1560px) {
  .intro .sub-company-txts {
    padding: 30px 10px 10px 50px;
  }

  .intro .sub-company-detail {
    margin-bottom: 40px;
  }

  .intro .sub-company-a {
    height: 40px;
    background-size: 40px !important;
    padding-left: 52px;
    line-height: 40px;
  }

  .intro .produce-h5 {
    padding-top: 110px;
  }
}
@media (max-width: 1480px) {
  .header .bocweb-logo, .header.bg0 .bocweb-logo, .header:hover .bocweb-logo {
    width: 120px;
    padding-top: 28px;
  }
  .header .nav-ul, .header.bg0 .nav-ul, .header:hover .nav-ul {
    margin-left: 20px;
    padding-left: 20px;
  }
  .header .nav-li, .header.bg0 .nav-li, .header:hover .nav-li {
    padding: 0 20px;
  }
  .header .language-wrap, .header.bg0 .language-wrap, .header:hover .language-wrap {
    margin-left: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 1700px){
  .coop .client-items {
    padding: 0 48px;
  }
}
@media (max-width: 1480px) {
  .welcome .pro-banner-li {
    width: 360px !important;
  }

  .w1206 {
    width: 1092px;
  }

  .awards-wrap div.orbit {
    width: 1100px !important;
  }
}
@media (max-width: 1300px) {
  .header .bocweb-logo, .header.bg0 .bocweb-logo, .header:hover .bocweb-logo {
    width: 100px;
  }
  .header .nav-ul, .header.bg0 .nav-ul, .header:hover .nav-ul {
    margin-left: 16px;
    padding-left: 16px;
  }
  .header .nav-li, .header.bg0 .nav-li, .header:hover .nav-li {
    padding: 0 16px;
  }
  .header .language-wrap, .header.bg0 .language-wrap, .header:hover .language-wrap {
    margin-left: 16px;
    padding-left: 16px;
  }

  .welcome .pro-banner1-btns {
    z-index: 3;
    display: none;
  }
  .welcome .pro-banner1-btns .prev {
    left: 50px;
  }
  .welcome .pro-banner1-btns .next {
    right: 50px;
  }
  .welcome .pro-ajax-mains:hover .pro-banner1-btns {
    display: block;
  }

  .toWords .w1200 {
    width: 1180px;
  }
}
.messages .mess-td1.captcha-wrap {
  width: 366px;
}
.messages .captcha {
  display: inline-block;
  float: left;
  width: 80px;

}
@media(max-width: 1600px) {
  /*.welcome .wel-case-wrap .wel-case-items1 .wel-case-cn {
    margin-top: 0;
  }
  .welcome .wel-case-wrap .wel-case-h6 {
    margin: 16px 0 20px;
  }*/
}
.color-imgs {
  border-radius: 10px;
}
.awards-li,.color-img-wrap,.case-img-wrap,.core-img {
  overflow: hidden;
}
.honour-ajax-img img,.awards-li img,.color-img-wrap img,.core-img img {
  transition: all .3s linear;
}
.culture-values-items:hover img,.equip .equip-line-items:hover img,.honour-ajax-img:hover img,.awards-li:hover img,.color-img-wrap:hover img,.core-img:hover img {
  transform: scale(1.1);
}
.case-li1 {
  width: 1200px;
}
.case-banner1-btns {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -18px;
  width: 100%;
  height: 1px;
}
.case-banner1-btns.on {
  opacity: 100;
  filter: alpha(opacity=100);
}
.case-banner1-btns .case-banner1-btn {
  display: inline-block;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.case-banner1-btns .prev {
  left: 50px;
  background: url(../images/prev1.png) no-repeat center;
}
.case-banner1-btns .next {
  right: 50px;
  background: url(../images/next1.png) no-repeat center;
}
.apply-wrap {
  background: #fff;
}
.apply-wrap input {
  display: inline-block;
  width: 280px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  border: none;
}
.apply-wrap table,.apply-wrap tr,.apply-wrap td {
  border-color: #e9e9e9;
  font-size: 16px;
}
.apply-wrap table {
  border: none;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.apply-tr {
  height: 40px;
  line-height: 40px;
}
.apply-td1 {
  box-sizing: border-box;
  padding-left: 14px;
}
.apply-wrap .apply-submit {
  background: #0e73b9;
  display: block;
  margin: 0 auto;
  color: #fff;
}
.apply-wrap tbody {
  border-color: #e9e9e9;
}
.apply-textarea {
  border: none;
  width: 1090px !important;
  padding-left: 14px;
  box-sizing: border-box;
}
.apply-tr2 {
  height: 120px !important;
  box-sizing: border-box;
  padding: 40px 0;
}
.equip-txts1  {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 32px;
  color: #666;
  padding: 10px 24px 0;
  height: 74px;
}
.equip-banner1-btns {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 159px;
  width: 100%;
  height: 1px;
}
.equip-banner1-btns.on {
  display: block;
}
.equip-banner1-btns .equip-banner1-btn {
  display: inline-block;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.equip-banner1-btns .prev {
  left: 0;
  background: url(../images/prev1.png) no-repeat center;
}
.equip-banner1-btns .next {
  right: 0;
  background: url(../images/next1.png) no-repeat center;
}
.equip-line-mains .bd {
  width: 1100px !important;
  overflow: hidden;
  margin: 0 auto;
}


.side-always {
  display: none;
  position: fixed;
  z-index: 3;
  width: 85px;
  height: 396px;
  background: url(../images/sidebg.jpg) no-repeat center;
  background-size: 100%;
  right: 6px;
  top: 50%;
  margin-top: -198px;
  box-sizing: border-box;
  padding: 116px 14px 0;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.side-always.in {
  display: block;
}
.side-always div, .side-always ul, .side-always li, .side-always span, .side-always a {
  box-sizing: border-box;
}
.side-always .side-ico {
  height: 44px;
  z-index: 2;
}
.side-always .side-txts {
  color: #7a7a7a;
  font-size: 14px;
  line-height: 14px;
  z-index: 2;
}
.side-always .side-items {
  cursor: pointer;
}
.side-always .side-items1 .side-ico {
  background: url(../images/side-ico1.png) no-repeat center 14px;
}
.side-always .side-items1:hover .side-ico {
  background: url(../images/side-ico1.png) no-repeat center 8px;
}
.side-always .side-items2 {
  /*padding: 22px 0 32px;*/
}
.side-always .side-items2 .side-ico {
  background: url(../images/side-ico2.png) no-repeat center 14px;
}
.side-always .side-items2:hover .side-ico {
  background: url(../images/side-ico2.png) no-repeat center 8px;
}
.side-always .side-items3 .side-ico {
  background: url(../images/side-ico3.png) no-repeat center 14px;
}
.side-always .side-items3:hover .side-ico {
  background: url(../images/side-ico3.png) no-repeat center 8px;
}
.side-always .side-ewm {
  display: none;
  width: 170px;
  height: 130px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0 20px 0 0;
  left: -170px;
  top: 50%;
  margin-top: -65px;
}
.side-always .side-img0 {
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.side-always .side-tele {
  display: none;
  width: 260px;
  height: 70px;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 70px;
  color: #F08519;
  left: -260px;
  top: 50%;
  margin-top: -35px;
}
.side-always .side-tele-content {
  background-color: #fff;
  padding: 0 10px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.toTop {
  display: none;
  position: fixed;
  z-index: 7;
  bottom: 60px;
  right: 6px;
  margin-left: -24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #ececec;
  cursor: pointer;
  background: url(../images/top.png) no-repeat center;
  background-size: 120%;
}
.honour-ajax-img img {
  max-height: 500px;
  max-width: 100%;
}
/*.coop .slimScrollBar {
  right: -30px !important;
}*/
/*# sourceMappingURL=style.css.map */
.pro-ajax-mains .hd {
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  height: 12px;
  text-align: center;
}
.pro-ajax-mains .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #F08519;
  font-size: 0;
  margin: 0 3px;
  cursor: pointer;
}
.pro-ajax-mains .hd li.on {
  background: #F08519;
  border-color: #F08519;
}
.pro-banner-a {
  margin-bottom: 18px;
}
.pro-banner-wrap {
  padding-bottom: 156px;
}
.wel-news-wrap .wel-news-btns {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -18px;
  width: 100%;
  height: 1px;
}
.wel-news-wrap .wel-news-btns.on {
  display: block;
}
.wel-news-wrap .wel-news-btns .wel-news-btn {
  display: inline-block;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.wel-news-wrap .wel-news-btns .prev {
  left: -50px;
  background: url(../images/prev1.png) no-repeat center;
}
.wel-news-wrap .wel-news-btns .next {
  right: -50px;
  background: url(../images/next1.png) no-repeat center;
}
@media(max-width: 1400px) {
  .wel-news-wrap .wel-news-btns .prev {
    left: 30px;
  }
  .wel-news-wrap .wel-news-btns .next {
    right: 30px;
  }
  .wel-news-wrap .wel-news-btns {
    top: 18%;
  }
  



}
@media(min-width: 1400px) {
  /*底部搜索*/
  .service-fwm{
    width: 330px;
    left: -370px;
  }
}
.side-always .side-items {
  width:76px;
  height: 76px;
  margin-bottom: 4px;
}
.side-always .side-items1 {
  background: #a6a6a6;
}
.side-always .side-items2 {
  background: #F08519;
}
.side-always .side-items3 {
  background: #0e73b9;
}
.side-always {
  padding: 0;
  margin-top: -120px;
  background: none;
  height: 240px;
  box-shadow: none;
}
.side-always .side-txts {
  color: #fff;
}
.animation-mains {
  z-index: 4;
}
.weixinwrap{ float:left; position:relative;}
.weixin,.lianxi{ width:120px; height:45px; line-height:45px; text-align:center; background:#a0a0a0; color:#FFF; margin-top:20px; float:left; margin-right:20px; cursor:pointer}
.weixin:hover,.lianxi:hover,.weixinwrap:hover .weixin{background:#DF0606; color:#FFF;}
.lianxi a{ color:#FFF}
.weixincode{opacity:0;position:absolute; width:120px; top:65px; left:0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.weixinwrap:hover .weixincode{opacity:1;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0px;bottom:200px;width:60px;/*height:240px; */z-index:99999; background:#353535;}
.suspension-box{position:relative;}
.suspension .a{display:block;width:60px;height:70px;margin-bottom:4px;cursor:pointer;outline:none; margin:0 auto; color:#CCC; font-size:12px; text-align:center; border-bottom:#414141 1px solid; line-height:100%;}
.suspension .a.active,
/*.suspension .a:hover{background:#951C1F;}*/
.suspension .a .i{float:left;width:60px;height:44px;background-repeat:no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{background:url(../up_pic/tel.png) center center; border-top:#232323 1px solid;}
.suspension .a-qrcode .i{background:url(../up_pic/qrcode.png?v=2.0) no-repeat center center; border-top:#232323 1px solid;}
/*.suspension .a-cart .i{background:url(../images/facebook.jpg) no-repeat}
.suspension .a-cart:hover .i{background:url(../images/facebook_on.jpg) no-repeat}*/
.suspension .a-whatsapp .i{background:url(../up_pic/home.png?v=2.0) no-repeat center center;}
/*.suspension .a-whatsapp:hover .i{background:url(../images/whatsapp_on.jpg) no-repeat}
.suspension .a-skype .i{background:url(../images/skype.jpg) no-repeat}
.suspension .a-skype:hover .i{background:url(../images/skype_on.jpg) no-repeat}*/

.suspension .a-top .i{background:url(../up_pic/bottom_top.png) no-repeat center center;}
.suspension .a-top{/*background:#D2D3D6;display:none;*/}
/*.suspension .a-top:hover{background:#c0c1c3;}*/
.suspension .d{display:none;width:220px;background:#fff;position:absolute;right:60px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;/*background:url(../images/side_bg_arrow.png) no-repeat;*/right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px; width:160px;}
.suspension .d .inner-box{padding:8px 12px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3; padding:0;display:block;float:left; margin-bottom:10px}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item a:hover{ color:#951C1F}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:132px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial; font-weight:bold; font-size:18px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*******产品二级类别****************/
.sortlist2{
	width:100%;
	height:40px;
	line-height:40px;
	background:#FFF;
	padding-left:20px;
}
.sortlist2 li{
	float:left;
	position:relative;
}
.sortlist2 li:after
{ 
content:" ";
width:1px;
height:10px;
background:#CCC;
position:absolute;
right:25px;
top:15px;
}
.sortlist2 li:last-child:after{
	content:" ";
	width:1px;
	height:10px;
	background:#FFF;
	position:absolute;
	right:25px;
	top:15px;
}
.sortlist2 li a{
	display:block;
	margin-right:50px;
	font-size:15px;
}
.sortlist2 li a.cur,.sortlist2 li:hover a{
	color:#184F93;
	font-weight:bold;
}
.shownews{
	box-shadow: rgba(0,0,0,0.2) 0 8px 20px;
	background:#FFF;
	padding:40px 60px;
}
.shownews h3.tit{
	font-size:28px;
	font-weight:lighter;
	text-align:left;
	margin-bottom:20px;
}
.shownews .newscon{
	font-size:15px;
	line-height:220%;
	font-weight:300;
	padding-top:20px;
}
.shownews .newscon p{
	margin-bottom:20px;
}
/**********视频************/
.prosortlist{
	width:1200px;
	margin:0 auto;
}
.video-cell {
	padding-top: 0!important;
	padding-bottom: 20px;
	float:left;
	width: -moz-calc((100% - 60px) / 4);
	width: -webkit-calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4);
	float: left;
	margin-bottom: 60px;
	padding-top: 20px;
	background: #fff;
	margin-right: 20px;
	transition: all linear .3s
}
.video-cell img{
	max-width:100%;
}
.pro-cell:hover {
	box-shadow: 0 15px 15px rgba(0,0,0,.1);
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px)
}
.video-cell .title {
	margin-top: 50px;
	text-align:center;
}
.video-cell h4{
	text-align:center;
}
.videopic {
	position: relative
}

.zzx-company-logo-box {
	position: absolute;
	left: 50%;
	bottom: -31px;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background: rgba(0,0,0,0.3);
	background-size: 80px;
	border-radius: 50%;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,.1)
}

.zzx-company-logo {
	position: absolute;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	bottom: 8px
}
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	top: 0;
	left: 0;
	z-index: 1000
}

.modal {
	background: #fff;
	width: 720px;
	height: 450px;
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 1001;
	overflow:hidden;
}

.modal .closex {
	position: absolute;
	top: 15px!important;
	right: 15px;
	font-size: 24px;
	z-index: 999999;
}

.modal iframe {
	z-index: 1
}

.modal .closxe a:link,.modal .closex a:visited {
	color: #666;
	text-decoration: none
}

.modal .closex a:hover,.modal .closex a:active {
	color: #333;
	text-decoration: none
}
@media screen and (max-width: 1000px) { 
html, body{
	padding-left:2px!important;
}
.header .logo{
	margin-left:0px!important;
}
}