/* ----------------------------reset all elements----------------------------*/

html, body, div, span, h1, h2, h3, h4, p, blockquote, pre, a, abbr, img, strong, sub, sup, i, dl, dt, figure, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

}
/*h1, h3, h4, h5, h6{font-weight:normal!important;}*/
html,body{
    min-width: 1240px;
}
li {

    list-style: none;

}

input, select, textarea {

    outline: none;

}

textarea {

    resize: none;

}

a {

    text-decoration: none;

}

ol, ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

blockquote, q {

    quotes: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

textarea {

    overflow: auto;

}

dt {

    font-weight: bold;

}

a {

    text-decoration: none;

}
 

.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}

.clearfix:after {

    clear: both;

    content: ' ';

    display: block;

    font-size: 0;

    line-height: 0;

    visibility: hidden;

    width: 0;

    height: 0;

}

span {

    display: block;

}

ul {

    list-style: none;

}

body, html {
    font-family: Arial, Helvetica, sans-serif;
}

/*@font-face {
    *//* font-properties *//*
    font-family: 思源黑体;
    src:url('../font/Regular_0.otf'),
    url('../font/Bold.otf'),
    url('../font/Normal_0.otf'),
    url('../font/Light_0.otf'); *//* IE9 *//*
}*/
@font-face {
    font-family: "Arial";
    src: url('/hw/font/Regular_0.otf');
    src: url('/hw/font/Regular_0.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------reset all end----------------------------*/
.w960{
        width: 910px;
        margin:0 auto;
 }
#layui-layer-shade2{
	opacity: 0.6!important;
}
/*----------------------复用--------------------------*/
.H-font14 {
    font-size: 14px;
}
.pd-rt64{
    padding-right: 64px;
}
.wt {
    width: 1200px;
    margin: 0 auto;
}
.wt1400 {
    width: 1400px;
    margin: 0 auto;
}

.H-colorF {
    color: #fff;
}

.H-colorC {
    color: #ccc;
}

.pd-bt66 {
    padding-bottom: 66px;
	overflow:hidden;
}

.pd-bt60 {
    padding-bottom: 60px;
}

.pd-bt100 {
    padding-bottom: 100px;
}

.pd-tp100 {
    padding-top: 100px;
}

.H-hr12 {
    width: 100%;
    height: 12px;
    background: #f2f2f2;
}

.pb140 {
    padding-bottom: 140px;
}

.ps-ab {
    position: absolute;
}

.ps-rl {
    position: relative;
}

.pd40 {
    padding-bottom: 40px;
}

.wt1000 {
    width: 1000px;
    margin: 0 auto;
}

.addColor {
    background: #999;
}
.wh100{
	width:100%!important;
}
.mg-0{
	    margin: 30px 0 30px 10px!important;
}

.addColor2 {
    background: #00bfd6;
}

.mrcolor {
    width: 120px;
    height: 70px;
    border-radius: 20px;
    border-radius: 100px;
    text-align: center;
}

.mrcolor img {
    text-align: center;
    padding-top: 10px;
}

.pr-rl {
    position: relative;
    top: -24px;
    left: 40px;
}

.praise img.animation {
    animation: myfirst 0.5s;
    -moz-animation: myfirst 0.5s; /* Firefox */
    -webkit-animation: myfirst 0.5s; /* Safari 和 Chrome */
    -o-animation: myfirst 0.5s; /* Opera */
}

#add-num {
    display: none;
}

#add-num .add-animation {
    color: #000;
    position: absolute;
    top: -15px;
    left: 10px;
    font-size: 15px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-opacity: 0;
    animation: mypraise 0.5s;
    -moz-animation: mypraise 0.5s; /* Firefox */
    -webkit-animation: mypraise 0.5s; /* Safari 和 Chrome */
    -o-animation: mypraise 0.5s; /* Opera */
    font-style: normal;
}

.praise, .hover, #add-num, .add-animation, .hover, #praise-txt, .hover {
    color: #f2f2f2;
}

#add-num {
    position: relative;
    top: -60px;
    text-align: center;
}

.pr-rl p {
    display: inline-block;
    width: 60px;
}

.pr-rl-title {
    position: relative;
    top: 10px;
    font-size: 16px;
    color: #777777;
    width: 80px;
    text-align: center;
    right: 18px;
}
.fontstyle {
    color: #333;
    font-weight: bold;
	font-size:14px;
}
.agree2{
	background: #03bace;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin: 10px auto 0px auto;
	color:#fff;
}
.agree2 a{
	color:#fff;
}

/*点赞图标放大动画开始*/
@keyframes myfirst {
    0% {
        width: 40px;
        height: 40px;
    }
    50% {
        width: 50px;
        height: 50px;
    }
    100% {
        width: 40px;
        height: 40px;
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0% {
        width: 40px;
        height: 40px;
    }
    50% {
        width: 50px;
        height: 50px;
    }
    100% {
        width: 40px;
        height: 40px;
    }
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0% {
        width: 40px;
        height: 40px;
    }
    50% {
        width: 50px;
        height: 50px;
    }
    100% {
        width: 40px;
        height: 40px;
    }
}

@-o-keyframes myfirst /* Opera */
{
    0% {
        width: 40px;
        height: 40px;
    }
    50% {
        width: 50px;
        height: 50px;
    }
    100% {
        width: 40px;
        height: 40px;
    }
}

@keyframes mypraise {
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }
    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-moz-keyframes mypraise /* Firefox */
{
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }
    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-webkit-keyframes mypraise /* Safari 和 Chrome */
{
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }
    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-o-keyframes mypraise /* Opera */
{
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }
    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }
    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

.text-content {
    min-width: 1180px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    background: #f4f4f4;
}

.text-content h1 {
    text-align: center;
    font-size: 20px;
    padding-top: 50px;
    color: #EB4F38;
}

.text-content p {
    padding: 10px 100px 40px 100px;
    clear: both;
    color: #333;
    display: block;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 auto;
    outline: medium none;
    position: relative;
    width: 900px;
    word-wrap: break-word;
}

.praise {
    width: 40px;
    height: 40px;
    margin: 50px auto;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    position: relative;
    left: -50px;
}

#praise-txt {
    height: 25px;
    line-height: 25px;
    display: block;
}

.praise img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
.bolds{
    font-weight:bold;
    display:inline-block;
    padding-right: 6px;
}
/*------------head-start-------*/
.newHead {
    background: #111;
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 999;
}

.H-nav {
    margin: 0 auto;
    width: 1200px;
    font-size: 14px;
}

.H-list-ul ul li {
    float: left;
    line-height: 60px;
    text-align: center;
    padding-left: 98px;
}

.H-list-ul ul li a {
    /*display: block;*/
    height: 60px;
    color: #fff;
}
.H-list-ul ul li a:hover {
    color: #00bfd6;
}

.navFontScale {
    opacity: 0;
    transform: translate(0, 0) scale(1);
    animation: navFont 1s forwards;
}

.navFontScaleOne {
    opacity: 0;
    transform: translate(0, 0) scale(1);
    animation: navFont 1s forwards;
}

.H-nav ul li a img {
    padding-top: 14px;
}

.H-logo {
    float: left;
}

.H-logo img {
    padding-top: 14px;
}

.H-Search {
    float: left;
    padding: 24px 0 0 80px;
    cursor: pointer;

}

.H-Search a {
    background: url("../images/sousuo-icon-default.png") no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.H-Search a:hover {
    background: url("../images/sousuo-icon-selected.png") no-repeat;
}

.H-list-ul {
    float: left;
}

.H-buy,.H-buy-2 {
    float: left;
    margin: 24px 0 0 86px;
    position: relative;
}

.H-buy-ico {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../images/icon-nor-01.png") no-repeat;
}
.H-buy-ico-2 {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../images/icon-nor-02.png") no-repeat;
}
/*
.H-buy-ico:hover {
    background: url("../images/buy-icon-selected.png") no-repeat;
}
*/

.H-buy img {
    float: left;
}
.H-buy-2 img {
    float: left;
}

.H-Bkhr {
    width: 100%;
    height: 2px;
}

.H-Bkhr img {
    width: 100%;
    height: 2px;
    float: left;

}

.focusFFF {
    color: #fff;
}

.focus00b {
    color: #00bfd6;
}

.H-list-ul-hover {
    float: left;
}

#BKhr-scroll {
    display: none;
}

.H-content, .H-text-two-content, .hub_content-text {
    height: 300px;
}

.H-pro-show, .H-wt-img, .hub_content {
    height: 460px;
}

.H-Section-category-one {
    background: url("../images/fenlei1.png") no-repeat center;
    height: 580px;
    width: 49.8%;
    float: left;
}

.H-Section-category-two {
    background: url("../images/fenlei2.png") no-repeat center;
    height: 580px;
    width: 49.8%;
    float: left;
}

.H-Section-category-three {
    background: url("../images/fenlei3.png") no-repeat center;
    height: 580px;
    width: 49.8%;
    float: left;
}

.H-Section-category-four {
    background: url("../images/fenlei4.png") no-repeat center;
    height: 580px;
    width: 49.8%;
    float: left;
}


.drop-Arrow{
    background: #fff;
    left: 50%;
    border: 1px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;
}


.drop-Arrow-2{
    background: #fff;
    left: 50%;
    border: 1px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 0;
    transform-origin: 0% 0;
    z-index: 1;
}
.H-drop-down-nav-2 ul {
    margin: 20px 20px;
}

.H-drop-down-nav-2 ul li {
    border-bottom: 1px solid #e3e3e3;
}

.H-drop-down-nav-2 ul li a {
    line-height: 43px;
    padding: 0 40px;
    color: #333;
    display: block;
}

.H-drop-down-nav ul {
    margin: 20px 20px;
}

.H-drop-down-nav ul li {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
}

.H-drop-down-nav ul li a {
    line-height: 43px;
    padding: 0 40px;
    color: #333;
    display: block;
}
.login-menu-user{
    height: 60px;
}
.login-menu-user span{
    width: 47px;
    height: 47px;
    border-radius: 100%;
    float:left;
}
.login-menu-user img{
    float:left;
    width: 100%;
    border-radius: 100%;
}
.login-menu-user p{
    display: inline-block;
    width: 84px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 47px;
    font-size: 16px;
    color: #111;
    padding-left: 8px;
}
.login-ico-01 a{
    background: url("../images/logoin-ico_05.png") no-repeat 10px 12px;
}
.login-ico-01 a:hover{
    background: url("../images/logoin-ico_03.png") no-repeat 10px 12px;
    color: #00bfd6;
}
.login-ico-02 {
    background: url("../images/logoin-ico_10.png") no-repeat 10px 12px;
}
.login-ico-02 a:hover {
    background: url("../images/logoin-ico_09.png") no-repeat 10px 12px;
    color: #00bfd6;
}
.login-ico-03{
    background: url("../images/hyico01.png") no-repeat -8px 4px;
}
.login-ico-03 a:hover{
    background: url("../images/hyico02.png") no-repeat -9px 4px;
    color: #00bfd6;
}
.login-ico-04{
    background: url("../images/hyico01.png") no-repeat -8px -255px;
}
.login-ico-04 a:hover{
    background: url("../images/hyico02.png") no-repeat -9px -255px;
    color: #00bfd6;
}
.login-ico-05{
    background: url("../images/hyico01.png") no-repeat -8px -62px;
}
.login-ico-05 a:hover{
    background: url("../images/hyico02.png") no-repeat -9px -62px;
    color: #00bfd6;
}

.login-ico-06{
    background: url("../images/hyico04.png") no-repeat 10px -176px;
}
.login-ico-06 a:hover{
    background: url("../images/hyico03.png") no-repeat 6px -176px;
    color: #00bfd6;
}
/*
.H-drop-down-nav ul li:nth-child(1) {
    background: url("../images/logoin-ico_05.png") no-repeat 10px 12px;
    border-top: none;
}
.H-drop-down-nav ul li:nth-child(1) a:hover {
    background: url("../images/hyico04.png") no-repeat 10px 12px;
    border-top: none;
    color: #00bfd6;
}

.H-drop-down-nav ul li:nth-child(2) {
    background: url("../images/logoin-ico_10.png") no-repeat 7px 14px;
}

.H-drop-down-nav-2 ul li:nth-child(1) {
    background: url("../images/hyico01.png") no-repeat -8px 4px;
}

.H-drop-down-nav-2 ul li:nth-child(2) {
    background: url("../images/hyico01.png")  no-repeat -8px -255px;
}

.H-drop-down-nav-2 ul li:nth-child(3) {
    background: url("../images/hyico01.png") no-repeat -8px -62px;
}

.H-drop-down-nav-2 ul li:nth-child(4) {
    background: url("../images/hyico04.png") no-repeat 10px -176px;
    border-bottom: none;
}
*/

/*---------------footer--------start*/
.H-footer {
    width: 100%;
    background: #111 url("../images/foot-fzx.png") no-repeat top right;
    height: auto;
    padding-bottom: 70px;

}
.H-fl-new{
    float: left;
    display: inline-block;
    line-height: 60px;
    padding-right: 30px;

}
.four-rt a span{
    display: inline-block;
    width: 30px;
    height: 16px;
}
.H-code {
    height: 26px;
    float: left;

}
.H-code ul li{
    float:left;
}

.H-wx {
    background: url("../images/weixin-icon-selected.png") no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    cursor: pointer;

}

.H-wb {
    background: url("../images/sina-icon-selected.png") no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    margin-left: 16px;
    cursor: pointer;

}

.H-wx:hover {
    background: url("../images/wechat-icon.jpg") no-repeat;
    width: 113px;
    height: 113px;
    position: relative;
    z-index: 99;
}

.H-wb:hover {
    background: url("../images/maiho-icon.jpg") no-repeat;
    width: 113px;
    height: 113px;
    position: relative;
    z-index: 99;
}

.H-list-one {
    padding-top: 70px;
}

.H-list-one ul {
    float: left;
}

.H-list-one ul:nth-child(2) {
    padding-left: 138px;
}

.H-list-one ul:nth-child(3) {
    padding-left: 138px;
}

.H-list-one ul:nth-child(4) {
    padding-left: 138px;
}

.H-list-one ul:nth-child(5) {
    padding-left:138px;
}

.H-list-one ul li {
    padding-top: 16px;
}

.H-list-one ul li a, .H-list-two ul li a {
    color: #bbb;
}

.H-list-two {
    float: right;
    width: 100%;
    margin-top:28px;
}

.H-list-two ul li {
  padding:20px 20px 0 0;
}
.H-list-two ul{
float:left;
}
.iconTwo {
    padding-left: 6px;
}

.H-fr {
    text-align: left;
    float:left;
}

.newsletter {
    font-size: 12px;
    color: #999;
    float: right;
}
.H-rt-newsletter{
    display: inline-block;
    line-height: 40px;
    padding-right: 30px;
	color:#999;
		font-size:14px;
}

.newsletter .text {
    width:280px;
    height: 38px;
    border: 1px solid #999;
    border-radius: 3px;
    background: url(../images/mail-icon.png) no-repeat 12px center;
    position: relative;
    z-index: 1;
}

.newsletter .text .input {
    background: none;
    padding: 0 0 0 15.58%;
    border: none;
    height: 41px;
    line-height: 41px;
    width: 70.72%;
    color: #bbb;
}

.newsletter .text .sub {
    width: 13.4%;
    background: url(../images/gou.png) no-repeat center;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    border-left: 1px solid #999;
    border-radius: 0;
    cursor: pointer;
}

.H-list-three {
    border-bottom: 1px solid #666;
    float: left;
    color: #999;
    font-size: 14px;
}

.H-list-three span {
    padding-bottom: 10px;
}
.H-list-three span a{
	    font-size: 12px;
		color: #999;
}
.H-list-three span a:nth-child(2){
	padding-left:40px;
}

.H-list-four {
    float: left;
}

.four-lf {
    width: 600px;
    float: left;
}

.four-lf p {
    font-size: 12px;
    color: #999;
    padding-top: 16px;
    text-align: left;
}

.four-rt {
    float: right;
    padding-top: 16px;
    font-size: 12px;
    color: #999;
}

.four-rt a {
    display: inline-block;
    width:100%;
    color: #999;
    font-size: 12px;
}

.four-rt a span img {
    float: left;
    width: 100%;
}
.four-rt a p{
    display: inline-block;
    padding-left:6px;
}

/*------------search---------------*/

.ac-gn-curtain {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    margin-top: 60px;
}

#ac-globalnav .ac-gn-searchform-wrapper {
    padding-left: 40px;
    position: relative;
    z-index: 2;
    max-width: 584px;
}

.H-Search-form-input{
    height: 60px;
    width: 624px;
    background: #111;
    color: #fff;

}
.search-txt{
    height: 60px;
}
.search-sub{
    float:left;
    width: 20px;
    height: 60px;
    background: url("../images/sousuo-icon-default.png") no-repeat 0 22px;
    cursor: pointer;
    margin-left:20px;
}

.H-Search-form {
    position: relative;
    z-index: 999;
    float: left;
    padding-left: 124px;
    height: 60px;
}

.AddNone {
    display: none !important;
}

.AddBlock {
    display: block !important;
}

.H-Search-form-input::placeholder {
    color: #ccc;
    position: relative;
    z-index: 999;
}

.H-Search-form-input {
  	padding-left: 20px;
    transform: translateX(200px);
    animation: 1s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
	filter:alpha(opacity=0);
	background: rgba(0, 0, 0, -2.2);
}

@-webkit-keyframes lf_tree {

    100% {
		-ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 
        opacity: 1;
		filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
    }

}

@keyframes lf_tree {

    100% {
        transform: translateX(0px);
        opacity: 1;
		filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
		filter:alpha(opacity=100);
		-ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 
    }

}

/*---------------------------------main--------------------------------*/
.H-Section-one, .H-Section-two {
    background: #000;
    height: 760px;
}
.H-Section-three{
	background: #000;
    height: 687px;
}
.H-Section-one{
	height: 770px!important;
}

.H-text {
    padding-top: 110px;
}

.H-text h1, .H-swb-text-two h1, .H-text-two h1, .H-text-two-upRt h1, .H-text-two-upRt p, .H-text p, .H-swb-text-two p, .H-text-two p, .H-text-two-up h1, .H-text-two-up p {
    text-align: center;
    color: #fff;
}

.H-text h1, .H-swb-text-two h1, .H-text-two h1, .H-text-two-upRt h1, .H-text-three h1, .H-text-two-up h1 {
    font-size: 56px;
    padding-bottom: 12px;
	font-weight:bold!important;
}

.H-text p, .H-swb-text-two p, .H-text-three p, .H-text-two p, .H-text-two-up p, .H-text-two-upRt p {
    padding-bottom: 20px;
    font-size: 26px;
}

.H-text-more, .H-text-more-three, .H-swb-text-more {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}

.H-text-more ul li, .H-text-more-three ul li, .H-swb-text-more ul li, .H-text-more-up ul li, .H-text-more-upRt ul li {
    float: left;
    width: 150px;
}

.H-swb-text-more ul li a, .H-text-more-three ul li a, .H-text-more ul li a, .H-text-more-up ul li a, .H-text-more-upRt ul li a {
    color: #00bfd6;
    font-size: 20px;
}

.H-pro-show {
    text-align: center;
    padding-bottom: 120px;
}

.H-pro-show img {
    text-align: center;
}

.H-Section-two {
    margin-top: 12px;
}

.H-img, .H-img-upRt {
    text-align: center;
}

.H-img img, .H-img-upRt img {
    text-align: center;
}

.H-text-two {
    padding-top: 70px;
}

.upgrade {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 37px;
    height: 28px;
    padding: 5px 5px 5px 5px;
    margin-left: 12px;
    display: inline-block;
    font-weight: normal;
    position: relative;
    top: -8px;
}

.upgrade p {
    color: #fff;
    font-size: 28px;
}

.more-two-bt {
    padding-bottom: 110px;
}

.H-Section-three {
    text-align: center;
}

.H-Section-three img {
    text-align: center;
    padding: 0 0 122px 0;
}

.H-Section-three {
    background: #fff;
	margin: 0 0 -1px 0;
}

.H-Section-four ul li {
    float: left;
    width: 50%;
}

.H-Section-four ul li img {
    display: block;
    padding: 0 0 12px 0;
    width: 99%;
}

.H-Section-four {
    padding: 0 12px 0 12px;
	background: #f8f8f8;
}

.hideTap {
    -webkit-transform: translateX(100%);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.showTap {
    -webkit-transform: translateX(100%);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.H-Search-drop-down {
    position: relative;
}

.H-Search-drop-down {
    position: absolute;
    z-index: 999;
    background: #fff;
    width: 644px;
    margin-left: 12px;
    opacity: 0;
    transform: translate(0, 0) scale(1);
    animation: navFont 1s forwards;
}

.H-Search-wrapper ul {
    padding-top: 5px;
}

.H-Search-wrapper h3 {
    color: #888;
    font-size: 12px;
}

.H-Search-wrapper ul li a {
    color: #333;
    line-height: 26px;
    display: block;
    width: 100%;
    padding: 0 58px;
    font-size: 14px;
}

.H-Search-wrapper ul li a:hover {
    background: rgba(0, 191, 214, 0.6);
    color: #fff;
}

.H-Search-drop-down-section {
    padding: 24px 0 18px;
    overflow: hidden;
}

.H-Search-wrapper ul li:nth-child(1) {
    transform: translateX(40px);
    animation: 0.5s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
}

.H-Search-wrapper ul li:nth-child(2) {
	transform: translateX(60px);
	-ms-transform: translateX(60px); /* IE 9 */
	-webkit-transform: translateX(60px); /* Safari and Chrome */
	-o-transform:translateX(60px); /* Opera */
	-moz-transform:translateX(60px); /* Firefox */
    animation: 0.5s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
}

.H-Search-wrapper ul li:nth-child(3) {
    transform: translateX(80px);
	-ms-transform: translateX(80px); /* IE 9 */
	-webkit-transform: translateX(80px); /* Safari and Chrome */
	-o-transform:translateX(80px); /* Opera */
	-moz-transform:translateX(80px); /* Firefox */
    animation: 0.5s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
}


.H-Search-wrapper ul li:nth-child(4) {
    transform: translateX(100px);
    animation: 0.5s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
}

.H-Search-wrapper h3 {
    transform: translateX(20px);
    animation: 0.5s .4s lf_tree;
    animation-fill-mode: forwards;
    opacity: 0;
    padding-left: 46px;
}

.H-Search-form-close {
    font-size: 16px;
    top: -38px;
    float: right;
    color: #fff;
    position: relative;
    right: 0;
    left: 80px;
    cursor: pointer;
}

.H-Search-form-close:hover {
    color: #f8f8f8;
}

.H-Section-four ul li {
    position: relative;
}

.themeOne {
    text-align: center;
    width: 50%;
    top: 410px;
    margin: 0 auto;
    left: 25%;
}
.themeOne h1,.themeTwo h1,.themeThree h1,.themeFour h1,.H-swb-Product-Contrast-content ul li span h1,.H-swb-Product-special-columnA span h1, .H-swb-Product-special-columnB span h1,.H-kbt-text h1,.img-textOne-h1 h1,.textTwo-rt h1,.textThree-lf h1,.H-kbt-img-textFour h1,.textFive-rt h1,.textSix-lf h1,.H-kbt-img-textSeven h1,.LightTitle h1,.jump-tile-kbt-layer h1,.H-kbt-Tracing-tool h1,.H-kbt-img-textSeven h1,.textSix-lf h1,.textFive-rt h1{
	font-weight:bold!important;
}

.themeOne h1 {
    color: #fff;
    font-size: 40px;
}

.themeOne p {
    font-size: 20px;
    color: #fff;
    padding: 16px 0 10px 0;
}

.themeThree {
    text-align: center;
    width: 50%;
    left: 25%;
    top: 192px;
}

.themeThree h1 {
    color: #fff;
    font-size: 40px;
}

.themeThree p {
    font-size: 20px;
    color: #fff;
    padding: 12px 0 20px 0;
}

.themeThreeIMG {
    width: 50%;
    text-align: center;
    padding-left: 25%;
}

.themeThreeIMG img {
    width: 180px !important;
    height: 180px;
    text-align: center;
    padding: 0 0 44px 0 !important;
    display: inline-block !important;
}

.themeFour {
    text-align: center;
    width: 50%;
    left: 25%;
    top: 60px;
}

.themeFour h1 {
    color: #000;
    font-size: 40px;
}

.themeFour p {
    font-size: 20px;
    color: #000;
    padding: 12px 0 10px 0;
}

.themeTwo {
    font-size: 20px;
    text-align: center;
    width: 50%;
    top: 400px;
    margin: 0 auto;
    left: 25%;
}

.themeTwo h1 {
    color: #fff;
    font-size: 40px;
}

.H-movie a {
    text-decoration: none;
    color: #00bfd6;
    font-size: 18px;
    display: inline-block;
    margin: 0 auto;
    padding: 18px 0 0 10px;
}

.H-movie a img {
    width: 22px !important;
    height: 24px;
    float: left;
    padding-left: 10px !important;
}

.H-movie a p {
    float: left;
}

.H-understand {
    display: inline-block;
}

.H-understand {
    color: #00bfd6;
    font-size: 16px;
}

/*--------------------------css3----------------------------*/
@keyframes navFont {
    60% {
        transform: translate(0px, 0) scale(1);
        color: #b10e81;
    }
    80% {
        transform: translate(0px, 0) scale(1);
        color: #b10e81;
    }
    99% {
        transform: translate(0) scale(1);
        color: #00f0ff;
    }
    100% {
        transform: translate(0) scale(1);
        opacity: 1;
        color: #b10e81;
    }
}

.animate span:nth-of-type(2) {
    animation-delay: .05s;
}

.animate span:nth-of-type(3) {
    animation-delay: .1s;
}

.animate span:nth-of-type(4) {
    animation-delay: .15s;
}

.animate span:nth-of-type(5) {
    animation-delay: .2s;
}

.animate span:nth-of-type(6) {
    animation-delay: .25s;
}

.animate span:nth-of-type(7) {
    animation-delay: .3s;
}

.animate span:nth-of-type(8) {
    animation-delay: .35s;
}

.animate span:nth-of-type(9) {
    animation-delay: .4s;
}

.animate span:nth-of-type(10) {
    animation-delay: .45s;
}

.animate span:nth-of-type(11) {
    animation-delay: .5s;
}

.animate span:nth-of-type(12) {
    animation-delay: .55s;
}

.animate span:nth-of-type(13) {
    animation-delay: .6s;
}

.animate span:nth-of-type(14) {
    animation-delay: .65s;
}

/*---------------------------数位板-----------------------------------*/
.H-text-more-up {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}

.H-text-more-upRt {
    position: relative;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.H-text-two-upRt-theme {
    left: 438px;
    top: 100px;
}

.H-img-up {
    padding-top: 110px;
    text-align: center;
}

.H-img-up img {
    text-align: center;
}

.H-swb-Product-list {
    background: #222;
    height: 114px;
  /*  padding-top: 60px;*/
    padding-bottom: 4px;
	overflow:hidden;
}

.H-swb-Product-list ul {
    transform: translateX(136px);
	-ms-transform:  translateX(136px); /* IE 9 */
	-webkit-transform:  translateX(136px); /* Safari and Chrome */
	-o-transform: translateX(136px); /* Opera */
	-moz-transform: translateX(136px); /* Firefox */
   
}

.H-swb-Product-list ul li {
    float: left;
    padding: 22px 0 0 60px;
	text-align:center;
}

.H-swb-Product-list ul li a img {
    text-align: center;
}
.H-swb-Product-list ul li a:hover .H-swb-Product-list-txt{
  color:#00bfd6;
}

.H-swb-Product-one {
    background: #000;
}

.H-swb-Product-list-txt {
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
}

.Product-new {
    font-size: 12px;
    color: #ff6600;
    text-align: center;
}

.H-swb-Product-one {
    text-align: center;
}

.H-swb-Product-one img {
    text-align: center;
	width:100%;
}

.H-swb-Product {
    background: #000;
    height: auto;
}
.H-swb-Product-Contrast {
    padding: 0 12px 0 12px;
    background: #f8f8f8;
}

.H-swb-Product-Contrast-content {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.H-swb-Product-Contrast-content ul {
    padding: 12px 0 12px 0;
}
.H-swb-Product-Contrast-content ul li:nth-child(1) {
    border-right: 12px solid #f8f8f8;
}

.H-swb-Product-Contrast-content ul li {
    float: left;
    width: 49.6666%;
    background: #fff;
    height: 700px;
}
.H-swb-Product-Contrast-content ul {
    padding: 12px 0 12px 0;
}


.H-swb-Product-Contrast-content ul li span h1 {
    font-size: 40px;
    color: #111;
    padding: 72px 0 12px 0;
}

.H-swb-Product-Contrast-content ul li span p {
    font-size: 20px;
    color: #111;
    padding-bottom: 16px;
}

.H-swb-Product-Contrast-content ul li span a p {
    font-size: 18px;
    color: #00bfd6;
}

.H-swb-Product-Contrast-content ul li span a img {
    padding: 66px 0 44px 0;
    text-align: center;
	 width:70%;
}
.H-swb-Product-special-columnA {
    background: url("../images/swb-jyyy.png") no-repeat center;
    width: 100%;
    height: 620px;
    background-size:cover;
}


.H-swb-Product-special-columnB {
    background: url("../images/swb-swyy.png") no-repeat center;
    width: 100%;
    height: 620px;
    margin: 12px 0 12px 0;
    background-size: cover;
}

.H-swb-Product-special-columnA span,.H-swp-Product-special-columnA span,.H-swb-Product-special-columnB span,.H-swp-Product-special-columnB span {
    text-align: center;
    padding: 210px 0 210px 0;
}

.H-swb-Product-special-columnA span h1,.H-swp-Product-special-columnA span h1, .H-swb-Product-special-columnB span h1, .H-swp-Product-special-columnB span h1 {
    font-size: 56px;
    color: #fff;
}

.H-swb-Product-special-columnA span p,.H-swp-Product-special-columnA span p, .H-swb-Product-special-columnB span p,.H-swp-Product-special-columnB span p {
    font-size: 26px;
    color: #fff;
    padding: 26px 0 20px 0;
}

.H-swb-Product-special-columnA span a,.H-swp-Product-special-columnA span a, .H-swb-Product-special-columnB span a,.H-swp-Product-special-columnB span a {
    font-size: 20px;
    color: #00bfd6;
}

/*-----------------------------------数位屏----------------------------------*/
.H-Section-transverse {
    background: #000;
    height: 761px;
}

.H-Section-transverse-swp {
    float: left;
}

.H-Section-transverse-swpLF {
    width: 50%;
    float: left;
}

.H-Section-transverse-swpLF img {
    padding-left: 20%;
}

.H-Section-transverse-swpRT {
    width: 50%;
    float: left;
}

.swp-pd-lf {
    padding: 130px 0 0 230px;
}

.H-swp-Product-special-columnA {
    background: url("../images/swp-jyyy.png") no-repeat center;
    width: 100%;
    height: 620px;
    background-size:cover;
}

.H-swp-Product-special-columnB {
    background: url("../images/swp-swyy.png") no-repeat center;
    width: 100%;
    height: 620px;
    margin: 12px 0 12px 0;
    background-size: cover;
}

/*---------------------------------作品分享---------------------------------------*/
.BgColor {
    color: #f8f8f8;
}

.H-share-Banner {
    background: #eff1f1;
    height: 600px;
    background: url("../images/share_01_bj.jpg") no-repeat center center;
    /*background-size: 100% 100%;*/
    /*padding-top: 60px;*/
}

.H-share-Banner-Slogan {
    width: 40%;
    height: 500px;
    float: left;
}

.Banner-Slogan-cont {
    width: 60%;
    float: right;
    /*background: url("../images/share_01_wz.png") no-repeat;*/
    margin-top: 132px;
    padding-right: 54px;
}

.Banner-Slogan-cont h1 {
    padding-top: 30px;
    color: #111;
    font-size: 40px;
}

.Banner-Slogan-cont p {
    font-size: 16px;
    padding: 20px 0 30px 0;
    line-height: 26px;
}

.H-share-lf-button a {
    display: block;
    width: 100px;
    height: 40px;
    background: #00bfd6;
    color: #fff;
    text-align: center;
    /*border-radius: 5px;*/
    line-height: 40px;
}

.H-share-content {
    width: 100%;
    background: #f8f8f8;
}

.H-share-Banner-rt {
    background: #000;
    height: 600px;
}

.H-share-list {
    width: 1400px;
    margin: 0 auto;
}

.H-share-list ul li {
    width: 338px;
    height: 140px;
    float: left;
    text-align: center;
		margin-top:10px;
}

.H-share-list ul li:nth-child(1) {
    background: url("../images/share_06.png") no-repeat center;
    margin-right: 16px;
}

.H-share-list ul li:nth-child(2) {
    background: url("../images/share_08.png") no-repeat center;
    margin-right: 16px;
}

.H-share-list ul li:nth-child(3) {
    background: url("../images/share_10.png") no-repeat center;
    margin-right: 16px;
}

.H-share-list ul li:nth-child(4) {
    background: url("../images/share_12.png") no-repeat center;
}

.H-share-list ul li:nth-child(5) {
    background: url("../images/share_14.png") no-repeat center;
    margin-right: 16px;
}
.H-share-list ul li:nth-child(6) {
    background: url("../images/share_16.png") no-repeat center;
    margin-right: 16px;
}

.H-share-list ul li:nth-child(7) {
    background: url("../images/share_18.png") no-repeat center;
    margin-right: 16px;
}

.H-share-list ul li:nth-child(8) {
    background: url("../images/share_20.png") no-repeat center;
}

.H-share-list ul li a {
    width: 100%;
    display: block;
    height: 140px;
    line-height: 140px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

.share-center {
    width: 1400px;
    padding: 0 0 40px 0;
}
.bk-all {
    background: #f8f8f8;
}

.water_box{
    position: relative;
    width:1400px; 
    margin:0 auto;
}
/*.H-share-all {
    width: 1400px;
    margin: 0 auto;
    padding: 60px 0 16px 0;
}*/

.H-share-box {
    /*width: 18.2%;*/
    width: 265px;
    background: #fff;
    float: left;
    margin: 16px 15px 0 0;
}

.H-share-box:hover {
    box-shadow: 0 0 20px #ccc;
}

.H-share-box a {
    display: block;
    /*float: left;*/
}

.H-share-box img {
	height:auto;
}

.box-name {
    width: 100%;

}

.box-name h4 {
    font-size: 14px;
    color: #333;
    padding: 18px 0 16px 0px;
  	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    text-algin:center;
}

.box-item-browse {
    height: 21px;
    position: relative;
    float: left;
}

.item-browse {
    background: url("../images/see-1_03.png") no-repeat left;
    position: absolute;
    left: 16px;
    width: 22px;
    height: 21px;
    top: -2px;
}

.itemSize {
    color: #bbb;
    padding-left: 40px;
    font-size: 10px;
    line-height: 18px;
}

.item-collection {
    background: url("../images/collection-1_05.png") no-repeat left;
    position: absolute;
    left: 16px;
    width: 22px;
    height: 21px;
    top: -2px;
}

.box-item-collection, .box-item-comment, .box-item-fabulous {
    height: 21px; 
    position: relative;
    float: left;
}

.item-comment {
    background: url("../images/comment-1_07.png") no-repeat left;
    position: absolute;
    left: 16px;
    width: 22px;
    height: 21px;
    top: -2px;
}

.item-fabulous {
    background: url("../images/fabulous-1_09.png") no-repeat left;
    position: absolute;
    left: 16px;
    width: 22px;
    height: 21px;
    top: -2px;
}

.box-item-hr {
    width: 100%;
    background: #eee;
    height: 1px;
    float: left;
    margin-top: 16px;
}

.box-item-face {
    width: 30px;
    height: 30px;
    padding: 16px 0 0 16px;
    float: left;
}

.box-item-face img {
    width: 30px;
    height: 30px;
}

.memberInfo {
    position: relative;
    float: left;
    width: 100%;
}

.item-face-time {
     text-align: right;
    font-size: 12px;
    color: #999;
    padding: 24px 16px 0 0;
}

.item-username {
    float: left;
    font-size: 12px;
    color: #666;
    padding: 21px 0 0 10px;
}

.box-item-face img {
    float: left;
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.box-work-top {
    padding: 20px 20px 20px 20px;
    background: #f8f8f8;
}

.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 24%;
    width: 520px;
    /*   background: #f8f8f8;*/
    position: absolute;
    z-index: 101;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px;
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px;
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px;
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

.box-work-introduce {
    color: #333;
    font-size: 14px;
}

.box-work-introduce p {
    color: #111;
    line-height: 26px;
    padding-top: 14px;
}

.List-avorites {
    background: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.List-avorites ul li {
    float: left;
    width: 42px;
    height: 20px;
    padding: 14px 22px 0 44px;
    cursor: pointer;
    font-size: 12px;
    color: #999;
}

.List-avorites ul li:nth-child(1) {
    background: url("../images/fabulous-1_09.png") no-repeat 20px 10px;
}

.List-avorites ul li:nth-child(2) {
    background: url("../images/collection-1_05.png") no-repeat 20px 10px;
}

.List-avorites ul li:nth-child(3) {
    background: url("../images/comment-1_07.png") no-repeat 20px 10px;
}

/*------------------------------------评论-------------------*/
.box-comment-all {
    width: 100%;
    margin-top: 12px;

}

.box-comment-one {
    height: 80px;
    width: 960px;
    border-bottom: 1px solid #cccccc;
    padding: 20px 20px 20px 20px;
}

.User-head-img {
    width: 50px;
    height: 50px;
    background: #000000;
    border-radius: 100%;
    float: left;
}

.box-userName {
    float: left;
    padding: 8px 0 0 14px;
}

.Box-time {
    padding-top: 10px;
}

.box-comment-two {
    padding: 20px 20px 60px 20px;
}

.Share-comments-head {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    float: left;
    margin: 0 14px 0 20px;
}

.Share-comments-head img {
    padding-right: 10px;
    width: 40px;
}

.Share-comments-input textarea {
    margin-left: 64px;
    width: 172px;
    height: 40px;
    min-height: 39px;
    resize: vertical;
    margin-bottom: 10px;
    display: block;
    padding-top: 8px;
}

.comments-input {
    display: inline-block;
    padding: 0 10px;
    height: 36px;
    font-size: 16px;
    line-height: 1;
    color: #777;
    background: #FCFCFC;
    border: 1px solid #CCC;
    border-radius: 2px;
    width: 250px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    -webkit-transition: color .2s linear, border-color .3s linear;
}

.Share-comments-input a {
    float: right;
    width: 68px;
    height: 38px;
    background: #00bfd6;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    line-height: 36px;
}

.Review-list {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
        padding: 5% 5% 5% 5%;
	    float: left;
    width: 90%;
}
.Review-list:nth-child(1){
	margin-top:60px;
}

.Review-list-head {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    float: left;
    margin-right: 14px;
}

.Review-name p {
    float: left;
    font-size: 14px;
    color: #333;
}

.Review-list-time {
    font-size: 12px;
    color: #999;
    float: left;
    padding-left: 20px;
    line-height: 22px;
}

.Review-list-name {
    float: left;
    font-size: 14px;
    color: #666;
    width: 78%;
}

.Review-Reply {
    margin-top: 20px;
    float: left;
    font-size: 14px;
}

.Review-Reply p {
    line-height: 30px;
}

.Review-list-content p {
    font-size: 14px;
    color: #666;
}

.Review-list-more p {
    text-align: center;
    padding: 30px 0 30px 0;
    font-size: 14px;
    color: #00bfd6;
    cursor: pointer;
}

.comments-input::-webkit-input-placeholder {
    font-size: 14px;
    color: #333;

}

.comments-input:-moz-placeholder {
    font-size: 14px;
    color: #333;

}

.comments-input:-ms-input-placeholder {
    font-size: 14px;
    color: #333;

}
.Review-list-close {
    position: fixed;
    right: 348px;
    float: right;
    width: 40px;
    color: #cccccc;
    top: 0;
    z-index: 9999;
    margin-top: 62px;
    text-align: center;
    font-size: 60px;
    cursor: pointer;
    margin-top: 86px;
}



/*分享插件*/
/* Smohan_FaceBox */
#Smohan_FaceBox {
    width: 285px;
    height: auto;
    position: relative;
    margin: 20px auto;
    min-height: 90px;
}

textarea.smohan_text {
    display: block;
    width: 200px;
    height: 100px;
    border: 1px solid #cacaca;
    outline: none;
    position: relative;
    line-height: 16px;
    font-size: 12px;
	overflow:scroll; 
	overflow-x:hidden;
	padding: 4px 4px 0 4px;
}

#Smohan_FaceBox p {
    display: block;
    width: 200px;
    padding: 10px 78px;
}

.face {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/facebg_1.png) 0px -100px no-repeat;
    float: left;
}

.face:hover, .face.in {
    background-position: 0px -120px;
}

.button {
    display: inline-block;
    outline: none;
    width: 80px;
    height: 35px;
    line-height: 35px;
    background: #00bfd6;
    border-radius: 4px;
    border: 1px solid #00bfd6;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    float: right;
    
	margin:20px 10px 20px 0;
}

img {
    border: 0 none;
}

/* FaceBox */
#SmohanFaceBox {
    display: block;
    width: 352px;
    height: 187px;
    position: absolute;
    top:218px;
    left: 26px;
    z-index: 9999;
}

#SmohanFaceBox .Corner {
    display: block;
    width: 28px;
    height: 15px;
    background: url(../images/facebg_1.png) -32px -100px no-repeat;
    position: absolute;
    left: 45px;
    top: 0;
    z-index: 100;
}

#SmohanFaceBox .Content {
    display: block;
    width: 230px;
    height: 300px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    z-index: 99;
    margin: 14px 0px 0px 0px;
    box-shadow: 0px 1px 10px rgba(204, 204, 204, 1);
    border-radius: 2px;
}

#SmohanFaceBox .Content h3 {
    margin: 0;
    padding: 0;
    width: 230px;
    height: 30px;
    line-height: 26px;
    display: block;
    font-size: 14px;
    text-align: left;
}

#SmohanFaceBox .Content h3 span {
    float: left;
}

#SmohanFaceBox .Content h3 .close {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/facebg_1.png) -30px -120px;
    float: right;
    cursor: pointer;
}

#SmohanFaceBox .Content h3 .close:hover {
    background-position: -46px -120px;
}

#SmohanFaceBox .Content ul {
    margin: 5px 0px 0px 0px;
    padding: 0;
    list-style-type: none;
}

#SmohanFaceBox .Content ul li {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 2px;
    border: 1px solid #f8f8f8;
    float: left;
}

#SmohanFaceBox .Content ul li:hover {
    border-color: #6C3;
}

/* 解析表情 */
#Zones {
    display: block;
    height: auto;
    position: relative;
    background: #fff;
    display: none;
    word-wrap: break-word;
    font-size: 14px;
}

/*-------------配件页面--------------------*/
.H-parts-header {
    width: 100%;
    height: 600px;
    background-size: cover;
}

.H-parts {
    height: 600px;
}

.parts-header-text {
    padding-top: 60px;
}

.parts-header-text h1 {
    font-size: 48px;
    color: #111;
    padding: 100px 0 30px 0;
	width:500px;
}

.parts-header-text p {
    font-size: 30px;
    color: #333;
}

.H-parts-subject {
    height: 540px;
}

.H-parts-tab ul li {
    float: left;
    width: 200px;
    text-align: center;
    display: inline-block;
}

.H-parts-tab ul li img {
    text-align: center;
}

.H-parts-title {
    text-align: center;
}

.H-parts-title h1 {
    padding-top: 130px;
    font-size: 30px;
    color: #111;
}

.H-parts-title p {
    font-size: 16px;
    color: #666;
    padding: 16px 0 100px 0;
}

.parts-tab-name {
    padding-top: 30px;
    font-size: 16px;
    color: #111;
}

.parts-tab-iconA {
    background: url("../images/parts-icon-nor5.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconB {
    background: url("../images/parts-icon-nor2.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconC {
    background: url("../images/parts-icon-nor6.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconD {
    background: url("../images/parts-icon-nor1.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconE {
    background: url("../images/parts-icon-nor3.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconF {
    background: url("../images/parts-icon-nor4.png") no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconA:hover {
    background: url(../images/parts-icon-sel5a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconB:hover {
    background: url(../images/parts-icon-sel2a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconC:hover {
    background: url(../images/parts-icon-sel6a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconD:hover {
    background: url(../images/parts-icon-sel1a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconE:hover {
    background: url(../images/parts-icon-sel3a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.parts-tab-iconF:hover {
    background: url(../images/parts-icon-sel4a.png) no-repeat center;
    width: 120px;
    height: 120px;
    text-align: center;
    display: inline-block;
}

.H-parts-tab a {
    display: inline-block;
}

.parts-tab-list {
    background: #f8f8f8;
}

.parts-tab-list-cont ul {
    padding: 30px 0 60px 0;
}

.parts-tab-list-cont ul li {
    float: left;
    width: 380px;
    background: #ffffff;
    height: 480px;
    margin: 20px 20px 0 0;

}

.parts-tab-list-cont ul li:hover {
    box-shadow: 0 0 20px #ccc;
}

.H-parts-show {
    width: 380px;
    height: 300px;
}
.H-parts-show img{
    margin-top: 40px;
}

.parts-show-aside {
    text-align: center;
}

.H-parts-show-text {
    padding-top: 26px;
}

.H-parts-show-text h4 {
    color: #111;
    font-size: 18px;
}

.H-parts-show-text p {
    padding: 16px 10px 40px 10px;
    line-height: 26px;
    color: #666666;
    font-size: 16px;
}

.parts-show-aside a {
    font-size: 16px;
    color: #00bfd6;
}

.H-active {
    color: #00bfd6;
}

/*---------------------轮播----------------------------*/
.slider {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
    padding-top: 60px;
}

.box {
    height: 600px;
}

/*盒子带容器*/
.slides {
    height: auto;
    /* Simple clear fix */
    overflow: hidden;
    /**
         * Prevent blinking issue
         * Not tested. Experimental.
         */
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    /**
         * Here is CSS transitions
         * responsible for slider animation in modern broswers
         */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
    height: auto;
    float: left;
    clear: none;
}

.slider-arrow {
    position: absolute;
    display: block;
    margin-bottom: -20px;
    width: 80px;
    height: 80px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    color: #00bfd6;
    font-size: 2em;
    background-color: rgba(238, 238, 238, .9);
    border-radius: 50%;
}

/*左右按钮样式及放置位置*/
.slider-arrow--right {
    bottom: 50%;
    right: 30px;
	background: url("/statics/hw/images/about-us-icon2.png") no-repeat center;
}

.slider-arrow--left {
	 background: url("/statics/hw/images/about-us-icon1.png") no-repeat center;
    bottom: 50%;
    left: 30px;
}

.slider-nav {
    position: absolute;
    bottom: 30px;
	width:50px!important;
}

.slider-nav__item {
    /*nva样式*/
    width: 12px;
    height: 12px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #ccc;
    border-radius: 100%;
}

.slider-nav__item:hover {
    background: #00bfd6;
}

.slider-nav__item--current {
    background: #00bfd6;
}

/*被选中后的样式*/

/*------------拷贝台-------------------------------------*/
.H-kbt-header {
    background: url("../images/H-kbt_03.jpg") no-repeat 0 60px;
    height: 700px;
    width: 100%;
	background-size:cover;
}

.H-kbt-text {
    padding-top: 270px;
    text-align: center;
}

.H-kbt-text h1 {
    font-size: 54px;
    color: #fff;
    padding-bottom: 20px;
}

.H-kbt-text p {
    font-size: 30px;
    color: #fff;
}

.img-textOne-h1 h1 {
    font-size: 56px;
    color: #fff;
    padding: 120px 0 114px 0;
}

.H-kbt-img-textOne {
    width: 100%;
    background: #232323;
    height: auto;
    text-align: center;
}

.H-kbt-img-textTwo {
    width: 100%;
    background: #f8f8f8;
}

.img-textTwo-lf {
    float: left;
}

.textTwo-lf {
    float: left;
    position: relative;
    top: 78px;
    right: 94px;
    width: 650px;
}

.textTwo-rt {
    width: 550px;
    float: left;
}

.textTwo-rt h1 {
    color: #111;
    font-size: 36px; 
    padding: 180px 0 20px 0;
}

.textTwo-rt p {
    line-height: 36px;
    color: #111;
    font-size: 18px;
}

.H-kbt-img-textThree {
    margin-top: 80px;
}

.textThree-lf {
    width: 580px;
    float: left;
}

.textThree-lf h1 {
    font-size: 38px;
    color: #111;
    padding: 204px 0 20px 0;
}

.textThree-lf p {
    font-size: 18px;
    color: #111;
    line-height: 24px;
}

.textThree-rt img {
    padding-bottom: 136px;
}

.H-kbt-img-textFour {
    background: url("../images/H-kbt_62.jpg") no-repeat;
}

.H-kbt-img-textFour {
    height: 560px;
}

.H-kbt-img-textFour h1 {
    color: #fff;
    font-size: 56px;
    text-align: center;
    padding-top: 252px;

}

.H-kbt-img-textFive {
    margin-top: 105px;
}

.textFive-lf {
    float: left;
    width: 640px;
}

.textFive-lf img {
    float: left;
}

.textFive-rt h1 {
    font-size: 38px;
    color: #111;
    padding: 120px 0 20px 0;
}

.textFive-rt p {
    line-height: 33px;
    color: #111;
    font-size: 18px;
}

.textFive-rt {
    float: left;
    width: 460px;
    padding-left: 100px;
}

.H-kbt-img-textSeven {
    background: url("../images/H-kbt_30.jpg") no-repeat;
    height: 560px;
    background-size: 100% 100%;
}

.H-kbt-img-textSeven h1 {
    color: #fff;
    font-size: 56px;
    text-align: center;
    padding-top: 252px;
}

.H-kbt-img-textSix {
    background: #f8f8f8;
}

.textSix-lf {
    width: 500px;
    float: left;
}

.Pre-paragraph {
    float: left;
}

.Pre-paragraph img {
    width: 86px;
    height: 83px;
    float: left;
    padding-right: 18px;
}

.Pre-paragraph p {
    float: left;
    font-size: 16px;
    color: #111;
    width: 396px;
    line-height: 24px;
}

.Span-img img {
    padding: 40px 0 20px 0;
}

.textSix-lf h1 {
    font-size: 38px;
    color: #111;
    padding-bottom: 20px;
}

.textSix-lf p {
    font-size: 18px;
    line-height: 36px;
}

.textSix-rt {
    width: 700px;
    float: left;

}
.textSix-rt img{
	padding-left:30px;
}

.pdtextSix {
    padding: 144px 0 144px 0;
}

.LightTitle {
    text-align: center;
}

.LightTitle h1 {
    padding: 110px 0 20px 0;
    color: #111;
    font-size: 56px;
}

.LightTitle p {
    font-size: 22px;
    color: #111;
    line-height: 36px;
}

.LightImg {
    padding: 150px 0 126px 0;
}

.LightImg img {
    width:80%;
    height: 57px;
}

.kbt-product-list ul {
    padding-bottom: 140px;
}

.kbt-product-list ul li {
    float: left;
    padding-bottom: 30px;
    font-size: 26px;
    color: #111;
}

.kbt-product-list ul li:nth-child(2), .kbt-product-list ul li:nth-child(3) {
    padding-left: 134px;
}

.kbt-product-list h1 {
    text-align: center;
}

.kbt-power {
    background: #f8f8f8;
}

.jump-tile-kbt-layer {
    text-align: center;
    padding-bottom: 130px;
}

.jump-tile-kbt-layer h1 {
    font-size: 56px;
    color: #111;
    padding: 100px 0 20px 0;
}

.jump-tile-kbt-layer p {
    font-size: 22px;
    color: #111;
}

.jump-img-kbt-lf {
    float: left;
    width: 600px;
}

.jump-img-kbt-rt {
    width: 600px;
    float: left;
}

.jump-img-kbt-rt ul {
    padding: 30px 0 0 60px;
}

.jump-img-kbt-rt ul li {
    float: left;
    width: 180px;
}

.jump-img-kbt-rt ul li img {
    text-align: center;
}

.jump-img-kbt-rt ul li figure {
    height: 100px;
    text-align: center;
}

.border-radius {
    line-height: 40px;
    text-align: center;
    width: 120px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #999;
    margin: 0 auto;
}

.H-kbt-Tracing-tool {
    background: url("../images/H-kbt_63.jpg") no-repeat;
    height: 560px;
    background-size: 100% 100%;
}

.H-kbt-Tracing-tool h1 {
    color: #fff;
    font-size: 56px;
    text-align: center;
    padding-top: 190px;
}

.H-kbt-Tracing-tool p {
    padding-top: 20px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.images-kbt-buy {
    width: 100%;
    height: 174px;
}

.images-kbt-buy img {
    width: 100%;
    float: left;
}

.kbt-buy-content {
    background: #f8f8f8;
	padding-top:50px;
}

.kbt-buy-list ul li {
    float: left;
    width: 280px;
    background: #ffffff;
    margin: 20px 20px 0 0;
}

.kbt-show-aside a {
    display: block;
    width: 80px;
    height: 30px;
    margin: 30px auto;
    text-align: center;
    background: #00bfd6;
    color: #fff;
    line-height: 28px;
    font-size: 16px;

}

.kbt-show-aside a:hover {
    background: #ff7f00;
}

.kbt-buy-list ul li:hover {
    box-shadow: 0 0 20px #ccc;
}

.text-kbt-buy {
    padding: 0 0 30px 0;
}

.text-kbt-buy table {
    width: 270px;
    margin: 0 auto;
}

.text-kbt-buy table tr td {
    padding-left: 6px;
    text-align: left;
    font-size: 14px;
}

.text-kbt-buy table tr {
    line-height: 30px;
}

.text-kbt-buy h1 {
    color: #111;
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
}

/*-----------------------数位板比较页面------------------------*/
.swb-compare-content {
    padding-top: 60px;
}

.swb-compare-title {
    text-align: center;
    padding: 100px 0 0 0;
}

.swb-compare-title h1 {
    font-size: 30px;
    color: #111;
}

.swb-compare-title p {
    color: #666;
    font-size: 18px;
    padding: 30px 0 30px 0;
}

.Selection-compare {
    box-sizing: border-box;
    text-align: center;
}

.compare-list {
    width: 300px;
    float: left;
    margin: 0 30px 30px 0;
    height: 690px;
    background: #f8f8f8;
}

.navTop-rt {
    width: 160px;
    margin: 0 auto;
}

.directory-navTop-rt {
    margin: 0 auto;
}

.directory-navTop-rt a {
    width: 108px;
    font-size: 16px;
    height: 34px;
    background: #00bfd6;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    margin: 30px 26px 40px 0;
    display: inline-block;
    cursor: pointer;
}

.Selection-compare h2 {
    margin-bottom: 40px;
}

.Selection-compare p {
    margin-top: 40px;
}

#cbtest {
    width: 22px;
    height: 22px;
    margin-bottom: 74px;
    cursor: pointer;
}

.check-box:focus {
    background: #00bfd6;
}

.swb-compare-parameter ul li {
    width: 300px;
    float: left;
    margin: 30px 30px 30px 0;
    cursor: pointer;
    height: 100%;
}

.compare-store-title {
    font-size: 20px;
    color: #111;
    padding: 0 0 16px 0;
}

.compare-store-content {
    text-align: center;
    padding-top: 50px;
}

.compare-store-content img {
    text-align: center;
}

.compare-specs-content ul {
    width: 236px;
    margin: 0 auto;
    padding-bottom: 50px;
    height: 360px;
}

.compare-specs-article p {
    width: 274px;
    list-style-type: circle;
    margin: 0 auto;
}
.compare-specs-article .left{
    padding-top: 20px;
}
.compare-specs-article ol li {
    background: url(/statics/hw/images/list-yd.png)no-repeat left;
    background-position: 8px 16px;
	float:left;
}

.mg-bt30 {
    width: 1000px;
    margin: 0 auto;
}

.compare-checkbox {
    position: absolute;
    display: none;
}

.compare-checkbox + label {
    position: absolute;
}

.compare-checkbox + label:after {
    position: absolute;
    top: 6px;
    left: 4px;
    display: none;
    width: 13px;
    height: 6px;
    content: '';
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    box-sizing: border-box;
    transform: rotate(-46deg);
}

.compare-checkbox + label:before {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    content: '';
    border: 1px solid #9f9f9f;
    border-radius: 3px;
}

.compare-checkbox:checked + label:before {
    background: #00bfd6;
    border: #00bfd6;
}

.compare-checkbox:checked + label:after {
    display: block;
}

.compare-list:hover {
    box-shadow: 0 0 6px #ccc;
}

.hide-for-compare-button {
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative;
    top: 0;

}

.hide-for-compare-button a {
    display: block;
    width: 84px;
    height: 32px;
    background: #00bfd6;
    border-radius: 4px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    cursor: not-allowed;
}

.compareBlock {
    display: block;
}

.compareNone {
    display: none;
}

.compare-check {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    margin: 0 auto;
}

.compare-check-1 {
    background: #fafafa url("../images/compare-ico-1.jpg") no-repeat 134px 20px;

}

.compare-check-2 {
    background: #fafafa url("../images/compare-ico-2.jpg") no-repeat 134px 20px;
    border: 1px solid #00bfd6;
}

.compare-border-none {
    border: none;
}

.compare-text-block {
    color: #666;
    font-size: 18px;
    padding: 30px 0 50px 0;
}

/*----------------------购物指南-----------------------------------*/

.directory-video {
    height: 700px;
    background: url("../images/directory-spbj-01.jpg") no-repeat center;
    background-size: cover;
    cursor: pointer;
}
.text-video {
    color: #fff;
    text-align: center;
    /* padding-top: 60px; */
    position: relative;
    top: 200px;
    line-height: 40px;
}
.tit-video {
    font-size: 48px;
    color: #fff;
}
.desc-video {
    font-size: 20px;
    color: #fff;
    padding: 24px 0 50px;
}

.video-hide {
    display: none;
}

.directory-nav {
    background: #f8f8f8;
    height: 300px;
    padding-top: 80px;
}

.directory-nav-list ul li {
    float: left;
    width: 400px;
    text-align: center;
    display: inline-block;
}

.directory-nav-name {
    padding: 30px;
    font-size: 24px;
    color: #111;
    font-weight: bold;
}

.directory-nav-name-hr {
    width: 60px;
    height: 2px;
    background: #00bfd6;
    margin: 20px auto;
}

.directory-nav-name p {
    font-size: 14px;
    color: #666666;
}

.selected {
    background: #f8f8f8;
    box-shadow: 0 0 6px #ccc;
}

.selected-compare {
    border: 1px solid #00bfd6;
}

.directory-list {
    float: left;
    width: 280px;
    margin: 18px 18px 18px 0;
}

.directory-buy {
    padding-bottom: 40px;
}

.selectProduct {
    text-align: center;
   /* background: #f8f8f8;*/
    height: 350px;
}
.selectProduct:hover{
	background: #f8f8f8;
    box-shadow: 0 0 6px #ccc;
}

.selectProduct img, .selectProduct-directory img {
    text-align: center;
    overflow: hidden;
}
.selectProduct img{
	    width: 80%;
    padding-top: 20px;
}
.selectProduct-directory {
    text-align: center;
    background: #f8f8f8;
    height: 690px;
}

.comparePanle {
    width: 100%;
    background: #eeeeee;
    margin: 20px 0 10px 0;
    display: none;
	position:fixed;
	bottom:0;
	z-index:999;
}

.compareh4 h4 {
    font-size: 18px;
    color: #666;
    padding: 20px 0 20px 0;
}

.relPos {
    float: left;
}

.relPos a {
    font-size: 28px;
    cursor: pointer;
    position: relative;
    top: -120px;
    right: -214px;
}

.comments-directory-btn button {
    background: #00bfd6;
    font-size: 14px;
    color: #fff;
    width: 80px;
    height: 30px;
    outline: 0 none !important;
    float: right;
    cursor: pointer;
    border: 1px solid #00bfd6;
    border-radius: 4px;
    box-shadow: 0 0 4px #ccc;
}

.relPos img {
    margin: 0 0 0 0;
}

.ptitle {
    text-align: center;
    position: relative;
    top: -10px;
    left: 0;
}

.directory-a {
    width: 100px;
    margin: 0 auto
}

.directory-buy a {
    color: #00bfd6;
}

.btn-floating {
    float: left;
    width: 18px;
    height: 18px;
    background: url("../images/compare-ico-1.jpg") no-repeat;
    margin: 0 0 20px 60px;
    cursor: pointer;
}

.btn-compare {
    float: left;
    width: 18px;
    height: 18px;
    background: url("../images/compare-ico-1.jpg") no-repeat;
    margin: 24px 0 20px 134px;
    cursor: pointer;
}

.selectProduct h4 {
    width: 200px;
    text-align: center;
    margin: 10px auto 0;
    line-height: 22px;
	font-size: 18px;
}

.selectProduct h5 {
    width: 200px;
    height:34px;
    text-align: center;
    margin: 12px auto 40px;
    font-size: 14px;
	color:#666;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.navTop-lf h1 {
    font-size: 30px;
    color: #333;
    padding: 30px 0 40px 0;
    display: inline-block;
    float: left;
}

.navTop-rt a {
    width: 108px;
    font-size: 16px;
    height: 34px;
    background: #00bfd6;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 34px;
    border-radius: 4px;
    margin: 30px 26px 40px 0;
    display: inline-block;
    cursor: pointer;
}

.rotateBtn {
    background: url("../images/compare-ico-2.jpg") no-repeat !important;
    cursor: pointer;
}

.rotateBtn2 {
    background: url("../images/compare-ico-2.jpg") no-repeat !important;
    cursor: pointer;
}

.selectProduct p {
    display: inline-block;
    padding-left: 10px;
    float: left;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    opacity: .65;
    color: #000;
}

/*----------------------------参数对比页--------------------------*/
.sepecs-title {
    padding: 180px 0 120px 0;
    text-align: center;
    font-size: 48px;
    color: #111;
}

.sepecs-content {
    border: 1px solid #eee;
    margin-bottom: 100px;
   /* border-bottom: none;
    border-right: none;*/
}

.Appearance {
    width: 100%;
    height: 50px;
    background: #f8f8f8;
}

.Appearance p {
    line-height: 50px;
    font-size: 14px;
    color: #333;
    padding-left: 36px;
    border-bottom: 1px solid #eee;
}

.commodity {
    height: 270px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.side-name {
    float: left;
    width: 147px;
    height: 270px;
    background: #f8f8f8;
    text-align: center;
    border-right: 1px solid #eee;
}

.side-name p {
    vertical-align: middle;
    padding-top: 120px;
}

.left-img {
    border-right: 1px solid #eee;
    float: left;
    text-align: center;
    height: 270px;
    width: 262px;
}

.left-img h4 {
    font-size: 20px;
    color: #333;
}

.left-img img {
    text-align: center;
    display: inline-block;
	width: 50%; 
    padding: 30px 0 30px 0;
}
.commodity-buy p{
	display:none!important;
}

.commodity-buy {
    padding-top: 20px;
}

.commodity-buy p {
    display: inline-block;
    font-size: 16px;
    color: #ff4545;
}

.commodity-buy a {
    color: #00bfd6;
    font-size: 16px;
    padding-left: 30px;
}

.Appearance th {
    line-height: 50px;
    width: 100%;
    height: 50px;
    background: #f8f8f8;
    border-bottom: 1px solid #eee;
    text-align: left;
    padding-left: 36px;
    font-size: 14px;
    color: #333333;
    border-right: 1px solid #eee;
}

.with-td {
    width: 1200px;
    float: left;
}

.with-td tr td {
    width: 270px;
    line-height: 20px;
    border-bottom: 2px solid #f3f3f3;
    height: 60px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
}

.more-ct td img{
    margin-top:10px;
	padding: 10px 10px 10px 10px;
}
.with-view{
    width: 800px;
    margin:0 auto;
    text-align: center;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}
.more-ct {
    width: 500px;
    margin: 0 auto;
}
.with-view tr td {
    width: 270px;
    line-height: 30px;
    border-bottom: 2px solid #f3f3f3;
    height: 60px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    text-align: center;
}

.td-wt-bg {
    width: 150px !important;
    text-align: center;
    padding-left: 0 !important;
    font-size: 14px;
    color: #999;
    background: #f8f8f8;
}

/*------活动专题-----*/
.banner_zta {
    width: 100%;
    padding-top: 60px;
}

.banner_zta img {
    width: 100%;
}

.on_content {
    width: 100%;
}

.on_list {
    width: 1200px;
    margin: 30px auto 0;

}

.head_img, .list_End-head_img {
    height: 360px;
    overflow: hidden;
}

.head_img img, .list_End-head_img img {
    width: 100%;
    height: 100%;
    float: left;
}

.list_a, .list_End {
    width: 580px;
    float: left;
    margin: 0 20px 20px 0;
  	 -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 20px #ccc;
}

.list_a_bt, .list_End_bt {
    position: relative;
    float: left;
    height: 95px;
    background: #fff;
    width: 100%;
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
}

.list_a_title, .list_End_title {
    display: block;
    padding-left: 12px;
    line-height: 30px;

}

.list_a_title h4, .list_End_title h4 {
    color: #606060;
    font-size: 24px;
    padding-top: 20px;
}

.list_a_title h4 a, .list_End_title h4 a {
    color: #333;
}

.list_a_title p, .list_End_title p {
    font-size: 16px;
    color: #999;
}

.Start-state {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 34px;
    background: url("../images/works-list-02.png") no-repeat;
    height: 42px;
    width: 106px;
    border-radius: 10px 0 0 10px;

}

.Start-state p, .End-state p {
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.End-state {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 34px;
    background: url("../images/works-list-03.png") no-repeat;
    height: 42px;
    width: 76px;
    border-radius: 10px 0 0 10px;
}

.head_img img, .list_End-head_img img {
    float: left;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}

.head_img img:hover, .list_End-head_img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    overflow: hidden;
}

/*---------------------作品预览页面-------------------------------*/
.H-works-content {
    background: #f2f2f2;
    padding: 60px 0 80px 0;
}

.H-share-main {
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

.H-share-lf {
    width: 892px;
    background: #ffffff;
    float: left;
    margin-right: 16px;
}

.H-share-rt {
    float: left;
    width: 292px;
    height: 600px;
}

.H-share-id {
    width: 292px;
    height: 200px;
    background: #ffffff;
    float: left;
}

.H-share-comment {
    width: 292px;
    margin-top: 16px;
    background: #fff;
    float: left;
}

.box-work-name p {
    font-size: 20px;
    color: #111;
    padding: 16px 0 16px 0;
}

.share-pd {
    padding: 50px 50px 50px 50px;
}

.box-work {
    width: 1000px;

}

.box-work-img {
    width: 100%;
    text-align: center;
    background: #fff;
}

.box-work-img img {
    width: 100%;
    text-align: center;
    padding: 50px 0 20px 0;
}

.box-work-page {
    font-size: 14px;
    color: #666;
    padding-bottom: 10px;
}

.box-work-page a {
    color: #038cf6;
}

.Upload-time span {
    font-size: 14px;
    color: #00bfd6;
    display: inline-block;
    border-right: 1px solid #999999;
    padding-right: 12px;
}

.Upload-time p {
    display: inline-block;
    color: #999999;
    font-size: 12px;
    padding-left: 12px;
}

.User-head {
    width: 100%;
    height: 106px;
    border-bottom: 1px solid #e5e5e5;
}

.User-img {
    float: left;
}

.User-head-name {
    float: left;
    padding-top: 30px;
    line-height: 26px;
}

.User-img img {
    float: left;
    width: 64px;
    height: 64px;
    padding: 20px 20px 20px 20px;
}

.User-head-name span {
    font-size: 20px;
    color: #111;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.User-head-name p {
    font-size: 14px;
    color: #666666;
}

.preview-Collection, .preview-See, .preview-Scomment, .preview-share {
    display: inline-block;
    padding: 26px 0 0 8px;
}

.preview-Collection a {
    background: url("../images/share-ico-01_03.png") no-repeat center;
    display: block;
    width: 60px;
    height: 20px;
}

.preview-See a {
    background: url("../images/share-ico-01_05.png") no-repeat center;
    display: block;
    width: 60px;
    height: 20px;
}

.preview-Scomment a {
    background: url("../images/share-ico-01_07.png") no-repeat center;
    display: block;
    width: 60px;
    height: 20px;
}

.preview-num01, .preview-num02, .preview-num03, .preview-num04 {
    display: block;
    padding-top: 10px;
    text-align: center
}

.preview-share a {
    background: url("../images/share-ico-01_09.png") no-repeat center;
    display: block;
    width: 60px;
    height: 20px;
}

/*-----------------------------share---------------------------*/
.Smohan_Layer_Shade {
    position: fixed;
    _position: absolute;
    zoom: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../images/hei.png") repeat;
    z-index: 99900;
}

.Smohan_Layer_box {
    min-width: 300px;
    height: auto;
    padding: 20px;
    background: #ffffff;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    z-index: 99999;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.Smohan_Layer_box h3 {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0px 0px 10px 0px;
    margin: 0;
    overflow: hidden;
}

.Smohan_Layer_box h3 .text {
    float: left;
    font-size: 16px;
    font-family: 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif;
    font-weight: 600;
    color: #84c017;
    text-indent: 0.5em;
    display: block;
}

.Smohan_Layer_box h3 .close {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/Smohan.layer.close.png") 0px 0px no-repeat;
    float: right;
}

.Smohan_Layer_box h3 .close:hover {
    background-position: 0px -31px;
}

.Smohan_Layer_box .layer_content {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.Smohan_Layer_box .layer_content .loading {
    display: block;
    width: 36px;
    height: 36px;
    background: url("../images/Load.gif") center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

/*Share*/

#Share {
    display: none;
    width: 360px;
    height: 120px;
}

#Share ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#Share ul li {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

#Share ul li a {
    display: block;
    width: 28px;
    height: 28px;
    margin-left: 11px;
    margin-top: 12px;
}

#Share ul li span {
    display: block;
    width: 40px;
    height: 10px;
    background: url("../images/share_shade.png") 0px 0px no-repeat;
    position: absolute;
    left: 5px;
    bottom: 0px;
}

#Share ul li a.share1 {
    background: url("../images/share_icon2.png") 0px 0px;
}

#Share ul li a.share2 {
    background: url("../images/share_icon2.png") -28px 0px;
}

#Share ul li a.share3 {
    background: url("../images/share_icon2.png") -56px 0px;
}

#Share ul li a.share4 {
    background: url("../images/share_icon2.png") -84px 0px;
}

#Share ul li a.share5 {
    background: url("../images/share_icon2.png") -112px 0px;
}

#Share ul li a.share6 {
    background: url("../images/share_icon2.png") -140px 0px;
}

.none {
    display: none;
}

.qrcode {
    width: 180px;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -120px;
    margin-top: -140px;
    background: #fff;
    z-index: 100000;
}

.qrcode img {
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 10px;
}

.weixin_close {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #00bfd6;
    text-decoration: none;
    font-size: 34px;
    font-weight: bold;
    right: -200px;
    position: absolute;
    top: 0;
}

/*---------------------------entries------------------------------*/
.entries-head-banner {
    width: 100%;
    padding-top: 60px;
}

.entries-head-banner img {
    width: 100%;
    display: block;
}

.entries-navigation {
    width: 100%;
    background: #4f0300;
    height: 80px;
}

.entries-navigation ul {
    width: 900px;
    margin: 0 auto;
}

.entries-navigation ul li {
    float: left;
    width: 200px;
    padding-top: 30px;
}

.entries-navigation ul li a {
    color: #c2c2c2;
    font-size:20px;
}

.entries-table-new {
    float: right;
    margin-right: 32px;
}

.title-entries {
    display: inline-block;
    float: left;
    font-size: 20px;
    color: #111;
}

.entries-table-new a {
	margin-left: 20px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 70px;
    background: #00bfd6;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}
		.lrsty{
    font-size: 24px;
    float: left;
    font-size: 28px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 4px 0 4px;
		}

.ColorF5 {
    background: #f5f5f5;
}

.entries-table-title {
  	width: 1200px;
    margin: 0 auto;
    padding: 100px 0 34px 0;
}

.H-entries-all {
    width:100%;
    margin: 0 auto;
}

.H-entries-box {
    width: 280px;
    height: 350px;
    background: #fff;
    float: left;
    margin: 16px 16px 0 0;
}

.H-entries-box:hover {
    box-shadow: 0 0 20px #ccc;
}

.H-entries-box a {
    display: block;
    float: left;
    width: 100%;
}

.H-entries-box img {
    width: 100%;
}

.entries-active {
    color: #fff !important;
}

.entries-time {
    float: left;
    width: 200px;
    background: #f4a200;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin: 10px 10px 0 0;

}

.day {
    padding-left: 38px;
}

.entries-time p {
    font-size: 16px;
}

.day, .hours, .minutes, .seconds {
    display: inline-block;
    float: left;
    font-size: 20px;
}

/*----------------------------多语言------------------------------*/

/*.H-language-content {
    padding-top: 60px;
}*/

.language-hr {
    margin-top: 15px;
    height: 1px;
    background-color: #ccc;
}

.H-language-list-title h2 {
    font-size: 24px;
    text-align: left;
}

.language-content-title {
    color: #000;
    text-align: center;
    margin: 5% 0;
    vertical-align: middle;
}

.H-language-list ul {
    margin: 2% 0 1% 0;
}

.H-language-list ul li {
    list-style: none;
    display: inline-block;
    float: left;
    margin-bottom: 3%;
    width: 24%;
    margin-right: 1%;
}

.H-language-list ul li img {
    width: 50px;
    height: 30px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px #f5f5f5 solid;
}

.H-language-list ul li p {
    text-align: left;
    display: inline-block;
    font-size: 14px;
    color: #565656;
    padding-left: 20px;
    line-height: 30px;
    vertical-align: middle;
}

.H-language-list ul li a {
    display: inline-block;
}


/*--------------------------------------会员登录-产品认证----------------------------------*/
.Certification-bj{
    background:#f8f8f8 ;
    padding:60px 0 70px 0;
}
.member-sidebar{
    margin:0 20px 0 0;
    width: 268px;
    background: #ffffff;
    float:left;
    /*min-height: 1063px;*/
}
.jump-layout{
    width: 900px;
    float:left;
    min-height: 1064px;
    background: #ffffff;
}
.memberCertification{
    margin-top:50px;
}
.member-face{
    width: 95px;
    height: 95px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #d4d4d4;
    padding: 4px;
    border-radius: 100%;
}
.menu-user{
    text-align: center;
    border-bottom: 1px solid #d4d4d4;

}
.text-email{
    padding-bottom: 54px;
}
.text-email p{
    font-size:20px;
    color: #111;
    padding-bottom: 10px;
}
.text-email font{
    font-size:14px;
    color: #999;
}
.menu-user img{
    width: 95px;
    height: 95px;
    text-align: center;
    border-radius: 100%;
}
.member-menu-list{
    text-align: center;
}
.member-menu-list ul li{
    padding-top:50px;
}
.member-menu-list ul li a{
    color: #666;
    font-size:14px;
    padding-left:22px;
	    float: left;
    margin-left: 50px;
}
.member-menu-list ul li:last-child{
    padding-bottom: 50px;
}
.member-active{
    color: #00bfd6!important;
}
.Certification-title{
    height: 260px;
    background: #01bfd7;
}
.Certification-title p{
    text-align: center;
    padding:62px 0 52px 0;
    color: #fff;
    font-size: 35px;
}
.search-text{
    float:left;
    font-size: 20px;
    color: #bbb;
    padding-left: 22px;
}
.search-val{
    float:left;
}
.search-val input
{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    background: none;
    font-size: 20px;
    color: #222;
}
.Certification-search{
    width: 56%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    margin: 0 auto;
    border-radius: 3px;
}
.Certification-sub
{
    height: 48px;
    border-radius: 24px;
    background: #03bace;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    margin: 2px 20px 0 0;
    cursor: pointer;
    background: url("../images/search-sousuo-icon.png") no-repeat right;
}
.text-title{
    font-size: 30px;
    color: #03bace;
    zoom: 1;
    line-height: 59px;
    margin: 40px auto;
    text-align: center;
}
.text-title img{
display: inline-block;
    vertical-align: middle;
}
.Product-img{
    text-align: center;
}
.Product-img img{
    text-align: center;
}
.text-title p{
    display: inline-block;
}
.member-menu-list ul li a span{
    display:block;
    height: 10px;
    float:left;
    width: 10px;
}

.column-title{
    height: 60px;
    border-bottom: 1px solid #eee;
}
.column-title p{
    padding:20px 0 0 28px;
}
.img-acitive01{
    background: url("../images/hyico02.png") no-repeat -22px -9px;
}
.img-acitive02{
    background: url("../images/hyico02.png") no-repeat -22px -74px;
}
.img-acitive03{
    background: url("../images/hyico02.png") no-repeat -22px -138px;
}
.img-acitive04{
    background: url("../images/hyico02.png") no-repeat -22px -204px;
}
.img-acitive05{
    background: url("../images/hyico02.png") no-repeat -22px -268px;
}
.img-acitive06{
    background: url("../images/hyico02.png") no-repeat -22px -334px;
}
.img-acitive07{
    background: url("../images/hyico02.png") no-repeat -22px -398px;
}



.img-acitive01-1{
    background: url("../images/hyico01.png") no-repeat -22px -9px;
}
.img-acitive02-1{
    background: url("../images/hyico01.png") no-repeat -22px -74px;
}
.img-acitive03-1{
    background: url("../images/hyico01.png") no-repeat -22px -138px;
}
.img-acitive04-1{
    background: url("../images/hyico01.png") no-repeat -22px -204px;
}
.img-acitive05-1{
    background: url("../images/hyico01.png") no-repeat -22px -268px;
}
.img-acitive06-1{
    background: url("../images/hyico01.png") no-repeat -22px -334px;
}
.img-acitive07-1{
    background: url("../images/hyico01.png") no-repeat -22px -398px;
}

/*--------------------------------------会员登录-我的收藏----------------------------------*/
.my-collection{
    margin: 90px 0 20px 20px;;
    float:left;
    width: 264px;
    box-shadow: 0 0 10px #ccc;
}
.my-collection a{
    display: block;
	width:100%!important;
}
.my-collection a img{
   width: 100%;
    height: auto;
}
.member-remove{
    float:left;
    text-align: center;
    width: 100%;
    padding: 18px 0 18px 0;
    border-top: 1px solid #eee;
    cursor: pointer;
    color: #999;
}
.member-edit{
    float:left;
    width: 50%;
    padding: 18px 0 18px 0;
    cursor: pointer;
    color: #999;
    text-align: center;
}
.member-edit a{
    color: #999;

}
.boder-all{
    width: 100%;
    border-top: 1px solid #eee;
    float:left;
}
.member-remove-a{
    float:left;
    width: 50%;
    padding: 18px 0 18px 0;
    cursor: pointer;
    color: #999;
    text-align: center;
}
.upload-voucher-content{
    float: left;
    margin-top: 20px;
    /*padding-left: 78px;*/
}
.upload-voucher-all{
    float:left;
}
.upload-voucher-img{
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 34px 20px 0 0;
    float: left;
    border: 1px solid #ccc;
}
.voucher-content{
    float:left;
    width: 80px;
    margin-right: 20px;
}
.upload-voucher-img img{
    width: 80px;
    height: 80px;
}
.upload-voucher-dell{
    color: #000;
    width:100%;
    height: 20px;
    float:left;
    text-align: center;
    cursor: pointer;
}
/*--------------------------------------会员登录-站内消息----------------------------------*/
.station-main{
    margin: 50px 28px 0 28px;
    line-height: 30px;
    color: #999;
    border-bottom: 1px solid #eee;
    padding-bottom: 32px;
    background: url("../images/member-ico01.png") no-repeat left top;
}
.station-time span{
    display: inline-block;
    padding-left:26px;
    font-size:12px;
}
.station-p p{
    font-size:14px;
}
.station-time,.station-p{
    padding-left: 70px;
}
.station-time p{
    display: inline-block;
    font-size:14px;
    color: #999;
}
.station-p p a{
    text-decoration: none;
    font-size:14px;
    color: #999;
}

.column-no-notice{
    width: 100%;
    height: 500px;
    background: url("../images/notice-01.jpg")no-repeat center;
}

/*--------------------------------------会员登录-个人信息----------------------------------*/
.information-main,.myworks-main,.myworks-upload{
    margin: 50px 28px 0 28px;
    height: 600px;
    font-size: 14px;
    color: #333;
}
.head-title{
    width: 120px;
    float:left;
    font-size:14px;
    color: #333;
    line-height: 80px;
}
.Head-portrait{
    padding-left:180px;
}
.Head-portrait p{
    line-height:80px;
    padding-left: 20px;
    float:left;
    cursor: pointer;
}
.Head-portrait span{
    float:left;
    width: 78px;
    height:78px;
    border-radius: 100%;
}
.Head-portrait span img{
    float:left;
    width: 78px;
    height: 78px;
    border-radius: 100%;
}
.input-xlarge{
    width: 217px;
    height: 36px;
    border: 1px solid #ddd;
    text-align: left;
    margin: 20px 0 0 64px;
    padding-left:30px;
}
.site_select li{
    background: url("../images/29.jpg") no-repeat;
    width: 16px;
    height: 16px;
    background-size: cover;
    margin: 0 7px 0 0;
}

.active-ico{
    background: url("../images/28.jpg") no-repeat!important;
}
.site_select li .select_tips {
    color: #949494;
}
.site_select li {
    cursor: pointer;
    margin: 30px 20px 0 64px;
}
.select_ico p{
    padding-left:20px;
    line-height:0;
}
.site_select ul {
    padding-top: 4px;
}
#date{
    margin: 20px 0 0 64px;
    float: left;
}

.city,.select-region,#province,.fl{
    float:left;
}
.city,#province{
   min-width: 70px;
    height: 36px;
    border: 1px solid #ddd;
    font-size:14px;
}
#province{
	padding-left: 30px;
}
.information-region{
    float:left;
    width: 100%;
}
#date select{
    padding: 5px;
    outline: none;
    float: left;
    height: 36px;
    min-width: 70px;
    border: 1px solid #ddd;
}
.fl p{
    display: inline-block;
    float: left;
    margin: 12px 22px 0 22px;
    text-align: left;
    line-height: 1.25;
    font-size: 16px;
    color: #666;
}
.floption p {
    display: inline-block!important;
    float: left!important;
    margin: 0 22px 0 22px!important;
    text-align: left!important;
    font-size: 16px!important;
    color: #666!important;
}
.compare-store-content img {
    width: 50%;
    padding-bottom: 20px;
}
.select-region{
    margin: 20px 0 0 64px;
}
.information-education,.information-Occupation,.information-pr-type,.information-pr-Model{
    width: 100%;
    float:left;
}
#theme{
    color: #333;
    padding-left: 22px;
    width: 152px;
    height: 36px;
    border: 1px solid #ddd;
    margin: 20px 0 0 64px;
    font-size:14px;
    background: #f5f5f5;
    cursor: pointer;
}

.optgroup{
    background: #000;
}


#education,#Occupation,#cplx,#H-Model{
    width: 250px;
    height: 36px;
    border: 1px solid #ddd;
    margin: 20px 0 0 64px;
    font-size:14px;
	padding-left:30px;
}
#education option{
    text-align: center;
}

.information-submit{
    width: 240px;
    height: 42px;
    background: #00bfd6;
    text-align: center;
    color: #fff;
    font-size:16px;
    cursor: pointer;
    float: left;
    margin:30px 0 80px 184px;
}

/*--------------------------------------会员登录-个人注册----------------------------------*/
.Order-number,.Serial-number,.Buy-time {
    float: left;
    width: 100%;
}
.check-register a {
    padding-left: 10px;
    color: #00bfd6;
}
.head-title b{
    color: #ff4545;
}
.Buy-upload{
    width: 100%;
}
.Buy-voucher,.upload-voucher{
    width: 242px;
   /* height: 190px;
    background:url("../images/upload-01.png") no-repeat center;*/
    float: left;
    margin: 10px 0 0 64px;
    text-align: center;
}
.Buy-voucher{
	height: 190px;
	background:url("../images/upload-01.png") no-repeat center;
}
.upload-voucher-cont{
    width: 242px;
    height: 190px;
    background:url("../images/upload-01.png") no-repeat center;
    float: left;
    text-align: center;
}
.Buy-voucher font,.upload-voucher font{
    padding-top:100px;
    cursor: pointer;
}
.Buy-voucher span,.upload-voucher span{
    padding-top:100px;
    width: 160px;
    margin:0 auto;
    cursor: pointer;
}
.Buy-voucher span p,.upload-voucher span p{
    padding-top:10px;
    color: #bbb;
    width: 180px;
}

.check-register{
    line-height: 14px;
    margin: 20px auto;
    width: 444px;
}
.check-register input{
    margin-right: 10px;
}
.check-register input[type="checkbox"]{
    width:14px;
    height:14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    border-radius: 1px;
    position: relative;
}
.check-register input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #00bfd6;
    cursor: pointer;
}
.check-register input[type="checkbox"]:checked::before{
    content: "\2713";
    background-color: #00bfd6;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}
.register-list p{
    font-size:14px;
    color: #999;
}
.register-list a{
    font-size:14px;
    color: #00bfd6;
    margin:20px 0 50px 0;
    display: block;
    font-weight:bold;
}
.register-list-information{
    width: 816px;
    height: 90px;
}
.register-list-thead tr {
    background: #f8f8f8;
    border: 1px solid #eee
}
.register-list-thead tr th{
    width: 90px;
    height: 40px;
    line-height: 22px;
    border-right: 1px solid #eee;
    font-size:14px;
    color: #333333;
	vertical-align: middle;
}
.register-list-tbody tr td{
    text-align: center;
    font-size:12px;
    color: #999999;
    width: 90px;
    height: 50px;
    border-right: 1px solid #eee;
    vertical-align: middle;
    padding: 0 4px 0 4px;
}
.register-list-tbody tr{
    border: 1px solid #eee
}
.register-list-tbody tr td a{
    color: #00bfd6;
    font-size:12px;
}
.Be-careful-ico{
    width: 30px;
    height: 30px;
    /*background: url("../images/register-ico-01.png") no-repeat;
    top: -216px;
    left: -44px;*/
    cursor: pointer;
    margin-bottom: 10px;
}
.dis-tip{
    border: 1px solid #eee;
    display: none;
}
.pc-serial-ipt{
    float:left;
    width:281px;
    position: relative;
}
.Be-careful{
  	position: absolute;
    width: 360px;
    height: 240px;
    left: 350px;
    top: 24px;
}
.Be-careful ol{
    padding: 12px 0 0 30px;
}
.Be-careful ol li{
    line-height: 28px;
    font-size:14px;
    color: #666666;
}

/*--------------------------------------会员登录-我的作品----------------------------------*/
.not-upload{
    width: 280px;
    height: 260px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin: 0 auto;

}
.not-upload-img{
    background: url("../images/upload-02.png") no-repeat center;
    width: 150px;
    height: 88px;
    margin:0 auto;
    padding-top:50px;
}
.not-upload-img p{
    color: #333333;
    font-size:16px;
    text-align: center;
    padding:56px 0 36px 0;
}
.not-upload-button{
    width: 174px;
    height: 34px;
    background: #00bfd6;
    margin: 16px auto;
}
.not-upload-button a{
    text-align: center;
    display: block;
    line-height: 34px;
    color: #fff;
    font-size:14px;
}


.not-upload-p{
    text-align: center;
    margin-top:34px;
}

.myworks-main{
    margin-top: 162px;
}


.input-works{
    width: 570px;
    height: 36px;
    border: 1px solid #ddd;
    text-align: left;
    margin: 30px 0 0 64px;
    padding-left:30px;
    background: #f5f5f5;
}

.works-title{
    width: 100%;
    float:left;
	margin-top:20px;
}
.works-textarea{
    width: 600px;
    height: 131px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    border-radius: 4px;
    float: left;
    margin:32px 0 0 64px;
}
.works-textarea textarea{
    width: 100%;
    height: 131px;
    vertical-align: middle;
    font-size: 14px;
    background: #f5f5f5;
}
.works-textarea textarea::placeholder{
    padding:20px;
    color:#bbb;
}
.works-textarea-submit {
    width: 240px;
    height: 42px;
    background: #00bfd6;
    text-align: center;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin: 50px 0 80px 0;
}
.upload-voucher-text{
    width: 300px;
    float:left;
    margin: 40px 0 0 112px;
    line-height: 30px;
    font-size:14px;
    color: #999999;
}
.upload-new-collecory{
    width: 264px;
    height:238px;
    float: left;
    
    text-align: center;
    background: url(../images/upload-new-01.jpg) no-repeat center;
    cursor: pointer;
}
.upload-new-collecory font{
    padding-top: 100px;
}
.upload-new-collecory span{
    padding-top: 104px;
}
.upload-new-collecory p{
    padding-top: 10px;
    color: #bbb;
    width: 180px;
    margin: 0 auto;
}


.selectric-wrapper {
    position: relative;
    cursor: pointer;
    margin: 30px 0 0 10px;
    float:left;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DDD;
    border-radius: 0px;
    background: #F8F8F8;
    position: relative;
    overflow: hidden;
    width:152px;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 14px;
    line-height: 38px;
    color: #333;
    height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric .button {
    border:none!important;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #F8f8f8;
    color: #000;
    text-align: center;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #000;
    border-bottom: none;
}

.selectric-focus .selectric {
    border-color: #aaaaaa;
}


.selectric-open {
    z-index: 99;
}

.selectric-open .selectric {
    border-color: #c4c4c4;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F8F8F8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    height: 100%;
    width:326px;
    height:350px;
    background:#333;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
    background:#333;
    color:#cccccc;
    float:left;
    padding-top:10px;

}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    width:66px;
    float:left;
}

.selectric-items li.selected {
    background: #E0E0E0;
    color: #fff;
}

.selectric-items li.highlighted {
    background: #333;
    color: #fff;
    width:auto;
    display:none;
}

.selectric-items li:hover {
    background: #00bfd6;
    color: #fff;
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #333;
    color: #fff;
    font-size:18px;
    width:300px;
    padding-left: 24px;

}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

/*-----------------------more--------------------------------------------------------*/
.product-more {
    padding: 60px 1% 0;
    border-top: 1px solid #dbdbdb;
    margin-top: 60px;
}
.trans-more{
    position: absolute;
    left: 50%;
    bottom: -22%;
    margin: 0 0 0 -29%;
    width: 59%;
}
.product-more-banner{
padding-top:60px;	
}
.product-more-banner img{
    width: 100%;
}
.product-more ul li{
    width: 27.5%;
    margin: 0 5.7% 76px 0;
    position: relative;
    z-index: 1;
    float: left;
}
.trans-more-all{
    position: relative;
    z-index: 1;
    margin: 0 0 60px;
}
.trans-more-name{
    line-height: 49px;
    text-align: center;
    margin: 0 0 13px;
    height: 49px;
    overflow: hidden;
    background: url(../site/images/bottom-01.jpg) no-repeat bottom center;
}
.trans-more-name a
{
    font-size: 20px;
    color: #505050;
}
.trans-more-title{
    font-size: 14px;
    line-height: 20px;
    color: #7f7f7f;
    padding: 0 6%;
    text-align: center;
    height: 60px;
    overflow: hidden;
}
.trans-more-btn{
    width: 111px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #000;
    margin: 23px auto 0;
}
.trans-more-btn a{
    color: #505050;
    text-transform: uppercase;
    font-size:14px;
    display: block;
}
.trans-more{
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.trans-more:hover{
    transform: translate(14px, 0);
    -webkit-transform: translate(14px, 0);
    -moz-transform: translate(14px, 0);
    -o-transform: translate(14px, 0);
    -ms-transform: translate(14px, 0);
}
#turn_page2 {
    text-align: center;
    height: 40px;
    line-height: 38px;
    padding: 10px 0 30px 0;
}
#turn_page2 a{
    /*display: inline-block;*/
    zoom: 1;
    margin: 0 40px 0 0;
    vertical-align: middle;
    color: #444;
}
#turn_page2 .page_item_current {
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #444;
    font-size: 14px;
    line-height: 38px;
    width: 38px;
    border: 1px solid #9a9a9a;
    margin: 0 14px 0 0;
    vertical-align: middle;
}
.more-list{
    float:left;
    padding: 48px 0 0 70px;
}
.more-list a{
    color: #fff;
    font-size:14px;
}
/*----------------------search搜索列表-------------------------------------*/
.search-content{ 
    padding-top:120px;
}
.search-results-all {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.search-all{
    margin-bottom: 100px;
}
.search-results-all p{
    font-size:12px;
    color: #333;

}
.search-product-description{
    padding:26px 200px 0 0;
}
.search-active{
    display: block!important;
    color: #00bfd6!important;
    font-size:16px!important;
    padding-top: 10px;
}
.search-active:hover{
    text-decoration: underline;
}
.search-product-description a
{
    font-size: 14px;
    color: #000;
}
.search-product-description h2{
    line-height: 62px;
    font-size: 18px;
    color: #333;
}
.search-product-description p{
    padding:10px 0 0 0;
    color: #333;
    font-size:16px;
    line-height: 24px;
}

/*会员登陆*/
/* login
============================== */
.drop-down-navbar ul,.drop-down-navbar-2 ul  {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.drop-down-navbar ul:before,
.drop-down-navbar ul:after {
  content: "";
  display: table;
}
.drop-down-navbar ul:after {
  clear: both;
}
.drop-down-navbar ul > li,.drop-down-navbar-2 ul > li {
  float: left;
  position: relative;
}
.drop-down-navbar a,.drop-down-navbar-2 a {
    line-height: 43px;
    color: #333;
    display: block;
    width: 30px;
	height:36px;
}
.drop-down-navbar li ul a,.drop-down-navbar-2 li ul a {
  border: none;
}
.drop-down-nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.drop-down-nav2 li ul {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=100);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    height: auto;
    background: #fff;
    width: 180px;
    float: right;
    left: -80px;
    top: 46px;
    border: 1px solid #e3e3e3;
    z-index: 999;
    border-top: 2px solid #00bfd6;
	padding-bottom: 20px;
}



.drop-down-navbar ul li ul li,.drop-down-navbar-2 ul li ul li {
         margin: 10px 20px 0 20px;
		width: 140px;
}

.drop-down-navbar li ul li,.drop-down-navbar-2 li ul li {
    border-bottom: 1px solid #e3e3e3;
}

.drop-down-navbar li ul li a,.drop-down-navbar-2 li ul li a {
    line-height: 43px;
    padding: 0 40px;
    color: #333;
    display: block;
	    width: 100%;
}


/* login
============================== */
.drop-down-navbar-2 ul:before,
.drop-down-navbar-2 ul:after {
  content: "";
  display: table;
}
.drop-down-navbar-2 ul:after {
  clear: both;
}


.drop-down-nav2-2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.drop-down-nav2-2 li ul {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=100);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    height: auto;
    background: #fff;
    width: 180px;
    float: right;
    left: -80px;
    top: 46px;
    border: 1px solid #e3e3e3;
    z-index: 999;
    border-top: 2px solid #00bfd6;
	padding-bottom: 20px;
}

/*智能解答*/
.sub-fomr-main{
    height: 600px;
    margin: 50px 28px 0 28px;
}
.sub-active{
    background: url(../images/29.jpg) no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover;
    display: block;
    float:left;
}
.sub-fomr-main ul li{
    width: 100%;
    float: left;
    margin-top:40px;
}
.sub-fomr-main p{
	width: 700px;
    float:left;
    line-height: 20px;
    font-size:16px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    padding-left: 20px;
}


/*------------------------------------------cqf-style-------------------------------------*/

.center{
    width: 1200px;
    margin:0 auto;
}
.fr{
    float: right;
}
/*配件页样式补充*/
.H-parts-show img{transition:all 0.5s;}
.item6{position:relative;float:left;margin-right:3px;width:380px; height:480px;cursor:pointer;overflow:hidden;}
.item6 .cornerCC{left:190px;top:240px;position:absolute;width:0;height:0;background:rgba(0,0,0,.6);overflow:hidden;}
.item6 dd{padding:60px 20px 0;line-height:30px;color:#fff;font-size:16px;}
/*配件样式补充end*/

/*服务支持页面样式*/
/*service-search*/
.service-search{
    width: 100%;
    height: 450px;
    background:url("../images/service-search-bg.jpg") no-repeat center;
	background-size:cover;
}
.service-search .tit{
    font-size: 48px;
    color: #fff;
    padding-top: 180px;
    text-align: center;
}
.service-search .desc{
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding:16px 0 50px;
}
.service-search .ssearch {
    position: relative;
    border: 1px solid #ccc;
    height: 54px;
    width: 656px;
    margin: 0 auto;
}
.service-search .sub{
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    top:0;
    background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
    border: none;
    cursor: pointer;
}
.service-search .input {
    float: left;
    width: 656px;
    height: 54px;
    text-align: left;
    border: none;
    background: #fff;
    color: #999;
    font-size: 20px;
    text-indent: 60px;
}
.service-search .input::placeholder{
  color:#ccc;
}
.fase-link{
    display: none;
    width: 656px;
    /*height: 260px;*/
    position: relative;
    z-index: 10;
    margin:-1px auto 0;
    border:1px solid #ccc;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.fase-link .links{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    padding-left: 58px;
}
.fase-link ul{
    /*height: 160px;*/
}
.fase-link ul li{
    height: 40px;
    line-height: 40px;
}
.fase-link ul li a{
    display: block;
    font-size: 14px;
    color: #333;
    padding-left: 80px;
}
.fase-link ul li a:hover{
    background-color: #f5f5f5;
    color: #00bfd6;
}
/*service-support*/
.service-support{
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
}
.service-support .tit{
    padding-top:100px;
    text-align: center;
    font-size: 36px;
    color: #111111;
}
.service-support .line{
    width: 50px;
    height: 2px;
    background-color: #00bfd6;
    margin:30px auto 100px;
}
.service-support ul{
    float: left;
    margin-bottom: 100px;
}
.service-support ul li{
    float: left;
    width: 287px;
    height: 400px;
    margin-right: 15px;
    background-color: #fff;
}
.service-support ul li a{
    display: block;
    width: 230px;
    height: 400px;
    padding:0 26px;
}
.service-support ul li a:hover{
  box-shadow: 0 0 10px #ccc;
}
.service-support ul li a:hover > .lines{
  
   background: url(../images/service-support-you.png) no-repeat center center;
}
.service-support ul li:nth-child(4){
    margin-right: 0;
}
.service-support .ull .pis{
    text-align: center;
    padding:60px 0 54px;
}
.service-support .ull .titl{
    font-size: 22px;
    color: #333333;
    text-align: center;
    padding-bottom: 28px;
}
.service-support .ull .desc{
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 10px;
}
.service-support .ull .lines{
    width: 53px;
    height: 14px;
    margin: 35px auto 0;
    background: url(../images/service-support-hui.jpg) no-repeat center center;
}
.service-support .ull .lines:hover{
    background: url(../images/service-support-you.png) no-repeat center center;
}
/*service-join*/
.service-join{
    width: 100%;
    height: auto;
  	background:#f8f8f8;
}
.service-join .pic{
    float: left;
    width: 720px;
    height: 469px;
    padding:46px 0 84px;
}
.service-join .pic img{
    margin-left: -54px;
}
.service-join .txt{
    float: left;
    width: 470px;
    padding-right: 10px;
}
.service-join .txt .tit{
    font-size: 40px;
    color: #111;
    padding:154px 0 18px;
}
.service-join .txt .desc{
    font-size: 16px;
    color: #333;
    line-height: 1.7;
}
.service-join .txt .go{
    font-size: 18px;
    padding-top: 36px;
}
.service-join .txt .go a{
    display: inline-block;
    color: #00bfd6;
}
.service-join .txt .go a img{
    margin-left: 8px;
}
/*service-start*/
.service-start{
    width: 100%;
    height: auto;
    background-color: #fff;
}
.service-start .txt{
    float: left;
    width: 480px;
}
.service-start .txt .tit{
    font-size: 40px;
    color: #111;
    padding:210px 0 18px;
}
.service-start .txt .desc{
    font-size: 16px;
    color: #333;
    line-height: 1.7;
}
.service-start .txt .go{
    font-size: 18px;
    padding-top: 30px;
}
.service-start .txt .go a{
    display: inline-block;
    color: #00bfd6;
}
.service-start .txt .go a img{
    margin-left: 8px;
    margin-top: 3px;
}
.service-start .pic{
    float: left;
    width: 695px;
    padding:123px 0 134px 25px;
}
/*Contact us*/
.service-contact{
    width: 100%;
    height: auto;
    padding-bottom: 40px;
    background: #fff;
}
.service-contact .tit{
    padding-top: 100px;
    font-size: 36px;
    color: #111;
    text-align: center;
}
.service-contact .line{
    width: 50px;
    height: 2px;
    margin:26px auto 80px;
    background-color: #00bfd6;
}
.service-contact .ull-us{
    width: 1200px;
    margin-bottom: 80px;
}
.service-contact .ull-us li{
    float: left;
    width: 300px;
    text-align: center;
}
.service-contact .ull-us a{
    font-size: 18px;
    color: #666;
    display: block;
}
.service-contact .ull-us .one{
    background: url("../images/service-contact-icon1.png") no-repeat top center;
}
.service-contact .ull-us .two{
    background: url("../images/service-contact-icon2.png") no-repeat top center;
}
.service-contact .ull-us .three{
    background: url("../images/service-contact-icon3.png") no-repeat top center;
}
.service-contact .ull-us .four{
    background: url("../images/service-contact-icon4.png") no-repeat top center;
}
.service-contact .ull-us .five{
    background: url("../images/service-contact-icon5.png") no-repeat top center;
}
.service-contact .ull-us li .desc{
    padding-top:90px;
    font-size: 18px;
    color: #666;
}
.service-contact .ull-us a:hover .desc{
    color:#00bfd6;
}
.service-contact .ull-us a:hover .one{
    background: url("../images/service-contact-icon-h1.png") no-repeat top center;
}
.service-contact .ull-us a:hover .two{
    background: url("../images/service-contact-icon-h2.png") no-repeat top center;
}
.service-contact .ull-us a:hover .three{
    background: url("../images/service-contact-icon-h3.png") no-repeat top center;
}
.service-contact .ull-us a:hover .four{
    background: url("../images/service-contact-icon-h4.png") no-repeat top center;
}
.service-contact .ull-us a:hover .five{
    background: url("../images/service-contact-icon-h5.png") no-repeat top center;
}

/*active*/
.service-contact .ull-us .one.active{
    background: url("../images/service-contact-icon-h1.png") no-repeat top center;
}
.service-contact .ull-us .three.active{
    background: url("../images/service-contact-icon-h3.png") no-repeat top center;
}
.service-contact .ull-us .four.active{
    background: url("../images/service-contact-icon-h4.png") no-repeat top center;
}
.service-contact .ull-us li.active .desc{
    color: #00bfd6;
}

/*mail-detail*/
.mail-detail{
    width: 100%;
    height: auto;
}
.mail-detail form{
    display: block;
    max-width: 750px;
    margin: 0 auto;
}

.mail-detail form .t {
    font-size: 14px;
}

.mail-detail form .i {
    border: 1px solid #dbdcde;
    background: #f1f2f4;
    height: 34px;
    padding: 3px 5px;
    margin: 5px 0 30px;
    display: block;
}
.mail-detail form .i input {
    height: 34px;
    line-height: 34px;
    width: 100%;
    border: none;
    background: none;
    outline: none;
    font-size: 15px;
}

.mail-detail form .a {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    height: 200px;
    padding: 6px 5px;
    margin: 5px 0 0;
    display: block;
}

.mail-detail form textarea {
    height: 100%;
    line-height: 26px;
    width: 100%;
    border: none;
    background: none;
    outline: none;
    font-size: 15px;
}

.mail-detail form .b {
    display: block;
    height: 48px;
    width: 150px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    background: #00bfd6;
    margin: 40px auto;
    cursor: pointer;
}
.formtips{
    color: #f00;
    font-size: 14px;
    padding-top: 6px;
}
.ty-line{
    width: 1200px;
    height: 1px;
    background-color: #eeeeee;
    margin-bottom: 60px;
}
.service-active{
    display:block;
}
/*phone-detail*/
.phone-detail .phone{
    font-size: 40px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
}
/*wechat-detail*/
.mail-detail,
.wechat-detail,
.phone-detail {
    display: none;
}
.wechat-detail .ty-line{
    margin-bottom: 40px!important;
}
.wechat-detail .pic{
    width: 300px;
    height: 300px;
    margin:0 auto 60px;
}

.service-cont>.c-detail{
    display:none;
}
.service-cont>.c-detail.active{
    display:block;
}


/*产品服务和维修信息 售后服务信息*/
.after-banner{
    width: 100%;
    height: 450px;
    color: #fff;
    text-align: center;
    background: url(../images/after-banner.jpg) no-repeat center;
}
.after-banner .tit{
    font-size: 48px;
    padding: 168px 0 20px;
}
.after-banner .desc{
    font-size: 22px;
}
.after-icon{
    width: 100%;
    height: auto;
    padding:118px 0 114px;
    background-color: #f8f8f8;
}
.after-icon ul li{
    float: left;
    width: 572px;
    height: 284px;
    margin-right: 56px;
    background-color: #fff;
    box-shadow:0 0 10px #ccc;
}
.after-icon ul li:nth-child(2){
    margin-right: 0;
}
.after-icon ul li .icon{
    width: 210px;
    height:56px;
    margin:70px auto 36px;
    text-align: center;
    line-height: 56px;
    font-size: 22px;
    cursor: pointer;
    background-color: #00bfd6;
}
.after-icon ul li .icon a{
    display: block;
    color: #fff;
}
.after-icon ul li .icon a:hover{
    background-color: #00aabe;
}
.after-icon ul li .desc{
    font-size: 18px;
    color: #666;
    text-align: center;
    padding:0 60px;
}
/*after-cont*/
.after-cont{
    width: 100%;
    height: auto;
}
.after-cont .first{
    padding-top: 92px;
}
.after-cont .last{
    padding-bottom: 92px;
}
.after-cont .line{
    width: 1200px;
    height: 1px;
    background-color: #eeeeee;
    margin:40px 0 40px;
}
.after-cont .conts .tit{
    font-size: 24px;
    color: #333;
}
.after-cont .conts ul{
    padding-top: 20px;
}
.after-cont .conts ul li{
    font-size: 16px;
    color: #666;
    line-height: 1.7;
}
.after-cont .conts ul li.indent{
    text-indent: 2em;
}
/*qa_conts*/
.qu_conts{
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
}
.qu_conts .tit{
    font-size: 14px;
    color: #666;
    padding:28px 0;
}
.qu_conts .tit a{
	color: #00bfd6;
}
.qu_conts .tit span{
    color: #00bfd6;
}
.qu_conts .qu-wrap{
    /*margin-bottom: 60px;*/
}
.qu_conts .qu-wrap .qu_con_l{
    float: left;
    width: 234px;
    height: auto;
    background-color: #fff;
    border:1px solid #eeeeee;
    margin-right: 20px;
    margin-bottom: 60px;
}
.qu_conts .qu-wrap .qu_con_l .pl a{
    display: block;
    height: 58px;
    font-size: 18px;
    text-align: center;
    line-height: 58px;
    color: #111111;
    border-bottom: 1px solid #eeeeee;
}
.qu_conts .qu-wrap .qu_con_l ul{}
.qu_conts .qu-wrap .qu_con_l ul li a{
    display: block;
    height: 50px;
    line-height: 50px;
    color: #666666;
    font-size: 16px;
    text-align: center;
}
.qu_conts .qu-wrap .qu_con_l ul li a:hover{
    /*background:url(../images/prob-icon-bg.jpg) no-repeat;*/
    background: #00bfd6;
    color: #fff;
}
.qu_conts .qu-wrap .qu_con_l ul li a.active-faq-list{
    /*background:url(../images/prob-icon-bg.jpg) no-repeat;*/
    background: #00bfd6;
    color: #fff;
}

.qu_conts .qu-wrap .qu_con_r{
    float: left;
    width: 942px;
    height: auto;
    background-color: #fff;
    border:1px solid #eeeeee;
    margin-bottom: 60px;
}
.qu_conts .qu-wrap .qu_con_r .titl{
    height: 68px;
    line-height: 68px;
    padding-left: 50px;
    font-size: 16px;
    color: #111111;
    margin-bottom: 30px;
    background: url(../images/qu_con_r-border.jpg) no-repeat left 56px;
}
.qu_conts .qu-wrap .qu_con_r .ssearch{
    position: relative;
    border: 1px solid #eeeeee;
    height: 50px;
    width: 850px;
    margin: 0 auto;
}
.qu_conts .qu-wrap .qu_con_r .sub{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top:0;
    background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
    border: none;
    cursor: pointer;
}
.qu_conts .qu-wrap .qu_con_r .input {
    float: left;
    width: 850px;
    height: 50px;
    text-align: left;
    border: none;
    background: #fff;
    color: #999;
    font-size: 14px;
    text-indent: 50px;
}
.qu_conts .qu-wrap .qu_con_r ul{
    width: 850px;
    margin:0 auto;
    height: auto;
}
.qu_conts .qu-wrap .qu_con_r ul li a{
    display: block;
    padding:26px 0 0;
    font-size: 14px;
    color: #333;
}
.qu_conts .qu-wrap .qu_con_r ul li a .time{
    float: right;
    padding-right: 10px;
}
.qu_conts .qu-wrap .qu_con_r ul li a:hover{
    color: #00bfd6;
}
.qu_conts .qu-wrap .quotes{
    padding:39px 0;
}
.mt20 {
    margin-top: 20px;
}
.quotes {
    clear: both;
    width: 100%;
    height: 28px;
    text-align: center;
}
.quotes a {
    padding: 9px 4px;
    color: #666;
    margin-right: 26px;
}
.quotes a:hover{
    color: #00bfd6;
    border-bottom: 1px solid #ccc;
}


/*problem-cont*/
.problem-cont{
    float: left;
    width: 700px;
    height: auto;
    padding:0 121px;
}
.problem-cont .titles{
    padding-top: 30px;
    color: #111111;
    text-align: center;
    font-size: 20px;
}
.problem-cont .info{
    text-align: center;
    font-size: 14px;
    color: #999;
    padding:18px 0;
}
.problem-cont .info span{
    padding-right: 6px;
    display: inline-block;
}
.problem-cont .info i{
    font-style: normal;
    padding: 0 6px 0 30px;
}
.problem-cont .line{
    width: 700px;
    height: 1px;
    background-color: #eeeeee;
}
.problem-cont .article_article{
    overflow: hidden;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    padding-top: 50px;
}
.problem-cont .article_article img{
    max-width: 700px;
    display: block;
}
.problem-cont .context{
    padding-bottom: 40px;
}
.problem-cont .context ul li{
    font-size: 14px;
    color: #333;
    margin-top: 6px;
}
.problem-cont .lines{
    width: 700px;
    height: 1px;
    margin:50px 0 20px;
    background-color: #eeeeee;
}

/*start-cont*/
.start-cont-banner{
    background:url(../images/start-cont-banner.jpg) no-repeat;
}
.start-cont-banner .desc{
    font-size: 20px;
}
/*start-cont*/
.start-cont ul{
    width: 1200px;
    height: auto;
}
.start-cont ul li{
    float: left;
    width: 380px;
    margin:50px 30px 0 0;
}
.start-cont ul li:nth-child(3),
.start-cont ul li:nth-child(6){
    margin-right: 0;
}
.start-cont .pic{
    width: 380px;
    height: 230px;
}
.start-cont .txt{
    padding:0 20px;
}
.start-cont .txt .tit{
    padding-top: 30px;
}
.start-cont .txt .tit a{
    font-size: 18px;
    color: #333;
}
.start-cont .txt .desc{
    font-size: 14px;
    color: #666;
    padding:16px 0 50px;
}
.start-cont .txt .more{
    float: right;
}
.start-cont .txt .more a{
    font-size: 14px;
    color: #999;
}
.start-cont .txt .more a:hover,
.start-cont .txt .tit a:hover{
    color: #00bfd6;
}
.start-cont .mores a{
    display: block;
    width: 198px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #999;
    font-size: 18px;
    border:1px solid #e5e5e5;
    margin:100px auto 120px;
}
.start-cont .mores a:hover{
    background-color: #00bfd6;
    color: #fff;
    border:1px solid #00bfd6;
}

/*联系我们开始*/
.contact-big-banner{
    background:url(../images/contact-banner1.jpg) no-repeat center;
}
.contact-cont{
    width: 100%;
    height: auto;
    padding-top: 70px;
}
.contact-cont .titl{
    font-size: 40px;
    color: #111111;
    text-align: center;
}
.contact-cont .line{
    width: 50px;
    height: 2px;
    margin:20px auto 70px;
    background-color: #00bfd6;
}
.contact-cont .txt{
    float: left;
    width: 338px;
    height: 310px;
    margin-right: 90px;
    border:1px solid #d5d5d5;
}
.contact-cont .three{
    margin-right: 0;
}
.contact-cont .txt .tit{
    font-size: 22px;
    color: #111111;
    text-align: center;
    padding:34px 20px 20px;
}
.contact-cont .txt .lines{
    width: 300px;
    height: 1px;
    margin:0 auto;
    background-color: #e5e5e5;
}
.contact-cont .txt ul{
    width: 230px;
    margin:34px auto 0;
}
.contact-cont .txt ul li{
    font-size: 14px;
    color: #333;
    height: 28px;
    line-height: 28px;
    padding-left: 30px;
}
.contact-cont .txt ul li:nth-child(1){
    background:url(../images/contact-icons1.png) no-repeat left center;
}
.contact-cont .txt ul li:nth-child(2){
    height: 56px;
    background:url(../images/contact-icons2.png) no-repeat left 6px;
}

.contact-cont .txt ul li:nth-child(3){
    background:url(../images/contact-icons4.png) no-repeat left center;
}

.contact-cont .txt ul li:nth-child(4){
    background:url(../images/contact-icons5.png) no-repeat left center;
}

.contact-cont .txt ul li:nth-child(5){
    background:url(../images/contact-icons3.png) no-repeat left center;
}
.contact-cont .txt .pic{
    text-align: center;
    padding: 30px 0 10px;
}
.contact-cont .three .pic{
    padding:4px 0 10px;
}
.contact-cont .txt .scan{
    font-size: 12px;
    color: #333;
    text-align: center;
}
/*contact-map*/
.contact-map{
    width: 1200px;
    height: 400px;
    margin:50px auto 80px;
  overflow:hidden
}
.contact-map img{  
 transition: All  1s ease-in-out;
  cursor: pointer;
}
.contact-map img:hover{
	transform:scale(1.2)
}
.contact-banner{
    background:url(../images/contact-banner2.jpg) no-repeat center;
}
.contact-banner .desc{
    font-size: 20px;
}
.contact-cont  .dray-wrap{
    width: 100%;
    height: 200px;
}
.contact-cont .pot{
    font-size: 16px;
    color: #111111;
    font-weight: bold;
    padding:52px 0 10px;
  clear: left;
}
.contact-cont .service{
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}
.contact-cont .contact-card{
    float: left;
    width: 324px;
    height: 210px;
    margin-right: 110px;
    border:1px solid #e5e5e5;
}
.contact-cont .contact-card .pics{
    height: 49px;
    text-align: center;
    margin: 28px 0 18px;
}
.contact-cont .contact-card .line-gray{
    width: 230px;
    height: 1px;
    background-color: #e5e5e5;
    margin:0 auto;
}
.contact-cont .contact-card .hotline{
    font-size: 14px;
    color: #222;
    text-align: center;
    padding-top: 24px;
}
.contact-cont .contact-card .number{
    font-size: 14px;
    color: #222;
    text-align: center;
    padding-top: 8px;
    padding:8px 18px 0;
}
.contact-cont .fours{
    margin-right: 0;
}

 .contacts-service .map{
        width: 100%;
        height: 508px;
        position: relative;
        margin-top: 70px;
        padding-bottom: 200px;

      }

      /*波纹css3*/
      @-webkit-keyframes opacx{
        from {
          opacity: 1;
          width:0px;
          height:0px;
          top:50%;
          left:50%;
          margin:3px 0 0 3px;
        }
        to {
          opacity : 0;
          -moz-opacity : 0;
          width:100%;
          height:100%;
          top:0;
          left:0;
        }
      }
      .animate .w11{
        -webkit-animation-delay:0.5s;
        animation-delay:1s;
      }
      .animate .w22{
        -webkit-animation-delay:1s;
        animation-delay:2s;
      }
      .animate .w33{
        -webkit-animation-delay:2s;
        animation-delay:3s;
      }
      .Americas .wave{
        width: 250px;
        height: 250px;
      }
      .Spain .wave,
	  .France .wave,
	  .Netherland .wave,
	  .Germany .wave,
	  .UK .wave,
	  .Italy .wave{
        width: 70px;
        height: 70px;
      }
      .Korea .wave {
        width: 90px;
        height: 90px;
      }
      .SEA .wave {
        width: 140px;
        height: 140px;
      }
      .India .wave {
        width: 140px;
        height: 140px;
      }
      .Australia .wave {
        width: 150px;
        height: 150px;
      }
      .wave{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
      }
      .wave *{
        border:1px solid #00bfd6;
        position:absolute;
        border-radius:50%;
        -webkit-animation:opacx 3.5s ease-out infinite;
        -moz-animation:opacx 3.5s ease-out infinite;
      }

      .contacts-service .map .name{
        position: absolute;
        top: 34px;
        left: 52px;
      }
      .contacts-service .map .fonts{
        font-size: 16px;
        color: #000;
        text-align: center;
        height: 40px;
      }
      .contacts-service .map .pot{
        position: absolute;
        width: 6px;
        height: 6px;
        left: 50%;
        top:50%;
        background-color: #00bfd6;
        border-radius: 50%;
      }
      .contacts-service .map .region{
        position: absolute;
        width: 80px;
        height: 80px;
      }
      .contacts-service .line {
        width: 50px;
        height: 2px;
        margin: 20px auto 70px;
        background-color: #00bfd6;
      }
      .contacts-service .titl {
        font-size: 40px;
        color: #111111;
        text-align: center;
      }

      .contacts-service .box-a{
        display: none;
        width: 200px;
        height: 107px;
        position: absolute;
        border: 1px solid #00bfd6;
        top: 71px;
        left: 16px;
        border-radius: 5px;
        background: #FFFFFF;
        z-index: 200;
        box-shadow: rgb(144, 144, 144, 0.498039) 0px 0px 9px;
      }
      .contacts-service .box-a ul{
        padding-top: 7px;
      }
      .contacts-service .box-a ul li img{
        width: 16px;
        height: 16px;
        padding: 6px 5px 0px 23px;
      }
      .contacts-service .box-a ul li {
        display: flex;
        font-size: 14px;
        line-height: 28px;
      }
      .contacts-service .box-a ul li a{
        color: #000;
      }
      .contacts-service .box-a ul li a:hover{
        color: #00bfd6;
        text-decoration: underline;
      }
      .contacts-service .box-a ul li span{
        margin-top: 2px;
      }
      .contacts-service .box-a:after{
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        border-top: 1px solid #00bfd6;
        border-right: 1px solid #00bfd6;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: block;
        position: absolute;
        top: -8px;
        z-index: 1;
        left: 93px;

      }
 
      #Americas_s:hover+.box-a ,.contacts-service .box-a:hover,  
      #Spain_s:hover+.box-a ,.contacts-service .box-a:hover, 
 	  #France_s:hover+.box-a ,.contacts-service .box-a:hover, 
	  #Netherland_s:hover+.box-a ,.contacts-service .box-a:hover, 
	  #Germany_s:hover+.box-a ,.contacts-service .box-a:hover, 
	  #UK_s:hover+.box-a ,.contacts-service .box-a:hover, 
 	  #Italy_s:hover+.box-a ,.contacts-service .box-a:hover, 	
      #Korea_s:hover+.box-a ,.contacts-service .box-a:hover, 
      #India_s:hover+.box-a ,.contacts-service .box-a:hover ,
      #SEA_s:hover+.box-a ,.contacts-service .box-a:hover ,
      #Australia_s:hover+.box-a ,.contacts-service .box-a:hover{
        display: block;
        cursor: pointer; 
      }



/*联系我们结束


/*新闻内容页开始*/
.news-content{
    width: 100%;
    height: auto;
  	padding-top:50px;
}
.news-content .news-center{
    width: 800px;
    margin:0 auto;
}
.news-content .tit{
    font-size: 30px;
    color: #111111;
    text-align: center;
    padding:80px 0 40px;
}
.news-content .info{
    text-align: center;
    font-size: 14px;
    color: #999;
}
.news-content .info .clicks{
    width: 33%;
    font-style: normal;
}
.news-content .info .time{
    width: 33%;
    text-align: right;
}
.news-content .info .buttonbox{
    width: 33%;
    margin-top:-4px; 
}
.news-content .info .buttonbox a{
    display: inline-block;
    margin-right: 6px;
}
.news-content .line{
    width: 800px;
    height: 1px;
    background-color: #eeeeee;
    margin:28px 0 80px;
}
.news-content .news-article img{
    max-width: 800px;

}
.news-content .news-article span{
    line-height: 1.7;
}
.news-content .lines{
    width: 800px;
    height: 1px;
    background-color: #eeeeee;
    margin:70px 0 20px;
}
.news-content .context{
    margin-bottom: 90px;
}
.news-content .context ul li{
    height: 26px;
    font-size:14px;
    color: #333;
}
.news-content .context ul li a{
    font-size:14px;
    color: #333;
}

/*新闻列表页面*/
.list-news-wrap{
    width: 100%;
    height: auto;
    padding-top: 120px;
    background-color: #f8f8f8;
}
.list-news-banner{
    width: 1200px;
    height: 380px;
    position: relative;
    background-color: #fff;
}
.list-news-banner .olls{
    position: absolute;
    right: 0;
    bottom:20px;
    width: 90px;
    height: 10px;
}
.list-news-banner .olls .circle{
    float: left;
    width: 8px;
    height: 8px;
    margin-right: 20px;
    border-radius: 8px;
    border:1px solid #cecece;
}
.list-news-banner .olls .circle.active{
    background-color: #00bfd6;
    border:1px solid #00bfd6;
}
.list-news-banner li{
    position:absolute;
}
.list-news-banner .pic{
    float: left;
    width: 700px;
    height: 380px;
    overflow: hidden;
}
.list-news-banner .pic img{
    width: 100%;
    height: 100%;
}
.list-news-banner .txt{
    float: left;
    width: 360px;
    padding:50px 70px 0;
}
.list-news-banner .txt .tit a{
    font-size: 30px;
    color: #111;
}
.list-news-banner .txt .desc{
    font-size: 16px;
    color: #666;
    padding:16px 0 54px;
}
.list-news-banner .txt .more a{
    display: block;
    width: 100px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    background-color: #00bfd6;
}

.list-news-wrap .new-cont{}
.new-cont .news_div{
    width: 590px;
}

.new-cont ul{
    margin-right: -21px;
}
.new-cont ul li{
    float: left;
    overflow: hidden;
    width: 590px;
    height: 484px;
    background-color: #fff;
    margin-right: 20px;
    margin-top: 20px;
}
.new-cont ul li:hover{
    box-shadow: 0 0 10px #ccc;
}

.new-cont .newslist_img{
    width: 590px;
    height: 320px;
    overflow: hidden;
}
.new-cont .newslist_img img{
    transition: all 0.8s;
}
.new-cont .newslist_img img:hover{
    transform:scale(1.1);
}
.new-cont .titl a{
    display: block;
    font-size: 20px;
    color: #111;
    padding:20px 30px 0;
}
.new-cont .titl a:hover{
    color: #00bfd6;
}
.new-cont .news-name{
    width: 530px;
    font-size: 14px;
    color: #666;
    padding:16px 30px;
}
.new-cont .news-time{
    float: right;
    padding-right: 30px;
    font-size: 14px;
    color: #999;
}
.news-fy{
    padding:80px 0 94px;
}

/*新闻内容页结束*/



/*关于我们开始*/
/*about-banner*/
.about-banner{
    width: 100%;
    height: 870px;
    background:url(../images/about-us-banner.jpg) no-repeat;
    background-size: cover;
}
.about-banner .txt{
    padding:110px 166px 0;
    text-align: center;
}
.about-banner .txt .tit{
    font-size: 48px;
    color: #fff;
}
.about-banner .txt .desc{
    font-size: 20px;
    color: #fff;
    padding-top: 30px;
    line-height: 1.6;
}
/*about-patent*/
.about-patent{
    width: 100%;
    height: auto;
}
.about-patent .txt{
    padding-top: 90px;
    text-align: center;
}
.about-patent .txt .tit{
    font-size: 48px;
    color: #111;
    padding:0 160px 20px;
}
.about-patent .txt .tit1{
    padding:0 280px 20px;
}
.about-patent .txt p{
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    padding:0 206px;
}
.about-patent .ull{
    width: 900px;
    margin:0 auto;
    padding: 70px 0 110px;
}
.about-patent ul li{
    float: left;
    width: 300px;
    text-align: center;
}
.about-patent ul .blue{
    font-size: 80px;
    color: #00bfd6;
}
.about-patent ul .blue span{
    font-size: 30px;
    color: #00bfd6;
    display: inline-block!important;
}
.about-patent ul li .desc{
    font-size: 20px;
    color: #666;
    padding:0 20px;
}

/*轮播*/
.slide-carousel{
    width: 100%;
    height: 786px;
    overflow: hidden;
    position: relative;
}
.slide-carousel .item-list{
    width: 1440px;
    height: 760px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
}
.slide-carousel .item-list strike{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 760px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.slide-carousel ol{
    position: absolute;
    bottom: 0;
    left:50%;
    z-index: 5;
    margin-left: -44px;
    height: 10px;
}
.slide-carousel ol li{
    float: left;
    width: 10px;
    height: 100%;
    margin-right: 16px;
    border-radius: 10px;
    background-color: #ccc;
}
.slide-carousel ol li.active{
    background-color: #00bfd6;
}
.slide-carousel .controls{
    cursor: pointer;
}
.slide-carousel .controls .prev{
    position: absolute;
    top:50%;
    left:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel .controls .next{
    position: absolute;
    top:50%;
    right:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel .controls .selects{
    display: none;
}
.slide-carousel .item-list strike img{
    float: left;
    width: 1440px;
    height: 760px;
}
.slide-carousel .item-list .item3{
    transform:translate3d(-1182px,0,0) scale(0.8);
    transform-origin:0 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel .item-list .item2{
    transform:translate3d(0,0,0) scale(1);
    z-index: 3;
    opacity: 1;
}
.slide-carousel .item-list .item1{
    transform:translate3d(1182px,0,0) scale(0.8);
    transform-origin:100% 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel .item-list .item0{
    transform:translate3d(2364px,0,0) scale(0.8);
}
/*2轮播*/
.slide-carousel2{
    width: 100%;
    height: 786px;
    overflow: hidden;
    position: relative;
}
.slide-carousel2 .item-list{
    width: 1440px;
    height: 760px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
}
.slide-carousel2 .item-list strong{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 760px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.slide-carousel2 ol{
    position: absolute;
    bottom: 0;
    left:50%;
    z-index: 5;
    margin-left: -44px;
    height: 10px;
}
.slide-carousel2 ol li{
    float: left;
    width: 10px;
    height: 100%;
    margin-right: 16px;
    border-radius: 10px;
    background-color: #ccc;
}
.slide-carousel2 ol li.active{
    background-color: #00bfd6;
}
.slide-carousel2 .controls2{
    cursor: pointer;
}
.slide-carousel2 .controls2 .prev{
    position: absolute;
    top:50%;
    left:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel2 .controls2 .next{
    position: absolute;
    top:50%;
    right:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel2 .controls .selects{
    display: none;
}
.slide-carousel2 .item-list strong img{
    float: left;
    width: 1440px;
    height: 760px;
}
.slide-carousel2 .item-list .item11{
    transform:translate3d(-1182px,0,0) scale(0.8);
    transform-origin:0 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel2 .item-list .item10{
    transform:translate3d(0,0,0) scale(1);
    z-index: 3;
    opacity: 1;
}
.slide-carousel2 .item-list .item9{
    transform:translate3d(1182px,0,0) scale(0.8);
    transform-origin:100% 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel2 .item-list .item8{
    transform:translate3d(2364px,0,0) scale(0.8);
}


/*3轮播*/
.slide-carousel3{
    width: 100%;
    height: 786px;
    overflow: hidden;
    position: relative;
}
.slide-carousel3 .item-list{
    width: 1440px;
    height: 760px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
}
.slide-carousel3 .item-list b{
    display: block;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 760px;
    overflow: hidden;
    transition: all 0.3s ease-out;
}
.slide-carousel3 ol{
    position: absolute;
    bottom: 0;
    left:50%;
    z-index: 5;
    margin-left: -44px;
    height: 10px;
}
.slide-carousel3 ol li{
    float: left;
    width: 10px;
    height: 100%;
    margin-right: 16px;
    border-radius: 10px;
    background-color: #ccc;
}
.slide-carousel3 ol li.active{
    background-color: #00bfd6;
}
.slide-carousel3 .controls3{
    cursor: pointer;
}
.slide-carousel3 .controls3 .prev{
    position: absolute;
    top:50%;
    left:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel3 .controls3 .next{
    position: absolute;
    top:50%;
    right:32px;
    z-index: 9;
    margin-top: -40px;
}
.slide-carousel3 .controls .selects{
    display: none;
}
.slide-carousel3 .item-list b img{
    float: left;
    width: 1440px;
    height: 760px;
}
.slide-carousel3 .item-list .item7{
    transform:translate3d(-1182px,0,0) scale(0.8);
    transform-origin:0 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel3 .item-list .item6{
    transform:translate3d(0,0,0) scale(1);
    z-index: 3;
    opacity: 1;
}
.slide-carousel3 .item-list .item5{
    transform:translate3d(1182px,0,0) scale(0.8);
    transform-origin:100% 50%;
    opacity: 0.8;
    z-index: 2;
}
.slide-carousel3 .item-list .item4{
    transform:translate3d(2364px,0,0) scale(0.8);
}
/*关于我们底部文字*/
.about-service{
    width: 100%;
    height: auto;
    padding:90px 0 110px;
}
.about-service .tit{
    font-size: 48px;
    color: #111;
    text-align: center;
}
.about-service .desc{
    font-size: 20px;
    color: #333;
    text-align: center;
    padding: 26px 188px 0;
}
/*地图*/
.about-service .map{
    width: 100%;
    height: 508px;
    position: relative;
    margin-top: 70px;
}
.about-service .map img{
    width: 100%;
}
/*波纹css3*/
@-webkit-keyframes opac{
    from {
        opacity: 1;
        width:0px;
        height:0px;
        top:50%;
        left:50%;
        margin:3px 0 0 3px;
    }
    to {
        opacity : 0;
        -moz-opacity : 0;
        width:100%;
        height:100%;
        top:0;
        left:0;
    }
}
.animate .w1{
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s;
}
.animate .w2{
    -webkit-animation-delay:1s;
    animation-delay:1s;
}
.animate .w3{
    -webkit-animation-delay:2s;
    animation-delay:2s;
}
.wave{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wave *{
    border:1px solid #00bfd6;
    position:absolute;
    border-radius:50%;
    -webkit-animation:opac 4.5s ease-out infinite;
    -moz-animation:opac 4.5s ease-out infinite;
}


.about-service .map .name{
    position: absolute;
    top: 34px;
    left: 52px;
}
.about-service .map .fonts{
    font-size: 14px;
    color: #00bfd6;
    font-weight: bold;
    text-align: center;
}
.about-service .map .pot{
    position: absolute;
    width: 6px;
    height: 6px;
    left: 50%;
    top:50%;
    background-color: #00bfd6;
    border-radius: 50%;
}
.about-service .map .region{
    position: absolute;
    width: 80px;
    height: 80px;
}

/*关于我们结束*/

/*下载download页面样式开始*/
.download-wrap{
    width: 100%;
    height: auto;
    padding-top: 60px;
}
.download-search{
    float: left;
    width: 740px;
    height: auto;
}
.download-search .tit{
    font-size: 28px;
    color: #111;
}
.download-search .search-d {
    position: relative;
    border: 1px solid #e5e5e5;
    height: 48px;
    width: 468px;
    margin-top: 46px;
}
.download-search .sub{
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top:0;
    background: url(../images/search-sousuo-icon.png) no-repeat center #fff;
    border: none;
    cursor: pointer;
}
.download-active{
    background: url(../images/sousuo-icon-selected.png) no-repeat center #fff!important;
}
.download-search .input {
    float: left;
    width: 468px;
    height: 48px;
    text-align: left;
    border: none;
    color: #999;
    font-size: 20px;
    text-indent: 26px;
    border-radius: 6px;
}
.download-search .input::placeholder{
	color:#ccc;
}
.download-search .popular{
    padding:20px 0 46px;
}
.download-search .popular .tt{
    float: left;
    width: 106px;
    font-size: 14px;
    color: #999;
}
.download-search .popular ul{
    float: left;
    width: 634px;
}
.download-search .popular ul li a{
    display: block;
    float: left;
    font-size:14px;
    color:#00bfd6;
    margin-right: 18px;
}

.download-search .choice{
    width: 470px;
    height: auto;
}
.download-search .choice select{
    width: 100%;
    height: 100%;
    font-size: 16px;
    color:#666;
    padding-left: 16px;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.download-search .choice select .option{
    border: 1px solid #e5e5e5;
}
.download-search .choice .titl{
    font-size: 18px;
    color: #333;
    padding-bottom: 26px;
}
/*下拉样式开始*/
/* diy_select */
.diy_select {
    width: 226px;
    height: 42px;
    position: relative;
    color: #000;
    float: left;
    margin-right: 14px;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; */
    cursor: pointer;
}
.diy-one{
    width: 468px;
    margin-bottom: 12px;
}
.diy-two{
    margin-right: 14px;
}
.diy-three{
    margin-right: 0;
}
.diy_select_btn,
.diy_select_txt {
    float: left;
    width: 100%;
    height: 100%;
    line-height: 42px;
}
.diy_select,
.diy_select_list {
    border: 1px solid #e5e5e5;
}
.select-text {
    padding-right: 25px;
    height: 100%;
    width: 100%;
}
.diy-one .diy_select_txt{
    width: 77%;
}
.diy_select_txt {
    width: 75%;
    color: #666;
}
.diy_select_txt,
.diy_select_list li {
    text-indent: 16px;
    overflow: hidden;
}
.diy_select_btn {
    width: 20%;
    background: url(../images/download-option-icon.png) no-repeat center right;
}
.select-option {
    width: 100%;
}
.diy_select_list {
    height: 180px;
    position: absolute;
    top: 42px;
    left: -1px;
    z-index: 888;
    border-top: none;
    width: 100%;
    display: none;
    background: #fff;
    overflow: auto;
}
.diy-two .diy_select_list,
.diy-three .diy_select_list{
    height: 90px;
}
.diy_select_list li {
    list-style: none;
    height: 30px;
    line-height:30px;
    cursor: default;
    background: #fff;
    color: #666;
}
.diy_select_list li.focus {
    margin: 0;
    cursor: pointer;
    background: #00bfd6;
    color: #fff;
}
/*下拉样式结束*/



.download-search .choice .submission{
    float: left;
    display: block;
    width: 118px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 20px 0 60px;
    background-color: #00aabe;
}

/*.download-search .choice .submission:hover{
    border: 1px solid #00bfd6;
    background-color: #00bfd6;
    color: #fff;
}*/
.download-wrap .pic{
    float: left;
    width: 300px;
    height: 87px;
    font-size: 24px;
    color: #999;
    margin-top: 130px;
    padding: 17px 0 0 160px;
    background:url(../images/download-icon1.png) no-repeat;
}
/*下载页面内容*/
table{border-collapse:collapse;}
.download-cont{
    width: 100%;
    height: auto;
    background-color: #fafafa;
    padding-top:50px;
    padding-bottom: 50px;
}
.download-cont .down-top{
    width: 1199px;
    height: 59px;
    line-height: 59px;
    border-left:1px solid #e2e2e2;
    border-top:1px solid #e2e2e2;
    background-color:#eee;
    text-align: center;
}
.download-cont .down-top div{
    float: left;
    font-size: 16px;
    color: #333;
    border-right:1px solid #e2e2e2;
}
.download-cont .down-top .pro1{
    width:218px;
}
.download-cont .down-top .pro2{
    width: 159px;
}
.download-cont .down-top .pro3{
    width:328px;
    text-align: left;
    padding-left: 130px;
}
.download-cont .down-top .pro4{
    width: 199px;
}
.download-cont .down-top .pro5{
    width: 160px;
}
.download-cont .down-btn td{
    text-align: center;
}


.download-cont .items{
    position: relative;
    width:1199px;
    height:auto;
    border-bottom: 10px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.download-cont .items:last-child{
    border-bottom: 1px solid #e2e2e2;
}
.download-cont .items .model{
    padding-left:218px;
}
.download-cont .items .model .pic{
    width: 180px;
    height: 18px;
    position: absolute;
    left: 19px;
    top:50%;
    margin-top: -9px;
}
.download-cont .items.model .pic img{
    display: none;
    /*width: 180px;
    height: 120px;*/
}
.download-cont .items .model .pic .tit{
    font-size: 16px;
    color: #111;
    text-align: center;
    font-weight:bold;
}
.download-cont .items .model .wow,
.download-cont .items .model .instruction{
    width:820px;
}
.download-cont .items .model .instruction div{
    border-bottom: 0;
}
.download-cont .items .model .wow .drive,
.download-cont .items .model .wow .time,
.download-cont .items .model .wow .downs{
    float:left;
    text-align:center;
    height:50px;
    font-size: 14px;
    line-height: 50px;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.download-cont .items .model .downs{
    display: inline-block;
}
.download-cont .items .model .downs span{
    padding-right: 4px;
    display: inline-block;
    transition:all 0.6s;
}
.download-cont .items .model a:hover span{
    font-weight: bold;
    font-size: 16px;
}
.download-cont .items .model .downs span,
.download-cont .items .model .downs img{
    vertical-align: middle;
}
.download-cont .items .model .instruction .drive,
.download-cont .items .model .instruction .time,
.download-cont .items .model .instruction .downs{
    float:left;
    text-align:center;
    height:50px;
    font-size: 14px;
    line-height: 50px;
    border-left: 1px solid #e2e2e2;
}
.download-cont .items .model .wow .downs,
.download-cont .items .model .instruction .downs{
    font-size: 14px;
    color: #00bfd6;
}
.download-cont .items .model .wow .drive,
.download-cont .items .model .instruction .drive{
    width:328px;
    color: #666;
    text-align: left;
    padding-left: 130px;
}
.download-cont .items .model .wow .time,
.download-cont .items .model .instruction .time{
    width:199px;
    color: #666;
}
.download-cont .items .model .wow .downs,
.download-cont .items .model .instruction .downs{
    width:159px;
}
.download-cont .items .model .win{
    border-bottom: 1px solid #e2e2e2;
}
.download-cont .items .model .win .desc,
.download-cont .items .model .mac .desc{
    position: absolute;
    width: 159px;
    left:0;
    top:50%;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: -22.5px;
}
.download-cont .items .model .win,
.download-cont .items .model .mac{
    position: relative;
    float:left;
    height:auto;
    padding-left:159px;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.download-fy{
    padding: 50px 0 100px;
}

/*下载页面样式结束*/



/*会员登录页面开始*/

.Community-hv{
    width:100%;
    height: 114px;
    background: #222;
    right: 530px;
    display:none;
    filter: alpha(opacity=100);
    -webkit-transition: 400ms ease;
    -moz-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}
.Community-hv ul li a:hover{
    color: #00bfd6;
}
.Community-hvcss3{
    display:block;
    filter: alpha(opacity=100);
    -webkit-transition: 400ms ease;
    -moz-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}
.Community-hv ul li{
    float:right;
    position: relative;
    color:#fff;
    font-size:14px;
    padding-left: 0!important;
    vertical-align: middle;
    height: 17px;
    text-align: center;
    margin-top: 21px;
    width: 120px;

}
.Community-hv ul{
    width: 682px;
    margin:0 auto;
}
.Community-hv ul li a{
    line-height: 72px;
    padding-right: 26px;
    color: #fff;
    float: right;

}


.memberLoginBg{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:99;
    display:none;
}
.memebrLogin{
    width:700px;
    height: 780px;
    position:fixed;
    top:10%;
    left:32%;
    z-index:100;
    display:none;
}
.memebrLogin .top{
    height:70px;
    background:#03bace;
    display:table;
    width:100%;
    position:relative;
    z-index:1;
}
.memebrLogin .top .w{
    display:table-cell;
    vertical-align:middle;
}
.memebrLogin .top .w div{
    width:212px;
    margin:0 auto;
}
.memebrLogin .top .ico{
    position:absolute;
    right:-41px;
    top:0;
    width:41px;
    height:41px;
    z-index:2;
    cursor:pointer;
}
.memebrLogin .bottom{
    /*height:500px;*/
    background:#fff;
    /*overflow:auto;*/
}
.memebrLogin .bottom .w{
    width: 400px;
    margin:0 auto;
}
.memebrLogin .bottom .w .text,
.memebrLogin .bottom .w .item{
    width:400px;
    height:44px;
    border:1px solid #e5e5e5;
    /*margin:0 0 30px;*/
}
.memebrLogin .bottom .w .item img{
    height:44px;
    float: right;
    cursor: pointer;
}
.memebrLogin .bottom .w .text input,
.memebrLogin .bottom .w .item input,
.memebrLogin .bottom .w .code input{
    width:400px;
    line-height:44px;
    border:none;
    background:none;
    font-size:14px;
    color:#666;
    text-indent:15px;
}
.memebrLogin .bottom .w .text input:focus,
.memebrLogin .bottom .w .item input:focus{
    /*border:1px solid  #fc3d39;*/
}
.st-error{
    visibility:hidden;
    height: 20px;
    font-size: 14px;
    text-indent: 15px;
    line-height: 24px;
    color: #fc3d39;
}
.st-error.active {
    visibility: visible!important;
}

.memebrLogin .bottom  .login-agree{
    font-size: 13px;
    color: #333;
    height: 19px;
    line-height: 19px;
    margin-bottom:20px;
}
/*dagou  注册*/
.login-agree .cbox{
    margin:2px 10px 0 0;
}
.login-agree input[type="checkbox"]{
    width:14px;
    height:14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle; 
    line-height: 14px;
    border-radius: 1px;
    position: relative;
}
.login-agree input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border:1px solid #999;
}
.login-agree input[type="checkbox"]:checked::before{
    content: "\2713";
    background-color: #00bfd6;
    border:1px solid #00bfd6;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}

.memebrLogin .bottom  .login-agree .login-ipt{
    width: 14px;
    height: 18px;
    border-radius: 2px;
    margin-right: 8px;
    background: url("../images/login-agree-bg1.jpg") center no-repeat;
}
.memebrLogin .bottom  .login-agree span{
    display: inline-block;
    height: 19px;
    line-height: 19px;
}
.memebrLogin .bottom  .login-agree a{
    display: inline-block;
    height: 19px;
    line-height: 19px;
    color: #00bfd6;
}
.memebrLogin .bottom .w .sub{
    width:100%;
    height:46px;
    margin-bottom: 20px;
    background:#03bace;
}
.memebrLogin .bottom .w .sub input{
  	width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: #00bfd6;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.memebrLogin .bottom .w .sub input:hover{
	 background-color: #00c8e0;
}
.memebrLogin .bottom .w .back{
    width: 328px;
    margin:0 auto;
    height: 36px;
    line-height: 36px;
}
.memebrLogin .bottom .w .back .tit{
    float: left;
    width: 80px;
    font-size: 14px;
    color: #666;
}
.memebrLogin .bottom .w .back ul{
    float: left;
    width: 198px;
}
.memebrLogin .bottom .w .back ul li{
    float: left;
    width: 50px;
    margin-left: 39px;
}

.memebrLogin .bottom .w .sub.stop{background:#999;}
.memberLoginBg.on{
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    margin-top: 60px;
}
.memebrLogin.on{display:block;}
/*会员登录开始*/
/*dagou  login*/
.auto-login .left .cbox{
    margin:1px 8px 0 0;
}
.auto-login input[type="checkbox"]{
    width:12px;
    height:12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle; 
    line-height: 12px;
    position: relative;
}
.auto-login input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #999;
}
.auto-login input[type="checkbox"]:checked::before{
    content: "\2713";
    background-color: #00bfd6;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    border: 1px solid #00bfd6;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}


/*会员注册登录页面结束*/

/*参数页面开始*/
/*.product_detail */
.detailNav{
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 7;
}
.detailNav .name{
    line-height: 60px;
    font-size: 18px;
    color: #fff;
}
.detailNav .btn{}
.detailNav .btn ul li{
    vertical-align: middle;
    height: 17px;
    line-height: 17px;
    text-align: center;
    margin-top: 21px;
    width: 120px;
    border-right: 1px solid #fff;
}
.detailNav .btn ul li:nth-child(3),
.detailNav .btn ul li:nth-child(4){
    border-right:none;
}
.detailNav .btn ul li:nth-child(4){
    width: 70px;
    height: 30px;
    margin-top: 15px;
    line-height: 30px;
    background-color: #00bfd6;
}
.detailNav .btn ul li a{
    font-size: 16px;
    color: #fff;
}
.detailNav .btn ul li .two{
    color: #00bfd6;
}
.parameter{}
.parameter .canshu-top{
    margin-top: 170px;
    margin-bottom: 50px;
}
.parameter .canshu-top ul{
    border-top: 1px solid #eee;
}
.parameter .canshu-top .canshu-pic{
    width: 450px;
    height: 300px;
}
.parameter .canshu-top .canshu-pic img{
    width: 100%;
}
.parameter .canshu-top .canshu-all{
    width: 750px;
    height: 300px;
}
.parameter ul li{
    width: 100%;
    height: auto;
    padding: 50px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}
.parameter ul li .tit{
    width: 250px;
    font-size: 26px;
    color: #000;
}
.parameter ul li .canshu-right{
    width: 950px;
    font-size: 16px;
    color: #111;
}

.parameter ul li .canshu-right .left{
    width: 516px !important;
}
.parameter ul li .canshu-right div{
    line-height: 36px;
}
.canshu-all .right{
    width: 315px;
    padding-left: 60px;
    margin-top: 30px;
}
.canshu-all .left{
    width: 290px;
    padding-left: 85px;
    margin-top: 30px;
}
.canshu-all ol li{
    line-height: 24px;
    margin-bottom: 20px;
    list-style-type:square;
}

/*在线支持*/
.jump-layout{
    width: 890px;
}
.jump-layout .support-tit{
    font-size: 20px;
    color: #111;
    text-align: center;
    padding-top: 100px;
}
.jump-layout .support-line{
    width: 30px;
    height: 2px;
    background-color:#00bfd6;
    margin:14px auto 114px;
}
.jump-layout .supp-ull{
    width: 628px;
    margin:0 auto;
}
.supp-ull li{
    float: left;
    width: 120px;
    margin: 0 95px;
    text-align: center;
}
.supp-ull li:nth-child(3){
    margin-right: 0;
}
.supp-ull li img{
    padding-bottom: 20px;
}
.supp-ull li a{
    font-size: 16px;
    color: #333;
}

.support-order{
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-left: 28px;
}
.support-order .order-tit{
    font-size: 16px;
    color: #666;
    padding-bottom:20px;
}
.support-order .order-ull,
.support-order .order-add{
    padding-left: 18px;
}
.support-order .order-ull li,
.support-order .order-add li{
    list-style-type:disc;
    line-height: 40px;
}
.support-order .order-ull li a,
.support-order .order-add li .txt{
    font-size: 14px;
    color: #333;
}
.support-order .order-ull li a:hover{
    color: #00bfd6;
}
.support-order .order-add li .txt .tit{
    display: inline;
    height: 16px;
}
.support-order .order-add li .txt .jiantou{
    display: inline-block;
    margin-left: 14px;
    width: 20px;
    height: 16px;
    cursor: pointer;
    background:url(../images/support-right-jiantou.png) center 5px no-repeat;
}
.support-order .order-add li .txt .jiantou.active{
    background:url(../images/support-btn-jiantou.png) center 8px no-repeat;
}
.support-order .order-add li .desc{
    color: #999;
    font-size: 14px;
    display: none;
    padding-right: 80px;
}
.supp-channel{
    width: 100%;
    height: auto;
    padding-top: 40px;
}
.supp-channel .titl{
    font-size: 16px;
    color: #666;
}
.supp-channel .channel-ull{
    padding-top: 20px;
}
.supp-channel .channel-ull li{
    float: left;
    width: 262px;
    height:100px;
    margin-right: 18px;
    background-color:#f8f8f8;
}
.supp-channel .channel-ull li a{
    display: inline-block;
    color: #999;
}
.supp-channel .channel-ull li a:hover{
    box-shadow:0 0 10px #ccc;
}
.supp-channel .channel-ull li .img{
    width: 100px;
    height: 100px;
    text-align: center;
}
.supp-channel .channel-ull li:nth-child(1) .img img{
    margin-top: 30.5px;
}
.supp-channel .channel-ull li:nth-child(2) .img img{
    margin-top: 30px;
}
.supp-channel .channel-ull li:nth-child(3) .img img{
    margin-top: 32px;
}
.supp-channel .channel-ull li .txt{
    width: 162px;
    height: 100px;
}
.supp-channel .channel-ull li .txt .tit{
    font-size: 14px;
    color: #333;
    padding:28px 0 6px;
}
.supp-channel .channel-ull li .txt .desc{
    font-size: 12px;
    color: #999;
}
.supp-channel .channel-ull .three .txt .desc span{
    display: inline-block;
    color: #00bfd6;
}
/*提交工单*/
.support-sheet{
    width: 100%;
    height: auto;
    padding-top: 48px;
    padding-left: 28px;
}
.support-sheet .titl{
    font-size: 14px;
    color: #999;
	padding-right: 56px;
}
.support-sheet .tit{
    font-size: 14px;
    color: #333;
    padding-top: 30px;
}
.support-sheet span{
    display: inline-block;
    color: #ff4545;
}
.support-sheet input,
.support-sheet textarea{
    color: #999;
}
.support-sheet .order-input{
    width: 790px;
    height: 40px;
    padding-left: 20px;
    margin-top: 12px;
    line-height: 40px;
    border:1px solid #e8e8e8;
}
.support-sheet .describe .textarea{
    width: 770px;
    height: 120px;
    padding:14px 20px;
    font-size: 14px;
    margin-top: 12px;
    border:1px solid #e8e8e8;
}
.support-sheet .voucher .v-box{
    width: 810px;
    height: 188px;
    padding:6px;
}
.support-sheet .sub{
    width: 240px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    margin-top: 30px;
    background-color:#00bfd6;
}


.upimg{
    position: relative;
    width: 240px;
    height: 188px;
    margin-right: 6px;
    background:url(../images/support-voucher-bg.jpg) no-repeat;
}
.upimg input {
    position: absolute;
    width: 100%;
    height: 188px;
    opacity: 0;
    cursor: pointer;
}
.upimg .tit{
    font-size: 14px;
    color: #666;
    padding:90px 0 8px;
    text-align: center;
}
.upimg .desc{
    font-size: 12px;
    color: #bbbbbb;
    text-align: center;
}
#showui {
    margin-top: 39px;
    display: flex;
    justify-content: flex-start;
}
#showui li {
    width: 110px;
    height: 110px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
}
#showui li img.showimg {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
}
.showdiv {
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 10px;
    display: flex;
    justify-content: space-around;
    background: rgba(0, 0, 0, .6);
}
.showdiv img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.H-movie {
    /* width: 500px; */
    text-align: center;
     /*padding-left: 40%;*/
}


/*会员登录开始*/
.memebrLogin .bottom .w .auto-login{
    margin-top: 16px;
}
.memebrLogin .bottom .w .auto-login .left{}
.memebrLogin .bottom .w .auto-login ul li{
    float: left;
    height: 16px;
    line-height: 16px;
}
.memebrLogin .bottom .w .auto-login .left .desc{
    font-size: 14px;
}
.memebrLogin .bottom .w .auto-login ul li:nth-child(2){
    width: 1px;
    height: 16px;
    margin:0 14px;
    background-color: #ccc;
}
.memebrLogin .bottom .w .auto-login ul li a{
    font-size: 13px;
    color: #666;
}
.memebrLogin .bottom .w .subs input{
    width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: #00bfd6;
    border: none;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.memebrLogin .bottom .w .subs input:hover{
	background-color:#00c8e0;
}
/*改版登录底部*/
.memebrLogin .bottom .w .login3{
    margin-top:16px;
    border-top:1px solid #e5e5e5; 
    text-align:center; 
    padding:20px 0 20px;
}
.memebrLogin .bottom .w .login3 li{
    display:inline-block; 
    *display:inline; zoom:1; 
    padding:0 0 0 53px; 
    position:relative; 
    z-index:1; 
    min-height:41px; 
    line-height:41px;
}
.memebrLogin .bottom .w .login3 li .ico{
    position:absolute; 
    left:0; 
    top:0;
}
.memebrLogin .bottom .w .login3 li a{ 
    font-size:14px; 
    color: #666;
}
.memebrLogin .bottom .w .login3 li a:hover{
    color: #00bfd6;
}
.memebrLogin .bottom .w .login3 li.facebook{
    margin:0 55px 0 0;
}


#msg {
    width: 430px;
    height: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: center;
}
/*详情页调试*/
@media screen and (max-width: 1299px){
	    .txtC{
        font-size: 18px!important;	}
		
		.ProductShow img{
			    width: 50%!important;
		}

		.bt_bo{  
	font-size: 30px!important;   
}
.textContent h1{
	font-size: 30px!important;
	}

    .TextWz191A h1{
        line-height: 40px!important;
        font-size:22px!important;
    }

    .textContent h1{
        font-size:40px!important;

    }
    .textContent p span{
        font-size:30px!important;
    }
    .textContent p{
        font-size:22px!important;
    }
    .screenList191 p strong{
        font-size:16px!important;
    }
    .screenList191 p{
        font-size:12px!important;
    }

    .TextWz191A p{
        font-size: 20px!important;
    }
    .TextWz191B h1{
        font-size: 22px!important;
    }
    .TextWz191B p{
        font-size:18px!important;
    }
	.txtLfB p{
		    padding: 40px 0 0 18px!important;
	}
	.txtLfB h1 {
    font-size: 22px;
    padding-left: 18px;
}
.txtD h1{
	font-size:22px!important;
}
.txtD p{
	    font-size: 10px!important;
}
.TwoLayer_rt img,.ThreeLayer_rt img{
	width:100%
}
.ThreeLayer_lf h2{
	    font-size: 32px!important;
    line-height: 40px!important;
}
.TwoLayer_lf h2{
	font-size: 36px!important;
	line-height:38px;
}
.Pro13_FiveLayer_lf h1{
	    font-size: 24px!important;
		line-height: 44px!important;
		padding: 300px 0 54px 0!important;
}
.ThreeLayer_lf p{
    padding: 60px 0 0 0!important;
	}
	.ProductRtB{
		padding-top:200px!important;
	}
	.screenList strong{
		font-size: 20px!important;
	}
	.screenList p:nth-child(2){
		padding-top: 10px!important;
		font-size: 16px!important;
	}
	.screenList p:nth-child(1) {
    padding-top: 28px!important;
    font-size: 16px!important;
}
.LB3_head_lf{
	padding-left: 60px!important;
}
.textTwo-lf{
	    right: 30px!important;
}
}
/*整体框架1200一下调整*/
@media screen and (max-width: 1680px){
	    .H-swb-Product-Contrast-content ul li{
        width: 49.6%;
    }
	.themeTwo{
		top: 366px;
	}
	.themeOne{
		    top: 360px;
	}
	.themeThreeIMG img{
	width: 120px !important;
    height: 120px;
	}
	.H-movie{
		padding-left:0!important;
	}

}
@media screen and (max-width: 1440px){
	    .H-swb-Product-Contrast-content ul li{
        width: 49.5%;
    }
	.themeTwo{
		top: 288px!important;
	}
	.themeOne{
		    top: 288px!important;
	}
	.themeThreeIMG img{
	width: 120px !important;
    height: 120px;
	}
	.H-movie{
		padding-left:0!important;
	}

}
@media screen and (max-width: 1360px){
	.themeOne h1 {
    font-size: 24px!important;
}
}
@media screen and (max-width: 1299px){
	.H-kbt-text h1,.img-textOne-h1 h1,.textThree-lf h1,.H-kbt-img-textFour h1,.textFive-rt h1,.textSix-lf h1,.LightTitle h1,.jump-tile-kbt-layer h1,.H-kbt-Tracing-tool h1,.H-swb-Product-special-columnA span h1,.H-swb-Product-special-columnB span h1,.H-text h1, .H-swb-text-two h1, .H-text-two h1, .H-text-two-upRt h1, .H-text-three h1, .H-text-two-up h1,.H-swb-Product-Contrast-content ul li span h1{
		 font-size: 44px;
	}
		.H-movie{
		padding-left:0!important;
	}
	
	.product-more ul li img{
		       width: 90%;
				padding-left: 10%;
	}
	.wt-80-more{
		    width: 80%;
	}

	.img-textOne-h1 h1 {
    font-size: 30px;
	}
.textTwo-rt h1 {
   font-size:34px;
}
.themeFour h1{
	font-size:22px;
}
.themeFour p{
	font-size:14px;
}
.textTwo-rt p,.H-kbt-text p,.textFive-rt p,.jump-tile-kbt-layer p,.H-kbt-Tracing-tool p,.H-swb-Product-special-columnA span p, .H-swb-Product-special-columnB span p,.H-text p, .H-swb-text-two p, .H-text-three p, .H-text-two p, .H-text-two-up p, .H-text-two-upRt p {
	font-size: 18px;
}
.themeOne{
	width: 80%;
	left:0;
    right: 2%;	
}
    .themeThreeIMG img {
        width: 80px !important;
        height: 80px;
    }	
	.H-movie {
    width: 400px;
}
.H-movie a{
	    padding: 18px 0 0 4px;
		font-size: 16px;
}
.H-movie a img {
    width: 20px !important;
    height: 22px;
    float: left;
}
.H-Section-transverse-swpLF img{
	 position: relative;
    left: -100px;
	    padding-left: 20%;
}
}
@media screen and (min-width: 960px) and (max-width: 1499px) {


    .themeThree p {
        font-size: 14px;
    }

    .themeThree h1 {
        font-size: 26px;
    }

    .themeThree {
        top: 120px;
    }

    .themeOne {
        top: 248px;
    }

    .themeOne h1 {
        font-size: 26px;
    }

    .themeOne p {
        font-size: 14px;
        padding: 12px 0 14px 0;
    }

    .themeTwo h1 {
        font-size: 26px;
    }

    .H-movie a p {
        font-size: 16px;
    }

    .themeTwo {
        font-size: 20px;
        text-align: center;
        width: 50%;
        top: 400px;
        margin: 0 auto;
    }

    .themeFour {
    top: 28px;
    width: 440px;
    }
}
/*会员登录结束*/

/*视频开始*/
.video-banner{
    width: 100%;
    height: 840px;
    background: url(../images/video-banner-bg.jpg) no-repeat center;
}
.video-banner .txt{
    padding-top: 270px;
    text-align: center;
}
.video-banner .txt .tit{
    font-size: 48px;
    color: #fff;
}
.video-banner .txt .desc{
    font-size: 20px;
    color: #fff;
    padding:24px 0 50px;
}


.video-cont .video-nav{
   width: 100%;
    height: 116px;
    border-bottom: 1px solid #ccc;
}
.video-cont .video-nav .ull{
    width:572px;
    margin:0 auto;
}
.video-cont .ull li{
    float: left;
    height: 40px;
    margin:74px 30px 0;
    text-align: center;
    font-size: 18px;
    color: #333;
}
.video-active{
    border-bottom: 2px solid #00bfd6;
}

.video-cont .videodown-ul{
    padding-bottom: 30px;
}
.video-cont .videodown-ul li{
    float: left;
    width: 585px;
    height: 480px;
    box-shadow: 0 0 10px #ccc;
    margin:30px 30px 0 0;
}
.video-cont .videodown-ul li:nth-child(2),
.video-cont .videodown-ul li:nth-child(4){
    margin-right:0;
}
.video-cont .videodown-ul .titl{
    font-size: 20px;
    padding:16px 0 10px 26px;
}
.video-cont .videodown-ul .titl a{
   color: #111; 
}
.video-cont .videodown-ul .titl a:hover{
    color: #00bfd6;
}
.video-cont .videodown-ul .news-name{
    font-size: 14px;
    color: #666;
    padding:0 26px;
    display:block;
    white-space:nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
}
.video-cont .videodown-ul .video_div .img{
    width: 585px;
    height: 360px;
    text-align: center;
    overflow: hidden;
    /*background: url(../images/video-cont-pic.jpg) no-repeat center;*/
}
.video-cont .videodown-ul .video_div .img img{
    vertical-align:center;
}
.video-cont .videodown-ul .video_div .img span{
    height:100%;
    width:0;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
}

.video-ejectbg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/23.png);
    z-index: 99;
    display: block;
}
.mod_player-wrap{
    position: fixed;
    left: 30%;
    top: 180px;
    margin-left: -5%;
    bottom: 0;
    width: 50%;
    height: 60%;
    z-index: 9999;
    background: #ccc;
}
.video-cont .videodown-ul li{
    transition:all .8s;
}
.video-cont .videodown-ul li:hover{
    transform:scale(1.02);
}
/*视频结束*/

/*会员注册登录页面结束*/
/*cqf-end*/

/*----------------------------详情页css----------------------------*/

/*----------------------------header----------------------------*/



.Con_header {

    width: 100%;

    height: 505px;

    position: relative;

    min-width: 1200px;

}



.Con_header img {

    width: 100%;

    height: 505px;

}



.head_wz {

    position: relative;

    text-align: center;

    top: -450px;

    color: #fefefe;

    line-height: 46px;

}



.head_wz h1 {

    font-size: 36px;

}



.head_wz p {

    font-size: 16px;

}



/*----------------------------A2_index_start----------------------------*/

.container {

    background: #ffffff;

    height: auto;

    width: 100%;

}



.nav_bar {

    width: 100%;

    height: 234px;

    margin-bottom: 51px;

}



.nav_a {

    background: #b8412d;

    width: 40%;

    height: 234px;

    float: left;

}



.nav_b {

    background: #eaa04a;

    width: 20%;

    height: 234px;

    float: left;

}



.nav_c {

    background: #b0cf49;

    width: 40%;

    height: 234px;

    float: left;

}



.nav_ft_a, .nav_ft_b h1 {

    font-size: 34px;

}



.nav_ft_c h1 {

    font-size: 34px;

    color: #1d1c1c;

}



.NavTop {

    margin-top: 34px;

    line-height: 25px;

}



.nav_ft_b, .nav_ft_a, .nav_ft_c p {

    font-size: 16px;

    color: #433424;

}



.nav_ft_a {

    float: right;

    margin: 55px 50px 0px 0px;

}



.nav_ft_b {

    padding: 55px 50px 0px 0px;

    width: 100%;

    text-align: center;

}



.nav_ft_c {

    float: left;

    margin: 55px 0px 0px 50px;

}



.con_a, .con_img {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.con_a_Exh {

    width: 1200px;

    background: #ffffff;

    margin: 0 auto;

}



.con_a_img {

    width: 1200px;

    background: url("/site/images/A_img_bj.jpg") no-repeat center;

    margin: 0 auto;

    height: 671px;

    padding-bottom: 30px;

    font-size: 40px;

    color: #fff;

}



.lf_title {

    width: 470px;

    float: left;

    text-align: right;

    margin-top: 572px;

    padding-right: 80px;

}



.rt_title {

    width: 600px;

    float: left;

    text-align: center;

    margin-top: 572px;

}



.wz_ft {

    text-align: center;

}



.wz_ft h1 {

    font-size: 36px;

}



.wz_ft p {

    font-size: 18px;

}



.wz_ft img {

    width: 1041px;

    height: 668px;

    text-align: center;

    margin: 38px 0px 30px 0px;

}



.con_b {

    background: #3c3c3c;

    width: 100%;

}



.con_b_Ma {

    width: 1200px;

    margin: 0 auto;

    height: auto;

    padding-bottom: 71px;

}



.con_b_img {

    width: 600px;

    height: auto;

}



.con_b_img img {

    width: 721px;

    height: 570px;

    float: left;

    margin-top: 111px;

}



.con_b_ft {

    width: 400px;

    float: left;

    margin-top: 211px;

    margin-left: 32px;

}



.con_b_ft h1 {

    color: #ffffff;

    line-height: 46px;

    font-size: 32px;

    white-space: nowrap;

}



.con_b_ft p {

    margin-top: 51px;

    font-size: 18px;

    color: #ffffff;

}



.con_c {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.con_c_super {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding-top: 92px;

}



.con_c_super h2 {

    font-size: 36px;

    margin-bottom: 28px;

}



.con_c_super p {

    font-size: 18px;

    line-height: 30px;

}



.con_c_super img {

    text-align: center;

    margin: 100px 0px 118px 0px;

}



.con_d {

    background: #000000;

    width: 100%;

}



.con_d_design {

    width: 1200px;

    margin: 0 auto;

    height: 657px;

    background: #000;

}



.design_lf {

    float: left;

    width: 600px;

    color: #fff;

    margin-top: 167px;

}



.con_d_design h1 {

    font-size: 38px;

    margin: 0px 0px 36px 0px;

}



.con_d_design p {

    font-size: 18px;

    line-height: 26px;

}



.con_d_img {

    width: 600px;

    float: left;

}



.con_d_img img {

    width: 600px;

    float: left;

    margin: 40px 0px 0px 0px;

}



.con_e {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

    overflow: hidden;

}



.con_e_safety {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding-top: 92px;

}



.con_e_safety h2 {

    font-size: 36px;

    margin-bottom: 28px;

}



.con_e_safety p {

    font-size: 18px;

    line-height: 30px;

}



.con_e_safety img {

    text-align: center;

    margin: 100px 0px 118px 0px;

}



/*----------------------------A2_index_end----------------------------*/



/*----------------------------L4s_start----------------------------*/

.head_top {

    width: 100%;

    height: 609px;

    background: #ffffff;

}



.head_top img {

    float: left;

    position: relative;

}



.tp_ft {

    position: relative;

    top: 288px;



}



.nav_four {

    width: 100%;

    height: 170px;

    background: #19181e;

}



.four_Ma {

    width: 1200px;

    height: 170px;

    margin: 0 auto;

}



.four_list {

    width: 1200px;

    height: 170px;

    white-space: nowrap;

}



.four_list ul {

    width: 1200px;

    height: 170px;

}



.four_list li {

    width: 300px;

    height: 170px;

    float: left;

    text-align: center;

}



.four_list li a {

    display: block;

    width: 300px;

    height: 170px;

    line-height: 78px;

    color: #fc813e;

    text-decoration: none;

    font-size: 20px;

}



.icon_list {

    width: 300px;

    height: 90px;

}



.icon_list img {

    margin-top: 26px;

}



.icon_list:hover {

    transform: translate(0, -10px);

    -webkit-transform: translate(0, -10px);

    -moz-transform: translate(0, -10px);

    -o-transform: translate(0, -10px);

    -ms-transform: translate(0, -10px);



}



.icon_list {

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;



}



.cover_led {

    background: #ffffff;

    width: 100%;

}



.cover_led_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 608px;

}



.cover_led_img {

    width: 777px;

    height: auto;

    position: relative;

}



.cover_led_img img {

    width: 721px;

    height: 570px;

    float: left;

    margin-top: 38px;

}



.cover_led_ft {

    width: 470px;

    float: left;

    top: 118px;

    position: relative;

    left: -100px;

    color: #333333;

}



.cover_led_ft h1 {

    line-height: 46px;

    font-size: 33px;

}



.cover_led_ft p {

    margin-left: 118px;

    margin-top: 70px;

    font-size: 16px;

    line-height: 24px;

}



.cover_touch {

    background: url("/site/images/L4S_cp_bg.jpg");

    width: 100%;

    background-size: 100% 100%;

}



.cover_touch_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 575px;

}



.con_Touch {

    width: 718px;

    height: 512px;

    background: url("/site/images/L4S_cp.png") no-repeat left;

    float: left;

    margin-top: 30px;

    overflow: hidden;

}



.cover_touch_img {

    width: 650px;

    height: 490px;

    background: #000;

    border-radius: 4px;

    opacity: 0.6;

    position: relative;

    left: 44px;

    top: -53px;

}



.cover_touch_ft {

    width: 410px;

    float: left;

    margin: 166px 0px 0px 72px;

    color: #ffffff;

}



.cover_touch_ft h1 {

    line-height: 42px;

    font-size: 33px;

}



.cover_touch_ft p {

    font-size: 19px;

    line-height: 32px;

    margin-top: 92px;

}



.cover_slim {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.cover_slim_Ma {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.cover_slim h2 {

    margin-top: 166px;

    font-size: 36px;

}



.cover_slim p {

    font-size: 18px;

    line-height: 30px;

}



.cover_slim img {

    text-align: center;

    margin: 81px 0px 161px 0px;

}



.cover_hy {

    background: #000000;

    width: 100%;

    overflow: hidden;

}



.cover_hy_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 527px;

    background: #000;

}



.cover_hy_lf {

    float: left;

    width: 600px;

    color: #fff;

    margin-top: 167px;

}



.cover_hy_Ma h1 {

    font-size: 38px;

    margin: 0px 0px 60px 0px;

}



.cover_hy_Ma p {

    font-size: 18px;

    line-height: 26px;

    width: 500px;

}



.cover_hy_img {

    width: 600px;

    float: left;

}



.cover_hy_img img {

    width: 600px;

    float: left;

    margin: 32px 0px 0px 0px;

}



/*----------------------------L4s_end----------------------------*/

/*----------------------------LA3_start----------------------------*/

.header_LA {

    width: 100%;

    position: relative;

    height: 781px;

    background: #000000;

}



.header_LA img {

    width: 100%;

    height: 781px;

}



.con_title {

    position: relative;

    width: 510px;

    height: 109px;

    top: -500px;

    left: 53%;



}



.LA_title {

    background: url("/site/images/title_bg.png") no-repeat;

    width: 510px;

    height: 65px;

    text-align: center;

    line-height: 66px;

    font-size: 32px;

    color: #ffffff;

}



.La_main_a {

    width: 1200px;

    margin: 0 auto;

    background: #ffffff;

}



.la_title_a {

    width: 510px;

    height: 44px;

    font-size: 25px;

    color: #bea67c;

    margin: 16px 0px 0px 40px;

}



.la_a {

    text-align: center;

    margin: 36px 0px 36px 0px;

}



.la_a p {

    font-size: 20px;

    line-height: 28px;

    color: #bea67c;

    margin: 0px 0px 65px 0px;

}



.con_la_b {

    width: 100%;

    height: 636px;

    background: #212b45;

}



.la_b_Ma {

    width: 1200px;

    height: 636px;

    margin: 0 auto;

}



.la_b_lf {

    width: 500px;

    height: 636px;

    color: #bea67c;

    margin-left: 105px;

    float: left;

}



.la_b_lf h1 {

    padding-top: 231px;

    display: block;

}



.la_b_lf p {

    line-height: 58px;

    margin-top: 103px;

}



.la_b_rt {

    width: 595px;

    height: auto;

    float: left;

    margin-top: 110px;

    position: relative;

}



.ps_la {

    position: relative;

    top: -472px;

    width: 589px;

    left: 7px;

}



.ps_la img {

    text-align: center;

    margin: 0 auto;

}



.ps_la_a img {

    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 20px #000000;

    -moz-box-shadow: 0px 0px 20px #000000;

    box-shadow: 0px 0px 20px #000000;

}



.con_la_c {

    width: 100%;

    height: 704px;

    background: #ffffff;

    position: relative;

    overflow: hidden;

}



.con_la_c_rt {

    width: 50%;

    height: 704px;

    float: left;

    position: relative;



}



.con_la_img {

    background: url("/site/images/L_la_lf_c.jpg") no-repeat;

    width: 50%;

    height: 704px;

    background-size: 100% 100%;

    float: left;

}



.con_la_c_rt h1 {

    color: #bea67c;

    font-size: 30px;

    margin-top: 231px;

    position: relative;

    font-weight: normal;

    left: -15%;

}



.con_la_c_rt p {

    font-size: 16px;

    color: #333333;

    margin: 103px 0px 0px 40px;

    line-height: 35px;

}



/*----------------------------LA3_end----------------------------*/

/*----------------------------LB3_start----------------------------*/

.LB3_header {

    width: 100%;

    height: 658px;

    background: url("/site/images/LB3_01.jpg") no-repeat center;

    -webkit-box-shadow: 0 0 30px #efefef;

    -moz-box-shadow: 0 0 30px #efefef;

    box-shadow: 0 0 30px #efefef;

    background-size: cover;

}



.LB3_head_Ma {

    width: 1200px;

    height: 658px;

    margin: 0 auto;

}



.LB3_head_lf {

    width: 600px;

    float: left;

    padding-top: 188px;

}



.LB3_head_rt {

    width: 600px;

    float: left;

}



.LB3_head_lf h1 {

    font-size: 90px;

    font-weight: bold;

}



.LB3_head_lf p {

    font-size: 30px;

}



.LB3_head_rt img {

    padding-top: 200px;

    width: 598px;

    height: 416px;

}



.LB3_container {

    width: 100%;

    margin-top: 46px;

}



.LB3_Main_a_con {

    width: 1200px;

    margin: 0 auto;



}



.LB3_Main_a {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    height: 660px;

}



.LB3_Ma_lf {

    float: left;

    width: 600px;

}



.LB3_Ma_lf img {

    width: 600px;

    height: 646px;

}



.LB3_Ma_rt {

    float: left;

    width: 600px;

    position: relative;

}



.LB3_Ma_rt h1 {

    padding-top: 180px;

    font-size: 38px;

    color: #191919;

    position: relative;

    left: -60px;

    font-weight: normal;

}



.LB3_Ma_rt p {

    padding-top: 90px;

    font-size: 20px;

    width: 500px;

    color: #545454;

}



.LB3_Main_b {

    width: 1200px;

    margin: 0 auto;

}



.LB3_Ma_b_lf {

    float: left;

    width: 540px;

    padding-top: 44px;

}



.LB3_Ma_b_lf img {

    width: 540px;

    height: 478px;

    float: left;

}



.LB3_Ma_b_rt {

    padding-top: 44px;

    float: left;

    width: 640px;

}



.LB3_h1 {

    padding-top: 57px;

    width: 700px;

    margin: 0 auto;

}



.LB3_h1 h1 {

    color: #fff;

    font-size: 38px;

    font-weight: normal;

}



.LB3_b_con {

    width: 100%;

    background: #32cbdd;

    height: 700px;

}



.LB3_Ma_b_rt p {

    padding: 142px 0 0 78px;

    font-size: 20px;

    line-height: 26px;

    color: #fff;

}



.LB3_c_con {

    width: 100%;

    height: 700px;

    background: url("/site/images/LB3_05.jpg") no-repeat;

    background-size: cover;

}



.LB3_Main_c {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.LB3_Main_c h1 {

    font-size: 38px;

    color: #fff;

    padding: 60px 0 70px 0;

}



.LB3_Main_c p {

    color: #fff;

    font-size: 20px;



}



.LB3_d_Ma {

    padding-top: 100px;

    width: 1200px;

    height: 640px;

    margin: 0 auto;

    background: url("/site/images/LB3_08.png") no-repeat right;

}



.LB3_d_nr {

    width: 800px;

    float: left;

}



.LB3_d_nr h1 {

    font-size: 20px;

    color: #1b1c1c;

    line-height: 28px;

}



.LB3_d_nr p {

    font-size: 20px;

    color: #1b1c1c;

}



.LB3_d_nr ul {

    padding: 100px 0 0 20px;

}



.LB3_d_nr li {

    list-style: square;

    padding-top: 10px;

	font-size:20px;

}



.LB3_e_Ma {

    width: 1200px;

    margin: 0 auto;

    background: url("/site/images/LB3_11.jpg") no-repeat center;

    height: 700px;

    text-align: center;

    margin-top: 120px;

}



.LB3_e_img img {

    text-align: center;

    width: 605px;

    height: 440px;



}



.LB3_e_wt {

    width: 800px;

    text-align: center;

    margin: 0 auto;

}



.LB3_e_wt img {

    float: left;

    position: relative;

    top: -30px;

}



.LB3_e_h1 h1 {

    position: relative;

    text-align: left;

    font-size: 20px;

    color: #000000;

    padding: 0 0 60px 50px;

}



.LB3_c_pro {

    position: relative;

    top: -7px;

    left: 14px;

}



.LB3_zz {

    position: relative;

    top: 10px;

    background: url("/site/images/LB3_04.png") no-repeat;

    width: 590px;

    height: 425px;

    margin: 0 auto;

    overflow: hidden;

}

/*----------------------------LB3_end----------------------------*/

/*----------------------------LB4_start----------------------------*/

.header_LB {

    width: 100%;

    position: relative;

    height: 744px;

    background: #000000;

}



.header_LB img {

    width: 100%;

    height: 744px;

}



.LB_title {

    width: 510px;

    text-align: left;

    font-size: 150px;

    color: #ffffff;

    font-weight: bold;

}



.LB_title_a {

    width: 510px;

    height: 44px;

    font-size: 20px;

    color: #ffffff;

    margin: 78px 0px 0px 8px;

    line-height: 30px;

}



.Con_LB {

    position: relative;

    width: 520px;

    height: 250px;

    top: -500px;

    left: 15%;



}



.hr {

    width: 274px;

    height: 3px;

    background: #ddc69c;

    margin-left: 10px;

}



.con_LB_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 700px;

}



.LB_ft {

    font-size: 12px;

    line-height: 36px;

    color: #191b27;

    text-align: center;

    margin: 81px 0px 76px 0px;

}



.LB_copy_img {

    margin-bottom: 181px;

}



.copy_lf {

    width: 700px;

    float: left;

}



.copy_lf img {

    width: 700px;

    height: 490px;

}



.copy_rt img {

    width: 500px;

    height: 346px;

}



.copy_rt {

    float: left;

    margin-top: 144px;

    width: 500px;

    height: 490px;

}



.con_LB_b {

    width: 100%;

    color: #000000;

    height: 641px;

    position: relative;

}



.LB_lf {

    width: 60%;

    float: left;

}



.heads img {

    width: 100%;

}



.hand_cp img {

    width: 100%;

}



.heads {

    width: 30%;

    float: left;

    position: relative;

    z-index: 6;

}



.hand_cp {

    width: 70%;

    float: left;

    position: relative;

    left: -12%;

    top: 20px;

    height: 600px;

}



.LB_rt {

    width: 100%;

    float: left;

    position: relative;

    left: -20%;

}



.LB_rt h1 {

    font-size: 36px;

    position: relative;

    left: -10%;

}



.LB_rt p {

    line-height: 24px;

    font-size: 18px;

    padding: 20px 0px 0px 5%;

}



.rt_con {

    padding-top: 20px;

    width: 40%;

    float: left;

    position: relative;

}



@-webkit-keyframes cloud {

    0% {

        -webkit-transform: translateX(0px);

    }

    100% {

        -webkit-transform: translateX(-15px);

    }



}



.cloud {

    -webkit-animation: cloud 1s 1s infinite alternate linear;



}



/*----------------------------LB4_end----------------------------*/

/*----------------------------420_start----------------------------*/

.header_F {

    width: 100%;

    height: 672px;

    background: #121921;

    min-width: 1400px;

}



.F_hd_Ma {

    width: 1348px;

    margin: 0 auto;

    position: relative;

}



.F_hd_lf {

    width: 600px;

    float: left;

    z-index: 999;

    margin-top: 108px;

    position: relative;

    right: -18px;;

    opacity: 0;

    transform: translateX(-100px);

    animation: 4s .6s tree;

    animation-fill-mode: forwards;



}



.F_hd_rt {

    width: 748px;

    float: left;

    top: -108px;

    left: -30px;

    opacity: 0;

    transform: translateX(100px);

    animation: 4s .6s tree;

    animation-fill-mode: forwards;

    background: url("/site/images/F_header_rt.png") no-repeat;

    height: 739px;

}



.F_head_con {

    position: relative;

    float: left;

    left: 20px;

    margin-top: 150px;

    color: #fff;

}



.F_head_con p {

    line-height: 48px;

    font-weight: bold;

    font-size: 32px;

    margin-top: 120px;

}



.F_head_con h1 {

    font-size: 80px;

}



.F_head_con h2 {



    font-size: 48px;

    position: relative;

    display: block;

}



.F_head_hr {

    margin: 0px 0px 68px 0px;

    text-align: center;



}



.F_head_hr img {

    text-align: center;

}



.mg_tp {

    margin-top: 152px;

}



.F_Ma_a {

    width: 1200px;

    margin: 0 auto;

    height: 380px;

}



.F_a_lf {

    width: 665px;

    height: 361px;

    float: left;

    opacity: 0;

    transform: translateY(100px);

    animation: 4s .4s tree;

    animation-fill-mode: forwards;

}



.F_a_rt {

    color: #010101;

    width: 499px;

    float: left;

    margin: 42px 0px 0px 36px;

}



.F_a_rt h1 {

    font-size: 40px;

    opacity: 0;

    transform: translateY(100px);

    animation: 4s .4s tree;

    animation-fill-mode: forwards;

}



.F_a_rt p {

    font-size: 16px;

    line-height: 24px;

    margin-top: 80px;

    opacity: 0;

    transform: translateY(100px);

    animation: 5s .4s tree;

    animation-fill-mode: forwards;

}



.F_hr {

    width: 100%;

    height: 1px;

    background: #cccccc;

    margin: 60px 0px 150px 0px;

}



.F_Ma_b {

    width: 1200px;

    margin: 0 auto;

    height: 258px;

}



.F_b_lf {

    width: 582px;

    float: left;

}



.F_b_rt {

    width: 618px;

    float: left;

    margin-top: 27px;

}



.F_b_lf h1 {

    font-size: 36px;

}



.F_b_lf p {

    font-size: 16px;

    line-height: 30px;

    margin-top: 29px;

    width: 540px;

}



.F_c_Ma {

    width: 1200px;

    margin: 0 auto;

}



.F_c_wz {

    text-align: center;

    width: 1200px;

    color: #010101;

}



.F_c_wz h1 {

    padding: 0px 0px 58px 0px;

    font-size: 42px;



}



.F_c_wz p {

    font-size: 16px;

}



.F_c_wz img {

    padding-top: 80px;

}



.F_c_li {

    width: 1200px;

    margin-top: 90px;

}



.F_c_li ul {

    margin: 0 auto;

    text-align: center;

}



.F_c_li li {

    float: left;

    width: 398px;

}



.F_c_li li img {

    border: 3px solid #000;

    border-radius: 4px;

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;



}



.F_c_li img:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

}



.F_c_li span {

    font-size: 16px;

    color: #a3a3a3;

    margin-top: 36px;

}



.F_d_Ma {

    width: 1200px;

    height: 324px;

    margin: 0 auto;

}



.F_d_lf {

    float: left;

    width: 700px;

}



.F_d_lf h1 {

    font-size: 20px;

    padding-top: 120px;

    line-height: 30px;

}



.F_d_rt {

    width: 335px;

    background: #fff;

    height: 147px;

    float: left;

    margin: 80px 0px 96px 154px;

    border: 2px solid #000;

    border-radius: 15px;

}



.con_rt {

    padding-left: 40px;

}



.lf_ico {

    float: left;

    padding: 0px 40px 0px 0px;

    border-right: 2px solid #000;

    height: 120px;

    margin-top: 12px;

}



.lf_ico img {

    padding-top: 15px;

}



.rt_ico {

    float: left;

    padding-left: 40px;

    margin-top: 26px;

}



.F_hr_d {

    width: 100%;

    height: 1px;

    background: #cccccc;

    margin: 60px 0px 80px 0px;

}



/*----------------------------420_end----------------------------*/



/*----------------------------DWH96_start----------------------------*/

.DWH_header_con {

    width: 100%;

    background: #fff;

}



.DWH_header_all {

    width: 90%;

    height: 1000px;

    background: #65cdcb;

    margin: 0 auto;

}



.DWH_head_Ma {

    width: 1200px;

    height: 840px;

    margin: 0 auto;

    text-align: center;

    position: relative;

}



.DW_top {

    font-size: 200px;

    top: -54px;

    position: relative;

    float: right;

    right: -41px;

}



.DW_hr {

    border-bottom: 1px solid #fff;

    width: 130px;

    text-align: left;

    font-size: 22px;

    color: #fff;

    margin-left: 100px;

}



.DW_center {

    position: relative;

    font-size: 330px;

    font-weight: bold;

    color: #fff;

    top: -620px;

    z-index: 999;

}



.DWH_Ma_a {

    width: 1200px;

    margin: 0 auto;

    height: 852px;

}



.DWH_con_a {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.DWH_con_a_Exh {

    width: 1200px;

    background: #ffffff;

    margin: 0 auto;

}



.DWH_wz_ft {

    text-align: center;

}



.DWH_wz_ft h1 {

    font-size: 50px;

    color: #3b63cf;

    margin: 77px 0px 60px 0px;

}



.DWH_wz_ft p {

    font-size: 26px;

    color: #3b63cf;

}



.DWH_wz_ft img {

    text-align: center;

    margin: 60px 0px 0px 0px;

    z-index: 1;

}



.DWH_con_b {

    width: 100%;

    height: 200px;

    background: #7a89cb;

    z-index: 6;

    position: relative;

}



.DWH_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 200px;

}



.DWH_Ma ul {

    width: 1200px;

    margin: 0px 30px 0px 30px;

    padding-top: 40px;

}



.DWH_Ma li {

    float: left;

    width: 370px;

}



.DWH_Ma li h1 {

    font-size: 18px;

    text-align: center;

    color: #010101;

    padding-bottom: 20px;

}



.DWH_Ma li p {

    font-size: 14px;

    color: #fff;

    line-height: 22px;

    padding-left: 30px;

}



.list_xg {

    background: url("/site/images/DWH_list.png") no-repeat;

    width: 33px;

    height: 50px;

    float: left;

    margin-top: 50px;

}



.DWH_Ma_c {

    width: 1200px;

    margin: 0 auto;

}



.DWH_con_c {

    margin-top: 120px;

}



.DWH_c {

    background: #000000;

    width: 100%;

}



.DWH_con_c_design {

    width: 1200px;

    margin: 0 auto;

}



.DWH_c_lf {

    float: left;

    width: 488px;

    color: #fff;

    padding: 188px 0px 104px 0px;

}



.DWH_con_c_design h1 {

    color: #3b63cf;

    font-size: 50px;

}



.DWH_con_c_design b {

    font-size: 16px;

    padding-top: 30px;

    font-weight: bold;

    color: #2a2a2a;

    display: block;

}



.DWH_con_c_design p {

    font-size: 16px;

    line-height: 26px;

    color: #2a2a2a;

}



.DWH_con_c_img {

    float: left;

    width: 662px;

    margin-left: 50px;

    overflow: hidden;

}



.DWH_con_c_img img {

    float: left;

    margin: 40px 0px 0px 0px;

    transition: All 1s ease-in-out;

    -webkit-transition: All 1s ease-in-out;

    -moz-transition: All 1s ease-in-out;

    -o-transition: All 1s ease-in-out;

}



.DWH_con_c_img img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    overflow: hidden;

}



.DWH_hr {

    width: 4px;

    height: 44px;

    background: #000;

    margin: 48px 0px 80px 0px;

}



.DWH_Ma_d {

    width: 1200px;

    margin: 0 auto;

    padding-bottom: 20px;

}



.DWH_d_lf {

    width: 730px;

    height: auto;

    float: left;

    overflow: hidden;

}



.DWH_d_lf img {

    transition: All 1s ease-in-out;

    -webkit-transition: All 1s ease-in-out;

    -moz-transition: All 1s ease-in-out;

    -o-transition: All 1s ease-in-out;



}



.DWH_d_lf img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.DWH_d_rt {

    color: #010101;

    width: 430px;

    float: left;

    margin: 42px 0px 0px 36px;

}



.DWH_d_rt h1 {

    font-size: 40px;

}



.DWH_d_rt p {

    font-size: 14px;

    line-height: 24px;

    margin-top: 80px;

}



.DWH_d_rt b {

    padding-bottom: 38px;

    display: block;

}



.ft_tp {

    width: auto;

    height: 25px;

    background: #000;

    color: #fff;

    text-align: center;

    line-height: 24px;

    font-size: 22px;

    float: left;

    margin: 0px 85px 38px 0px;

    padding: 8px 8px 8px 8px;

}



.ft_bm {

    width: 122px;

    height: 44px;

    background: #fc391d;



    float: right;

    margin: 21px 85px 38px 0px;

}



.ft_bm h1 {

    color: #fff;

    text-align: left;

    line-height: 46px;

    font-size: 16px;

}



.triangle-left {

    width: 0;

    height: 0;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    border-right: 7px solid #fff;

    float: left;

    margin: 15px 14px 0px 24px;

}



.DWH_e_con {

    width: 100%;

    height: 600px;

    background: #9475f7;

    background: url("/site/images/DWH_swb_e.jpg") no-repeat center;

    background-size: cover;

    position: relative;

}



.ps_wz {

    width: 530px;

    height: 120px;

    position: relative;

    margin: 0 auto;

    top: 200px;

    left: 368px;

}



.PsWz_Con {

    width: 530px;

    background: #fff;

    position: relative;

    margin: 0 auto;

}



.ps_wz p {

    padding: 30px 30px 30px 30px;

    line-height: 26px;

    font-size: 18px;

}



.ps_wz span {

    font-size: 40px;

    color: #9f221b;

    word-break: normal;

    width: 700px;

    font-weight: bold;

    position: relative;

    margin-top: 110px;

    left: -220px;

}



.DWH_f_Ma {

    width: 1200px;

    height: 576px;

    margin: 0 auto;

    margin-top: 84px;

}



.f_top_wz {

    width: 1200px;

    text-align: center;

}



.f_top_wz h1 {

    color: #000000;

    font-size: 40px;

}



.f_top_wz p {

    color: #636262;

    font-size: 18px;

    padding-top: 40px;

}



.e_list_lf {

    margin-left: 140px;

    width: 540px;

    float: left;

}



.e_list_lf span {

    float: left;

    margin: 0px 50px 0px 0px;

}



.e_list_ico {

    margin-top: 104px;

}



.e_list_rt {

    width: 500px;

    float: left;

    border: 1px solid #ccc;

    height: 110px;

    border-radius: 10px;

    margin-top: 82px;

}



.e_list_rt li {

    float: left;

    padding-left: 32px;

    padding-top: 22px;

}



.e_list_rt b {

    font-size: 18px;

    padding-left: 20px;

}



/*----------------------------DWH_end----------------------------*/

/*----------------------------H420_start----------------------------*/

.header_H {

    width: 100%;

    height: 672px;

    min-width: 1400px;



}



.H_hd_Ma {

    width: 1348px;

    margin: 0 auto;

}



.H_hd_lf {

    width: 50%;

    background: url("/site/images/H420_lf_bg.jpg") repeat-x;

    float: left;

    height: 669px;

    position: relative;

    overflow: hidden;

}



.H_hd_lf img {

    float: right;

    height: 672px;

    position: relative;

    overflow: hidden;

}



.H_hd_rt {

    background: url("/site/images/H420_rt_bg.jpg") repeat-x;

    width: 50%;

    float: left;

    height: 669px;

}



.H_hd_rt h1 {

    font-size: 80px;

}



.H_hd_rt h2 {

    font-size: 49px;

}



.H_hr_a {

    margin: 26px 0px 48px 0px;

}



.H_rt_con {

    position: relative;

    float: left;

    left: 64px;

    margin-top: 200px;

    color: #fff;

    width: 650px;

}



.H_rt_con p {

    line-height: 30px;

    font-weight: bold;

}



/*----------------------------H420_end----------------------------*/



/*----------------------------H610pro_start----------------------------*/

.por_con_h_Exh, .por_con_h_Exh, .por_con_h {

    width: 1200px;

    background: #ffffff;

    margin: 0 auto;

}



.por_con_h_ft {

    text-align: center;

}



.por_con_h_ft h1 {

    font-size: 40px;

    color: #4a4999;

    padding: 74px 0px 35px 0px;

}



.por_con_h_ft p {

    font-size: 16px;

    color: #838f99;

    line-height: 22px;

}



.por_con_h_ft img {

    width: 1041px;

    height: 312px;

    text-align: center;

    margin-top: 130px;

}



.por_touch {

    background: url("/site/images/h610pro.jpg") no-repeat;

    width: 100%;

    background-size: cover;

    z-index: 999;

}



.por_touch_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 700px;

}



.por_touch_img {

    width: 433px;

    height: auto;

    float: right;

}



.por_touch_img img {

    width: 433px;

    height: 531px;

    float: right;

    margin-right: 130px;

    border-radius: 14px 0px 0px 14px;

}



.por_touch_ft {

    width: 640px;

    float: left;

    margin: 240px 0px 0px 0px;

}



.por_touch_ft h1 {

    line-height: 42px;

    font-size: 30px;

    color: #2f1a45;

}



.por_touch_ft p {

    color: #838f99;

    font-size: 16px;

    line-height: 32px;

    margin-top: 30px;

}



.por_h_about {

    background: url("/site/images/h_about.jpg") no-repeat;

    height: auto;

    background-size: cover;

    overflow: hidden;

}



.por_h_Ma {

    width: 1200px;

    margin: 0 auto;

    height: auto;

}



.por_h_Ma h1 {

    text-align: center;

    color: #2f1a45;

}



.por_h_l li {

    float: left;

    width: 400px;

    height: 80px;

    margin-top: 100px;

}



.por_h_l {

    width: 400px;

    height: auto;

    float: left;

}



.por_h_l li:hover {

    transform: translate(0, -10px);

    -webkit-transform: translate(0, -10px);

    -moz-transform: translate(0, -10px);

    -o-transform: translate(0, -10px);

    -ms-transform: translate(0, -10px);

    cursor: pointer;

}



.por_h_l li {

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;



}



.por_h_r li:hover {

    transform: translate(0, -10px);

    -webkit-transform: translate(0, -10px);

    -moz-transform: translate(0, -10px);

    -o-transform: translate(0, -10px);

    -ms-transform: translate(0, -10px);

    cursor: pointer;

}



.por_h_r li {

    transition: All 0.4s ease-in-out;

    -webkit-transition: All 0.4s ease-in-out;

    -moz-transition: All 0.4s ease-in-out;

    -o-transition: All 0.4s ease-in-out;

}



.icon_hg {

    float: left;

    height: 200px;

}



.por_h_l li img {

    float: left;

    padding-left: 40px;

}



.por_h_l h2 {

    margin: 10px 0px 0px 0px;

    text-align: center;

    float: left;

    color: #4a4999;

}



.por_h_c {

    float: left;

}



.por_h_c img {

    margin: 60px 0px 0px 0px;

    width: 400px;

    float: left;

}



.por_h_r {

    width: 400px;

    float: left;

}



.por_h_r li {

    float: left;

    padding-left: 40px;

    width: 400px;

    margin-top: 100px;

}



.por_h_r h2 {

    margin: 40px 0px 0px 0px;

    float: left;

    color: #4a4999;

}



.por_h_r li img {

    float: left;

    padding-left: 40px;

}



.por_h_con {

    width: 1200px;

}



.pro_cp {

    width: 100%;

    margin-bottom: 75px;

    margin-top: 50px;



}



.pro_cp_Ma {

    width: 1200px;

    margin: 0 auto;

}



.pro_cp_img {

    width: 777px;

    height: auto;

}



.pro_cp_img img {

    width: 718px;

    height: 512px;

    float: left;

}



.pro_cp_ft {

    width: 410px;

    float: left;

    margin: 166px 0px 0px 72px;

}



.pro_cp_ft h1 {

    line-height: 42px;

    font-size: 30px;

    color: #2f1a45;

}



.pro_cp_ft p {

    font-size: 16px;

    line-height: 32px;

    margin-top: 40px;

    color: #838f99;

}



.pro_h_Ma {

    width: 1200px;

    height: 428px;

    margin: 0 auto;

    margin-bottom: 77px;

}



.pro_h_Ma img {

    text-align: center;
    width: 100%;
    margin: 0 auto;

}



/*----------------------------TF_680——start----------------------------*/

.TF_con {

    width: 100%;

}



.TF_hd_lf{

    width: 40%;

    float: left;

    height: 820px;

    position: relative;

    z-index: 6;



}

.TF_hd_lf img{

    width: 960px;

    height: 820px;

    float: left;

}



.TF_hd_rt{

    background: url("/site/images/TF_hd_yj.png") no-repeat right top;

    float: left;

    height: 820px;

    width: 60%;

    position: relative;

}

.TF_hd_nr{

width: 40%;

    z-index: 7;

    position: relative;

    margin-top:100px;

    padding-left:10%;



}

.TF_hr_hd{

    width: 90px;

    height: 2px;

    background: #43c0ff;

    margin-top:30px;

}

.TF_hd_nr p{

    line-height: 26px;

    font-size: 16px;

    padding-top:54px;

}

.TF_hd_nr h1{

    font-size:80px;

}

.TF_hd_ul{

    float: left;

    position: relative;

    z-index: 6;

    margin-top:110px;

    width: 100%;

}
.TF_hd_ul ul li img {
    width: 100%;
}


.TF_hd_ul li{

    float: left;

    width:30%;

    height: 300px;

}

.TF_hd_ul li:nth-child(1){

    -webkit-animation-name: fadeInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 2s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}

.TF_hd_ul li:nth-child(2){

    -webkit-animation-name: fadeInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 3s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}

.TF_hd_ul li:nth-child(3){

    -webkit-animation-name: fadeInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 4s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}







.TF_ico_con {

    width: 100%;

    height: 130px;

    background: #f8e955;

}



.TF_icon_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 130px;

}



.TF_icon_Ma li {

    float: left;

    width: 300px;

    padding-top: 10px;

    height: 130px;

    text-align: center;

}



.TF_icon_Ma span {

    font-size: 15px;

}



.TF_hr {

    width: 1px;

    height: 76px;

    background: #717171;

    float: right;

    margin: 20px 48px 0px 0px;

}



.fl_lf {

    float: left;

    width: 200px;

}



.TF_Ma_c {

    width: 1200px;

    margin: 0 auto;

    height: auto;

}



.TF_con_c {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.TF_con_c_Exh {

    width: 1200px;

    background: #ffffff;

    margin: 0 auto;

}



.TF_wz_ft {

    text-align: center;

    color: #010101;

}



.TF_wz_ft h1 {

    font-size: 40px;

    margin: 77px 0px 64px 0px;

}



.TF_wz_ft p {

    font-size: 20px;

    font-weight: bold;

}



.TF_wz_ft img {

    text-align: center;

    margin-bottom: 50px;

}



.TF_con_d {

    width: 100%;

    height: 626px;

    background: url("/site/images/TF_d_bj.jpg") no-repeat;

    position: relative;

}



.TF_d_Ma {

    position: relative;

    width: 520px;

    top: 220px;

    left: 26%;

}



.TF_d_Ma h1 {

    color: #fff;

    font-size: 40px;

    font-weight: bold;

    padding-left: 100px;

}



.TF_d_Ma p {

    color: #fff;

    font-size: 20px;

    margin-top: 72px;

    line-height: 46px;

}



.TF_con_e {

    width: 100%;

    color: #000000;

    height: 600px;

    position: relative;

    margin-top: 30px;

}



.TF_e_lf {

    width: 50%;

    float: left;

}



.TF_e_lf img {

    width: 100%;

}



.TF_e_rt {

    margin-top: 280px;

    width: 100%;

    float: left;

}



.TF_e_rt h1 {

    font-size: 40px;

    padding-left: 11%;

    margin-bottom: 52px;



}



.TF_e_rt p {

    line-height: 24px;

    font-size: 20px;

    padding-left: 10%;



}



.TF_rt_con {

    padding-top: 20px;

    width: 40%;

    float: left;

    position: relative;

}



/*----------------------------G10_start----------------------------*/

.header_G {

    width: 100%;

    height: 669px;

    background:url("/site/images/G_header_bj.jpg") no-repeat center;



}

.GM_con_bd {

    width: 1200px;

    padding-top: 100px;

    margin: 0 auto;

}

.GM156_f_lf {

    float: left;

border-radius: 10px;

}



.GM156_f_rt {

    float: left;

    border-radius: 10px;

    margin-left: 90px;

}



.G_hd_Ma {

    width: 1348px;

    margin: 0 auto;

}



.G_hd_rt {

    width: 50%;

    float: left;

    height: 669px;

    position: relative;

    overflow: hidden;

}



.G_hd_rt img {

    float: right;

    height: 672px;

    position: relative;

    overflow: hidden;

}



.G_hd_lf {

    width: 50%;

    float: left;

    height: 669px;

}

.G_rt_h{

     position: relative;

     right: 10%;

     padding-bottom: 20px;

 }

.G_lf_h{

    position: relative;

    left: 35.4%;

    padding-bottom: 20px;

}

.G_hd_lf h1 {

    font-size: 42px;

    color: #fff;

    line-height: 58px;

    padding-bottom: 75px;

    width: 800px;

    opacity: 0;

    transform: translateX(-100px);

    animation: 3s .6s tree;

    animation-fill-mode: forwards;

}



.G_rt_con {

    position: relative;

    left: 18%;

    z-index: 999;

    margin-top: 200px;

    color: #fff;

}



.G_rt_con h2 {

    font-size: 70px;

    color: #fff;

    font-weight: bold;

    opacity: 0;

    transform: translateX(-100px);

    animation: 4s .6s tree;

    animation-fill-mode: forwards;

}



.G_con_a {

    width: 100%;

    margin-bottom: 104px;

    position: relative;



}



.G_Ma_a {

    width: 1200px;

    margin: 0 auto;

    height: auto;

}



.G_a_lf {

    width: 580px;

    height: auto;

    float: left;

    margin-top: 290px;

}



.G_a_lf h1 {

    width: 580px;

    display: block;

    float: left;

    font-size: 34px;

    height: 52px;

    line-height: 48px;

    margin-bottom: 33px;

}



.G_a_title {

    float: left;

    position: relative;

    top: -190px;

    height: 80px;

}



.G_a_title h1 {

    font-size: 400px;

    color: #fbf9f7;

}



.G_b_title {

    float: left;

    position: relative;

    height: 280px;

    top: -190px;

}



.G_b_title h2 {

    font-size: 400px;

    color: #fbf9f7;

    margin-left: 220px;

}



.G_p_con p {

    display: block;

    float: left;

    font-size: 16px;

    line-height: 20px;

    width: 390px;

}



.G_b_p_con p {

    padding-left: 200px;

    display: block;

    float: left;

    font-size: 16px;

    line-height: 20px;

    width: 322px;

}



.G_hr_a {

    float: left;

    width: 152px;

    height: 1px;

    background: #000;

    margin-top: 24px;

    margin-right: 30px;

}



.G_hr_b {

    width: 44px;

    height: 3px;

    background: #bea67c;

    float: right;

    margin-top: 10px;

}



.wid_hr {

    width: 152px;

    height: 3px;

    float: left;

    margin-right: 30px;

}



.G_a_rt {

    float: left;

    width: 620px;

    margin-top: 230px;

    position: relative;

}



/*.G_a_rt img {

    -webkit-box-shadow: 0 0 10px #000000;

    -moz-box-shadow: 0 0 10px #000000;

    box-shadow: 0 0 10px #000000;

    width: 617px;

}*/



.sy_bj_a {

    background: url("/site/images/G10T_03.png") no-repeat right;

    width: 100%;

    height: 130px;

    position: relative;

    top: 480px;

    z-index: 99;

    -moz-opacity: .75;

    filter: alpha(opacity=75);

    opacity: .75;

}



.sy_bj_b {

    background: url("/site/images/G10T_06.png") no-repeat left;



    width: 100%;

    height: 130px;

    position: relative;

    top: 420px;

    z-index: 99;

    -moz-opacity: .75;

    filter: alpha(opacity=75);

    opacity: .75;

}



.sy_bj_c {

    background: url("/site/images/G10T_10.png") no-repeat right;



    width: 100%;

    height: 130px;

    position: relative;

    top: 530px;

    z-index: 99;

    -moz-opacity: .75;

    filter: alpha(opacity=75);

    opacity: .75;

}



.font_st {

    float: left;

    width: 580px;

    color: #000;

    font-size: 36px;

    padding-top: 78px;

    font-weight: bold;

}



.hr_vertical {

    width: 1160px;

    border-left: 6px solid #a9946e;

    height: 51px;

    margin: 0 auto;

}



.G_con_b {

    width: 100%;

    position: relative;

}



.G_Ma_b {

    width: 1200px;

    margin: 0 auto;

    height: auto;

	overflow: hidden;

}



.G_b_rt {

    width: 540px;

    height: auto;

    float: left;

    margin-top:220px;

}



.G_b_rt h1 {

    width: 540px;

    display: block;

    text-align: left;

    float: left;

    font-size: 34px;

    height: 52px;

    line-height: 48px;

    margin-bottom: 33px;

	padding-left: 200px;

}



.G_hr_a_a {

    float: right;

    width: 152px;

    height: 1px;

    background: #000;

    margin-top: 24px;

    margin-right: 67px;

}



.G_hr_a_b {

    width: 44px;

    height: 3px;

    background: #bea67c;

    float: left;

    margin-top: 10px;

}



.wid_hr {

    width: 152px;

    height: 3px;

    float: left;

    margin-right: 30px;

}



.G_b_lf {

    float: left;

    width: 620px;

    margin-top: 126px;

    margin-right: 40px;

}



/*.G_b_lf img {

    -webkit-box-shadow: 0 0 10px #000000;

    -moz-box-shadow: 0 0 10px #000000;

    box-shadow: 0 0 10px #000000;

}*/



.font_st_rt {

    float: right;

    color: #000;

    font-size: 36px;

    padding-top: 70px;

    margin-right: 100px;

    font-weight: bold;

}



.font_st_rt b {

    color: #bea67c;

}



.font_st b {

    color: #bea67c;

}



.hr_vertical_Three {

    width: 970px;

    border-right: 6px solid #a9946e;

    height: 51px;

    margin: 0 auto;

}



.G_con_c {

    width: 100%;

    background: #749fe8;

    margin: 0 auto;

}



.G_con_c_c {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding-top: 92px;

}



.G_con_c_c h2 {

    font-size: 48px;

    margin-bottom: 28px;

    color: #fff;

}



.G_con_c_c p {

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    margin-top: 25px;

}



.G_c_hr {

    width: 44px;

    height: 4px;

    margin: 0 auto;

    background: #bea67c;

}



.G_c_h {

    width: 35px;

    height: 1px;

    background: #fff;

    margin: 0 auto;

}



.G_c_list {

    padding-bottom: 52px;

    margin-top: 80px;

}



.G_c_list a {

    display: block;

}



.G_c_list span {

    color: #fff;

    margin-top: 14px;

}



.G_c_list li {

    float: left;

    width: 300px;

}



.G_c_list li img {

    margin-bottom: 24px;

    width: 277px;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    border-radius: 190px;

    height: 276px;

}



.G_c_list ul li img:hover {

    -webkit-transform: scale(1) rotate(360deg);

    -moz-transform: scale(1) rotate(360deg);

    -o-transform: scale(1) rotate(360deg);

}



.G_d_con {

    width: 100%;

    height: 636px;

    background: url("/site/images/G_d_con_bj.jpg") no-repeat center;

}

.hr_G10T {

    width: 74px;

    height: 3px;

    background: #fff;

    margin-left: 10px;

}

.G_d_Ma {

    width: 1200px;

    margin: 0 auto;

    height: 612px;

    background: url("/site/images/G_d_bj.png") no-repeat center;

}



.G_d_list {

    position: relative;

    color: #fefefe;

    font-size: 20px;

    float: left;

}



.sidebar_b {

    position: relative;

    float: left;

    left: -60%;

    margin-top: 70px;

}



.sidebar_b li {

    line-height: 52px;

}



.sidebar_d {

    position: relative;

    top: 124px;

    left: -60%;

}



.sidebar_d li {

    margin-top: 38px;

}



.sidebar_d li:nth-child(2) {

    margin-top: 65px;

}



.sidebar_d li:nth-child(3) {

    margin-top: 70px;

}



.G_d_h {

    width: 103px;

    height: 6px;

    background: #333333;

    margin: 17px 0px 58px 0px;

}



.G_d_nr {

    float: right;

    height: 412px;

    margin: 200px 110px 0px 0px;

}



.G_d_nr h1 {

    font-size: 46px;

    color: #fff;

}



.G_d_nr p {

    color: #fff;

    font-size: 20px;

    line-height: 32px;

}



.G_con_d {

    width: 100%;

    background: #ffffff;

    margin: 0 auto;

}



.G_con_d_d {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    padding-top: 92px;

}



.G_con_d_d h2 {

    font-size: 48px;

    margin-bottom: 28px;

    color: #000;

}



.G_con_d_d p {

    line-height: 50px;

    font-size: 16px;

    color: #636262;

    margin-top: 25px;

}



.G_con_d_d img {

    text-align: center;

    margin: 100px 0px 118px 0px;

}



.G_d_hr {

    width: 44px;

    height: 4px;

    margin: 0 auto;

    background: #bea67c;

    margin-top: 30px;

}



/*tap_CSS3_all*/



@-webkit-keyframes tree {

    100% {

        -webkit-transform: translateY(0px);

        opacity: 1;

    }

}



@keyframes tree {

    100% {

        transform: translateY(0px);

        opacity: 1;

    }

}



@-webkit-keyframes Tree {

    100% {

        -webkit-transform: translateY(0px);

        opacity: 1;

    }

}



@keyframes Tree {

    100% {

        transform: translateY(0px);

        opacity: 1;

    }

}



.Text_Effect {

    opacity: 0;

    transform: translateY(20px);

    animation: 2s .4s Tree;

    animation-fill-mode: forwards;

}



.Text_effect {

    opacity: 0;

    transform: translateY(50px);

    animation: 2s .4s tree;

    animation-fill-mode: forwards;

}




.Opacity {

    opacity: 1 !important;

}



.animated {

    -webkit-animation-duration: 4s;

    animation-duration: 4s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.animated.hinge {

    -webkit-animation-duration: 4s;

    animation-duration: 4s

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        -ms-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        -ms-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        -ms-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        -ms-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



.lf_effect {

    transform: translateX(100px);
	    transform: translateX(100px);
			-ms-transform: translateX(100px);
		-webkit-transform: translateX(100px); 
		-o-transform:translateX(100px); 
		-moz-transform:translateX(100px); 

    animation: 4s .4s lf_tree;

    animation-fill-mode: forwards;

}



.rt_effect {

    transform: translateX(-100px);
			-ms-transform: translateX(-100px);
		-webkit-transform: translateX(-100px); 
		-o-transform:translateX(-100px); 
		-moz-transform:translateX(-100px); 

    animation: 4s .4s rt_tree;

    animation-fill-mode: forwards;

}



@-webkit-keyframes rt_tree {

    100% {

		-ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 

        opacity: 1;

    }

}



@keyframes rt_tree {

    100% {

		-ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 

        opacity: 1;

    }

}



@-webkit-keyframes lf_tree {

    100% {

		-ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 

        opacity: 1;

    }

}



@keyframes lf_tree {

    100% {

        transform: translateX(0px);
		ms-transform: translateX(0px);
		-webkit-transform: translateX(0px); 
		-o-transform:translateX(0px); 
		-moz-transform:translateX(0px); 
        opacity: 1;

    }

}



@-webkit-keyframes bounce {

    0%, 100%, 20%, 53%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@keyframes bounce {

    0%, 100%, 20%, 53%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%, 43% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -50px, 0);

        -ms-transform: translate3d(0, -50px, 0);

        transform: translate3d(0, -50px, 0)

    }

    70% {

        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);

        -webkit-transform: translate3d(0, -15px, 0);

        -ms-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        -ms-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;



}



@-webkit-keyframes fadeInOut {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.8, .8, .8);

        transform: scale3d(.8, .8, .8);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.anim_img {

    -webkit-animation-name: fadeInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 4s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(.8, .8, .8);

    transform: scale3d(.8, .8, .8);

}



.enlarge {



    -webkit-animation-name: fadeInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 4s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}



@-webkit-keyframes bounceIn {

    0%, 100%, 20%, 40%, 60%, 80% {

        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.Tshow {

    animation: 10s .10s Tshows;

    animation-fill-mode: forwards;

    opacity: 0;

}



@-webkit-keyframes Tshows {

    0% {

        opacity: 0;



    }

    20% {

        opacity: 0;

    }

    40% {

        opacity: 0;

    }

    60% {

        opacity: 1;

    }

    80% {

        opacity: 1;

    }



    100% {

        opacity: 1;

    }

}



.Bright {

    animation: 4s .4s bright;

    animation-fill-mode: forwards;

}



@-webkit-keyframes bright {

    0% {

        opacity: 0;

        filter: Alpha(opacity=1);

    }

    20% {

        opacity: 0.2;

        filter: Alpha(opacity=2);

    }

    40% {

        opacity: 0.4;

        filter: Alpha(opacity=4);

    }

    60% {

        opacity: 0.4;

        filter: Alpha(opacity=6);

    }

    80% {

        opacity: 0.6;

        filter: Alpha(opacity=8);

    }



    100% {

        opacity: 0.6;

        filter: Alpha(opacity=1);

    }

}



.Dark {

    animation: 3s .3s dark;

    animation-fill-mode: forwards;

}



@-webkit-keyframes dark {

    0% {

        opacity: 0.6;

        filter: Alpha(opacity=1);

    }

    20% {

        opacity: 0.6;

        filter: Alpha(opacity=8);

    }

    40% {

        opacity: 0.6;

        filter: Alpha(opacity=6);

    }

    60% {

        opacity: 0.4;

        filter: Alpha(opacity=4);

    }

    80% {

        opacity: 0.2;

        filter: Alpha(opacity=2);

    }



    100% {

        opacity: 0;

        filter: Alpha(opacity=1);

    }

}



.con_Touch input {

    width: 40px;

    height: 35px;

    position: relative;

    top: 50px;

    background: url("/site/images/switch.jpg") no-repeat;

    opacity: 1 !important;

    z-index: 999;

    cursor: pointer;

    left: 2px;



}



.InputSize {

    -webkit-animation-name: PutInOut;

    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: 1.5s;

    -webkit-animation-direction: alternate;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -webkit-animation: PutInOut 1.5s infinite linear;



}



@-webkit-keyframes PutInOut {

    0% {

        opacity: 1;

        -webkit-transform: scale3d(.8, .8, .8);

        transform: scale3d(.8, .8, .8);

    }



    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);



    }

}



.OpacityDark {

    opacity: 0.6;

    transform: translateY(0px) !important;

}



/*tap_CSS3_all_end*/



/*qf_css_start*/



/*公共样式*/

.big-wrap {

    width: 100%;

    height: 100%;

}



.center {

    width: 1200px;

    margin: 0 auto;

}

































/*---------------------------------------GT221详情页面开始-----------------------------------*/

/*large-head头部*/

.large-head {

    width: 100%;

    height: 700px;

    background: url(/site/images/large-head-bg.jpg) no-repeat center;

    background-size: cover;

}



.large-head .large-text {

    padding: 264px 0 0 742px;

}



.large-head .title {

    font-size: 30px;

    color: #ff654d;

}



.large-head .desc {

    padding-top: 46px;

    font-size: 20px;

    color: #fff;

}



/*large-cycn小块青色条*/



.large-cyan {

    width: 100%;

    height: 98px;

    background-color: #cfd465;

}



.large-cyan .title {

    font-size: 18px;

    line-height: 98px;

    color: #fff!important;

    text-align: center;

}



/*keep-pace区*/

.keep-pace {

    width: 100%;

    height: 700px;

    background: url(/site/images/keep-pace-bg.jpg) no-repeat;

    background-size: cover;

}



.keep-pace .title {

    font-size: 30px;

    color: #ff654d;

    padding: 76px 0 0 328px;

}



.keep-pace .pic {

    width: 528px;

    height: 140px;

    position: relative;

    margin: 73px 0 0 24px;

}



.keep-pace .left {

    float: left;

}



.keep-pace .pic:before {

    content: "";

    width: 36px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 140px;

    top: 77px;

}



.keep-pace .pic:after {

    content: "";

    width: 36px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 316px;

    top: 77px;

}



.keep-pace .pic ul li {

    float: left;

    width: 136px;

    height: 136px;

    margin-right: 36px;

    border: 2px solid #fff;

    border-radius: 70px;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



.keep-pace .text-wrap {

    width: 490px;

    height: 286px;

    border-radius: 5px;

    border: 2px solid #fff;

    margin: 54px 0 0 54px;

}



.keep-pace .text-wrap .desc {

    padding: 16px 10px;

    font-size: 16px;

    color: #fff;

}



.keep-pace .right-pic {

    float: right;

    padding-top: 106px;

}



/*enjoy欣赏块*/

.enjoy-d {

    width: 100%;

    height: 257px;

    padding-top: 80px;

    text-align: center;

}



.enjoy-d .title {

    font-size: 30px;

    color: #ff654d;

}



.enjoy-d .desc {

    padding: 30px 0 112px 0;

    font-size: 20px;

    color: #231815;

}



.enjoy-bg {

    width: 100%;

    height: auto;

}



.enjoy-bg img {

    width: 100%;

    display: block;

}



/*enjoy-man欣赏下区*/

.enjoy-man {

    float: left;

    width: 100%;

    height: 638px;

}



.enjoy-man .left, .enjoy-man .right {

    width: 50%;

    float: left;

    height: 638px;

}



.enjoy-man .left {

    background: url(/site/images/gt221-enjoy-left.jpg) no-repeat;

}



.enjoy-man .right {

    position: relative;

    background: url(/site/images/gt221-enjoy-right.jpg) no-repeat;

}



.enjoy-wrap {

    width: 620px;

    height: 250px;

    position: absolute;

    left: -38px;

    top: 216px;

    border: 2px solid #faf02f;

}



.enjoy-man .enjoy-wrap .desc {

    font-size: 20px;

    color: #fff;

    padding: 0 56px 0 64px;

}



.enjoy-man .enjoy-wrap .one {

    padding: 66px 56px 30px 64px;

}



/*Professional专业的笔使杰作*/

.Professional {

    width: 100%;

    height: 730px;

    background: url(/site/images/professional-bg.jpg) no-repeat;

    background-size: cover;

}



.Professional-center {

    width: 1200px;

    margin: 0 auto;

    padding-top: 50px;

    text-align: center;

}



.Professional .title {

    font-size: 30px;

    color: #ff654d;

    line-height: 30px;

}



.Professional .desc {

    font-size: 16px;

    color: #fff;

    padding-top: 24px;

}



.Professional .introduce {

    width: 384px;

    height: 94px;

    margin: 24px auto 0;

}



.Professional .introduce ul {

    height: 94px;

    padding: 0;

}



.Professional .introduce ul li {

    float: left;

    width: 84px;

    height: 94px;

    margin-right: 66px;

    color: #fff;

    border-radius: 5px;

    background: rgba(145, 143, 120, .8);

}



.Professional .introduce ul li:nth-child(3) {

    margin-right: 0;

}



.Professional .introduce ul li .top {

    font-size: 18px;

    margin: 20px 0 10px;

    font-size: 18px;

}



.Professional .introduce ul li .btn {

    font-size: 14px;

}



/*large-iphone*/

.large-iphone {

    width: 100%;

    height: 374px;

}



.large-iphone .left {

    float: left;

    width: 660px;

    height: 194px;

    padding: 180px 0 0 26px;

    color: #000;

    font-size: 20px;

    font-weight: bold;

}



.large-iphone .right {

    float: right;

    width: 514px;

    height: 374px;

}



.system {

    float: right;

    width: 332px;

    height: 142px;

    border: 2px solid #000;

    border-radius: 10px;

    margin-right: 126px;

    margin-top: 116px;

}



.system .windows, .system .mac {

    float: left;

    width: 165px;

    height: 114px;

    margin-top: 14px;

}



.system .windows {

    background: url(/site/images/windows.jpg) no-repeat center center;

    border-right: 2px solid #000;

}



.system .mac {

    background: url(/site/images/mac.jpg) no-repeat center center;

}



/*assuring*/

.assuring {

    width: 100%;

    height: 560px;

    padding-top: 36px;

    text-align: center;

    background-color: #2a2d32;

}



.assuring .title {

    font-size: 30px;

    color: #fff;

}



.assuring .pic {

    /*float: right;*/

    width: 503px;

    height: 291px;
    margin:120px auto;
    border-radius: 14px;
    overflow: hidden;

}



/*------GT221详情页面结束--*/



/*-------------------------------------------------GT220详情页面开始-----------------------------------------------------*/

/*gt220-head开始*/

.gt220-head {

    width: 100%;

    height: 756px;

    background: url(/site/images/gt220-head-bg.jpg) no-repeat center;

    background-size: cover;

}



.gt220-head .left-pic {

    float: left;

    width: 600px;

    padding-top: 76px;

}



.gt220-head .left-pic img {

    width: 100%;

}



.gt220-head .gt220-head-wrap {

    float: left;

    width: 380px;

    height: 366px;

    line-height: 1.5;

    padding: 200px 150px 190px 70px;

}



.gt220-head .tit {

    font-size: 30px;

    text-align: center;

    line-height:50px;

    color:#fff;

}



.gt220-head .desc {

    font-size: 16px;

    margin: 26px 0 54px;

    color:#fff;

}



.gt220-head .inch {

    display: block;

    width: 230px;

    height: 59px;

    font-size: 24px;

    color: #fff;

    text-align: center;

    line-height: 59px;

    border-radius: 59px;

    background-color: #7954b6;

}



/*gt220-main gt220主体区*/

.gt220-main {

    width: 100%;

    height: 790px;

    padding-top: 136px;

}



.gt220-main .main-pic {

    float: left;

    width: 750px;

    margin-top: 50px;

    position: relative;

}

.gt220-main .pic{

    display: none;

}

.gt220-main .main-pic img {

    display: block;

    width: 380px;

    height: 306px;

    border-radius: 8px;

    transition: all 2s;

    box-shadow: 0 0 16px #e4e4e4;

    position: absolute;

}



.gt220-main .main-pic img:hover {

    transform: scale(1.1);

    z-index: 999;

    cursor: pointer;

}



.gt220-main .main-pic .pic1 {

    top: 212px;

    left: 56px;

    z-index: 4;

}



.gt220-main .main-pic .pic2 {

    top: 100px;

    left: -130px;

    z-index: 3;

}



.gt220-main .main-pic .pic3 {

    top: 86px;

    left: 248px;

    z-index: 2;

}



.gt220-main .main-pic .pic4 {

    top: 260px;

    left: 0;

    z-index: 1;

}



.gt220-main .desc {

    float: right;

    width: 450px;

    height: 616px;

    padding-top: 124px;

}



.gt220-main .desc > div {

    height: 176px;

    padding-left: 100px;

}



.gt220-main .desc .one {

    background: url(/site/images/gt220-icon1.jpg) no-repeat left top;

}



.gt220-main .desc .two {

    height: 176px;

    background: url(/site/images/gt220-icon2.jpg) no-repeat;

}



.gt220-main .desc .three {

    background: url(/site/images/gt220-icon3.jpg) no-repeat 15px top;

}



.gt220-main .desc .label {

    font-size: 24px;

    color: #7954b6;

    margin-bottom: 20px;

}



.gt220-main .desc .text {

    font-size: 16px;

    color: #565656;

}



/*igt220-ips  HV笔显示区*/

.gt220-ips {

    width: 100%;

    height: 562px;

    background: url(/site/images/gt220-ips-bg.jpg) no-repeat;

    background-size: cover;

}



.gt220-ips .left {

    float: left;

    width: 564px;

    padding: 190px 0 0 100px;

}



.gt220-ips .left .title {

    font-size: 30px;

    color: #fff;

    text-align: left;

    line-height:50px; 

    margin-top:-50px;

}



.gt220-ips .left .desc {

    padding-top: 60px;

    font-size: 16px;

    color: #fff;

}



.gt220-ips .pic {

    float: left;

    width: 506px;

    padding: 66px 0 0 30px;

}



/*gt220-dragon */

.gt220-dragon {

    width: 100%;

    height: 532px;

    padding-top: 240px;

    background: url(/site/images/gt220-dragon-bg.jpg) no-repeat center;

    background-size: cover;

}



.gt220-dragon .pic {

    float: left;

    width: 742px;

}



.gt220-dragon .desc {

    float: left;

    width: 458px;

    color: #fff;

    font-size: 17px;

    padding-top: 142px;

    line-height:1.9; 

    font-family: 'Segoe Print';

}



/*adjustable-stand调试架*/

.adjustable-stand {

    width: 100%;

    height: 556px;

    border-bottom: 1px solid #b2b2b2;

}



.adjustable-stand .stand-pic {

    float: left;

    width: 521px;

    height: 486px;

    padding: 39px 35px;

}



.adjustable-stand .stand-introduce {

    float: right;

    width: 510px;

    height: 336px;

    padding: 220px 0 0 90px;

}



.adjustable-stand .stand-introduce .title {

    font-size: 30px;

    color: #7954b6;

    text-align: left;

    margin-top:-50px;

}



.adjustable-stand .stand-introduce .desc {

    margin-top: 40px;

    font-size: 16px;

    line-height: 1.7;

    color: #000;

}



/*通用GT221 large-iphone*/

.gt220-iphone {

    width: 100%;

    height: 330px;

}



.gt220-iphone .left {

    float: left;

    width: 670px;

    height: 170px;

    padding: 160px 0 0 72px;

    color: #000;

    font-size: 18px;

}



.gt220-iphone .right {

    float: right;

    width: 458px;

    height: 330px;

}



.gt220-iphone .system {

    margin-right: 80px;

}



/*--------------GT220详情页面结束------------------*/



/*-----------------------------------------------------GT191详情页面开始----------------------------------------------------------------------*/

/*gt191-head头部区*/

.gt191-head {

    width: 100%;

    height: 700px;

    background: url(/site/images/gt191-head-bg.jpg) no-repeat right center;

}



.gt191-head .left {

    float: left;

    width: 55%;

}



.gt191-head .left img, .gt191-head .right img {

    width: 100%;

    height: 700px;

}



.gt191-head .right {

    float: left;

    width: 45%;

    position: relative;

}



.gt191-head .right .introduce {

    position: absolute;

    left: 98px;

    top: 258px;

}



.gt191-head .right .introduce .title {

    font-size: 50px;

    width: 200px;

    position: relative;

    z-index: 1;

    padding-bottom: 74px;

    color:#fff; 

    margin-top:-40px;

}



.gt191-head .right .introduce .title:after {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0px;

    top: 40px;

    width: 184px;

    height: 10px;

    background-color: #b9bc6b;

}



.gt191-head .right .introduce .desc {

    font-size: 30px;

    color:#fff;

}



/*gtclear-pic*/

.gt191-screen {

    width: 100%;

    height: 674px;

    padding-top: 80px;

    text-align: center;

}



.gt191-screen .title {

    font-size: 30px;

    color:#000; 

    font-size:30px;

    color:#000!important;

    margin-top:-40px;

}



.gt191-screen .desc {

    font-size: 18px;

    margin: 40px 0 100px;

    color:#000; 

    font-size:18px;

}



.gt191-screen .pic {

    width: 1029px;

    height: 433px;

    margin: auto;

}



/*gt191-exquisite*/

.gt191-exquisite {

    width: 100%;

    height: 600px;

    background: url(/site/images/gt191-exquisite-pic.jpg) no-repeat center;

    background-size: cover;

}



.gt191-exquisite .title {

    margin-left: 600px;

    font-size: 30px;

    padding: 70px 0 0 126px;

    color:#fff;  

    line-height:40px;

    text-align: left;

}



.gt191-exquisite .pic {

    width: 528px;

    height: 140px;

    position: relative;

    margin: 46px 0 0 657px;

}



.gt191-exquisite .pic:before {

    content: "";

    width: 36px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 140px;

    top: 77px;

}



.gt191-exquisite .pic:after {

    content: "";

    width: 36px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    left: 316px;

    top: 77px;

}



.gt191-exquisite .pic ul li {

    float: left;

    width: 136px;

    height: 136px;

    margin-right: 36px;

    border: 2px solid #fff;

    border-radius: 70px;

    background: transparent;

    overflow: hidden;

    position: relative;

    z-index: 2;

}



.gt191-exquisite .text {

    width: 500px;

    margin-left: 600px;

    padding: 30px 0 0 126px;

}



.gt191-exquisite .text .number {

    float: left;

    width: 150px;

    font-size: 20px;

}



.gt191-exquisite .text .number .tit,

.gt191-exquisite .text .desc .pithy {

    height: 70px;

    font-size:20px; 

    color:#fff;

}



.gt191-exquisite .text .desc {

    width: 350px;

    font-size: 14px;

    float: right; 

    color:#fff;

}



/*gt191-colour 色彩*/

.gt191-colour {

    width: 100%;

    height: auto;

}



.gt191-colour .left {

    float: left;

    width: 45%;

}



.gt191-colour .right .colour-wrap {

    position: absolute;

    left: -506px;

    top: -172px;

}



.gt191-colour .right .colour-wrap .title {

    padding-top: 240px;

    font-size: 30px;

    color:#000;  

    line-height:50px; 

    margin-top:-10px;

}



.gt191-colour .right .colour-wrap .btn1, 

.gt191-colour .right .colour-wrap .btn2 {

    margin-top: 80px;

    float: left;

    height: 87px;

    font-size: 18px;

    text-align: center;

}



.gt191-colour .right .colour-wrap .btn1 {

    width: 282px;

    padding-top: 20px;

    margin-right: 20px;

    background: url(/site/images/colour-btn1.jpg) no-repeat;

}



.gt191-colour .right .colour-wrap .btn2 {

    width: 225px;

    line-height: 87px;

    background: url(/site/images/colour-btn2.jpg) no-repeat;

}



.gt191-colour .right {

    float: right;

    width: 55%;

    padding: 100px 0 60px 0;

}



.gt191-colour .right .pic {

    position: relative;

}



.gt191-colour .right img {

    width: 100%;

}



/*Professional专业  通用gt221样式*/

/*gt191-introduce*/

.Professional .gt191-introduce ul li {

    width: 82px;

    height: 92px;

    background: 0;

    border: 1px solid #918F78;

}



/*gt191-environment 工作环境*/

.gt191-environment {

    width: 100%;

    height: 642px;

}



.gt191-environment .environment-pic {

    width: 600px;

    float: left;

    position: relative;

}



.gt191-environment .environment-pic img {

    position: absolute;

    right: 0;

    top: 0;

    width: 960px;

    height: 641px;

}



.gt191-environment .right {

    width: 600px;

    float: right;

}



.gt191-environment .right .title {

    font-size: 30px;

    color:#000;

    padding-top: 60px;

    padding-left: 84px;

}

/*

.gt191-environment .right .title:after {

    content: "";

    width: 766px;

    height: 16px;

    background-color: #e0e2a2;

    position: absolute;

    z-index: -1;

    left: -8px;

    top: 20px;

}*/



.gt191-environment .right .desc1 {

    font-size: 20px;

    margin: 60px 0 0 84px;

    font-family: "Frutiger Bold";

}



.gt191-environment .right .desc2 {

    font-size: 20px;

    font-family: "Frutiger Bold";

    margin: 52px 0 0 84px;

}



/*gt191-iphone*/

.gt191-iphone {

    width: 100%;

    height: 370px;

}



.gt191-iphone .left {

    float: left;

    width: 670px;

    height: 170px;

    padding-top: 160px;

    color: #000;

    font-size: 18px;

}



.gt220-iphone .system {

    margin-right: 80px;

}



/*gt191-requirement 需求*/

.gt191-requirement {

    width: 100%;

    height: 602px;

    background-color: #2a2d32;

    font-family: "Frutiger Bold";

}



.gt191-requirement .introduce {

    width: 402px;

    margin: 0 auto;

}



.gt191-requirement .introduce .desc {

    height: 35px;

    line-height: 35px;

    border-bottom: 1px solid #fff;

    color:#fff;

}



.gt191-requirement .introduce .no-line {

    border-bottom: 0;

}



.gt191-requirement .introduce .desc .zuo {

    float: left;

    font-size:17px;

}



.gt191-requirement .introduce .desc .you {

    float: right;

    font-size:17px;

}



.gt191-requirement .left, .gt191-requirement .right {

    width: 600px;

    float: left;

}



.gt191-requirement .left .title, .gt191-requirement .right .title {

    height: 37px;

    /*background-color: #fff;*/

    font-size: 20px;

    text-align: center;

    line-height: 37px;

}



.gt191-requirement .left .title {

    width: 486px;

    height: 40px;

    margin: 40px auto 30px;

    color:#000; 

    padding:0;

}



.gt191-requirement .right .title {

    width: 282px;

    height:40px;

    margin: 40px auto 40px;

    color:#000; 

    padding:0;

}



.gt191-requirement .right .easily li {

    margin-bottom: 30px;

}



/*-------------GT191详情页面结束------------------*/



/*-----------------------------------------------GT185详情页面开始---------------------------------------------------------------------------*/

/*gt185-head头部区*/

.gt185-head {

    width: 100%;

    height: 791px;

    background: url(/site/images/gt185-head-bg.jpg) no-repeat center;

    background-size: cover;

}



.gt185-head .left {

    float: left;

    width: 500px;

}



.gt185-head .right {

    float: left;

    width: 700px;

    padding-top: 170px;

}



.gt185-head .left img {

    margin-top: 230px;

}



.gt185-head .title{

    font-size: 34px;

    color: #ffff00;

    padding: 64px 0 0 24px;

    color:#ffff00!important;

}



.gt185-head .btn {

    width: 186px;

    height: 54px;

    margin: 52px 0 0 270px;

    font-size: 36px;

    border-radius: 6px;

    text-align: center;

    line-height: 54px;

    background-color: #fff;

}



/*gt185-parameter gt185参数区*/

.gt185-parameter {

    width: 100%;

    height: 230px;

    font-size: 15px;

    color: #a44a57;

}



.gt185-parameter .ull {

    width: 858px;

    height: 135px;

    margin: 100px auto 0;

}



.gt185-parameter .ull li {

    float: left;

    width: 143px;

    height: 135px;

    margin: 0 auto;

    text-align: center;

    color:#a44a57; 

    font-size:15px;

}



.gt185-parameter .ull li img {

    display: block;

    width: 95px;

    height: 95px;

    margin: 0 auto 34px;

}



/*gt185-million 油画*/

.gt185-million {

    width: 100%;

    height: 938px;

    background: url(/site/images/gt185-million-bg.jpg) no-repeat right top;

}



.gt185-million .left {

    float: left;

    width: 714px;

}



.gt185-million .left img {

    margin-top: 170px;

}



.gt185-million .right {

    float: left;

    width: 486px;

}



.gt185-million .right .introduce {

    width: 486px;

    color: #fff;

    padding: 280px 0 0 20px;

}



.gt185-million .right .introduce .title {

    font-size: 36px;

    line-height: 1.9;

    text-align: left;

    color:#fff; 

    padding:0;

}



.gt185-million .right .introduce .desc {

    margin-top: 40px;

    font-size: 15px;

    line-height: 1.6;

    color:#fff;

}



/*gt185-function 功能键介绍*/

.gt185-function {

    width: 100%;

    height: 723px;

    background-color: #262626;

    /*background: url(/site/images/gt185-function-bg.jpg) repeat-x;*/

}



.gt185-function .big {

    float: left;

    width: 420px;

    height: 691px;

    padding: 32px 0 0 30px;

    position: relative;

}



.gt185-function .big .one, .gt185-function .big .two, .gt185-function .big .three, .gt185-function .big .four, .gt185-function .big .five, .gt185-function .big .six, .gt185-function .big .seven, .gt185-function .big .eight {

    position: absolute;

    left: 236px;

    font-size: 18px;

    color: #bcbbbb;

}



.gt185-function .big .one {

    top: 72px;

}



.gt185-function .big .two {

    top: 140px;

}



.gt185-function .big .three {

    top: 216px;

}



.gt185-function .big .four {

    top: 288px;

}



.gt185-function .big .five {

    top: 436px;

}



.gt185-function .big .six {

    top: 506px;

}



.gt185-function .big .seven {

    top: 580px;

}



.gt185-function .big .eight {

    top: 652px;

}



.gt185-function .text {

    float: left;

    width: 596px;

    height: 723px;

    padding-left: 154px;

}



.gt185-function .text .pic {

    float: left;

    margin-top: 76px;

}



.gt185-function .text .title {

    float: left;

    margin-top: 126px;

    font-size: 26px;

    width: 460px;

    height: 55px;

    padding-top: 10px;

    /*line-height: 55px;*/

    text-align: center;

    border: 2px solid #00d9fd;

    color:#00d9fd;

    padding:0;

}



.gt185-function .text .desc {

    float: left;

    height: 110px;

    margin-top: 32px;

    font-size: 16px;

    line-height: 1.9;

    color:#00d9fd;

}



/* gt185-stand gt185调试架*/

.gt185-stand {

    width: 100%;

    height: 530px;

}



.gt185-stand .left {

    width: 600px;

    float: left;

    padding-top: 196px;

}



.gt185-stand .left .title {

    font-size: 36px;

    padding-left: 72px;

    color:#000;

}



.gt185-stand .left .desc {

    padding: 70px 68px 0 72px;

    font-size: 16px;

    line-height: 1.5;

}



.gt185-stand .gt185-stand-pic {

    width: 600px;

    float: left;

    margin-top: 78px;

}



/* gt185-stand gt185调试架下的图片*/

.gt185-stand-big {

    width: 100%;

    height: 672px;

}



.gt185-stand-big .big-pic {

    width: 1002px;

    height: 672px;

    margin: 0 auto;

}



/*cross-platform gt185系统*/

.cross-platform {

    width: 100%;

    height: auto;

    margin-top: 144px;

    text-align: center;

}



.cross-platform .title {

    font-size: 40px!important;

    font-weight: bold!important; 

    color:#000!important;

}



.cross-platform .desc {

    color: #636262;

    margin-top: 40px;

    font-size: 18px;

}



.cross-platform .pic {

    width: 1032px;

    height: 194px;

    margin: 104px 0 82px 98px;

}



/*-------------GT185详情页面结束------------------*/



/*----------------------------------------------------------K58详情页面开始--------------------------------------------------------------*/

/*k58-head头部区*/

.k58-head {

    width: 100%;

    height: 590px;

    background-color: #252d3a;

}



.k58-head .left {

    float: left;

    width: 48%;

}



.k58-head .left .text {

    float: right;

    padding: 20% 10% 0 0;

}



.k58-head .right {

    float: left;

    width: 52%;

    position: relative;

}



.k58-head .left .text .desc {

    font-size: 18px;

    color:#fff; 

    line-height:24px;

}



.k58-head .left .text .title {

    width: 355px;

    height: 65px;

    margin-top: 30px;

    line-height: 65px;

    text-align: center;

    font-size: 40px;

    color:#fff; 

    padding:0;

    background: url(/site/images/k58-head-left-bg.jpg) no-repeat;

}



.k58-head .right img {

    width: 100%;

    margin-top: 60px;

}



/*k58-main k58产品主体区*/

.k58-main {

    width: 100%;

    height: auto;

    padding-top: 70px;

}



.k58-main .desc {

    text-align: center;

    font-size: 16px;

    line-height: 1.6;

}



.k58-main .pic {

    width: 100%;

    height: auto;

}



.k58-main .pic .small-pic {

    width: 412px;

    height: 273px;

    overflow: hidden;

    border: 1px solid #252d3a;

}



.k58-main .pic .big-pic {

    width: 452px;

    height: 300px;

    overflow: hidden;

    border: 1px solid #252d3a;

}



.k58-main .pic .left {

    float: left;

    width: 600px;

    margin-top: 166px;

}



.k58-main .pic .left .small-pic {

    margin-left: 176px;

}



.k58-main .pic .left .big-pic {

    margin-left: 136px;

}



.k58-main .pic .right {

    float: left;

    width: 600px;

    margin-top: 60px;

}



.k58-main .pic .left .small-pic, .k58-main .pic .right .big-pic {

    margin-bottom: 17px;

}



/*k58-perfect k58完美的宽屏面板设计*/

.k58-perfect {

    width: 100%;

    margin-top: 50px;

}



.k58-perfect .perfect-left {

    float: left;

    width: 50%;

}



.k58-perfect .perfect-left .perfect-text {

    float: right;

    padding-top: 25%;

}



.k58-perfect .perfect-left .perfect-text .title {

    font-size: 36px;

    margin-bottom: 40px;

    color:#000;

}



.k58-perfect .perfect-left .perfect-text .desc {

    font-size: 16px;

}



.k58-perfect .perfect-pic {

    float: left;

    width: 47%;

    padding-left: 3%;

}



.k58-perfect .perfect-pic img {

    width: 100%;

    display: block;

}



/*k58-feather k58背景羽毛*/

.k58-feather {

    width: 100%;

    height: 548px;

    background-color: #76c2fd;

}



.k58-feather .feather-left {

    float: left;

    width: 60%;

    height: 548px;

}



.k58-feather .feather-left .feather-bg {

    float: right;

    position: relative;

    width: 548px;

    height: 548px;

    background: url(/site/images/k58-feather.jpg) no-repeat right top;

}



.k58-feather .feather-left .feather-bg img {

    position: absolute;

    left: -420px;

    top: 84px;

}



.k58-feather .feather-text {

    width: 36%;

    float: left;

    padding: 234px 0 0 4%;

}



.k58-feather .feather-text .title {

    font-size: 36px;

    margin-bottom: 42px;

    color:#000;

}



.k58-feather .feather-text .desc {

    font-size: 16px;

}



/*cross-platform gt185系统  共用k185样式*/

.cross-platform .rectangle {

    margin-top: 10px;

}



/*-------------K58详情页面结束------------------*/



/*-----------------------------------------------------new1060详情页面结束----------------------------------------------------------------*/

/*new1060-head头部区*/

.new1060-head {

    width: 100%;

    height: 571px;

    background: url(/site/images/new1060-head-bg.jpg) no-repeat;

}



.new1060-head .character {

    float: left;

    width: 400px;

    height: 353px;

    padding: 218px 0 0 50px;

}



.new1060-head .character .title {

    font-size: 50px;

    color: #fff;

}



.new1060-head .character .desc {

    font-size: 20px;

    margin-top: 26px;

    line-height: 2.0;

    color: #fff;

}



.new1060-head .pic {

    width: 750px;

    float: left;

    margin-top: 160px;

}



.new1060-head .pic img {

    width: 100%;

}



/*new1060-advantages4个核心优势*/

.new-advantages {

    width: 100%;

    height: auto;

    padding-top: 60px;

    text-align: center;

}



.new-advantages .title {

    font-size: 40px;

    color: #43516c;

}



.new-advantages .ull {

    width: 1200px;

    margin-top: 88px;

}



.new-advantages .ull li {

    float: left;

    width: 300px;

    height: 174px;

    margin-bottom: 58px;

}



.new-advantages .ull li:nth-child(1) {

    background: url(/site/images/new1060-icon1.png) no-repeat center top;

}



.new-advantages .ull li:nth-child(2) {

    background: url(/site/images/new1060-icon2.png) no-repeat center top;

}



.new-advantages .ull li:nth-child(3) {

    background: url(/site/images/new1060-icon3.png) no-repeat center top;

}



.new-advantages .ull li:nth-child(4) {

    background: url(/site/images/new1060-icon4.png) no-repeat center top;

    padding-bottom: 50px;

}



.new-advantages .ull .txt {

    font-size: 16px;

    padding: 91px 0 20px 0;

}



.new-advantages .ull .desc {

    font-size: 14px;

    padding:0 30px;

}



/*new1060-features 产品特性*/

.new1060-features {

    width: 100%;

    height: 780px;

    background: url(/site/images/new1060-features-bg.png) no-repeat;

    background-size: cover;

}



.new1060-features .features-pic {

    float: left;

    width: 42%;

    padding-top: 178px;

}



.new1060-features .features-pic img {

    width: 100%;

}



.new1060-features .features-txt {

    float: left;

    width: 53%;

    padding-left: 2%;

    padding-top: 178px;

}



.new1060-features .features-txt .title {

    font-size: 40px;

    color: #494949; 

    text-align:left;

}



.new1060-features .features-txt .desc {

    font-size: 20px;

    padding: 20px 0 60px 0;

}



.new1060-features .features-txt .ull {

    float: left;
    width: 90%;
    margin-bottom: 50px;

}



.new1060-features .features-txt .ull li {

    float: left;

    width: 100%;

    height: 30px;

    font-size: 16px;

    padding-left: 40px;

    margin-bottom: 20px;

    background: url(/site/images/new1060-circle.png) no-repeat left top;

}



.new1060-features .features-txt .new-btn {

    float: left;

    width: 170px;

    height: 50px;

    background-color: #66d4f4;

    color: #fff;

    border-radius: 25px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

}



/*new1060-parameter new1060参数页面*/

.new1060-parameter {

    width: 1200px;

    height: 878px;

    margin: 54px auto 0;

}

.new1060-parameter .parameter-pic2 {

    position: relative;

}



.new1060-parameter .parameter-pic2 .one, .new1060-parameter .parameter-pic2 .two, .new1060-parameter .parameter-pic2 .three, .new1060-parameter .parameter-pic2 .four, .new1060-parameter .parameter-pic2 .five {

    position: absolute;

    color: #66d4f4;

    font-size: 18px;

}



.new1060-parameter .parameter-pic2 .one {

    top: 508px;

    left: 60px;

}



.new1060-parameter .parameter-pic2 .two {

    top: 658px;

    left: 56px;

}



.new1060-parameter .parameter-pic2 .three {

    top: 774px;

    left: 36px;

}



.new1060-parameter .parameter-pic2 .four {

    top: 494px;

    right: 122px;

}



.new1060-parameter .parameter-pic2 .five {

    top: 636px;

    right: 80px;

}



/*-------------new1060详情页面结束------------------*/



/*-------------------------------------------wh1409详情页面开始-----------------------------------------------------------------*/

/*wh1409-head头部区*/

.wh1409-head {

    width: 100%;

    height: 100%;

}



.wh1409-head .head-txt {

    float: left;

    width: 48%;

}



.wh1409-head .head-txt .line {

    float: left;

    width: 10%;

    height: 2px;

    border-bottom: none;

    margin: 150px 50px 0 0;

    background-color: #0b6891;

}



.wh1409-head .head-txt .head-right {

    float: right;

}



.wh1409-head .head-txt .head-right .title {

    font-size: 36px;

    color: #0b6891;

    margin-top: 30%;

    padding-right: 20px;

}



.wh1409-head .head-txt .head-right .tit {

    font-size: 32px;

    color: #b5b5b5;

    padding: 30px 0 46px 0;

}



.wh1409-head .head-txt .head-right .desc {

    font-size: 20px;

    color: #515151;

}



.wh1409-head .head-pic {

    float: left;

    width: 52%;

    margin-top: 5%;

}



.wh1409-head .head-pic img {

    width: 100%;

}



/*wh1409-features wh1409规格参数*/

.wh1409-features{

    width: 100%;

    height:auto;

    padding-top: 80px;

    background-color:#666666; 

}

.wh1409-features .tit{

    font-size: 40px;

    color:#fff;

    text-align: center;

}

.wh1409-features .ull{

    width: 100%;

    height: auto;

}

.wh1409-features .ull li{

    float: left;

    width: 400px;

    font-size: 20px;

    color: #fff;

    text-align: center;

    margin:70px 0;

}

.wh1409-features .ull li img{

    width: 126px;

    height: 120px;

    margin-bottom: 40px;

    transition: all 1s;

}

.wh1409-features .ull li img:hover{

    transform:translateX(20px);

}



/*wh1409-keys wh1409键*/

.wh1409-keys, .wh1409-area {

    width: 100%;

    height: 534px;

}



.wh1409-keys .left {

    float: left;

    width: 600px;

    height: 534px;

}



.wh1409-keys .left .line {

    width: 200px;

    height: 2px;

    border-bottom: none;

    margin-top: 200px;

    background-color: #0b6893;

}



.wh1409-keys .left .title {

    font-size: 38px;

    color: #0b6891;

    line-height: 50px;

    padding: 18px 0 30px 210px;

}



.wh1409-keys .left .desc {

    font-size: 16px;

    color: #848484;

    padding-left: 210px;

}



.wh1409-keys .right, .wh1409-area .left {

    float: left;

    width: 600px;

    height: 534px;

    position: relative;

}



.wh1409-keys .right img, .wh1409-area .left img {

    box-shadow: 0px 0px 10px #000;

}



.wh1409-keys .right img {

    position: absolute;

    left: 52px;

    top: 86px;

}



.wh1409-area .left img {

    position: absolute;

    top: 50px;

    right: 80px;

}



.wh1409-area .right {

    float: left;

    width: 600px;

    height: 534px;

}



.wh1409-area .right .line {

    float: right;

    width: 200px;

    height: 2px;

    border-bottom: none;

    margin-top: 170px;

    background-color: #0b6893;

}



.wh1409-area .right .title {

    font-size: 40px;

    color: #0b6891;

    line-height: 50px;

    padding: 200px 0 30px 110px;

}



.wh1409-area .right .desc {

    font-size: 16px;

    color: #848484;

    padding-left: 110px;

}



/*wh1409-wireless wh1409无线*/

.wh1409-wireless {

    width: 100%;

    height: 772px;

    background: url(/site/images/wh1409-wireless-bg.jpg) no-repeat;

}



.wh1409-wireless .wire-center {

    width: 744px;

    height: 412px;

    padding: 360px 0 0 456px;

    margin: 0 auto;

}



.wh1409-wireless .wire-wrap {

    width: 569px;

    height: 222px;

    border: 2px solid #fff;



}



.wh1409-wireless .wire-wrap .box-white {

    width: 501px;

    height: 182px;

    margin: 20px auto 0;

    padding-left: 20px;

    background-color: #fff;

}



.wh1409-wireless .wire-wrap .box-white .title {

    font-size: 70px;

    color: #0b6891;

    padding-top: 30px;

}



.wh1409-wireless .wire-wrap .box-white .desc {

    font-size: 20px;

    text-align: center;

}



/*-------------wh1409详情页面结束------------------*/



/*----------------------------------------Q11K详情页面结束--------------------------------------------------------------------------*/

/*q11k-head q11k头部区*/

.q11k-head {

    width: 100%;

    height: auto;

    background-color: #f6f7fb;

}



.q11k-head .head-pic {

    position: relative;

}



.q11k-head .head-pic img {

    width: 100%;

}



.q11k-head .footprint {

    position: absolute;

    left: 12%;

    top: 30%;

}



.q11k-head .footprint .title {

    font-size: 36px;

    font-weight: bold;

    color:#000;

}

.q11k-head .footprint .title span{

    display: inline-block;

    font-size: 36px;

}

.q11k-head .footprint .tit {

    font-size: 36px;

    padding: 20px 0 50px 0;

}



.q11k-head .footprint .desc {

    font-size: 16px;

    color: #717171;

    line-height: 1.7;

}



/*q11k-capture q11k精确查找*/

.q11k-capture {

    width: 1200px;

    height: 632px;

    padding-top: 30px;

    margin: 0 auto;

}



.q11k-capture .title {

    text-align: center;

    font-size: 36px;

    color:#000!important;

}



.q11k-capture .btn {

    width: 720px;

    margin: 30px auto;

    position: relative;

}



.q11k-capture .btn .left, .q11k-capture .btn .right {

    position: absolute;

}



.q11k-capture .btn .natural, .q11k-capture .btn .precise {

    position: absolute;

    color: #231815;

    font-size: 20px;

    font-weight: bold;

}



.q11k-capture .btn .natural {

    top: 60px;

    left: 170px;

}



.q11k-capture .btn .precise {

    bottom: 60px;

    left: 90px;

}



.q11k-capture .btn .left {

    float: left;

    width: 574px;

    padding: 120px 0 0 16px;

    left: -230px;

    top: -50px;

}



.q11k-capture .btn .right {

    float: left;

    width: 290px;

    padding: 298px 0 0 310px;

    right: -240px;

    bottom: 180px;

}



.q11k-capture .btn .tit {

    color: #dc4c3e;

    font-size: 16px;

    padding-bottom: 30px;

}



.q11k-capture .btn .desc {

    font-size: 16px;

    color: #5f5f5f;

    line-height: 1.7;

}



.q11k-capture-line {

    width: 100%;

    height: 2px;

    background: url(/site/images/q11k-capture-line.jpg) no-repeat center;

    background-size: cover;

}



/*q11k-feedback q11k反馈区 */

.q11k-feedback {

    width: 1200px;

    height: 780px;

    margin: 0 auto;

    position: relative;

}



.q11k-feedback .bg {

    width: 1200px;

}



.q11k-feedback .bg img {

    width: 100%;

    margin-top: 24px;

}



.q11k-feedback .bg .feedback-text {

    position: absolute;

    left: 60px;

    top: 36px;

    z-index: 2;

    padding-bottom: 50px;

}



.q11k-feedback .bg .feedback-text .title {

    font-size: 36px;

    text-align: center;

    padding-bottom: 50px;

    color:#000!important;

}



.q11k-feedback .bg .feedback-text .desc {

    font-size: 16px;

    color: #4b4b4b;

    padding-bottom: 28px;

    line-height: 1.7;

}

.q11k-feedback .bg .feedback-text .desc span{

    font-size: 16px;

    display: inline-block;

}

/* q11k-area q11k面积区 */

.q11k-area {

    width: 100%;

    height: 776px;

    background-color: #f1eee5;

}



.q11k-area .area-left {

    float: left;

    width: 45%;

}



.q11k-area .area-pic {

    float: right;

    width: 55%;

    position: relative;

}



.q11k-area .area-pic img {

    width: 100%;

    display: block;

}



.q11k-area .area-pic .title {

    font-size: 36px;

    position: absolute;

    left: -484px;

    top: 102px;

    color:#000!important;

    line-height: 50px;

}



.q11k-area .area-pic .text {

    padding-top: 240px;

    position: absolute;

    left: -484px;

    top: 0;

}



.q11k-area .area-pic .text .desc {

    font-size: 16px;

    line-height: 1.8;

}



.q11k-area .area-pic .text .pic {

    padding-top: 70px;



}



.q11k-area .area-pic .text .pic img {

    width: 401px;

    height: 257px;

}



/* q11k-shortcut q11k快捷方式 */

.q11k-shortcut {
    width: 100%;
    height: 660px;
    padding-top: 58px;
    background: url(/site/images/q11k-shortcut-bg.jpg) repeat-x;
}
.q11k-shortcut .center {
    height: 740px;
}

.q11k-shortcut .title {
    font-size: 36px;
    text-align: center;
    color:#000!important;
}
.q11k-shortcut .btn {
    float: left;
    height: 616px;
}
.q11k-shortcut .btn .left {

    float: left;

    width: 324px;

}



.q11k-shortcut .btn .left .eight {

    width: 269px;

    height: 20px;

    margin-top: 346px;

    padding: 60px 0 0 55px;

    background: url(/site/images/q11k-shortcut-icon.png) no-repeat left center;

}



.q11k-shortcut .btn .left .eight-pic {

    margin-top: 30px;

}



.q11k-shortcut .btn .shortcut-pic {

    float: left;

    width: 876px;

    margin-top: 41px;

    position: relative;

}



.q11k-shortcut .btn .shortcut-pic .pic {

    width: 200px;

    height: 200px;

    border-radius: 100px;

    overflow: hidden;

    position: absolute;

    right: 73px;

    top: -1px;

    z-index: 2;

}



.q11k-shortcut .btn .shortcut-pic .pic img {

    position: relative;

    z-index: 1;

    transition: all 2s;

}



.q11k-shortcut .btn .shortcut-pic .pic img:hover {

    transform: scale(1.2);

}



.q11k-shortcut .btn .shortcut-pic .desc {

    font-size: 16px;

    color: #4b4b4b;

    text-align: center;

    line-height: 1.8;

    position: absolute;

    top: -20px;

    left: -62px;

}



/* q11k-transmission q11k高速传输区*/

.q11k-transmission {

    width: 100%;

    height: auto;

}



.q11k-transmission .left, .q11k-transmission .transmission-pic {

    width: 50%;

    float: left;

}



.q11k-transmission .left img, .q11k-transmission .transmission-pic img {

    width: 100%;

    height: auto;

    display: block;

}



.q11k-transmission .transmission-pic {

    position: relative;

}



.q11k-transmission .transmission-pic .q11-content {

    position: absolute;

    left: 100px;

    top: 22%;

}



.q11k-transmission .transmission-pic .q11-content .title {

    font-size: 36px;

    color: #d0583e;

    line-height: 50px;

}



.q11k-transmission .transmission-pic .q11-content .desc {

    font-size: 16px;

    color: #999;

    line-height: 1.7;

    margin-top: 60px;

}





/* q11k-partner q11k最佳合作伙伴 */

.q11k-partner {

    width: 100%;

    height: 746px;

    padding-top: 66px;

    background: url(/site/images/q11k-partner-bg.jpg) no-repeat;

}



.q11k-partner .title {

    font-size: 36px;

    text-align: center;

    color:#000!important;

}



.q11k-partner .btn {

    width: 1200px;

    float: left;

}



.q11k-partner .btn .pen-stand {

    float: left;

    width: 500px;

    height: 710px;

    position: relative;

}



.q11k-partner .btn .pen-stand img {

    position: absolute;

    top: 370px;

    left: -50px;

}



.q11k-partner .btn .pen-stand .pointing {

    color: #fff;

    position: absolute;

    left: 204px;

    top: 356px;

    z-index: 2;

}



.q11k-partner .btn .pen-stand .pointing .design1 {

    background-color: #a54f4b;

    width: 150px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    font-size: 16px;

}



.q11k-partner .btn .pen-stand .pointing .design2 {

    width:180px;

    background-color: #4b67ca;

    height: 40px;

    text-align: left;

    line-height: 40px;

    margin-top: 12px;

    padding-left: 10px;

    font-size: 16px;

}



.q11k-partner .btn .pen-pic {

    float: left;

    width: 700px;

    position: relative;

}



.q11k-partner .btn .pen-pic .pic {

    width: 140px;

    height: 140px;

    border-radius: 70px;

    overflow: hidden;

    border: 2px solid #b7b8bd;

    background-color: #767676;

    position: absolute;

    left: 418px;

    top: 318px;

    z-index: 2;

}



.q11k-partner .btn .pen-pic .pic img {

    display: block;

    width: 161px;

    height: 189px;

    margin: -26px 20px 0 0;

    position: relative;

    z-index: 1;

    transition: all 2s;

}



.q11k-partner .btn .pen-pic .pic img:hover {

    transform: scale(1.2);

}



.q11k-partner .btn .pen-pic img {

    margin-top: 68px;

    position: relative;

    z-index: 1;

}



.q11k-partner .btn .pen-pic .desc {

    font-size: 16px;

    color: #4b4b4b;

    position: absolute;

    z-index: 1;

    left: -430px;

    top: 50px;

    line-height: 1.7;

}



/*-------------Q11K详情页面结束------------------*/





.h58l-most .square,

.h58l-press .txt .square,

.h58l-specific .square{

    width: 10px;

    height: 48px;

    background-color: #04bacf;

}

/*h58l-head*/

.h58l-head{

    width: 100%;

    height: 602px;

    background:url(/site/images/h58l-head-bg.jpg) no-repeat center;

    background-size: cover;

}

.h58l-head .tit{

    padding-top: 90px;

    font-size: 28px;

    color:#fff;

    line-height: 1.9;

    text-align: center;

}

.h58l-head .pic{

    width: 709px;

    height: 459px;

    margin:60px auto;

}

.h58l-white{

    width: 100%;

    height: 158px;

}

/*h58l-most*/

.h58l-most{

    width: 100%;

    height: 705px;

    background:url(/site/images/h58l-most-bg.jpg) repeat-x;

}

.h58l-most .pic{

    float:left;

}

.h58l-most .pic .t-pic{

    display: block;

    padding-top: 31px;

    margin-left: -90px;

}

.h58l-most .pic .b-pic{

    padding-top: 9px;

}

.h58l-most .square{

    float: left;

    margin:128px 0 0 62px;

}

.h58l-most .txt{

    float: right;

    width: 616px;

    padding:120px 4px 0 20px;

}

.h58l-most .txt .tit{

    font-size: 26px;

    color:#191919;

    line-height: 1.6;

}

.h58l-most .txt .tit em{

    font-style: normal;

    color:#000;

}

.h58l-most .txt .ull{

    width: 522px;

    height: 100px;

    padding: 74px 0 0 38px;

}

.h58l-most .txt .ull li{

    float: left;

    margin-right: 96px;

    font-size: 22px;

    color:#04bacf;

    text-align: center;

}

.h58l-most .txt .ull li em{

    display: block;

    width: 100px;

    height: 100px;

    margin-bottom: 30px;

}

.h58l-most .txt .ull li .one{

    background:url(/site/images/h58l-most-icon.png) no-repeat;

}

.h58l-most .txt .ull li .two{

    background:url(/site/images/h58l-most-icon.png) no-repeat center -202px;

}

.h58l-most .txt .ull li .three{

    background:url(/site/images/h58l-most-icon.png) no-repeat center -100px;

}

.h58l-most .txt .ull li:nth-child(3){

    margin-right: 0;

}



/*h58l-press*/

.h58l-press{

    width: 100%;

    height: auto;

}

.h58l-press .txt{

    padding-top: 56px;

    width: 1200px;

    height: 120px;

}

.h58l-press .txt .square{

    float: left;

}

.h58l-press .txt .tit{

    float: left;

    width: 700px;

    font-size: 26px;

    margin:-6px 0 0 20px;

}

.h58l-press .desc{

    padding-top: 100px;

    text-align: center;

    font-size: 26px;

}

.h58l-press .pic{

    width: 855px;

    height: 234px;

    margin:46px auto 66px;

}

/*h58l-specific*/

.h58l-specific{

    width: 100%;

    height:700px;

    background: url(/site/images/h58l-specific-bg.jpg) no-repeat center;

    background-size: cover;

}

.h58l-specific .square{

    float: left;

    margin-top: 56px;

}

.h58l-specific .pic{

    float: left;

    width: 537px;

    height: 567px;

    margin: 70px 0 0 460px;

    position: relative;

}

.h58l-specific .pic .tit{

    position: absolute;

    width: 740px;

    height: 80px;

    left: -422px;

    top:-22px;

    font-size: 24px;

    color:#fff;

}

.h58l-specific .pic .p-one{

    position: absolute;

    left: -278px;

    top:420px;

    font-size: 20px;

    color:#fff;

}

.h58l-specific .pic .p-two{

    position: absolute;

    right: -160px;

    top:150px; 

    font-size: 20px;

    color:#fff;

}

/*h58l-support*/

.h58l-support{

    width: 100%;

    height:auto;

    padding-top: 80px;

}

.h58l-support .tit{

    font-size: 26px;

    color:#1a1a1a;

    text-align: center;

}

.h58l-support .square{

    position: relative;

    top:20px;

    left: 50%;

    margin-left: -24px;

    width: 48px;

    height: 10px;

    background-color: #04bacf;

}

.h58l-support .ull{

    width: 1200px;

    height: 186px;

    margin: 80px 0;

}

.h58l-support .ull li{

    float: left;

}

.h58l-support .ull li .one,

.h58l-support .ull li .two{

    display: block;

    width: 182px;

    height: 182px;

    border-radius: 91px;

    border: 2px solid #2f333b;

    position: relative;

}

.h58l-support .ull li .one{

    margin-right: 466px;

    background: #fff url(/site/images/h58l-spport-icon.jpg) no-repeat center 40px;

}

.h58l-support .ull li .two{

    background: #fff url(/site/images/h58l-spport-icon.jpg) no-repeat center -160px;

}

.h58l-support .ull li .one i,

.h58l-support .ull li .two i{

    font-style: normal;

    display: block;

    border: 2px solid #2f333b;

    border-left-color: #fff;

    border-top-right-radius: 60px;

    border-bottom-right-radius: 60px;

    padding-right: 30px;

    text-align: left;

    font-size: 24px;

    color:#1a1a1a;

    position: absolute;

    left:163px;

    top:36px;

}

.h58l-support .ull li .one i{

    width: 290px;

    height: 68px;

    padding-top: 40px;

    padding-left: 30px;

}

.h58l-support .ull li .two i{

    width: 290px;

    height: 108px;

    padding-left: 30px;

    line-height: 108px;

}





/*GT-156HD V2*/

/*公共样式*/

.gt156hd-wrap{

    width: 1200px;

    margin:0 auto;

}

.gt156-caption{

    width: 1200px;

}

.gt156-line{

    float: left;

    width: 20px;

    height: 2px;

    margin: 25px 22px 0 74px;

    background-color: #858585;

}

.gt156-number{

    float: left;

    font-size: 32px;

    color:#858585;

    margin-top: 4px;

    margin-right: 140px;

}

.gt156-tit{

    float: left;

    font-size: 40px;

    color:#121212;

}

.gt156-line,

.gt156-number,

.gt156-tit{

    vertical-align:middle;

}

/*gt156hd-again*/

.gt156hd-again{

    width:100%;

    height: 429px;

    padding-top: 156px;

    margin-bottom: 120px;

    background: url(/site/images/gt156hd-again-bg.jpg) no-repeat right;

}

.gt156hd-again .txt{

    width: 552px;

    height: 360px;

    padding-left:26px;

    background: rgba(231,73,147,.8);

}

.gt156hd-again .txt .name{

    font-size: 20px;

    color:#fff;

    padding:30px 0 46px;

}

.gt156hd-again .txt .line{

    width: 34px;

    height: 2px;

    border-bottom: none;

    background-color: #fff;

}

.gt156hd-again .txt .tit{

    font-size: 48px;

    color:#fff;

    padding:38px 0 24px;

}

.gt156hd-again .txt .desc{

    font-size: 18px;

    color:#fff;

}

/*gt156hd-simple*/

.gt156hd-simple{

    margin-bottom: 120px;

}

.gt156hd-simple .desc{

    width: 370px;

    padding:20px 0 0 292px;

    font-size: 16px;

    color:#858585;

    line-height: 1.5;

}

.gt156hd-simple .pic{

    width: 1200px;

    height: 64px;

    margin-top: 60px;

    padding-top: 440px;

    color:#fff;

    font-size: 18px;

    text-align: center;

    background: url(/site/images/gt156hd-simple-bg.jpg) no-repeat;

}

/*gt156hd-user,gt156hd-living,gt156hd-angle公共样式*/

.gt156hd-user .pic,

.gt156hd-living .pic,

.gt156hd-angle .pic{

    width: 1200px;

    margin: 72px 0 120px;

}

.gt156hd-user .pic .txt,

.gt156hd-living .pic .txt,

.gt156hd-angle .pic .txt{

    font-size: 16px;

    color:#fff;

    line-height: 1.5;

    padding: 30px 0 0 40px;

    background: rgba(0,0,0,.3);

}

/*gt156hd-user*/

.gt156hd-user .pic{

    height: 244px;

    padding-top: 160px;

    background:url(/site/images/gt156hd-user-bg.jpg) no-repeat right top;

}

.gt156hd-user .pic .txt{

    width: 414px;

    height: 124px;

    padding-right:30px;

    margin-left: 200px;

}

/*gt156hd-living*/

.gt156hd-living .pic{

    height: 320px;

    padding-top: 84px;

    background:url(/site/images/gt156hd-living-bg.jpg) no-repeat left top;   

}

.gt156hd-living .pic .txt{

    float: right;

    width: 412px;

    height: 120px;

    padding-right: 30px;

    margin-right: 126px;

}

/*gt156hd-definition*/

.gt156hd-definition .btn{

    margin: 60px 0 110px;

}

.gt156hd-definition .btn .txt{

    float: left;

    width: 330px;

    height: 178px;

    line-height: 1.6;

    padding:40px 30px 0 50px;

    margin: 80px 0 0 174px;

    font-size: 16px;

    color:#fff;

    background-color: #f5767e;

}

.gt156hd-definition .btn .pic{

    position: relative;

    left:-14px;

    top:0;

}

/*gt156hd-angle*/

.gt156hd-angle .pic{

    height: 354px;

    padding-top: 50px;

    background: url(/site/images/gt156hd-angle-bg.jpg) no-repeat left top;

}

.gt156hd-angle .pic .txt{

    float: right;

    width: 420px;

    height: 150px;

    padding-right: 30px;

    margin-right: 126px;

}

/*gt156hd-little*/

.gt156hd-little .btn{

    float: left;

    margin: 80px 0 76px;

}

.gt156hd-little .btn .txt{

    float: left;

    width: 368px;

    height: 183px;

    margin: 100px 0 0 71px;

    font-size: 16px;

    color:#fff;

    line-height:1.5;

    padding:30px 30px 0 30px;

    background-color: #f5767e;

}

.gt156hd-little .btn .pic{

    float: left;

}






/*参数页面*/



/*--------------------------Specs_swp--------------------------*/

.swp_head {

    background: url("/site/images/swp_header.jpg") no-repeat center;

    width: 100%;

    height: 558px;

    background-size: cover;

    position: relative;

    margin-bottom: 120px;

}



.swp-head_lf {

    padding-top: 120px;

    float: left;

    width: 540px;

}



.swp-head_lf h1 {

    color: #fff;

    font-size: 60px;

}



.swp-head_lf h4 {

    font-size: 22px;

    color: #fff;

    padding-top: 76px;

}



.swp_head_nr {

    width: 640px;

    margin-top: 32px;

}



.swp_head_nr li {

    text-align: center;

    float: left;

    font-size: 18px;

    color: #d9d8d8;



}



.swp_head_nr li img {

    padding: 20px 0 20px 0;

    text-align: center;

    margin: 0 auto;

}



.swp_head_nr li:nth-child(2) {

    padding: 2px 0 0 80px;



}



.swp_head_Ma {

    width: 1200px;

    margin: 0 auto;

}



.swp-head_rt {

    position: relative;

    width: 660px;

    height: 650px;

    float: left;

    top:120px;

}





.swp_con {

    width: 100%;

    background: #fff;

}



.swp_Ma {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0 70px 0;



}



.swp_a_h1 {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.swp_hr {

    width: 100%;

    height: 1px;

    background: #e5e5e5;

}



.swp_a_h1 h1 {

    font-weight: normal;

    font-size:2rem;

    text-align: center;

    padding-bottom: 30px;

}



.hr_ct {

    width: 1200px;

    margin: 0 auto;

    text-align: center;

    height: 1px;

    background: url("/site/images/bjt.jpg") no-repeat center;

}



.swp_lf {

    float: left;

    width: 600px;

    padding-top:100px;

}





.swp_rt {

    float: left;

    width: 600px;

    padding-top: 100px;

}



.swp_rt li {

    background: url("/site/images/system-icon2.png") no-repeat;

    margin-top: 24px;

    background-position: 0 5px;

}



.swp_rt li a {

    padding-left: 60px;

    font-size: 24px;

    color: #585b60;
	display:block;

}



.swp_lf_c {

    float: left;

    width: 640px;

    padding-top:70px;

}



.swp_lf_hr {

    background: url("/site/images/hr_sx.png") no-repeat left;

    width: 20px;

    height: 344px;

    float: left;

}

.swp_lf_hr p{

    line-height: 280px;

    font-size:22px;

    transform:rotate(90deg);

    -ms-transform:rotate(90deg); /* Internet Explorer 9*/

    -moz-transform:rotate(90deg); /* Firefox */

    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */

    -o-transform:rotate(90deg); /* Opera */

    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}



.swp_bt_hr {

    background: url("/site/images/hr_hx.png") no-repeat center;

    width: 600px;

    height: 20px;

    text-align: center;

    float: left;

    margin-top:22px;

}

.swp_bt_hr p{

    font-size:22px;

}

.swp_ct_img {

    float: left;

    text-align: left;

    width: 575px;

    height: auto;

}



.swp_ct_img img {

    width: 571px;

    height: 343px;

    text-align: left;

    padding: 0 10px 10px 22px

}



.swp_rt_c {

    float: left;

    width: 540px;

    padding-top: 70px;

}



.swp_rt_c li {

    background: url("/site/images/system-icon.png") no-repeat;

    margin-top: 24px;

    background-position: 0 5px;

}



.swp_rt_c li a {

    padding-left: 60px;

    font-size: 24px;

    color: #585b60;

}



.swp_rt_c h4 {

    color: #080808;

    font-size: 24px;

}



.swp_rt_c_nr {



}



.swp_rt_c_nr tr {

    padding-top: 24px;

    line-height: 40px;

	background: url(/site/images/system-icon.png) no-repeat;

    background-position: 0 12px;

}



.swp_rt_c_nr td {

    font-size:24px;

    color: #585b60;

	padding-left: 50px;

}

.swp_rt_c_nr td:nth-child(2) {

    padding-left: 60px;

}

.swp_rt ul li b {

    padding-left: 60px;

    font-weight: normal;

}














/*数位屏——end*/





/*通用样式*/

.center{

    width: 1200px;

    margin: 0 auto;

}

/*数位板*/

/*board-head*/

.board-head{

    width: 100%;

    height: 509px;

    background: url("/site/images/board-head-bg.jpg") no-repeat center;

    background-size: cover;

}

.board-head .txt{

    float:left;

    padding-top: 140px;

}

.board-head .txt .tit{

    font-size: 60px;

}

.board-head .txt .tit em{

    font-size: 40px;

    font-style: normal;

}

.board-head .txt .desc{

    font-size: 22px;

    padding:70px 0 6px;

}

.board-head .txt .line{

    width: 15px;

    height: 1px;

    border-bottom: none;

    background-color: #000;

}

.board-head .txt .ull{

    padding-top: 30px;

}

.board-head .txt .ull li{

    float: left;

    height: 100px;

    margin-right: 50px;

    font-size: 18px;

}

.board-head .txt .ull li .one{

    display: block;

    width: 100%;

    height: 52px;

    margin-bottom: 30px;

    background: url(/site/images/system-icon.png) no-repeat center -42px;

}

.board-head .txt .ull li .two{

    display: block;

    width: 100%;

    height: 60px;

    margin-bottom: 24px;

    background: url(/site/images/system-icon.png) no-repeat center -104px;

}

.board-head .pic{

    float: right;

    margin:114px 20px 0 0;

}

/*board-configuration*/

.board-configuration{

    width: 100%;

    height: auto;

}

.board-configuration .top,

.board-features .top,

.board-size .top,

.board-weight .top{

    text-align: center;

    padding-top: 70px;

    font-size: 40px;

    color:#070707;

    letter-spacing: 6px;

    padding-bottom: 20px;

}

.board-configuration .icon,

.board-features .icon,

.board-size .icon,

.board-weight .icon{

    text-align: center;

}

.board-configuration .icon em,

.board-features .icon em,

.board-size .icon em,

.board-weight .icon em{

    display:inline-block;

    width: 25px;

    height: 25px;

    padding:0 30px;

    vertical-align: middle;

}

.board-configuration .icon em{

    background: url(/site/images/board-icon-bg.png) no-repeat center top;

}

.board-configuration .btn{

    padding-top: 126px;

}

.board-configuration .pic{

    float:left;

    width: 600px;

    height: 250px;

    padding-left: 60px;

}

.board-configuration .ull{

    float: left;

    width: 540px;

    height: 250px;

    padding-bottom: 140px;

}

.board-configuration .ull li{

    width: 540px;

    padding-left: 50px;

    margin-bottom: 20px;

    font-size: 24px;

    color:#585b60;

    background: url(/site/images/system-icon.png) no-repeat left 4px ;

}

/*board-features*/

.board-features{

    width: 100%;

    height: 648px;

    background: url(/site/images/board-features-bg.jpg) no-repeat;

}

.board-features .icon em{

    background: url(/site/images/board-icon-bg.png) no-repeat center -39px;

}

.board-features .btn{

    padding-top: 58px;

}

.board-features .btn .ull{

    float: left;

    width: 600px;

}

.board-features .btn .ull li{

    width: 550px;

    margin: 0 0 10px 0px;

    padding-left: 60px;

    font-size: 24px;

    color:#585b60;

    background: url(/site/images/system-icon.png) no-repeat left 4px;

}

.board-features .btn .pic{

    float: left;

    width: 600px;

    padding-top:52px;

}

/*board-size*/

.board-size{

    width: 100%;

    height: auto;

}

.board-size .icon em{

    background: url(/site/images/board-icon-bg.png) no-repeat center -76px;

}

.board-size .btn{

    padding-top: 116px;

}

.board-size .btn .txt{

    float: left;

    width: 450px;

}

.board-size .btn .txt .desc{

    font-size: 24px;

    line-height: 1.6;

    padding-left: 60px;

    background:url(/site/images/system-icon.png) no-repeat left 10px;

}

.board-size .btn .pic{

    float: left;

    width: 533px;

    height: 243px;

    margin-bottom: 90px;

    padding: 0 0 80px 30px;

}
















/*数位板2board-weight*/

.board-weight{

    width: 100%;

    height: auto;

}

.board-weight .icon em{

    background: url(/site/images/board-icon-bg.png) no-repeat center -76px;

}

.board-weight .btn{

    padding-top: 84px;

}

.board-weight .btn .h950p,

.board-weight .btn .h640p{

    float: left;

    width: 600px;

}

.board-weight .btn .h950p .desc,

.board-weight .btn .h640p .desc{

    font-size: 24px;

    padding-bottom: 10px;

}

.board-weight .btn .h950p .line,

.board-weight .btn .h640p .line{

    width: 74px;

    height: 4px;

    border-bottom: none;

    background-color: #59c8fa;

    margin: 6px 0 26px 0;

}

 






















/*拷贝台*/

/*copy-head*/

.copy-head{

    width: 100%;

    height: 533px;

    background: url(/site/images/copy-head-bg.jpg) no-repeat;

    background-size: cover;

}

.copy-head .txt{

    float: left;

    width: 160px;

    color:#fff;

    font-size: 70px;

    padding:380px 0 0 410px;

}

.copy-head .pic{

    float: left;

    width: 630px;

    padding-top: 74px;

}

/*copy-configuration*/

.copy-configuration{

    width: 100%;

    height: auto;

}

.copy-configuration .tit,

.copy-features .tit,

.copy-size .tit{

    text-align: center;

    font-size: 40px;

    color:#080808;

    line-height: 84px;

    margin-top: 60px;

    letter-spacing:6px;

    width: 100%;

    height:84px;

    background:url(/site/images/copy-tit-bg.jpg) no-repeat center;

    background-size: cover;

}

.copy-configuration .pic{

    float: left;

    width: 574px;

    padding:224px 0 50px 26px;

}

.copy-configuration .ull{

    float: left;

    width: 520px;

    padding:310px 0 0 60px;

}

.copy-configuration .ull li{

    margin-bottom: 8px;

    padding-left: 60px;

    font-size: 24px;

    color:#585b60;

    background:url(/site/images/system-icon.png) no-repeat left 4px;

}

.copy-configuration .ull li em{

    font-style: normal;

    display: inline-block;

    width: 250px;

}

.copy-size .txt em,

.board-size .btn .txt em,

.board-weight .btn .h950p em,

.board-weight .btn .h640p em{

    font-style: normal;

    display: inline-block;

    width: 180px;

}

/*copy-features*/

.copy-features{

    width: 100%;

    height: auto;

}

.copy-features .ull{

    float: left;

    width: 580px;

    padding:160px 0 0 20px;

}

.copy-features .ull li{

    margin-bottom: 8px;

    padding-left: 60px;

    font-size: 24px;

    color:#585b60;

    background:url(/site/images/system-icon.png) no-repeat left 4px;

}

.copy-features .pic{

    float: left;

    width: 600px;

    padding-top: 200px;

}

.copy-features .pic img{

    float: right;

}

/*copy-size*/

.copy-size{

    width: 100%;

    height:auto;

}

.copy-size .txt{

    float: left;

    width: 500px;

    padding: 190px 0 0 50px;

}

.copy-size .txt .desc{

    font-size: 24px;

    color:#080808;

    padding-left: 60px;

    padding-bottom: 10px;

    background:url(/site/images/system-icon.png) no-repeat left 4px;

}

.copy-size .pic{

    float: left;

    width: 494px;

    height:365px;

    padding-bottom: 50px;

    margin:200px 0 100px 130px;

}







.q11k-transmission .pic{

    width: 100%;

    height: auto;

}

.q11k-transmission .pic img{

    width: 100%;

}

/*-----media<1499---------------------------------------数位屏--------------------------------------------*/

@media screen and (max-width: 768px) {

    .swp_a_h1{

        width: 100%;

    }

    .swp_Ma{

        width: 90%;

        margin: 0 5% 0 5%;

    }

    .swp_lf{

        width: 100%;

        float: none;

        text-align: center;

        margin:0 auto;

        padding-top: 10px;

    }

    .swp_rt{

        width: 100%;

        float: none;

        padding-top: 10px;

    }

    .swp_rt ul{

        width: 100%;

        margin:0 auto;

        text-align: center;

    }

    .swp_rt li {

        background: url(/site/images/system-icon2.png) no-repeat right;

        margin-top: 24px;

        background-position: 1% 8px;

        text-align: left;

    }

    .swp_lf img{

        width: 80%!important;

        height: 90%!important;

    }



    .swp_ct_img img{

        width: 90%!important;

        height: 100%!important;

        float: left;

    }

	.H-Section-transverse-swpLF img{
		padding-left:0;
	}

    .swp-head_rt{

        float: none;

        top:0;

        width: 100%;

        height: auto;

        text-align: center;

    }

    .swp-head_rt img{

        width: 80%!important;

        height:50%!important;

        padding:5% 5% 5% 5%;

        text-align: center;

    }

    .swp_head_Ma{

        width: 100%;



    }

    .swp-head_lf{

        float: none;

        text-align: center;

        padding-top:100px;

        width:100%;

    }

    .swp-head_lf h4{

        padding-top: 30px;

		font-size:18px!important;

    }

    .swp_head_nr{

        width: 100%;

        margin-top:0;

    }

    .swp_head_nr ul{

        width: 100%;



    }

    .swp_head_nr ul li{

        width: 50%;

        float: left;

        font-size:1rem;

    }

    .swp_head{

        height: auto;

        margin-bottom: 20px;

    }

    .swp_bt_hr,.swp_lf_hr{

        display: none;

    }

    .swp_ct_img{

        width: 100%;

        text-align: center;

    }

    .swp_lf_c{

        width: 100%;

    }



    .swp_head_nr li:nth-child(2){

        padding: 2px 0 0 0px;

    }

    .swp-head_lf h1{

    font-size:36px;

    }

    .swp_rt li a{

        font-size:16px!important;

		display: block;

    }

    .swp_rt_c_nr td{

        font-size:16px;

    }

	.swp_rt_c_nr td:nth-child(2) {

    padding-left: 20px!important;

}

	.swp_a_h1 h1{

		    font-size: 22px;

		   padding-bottom: 20px;

	}

}



















/*-------------------------数位板 拷贝台---------------------------------------------*/

@media screen and (max-width:1200px){

    .center{

        width: 100%;

    }

    .board-head{

        height: auto;

    }

    .board-head .txt{

        float: none;

    }

    .board-head .txt .tit{

        font-size: 44px;

    }

    .board-head .txt .tit,

    .board-head .txt .desc{

        text-align: center;

    }

    .board-head .txt .ull{

        width: 100%;

        margin:0 auto;

    }

    .board-head .txt .ull li{

        text-align: center;

        margin-right:0;

        width: 46%;

        padding:0 2%;

    }

    .board-head .txt .ull li .one{

        width: 50%;

        margin:0 auto 20px;

    }

    .board-head .txt .ull li .two{

        width: 50%;

        margin:-8px auto 20px;

    }

    .board-head .txt .line{

        margin:0 auto;

    }

    

    .board-head .pic{

        float: none;

        width: 512px;

        margin:150px auto 0;

    }

    .board-configuration .pic{

        float: none;

        width: 522px;

        margin:0 auto;

        padding-left: 0;

    }

    .board-configuration .btn{

        padding-top: 50px;

    }

    .board-configuration .ull{

        float: none;

        height: auto;

        padding:50px 0;

        margin:90px auto 0;

        padding-bottom: 0;

    }

    .board-features{

        height: auto;

    }

    .board-weight .btn{

        padding-top: 50px;

        padding-left: 5%;

    }

    .board-features .btn .ull{

        float: none;

        margin:0 auto;

    }

    .board-features .btn .pic{

        float: none;

        width: 573px;

        margin:20px auto 0;

    }

    .board-weight .btn .h950p,

    .board-weight .btn .h640p{

        float: none;

        width: 548px;

        margin:0 auto;

        padding-bottom: 30px;

    }

    .board-weight .btn .h950p .pic,

    .board-weight .btn .h640p .pic{

        width: 548px;

        margin:0 auto;

    }

    .board-weight .btn .h950p .pic img,

    .board-weight .btn .h640p .pic img{

        width: 100%;

    }

    .board-size{

        padding-bottom: 100px;

    }

    .board-size .btn{

        padding-top: 60px;

    }

    .board-size .btn .txt{

        float: none;

        width: 60%;

        margin:0 auto;

    }

    .board-size .btn .pic{

        float: none;

        margin:20px auto 0;

    }

    .board-size .btn .txt .desc{

        background:url(/site/images/system-icon.png) no-repeat left 6px;

    }

    .board-configuration .ull li,

    .board-features .btn .ull li,

    .board-size .btn .txt .desc{

        font-size: 18px;

    }

    .copy-head{

        height: auto;

    }

    .copy-head .txt{

        float: none;

        width: 100%;

        text-align: center;

        padding:100px 0 0 0;

    }

    .copy-head .pic{

        float: none;

        margin:0 auto;

    }

    .copy-configuration .pic{

        float: none;

        margin:0 auto;

        padding: 50px 0 0 0;

    }

    .copy-configuration .ull{

        float: none;

        padding:50px 0 80px 0;

        margin:0 auto;

    }

    .copy-features .ull{

        float: none;

        margin:0 auto;

        padding:50px 0 0 0;

    }

    .copy-features .pic{

        float: none;

        margin:0 auto;

        padding: 50px 0  0 0;

    }

    .copy-size .txt{

        float: none;

        margin:0 auto;

        padding:60px 0 0 10%;

    }

    .copy-size .pic{

        float: none;

        margin: 50px auto 90px;

    }

    .copy-configuration .tit,

    .copy-features .tit,

    .copy-size .tit{

        font-size: 24px;

        color: #080808;

    }

    .copy-configuration .ull li,

    .copy-features .ull li,

    .copy-size .txt .desc{

        font-size: 18px;

        color:#585b60;

      }







}





@media screen and (max-width:767px){

    .board-head .pic{

        width: 90%;

        margin:50px auto 0;

    }

    .board-head .txt .tit{

        font-size: 36px;

    }



    .board-head .pic img{

        max-width: 100%;

    }

    .board-head .txt .ull li{

        font-size: 16px;

    }

    .board-configuration .pic{

        width: 90%;

    }

    .board-configuration .pic img{

        max-width: 100%;

    }

    .board-features .btn .pic{

        width: 90%;

        margin:0 auto;

    }

    .board-features .btn .pic img{

        max-width: 100%;

    }

    .board-configuration .ull,

    .board-features .btn .ull{

        width: 100%

    }

    .board-configuration .ull li,

    .board-features .btn .ull li{

        width: 80%;

        padding-left: 54px;

        margin:0 0 10px 2px;

    }

    .board-configuration .ull{

        margin: -50px auto 0;

    }

    .board-head .txt .ull li:nth-child(1){

        margin-bottom: 30px;

    }

    .board-weight .btn .h950p .pic,

    .board-weight .btn .h640p .pic{

        width: 90%;

        height: auto;

    }

    .board-weight .btn .h950p .pic img,

    .board-weight .btn .h640p .pic img{

        max-width: 100%;

    }

    .board-size .btn .txt{

        width: 100%;

    }

    .board-size .btn .pic{

        width: 80%;

        margin:20px auto 0;

        padding:0;

    }

    .board-size .btn .pic img{

        width: 100%;

        padding-left:0!important;

    }

    .board-size .btn .xia,

    .board-size .btn .left{

        display: none;

    }

    .board-size .top{

        padding-top: 120px;

    }

    .board-features .btn .ull li{

        background: url(/site/images/system-icon.png) no-repeat left 7px; 

    }

    .board-configuration .ull li,

    .board-features .btn .ull li,

    .board-size .btn .txt .desc,

    .board-weight .btn .h950p .desc,

    .board-weight .btn .h640p .desc{

        font-size: 16px;

    }

    .board-configuration .top,

    .board-features .top,

    .board-size .top,

    .board-weight .top{

        font-size: 20px;

    }

    .board-size .btn .d-hei{

        padding-left: 96px;

    }

    .copy-head .pic{

        width: 90%;

        margin:0 auto;

    }

    .copy-head .txt{

        font-size: 36px;

    }

    .copy-head .pic img{

        width: 100%;

    }

    .copy-configuration .tit,

    .copy-features .tit,

    .copy-size .tit{

        height: auto;

    }

    .copy-configuration .pic{

        width: 90%;

        margin:0 auto;

    }

    .copy-configuration .pic img{

        width: 100%;

    }

    .copy-features .pic{

        width: 90%;

        margin:0 auto;

    }

    .copy-features .pic img{

        width: 100%;

    }

    .copy-size .pic{

        width: 90%;

        height: auto;

        margin: 50px auto 0;

    }

    .copy-size .txt{

        padding:60px 0 0 0;

    }

    .copy-size .pic img{

        width: 100%;

    }

    .copy-configuration .tit,

    .copy-features .tit,

    .copy-size .tit{

        font-size: 20px;

        color: #080808;

    }

    .copy-configuration .ull li,

    .copy-features .ull li,

    .copy-size .txt .desc{

        font-size: 16px;

        color:#585b60;

        padding-left: 40px;

    }

    .board-size{

        padding-bottom: 0;

    }

    .copy-configuration .ull li em{

       width: 160px; 

    }

    .copy-size .txt em,

    .board-size .btn .txt em,

    .board-weight .btn .h950p em,

    .board-weight .btn .h640p em{

        width: 120px;

    }

    .copy-features .ull{

        width: 100%;

    }









}





































/*css3*/

.h950-banner .txt,

.h950-live .txt{

    -webkit-animation: fadeInUp 4s;

    animation: fadeInUp 4s;

}

.h950-live .txt .pic{

    -webkit-animation: blowUp 4s;

    animation:blowUp 4s;

}





.animated {

    -webkit-animation-duration: 4s;

    animation-duration: 4s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



@keyframes bounceIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(.3);

        -ms-transform: scale(.3);

        transform: scale(.3);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        transform: scale(1);

    }

}



.bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        -ms-transform: translateY(-20px);

        transform: translateY(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-50px);

        -ms-transform: translateY(-50px);

        transform: translateY(-50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        transform: translateX(-20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes fadeInLeftBig {

    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);

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig

}



@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        transform: translateX(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(20px);

        -ms-transform: translateX(20px);

        transform: translateX(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        transform: translateX(0);

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightBig {

    0% {

        opacity: 0;

        -webkit-transform: translateX(50px);

        transform: translateX(50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes fadeInRightBig {

    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);

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(50px);

        transform: translateY(50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        -webkit-transform: translateY(100px);

        -ms-transform: translateY(50px);

        transform: translateY(50px);

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0);

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig

}



@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1

    }

}



@keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        -ms-transform: perspective(400px) rotateX(90deg);

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

        -ms-transform: perspective(400px) rotateX(-10deg);

        transform: perspective(400px) rotateX(-10deg);

    }

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

        -ms-transform: perspective(400px) rotateX(10deg);

        transform: perspective(400px) rotateX(10deg);

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        -ms-transform: perspective(400px) rotateX(0deg);

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    -ms-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



.blowUp {

    -webkit-animation-name: blowUp;

    animation-name: blowUp;

}



@-webkit-keyframes blowUp {

    0% {

        opacity: 0;

        -o-transform: scale(0.8);

        -ms-transform: scale(0.8);

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    100% {

        opacity: 1;

        -o-transform: scale(1);

        -ms-transform: scale(1);

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes blowUp {

    0% {

        opacity: 0;

        -o-transform: scale(0.8);

        -ms-transform: scale(0.8);

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    100% {

        opacity: 1;

        -o-transform: scale(1);

        -ms-transform: scale(1);

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.opacityQF {

    -webkit-animation-name: opacityQF;

    animation-name: opacityQF;

}



@-webkit-keyframes opacityQF {

    0%, 50%, 75% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@keyframes opacityQF {

    0%, 50%, 75% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}





/*h58l-head css3*/

.h58l-head .tit,

.h58l-most .tit{

    -webkit-animation: fadeInUp 4s;

    animation: fadeInUp 4s;

}

.h58l-head .pic,

.h58l-most .t-pic{

    -webkit-animation: blowUp 4s;

    animation: blowUp 4s;

}

.h58l-specific .pic .p-one,

.h58l-specific .pic .p-two{

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

}















/*----------------------------------------CSS3效果----------------------------------------*/

/*gt156 css3样式*/

/*1图样式 go*/

.gt156-draw .content {

    animation: fadeInLeft 4s;

    -webkit-animation: fadeInLeft 4s;

}



.gt156-full .text {

    animation: fadeInLeftBig 4s;

    -webkit-animation: fadeInLeftBig 4s;

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

}



.gt156-full .full-right {

    animation: blowUp 4s;

    -webkit-animation: blowUp 4s;

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

}



/*---------------------GT185-------------------*/

/*1图*/

.gt185-head .right {

    -webkit-animation: blowUp 4s;

    animation: blowUp 4s;

}



.gt185-head .left {

    -webkit-animation: fadeInUp 4s;

    animation: fadeInUp 4s;

}



.gt185-parameter ul li img {

    transition: all 2s;

}



.gt185-parameter ul li:hover img {

    transform: scale(1.1);

}



/*4图*/

.gt185-function .one {

    animation-duration: 200ms;

}



.gt185-function .two {

    animation-duration: 400ms;

}



.gt185-function .three {

    animation-duration: 600ms;

}



.gt185-function .four {

    animation-duration: 700ms;

}



.gt185-function .five {

    animation-duration: 1100ms;

}



.gt185-function .six {

    animation-duration: 1200ms;

}



.gt185-function .seven {

    animation-duration: 1300ms;

}



.gt185-function .eight {

    animation-duration: 1400ms;

}



/*---------------W58  css3动画*/

/*1图*/

.w58-head .left {

    animation: fadeInLeft 4s;

}



.w58-head .text {

    animation: fadeInRight 4s;

}



/*2图*/

.w58-driver .text {

    animation: fadeInUp 4s;

    animation-delay: 1s;

}



/*5图笔的字*/

.w58-active .pen div {

    animation-duration: .5s;

}



/*7图*/

.w58-cross .btn .icon .tit {

    animation-duration: 2s;

}



/*-----------------wh1409*/

/*1图*/

.wh1409-head .head-right {

    animation: fadeInLeft 4s;

}



.wh1409-head .head-pic {

    animation: blowUp 4s;

}



/*4图*/

.wh1409-wireless .wire-wrap {

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

}



.wh1409-features .ull-btn {

    animation-delay: .5s;

}



/*---------Q11K*/

/*1图*/

.q11k-head .footprint,

    /*2图*/

.q11k-capture .title {

    -webkit-animation: fadeInUp 4s;

    animation: fadeInUp 4s;

}



/*2图*/

.q11k-capture .title {

    -webkit-animation-delay: .8s;

}



/*2图*/

.q11k-capture .left, .q11k-capture .right, {

    -webkit-animation-duration: 4s;

    animation-duration: 4s;

}



/*new1060*/

/*1 2图*/

.new1060-head .character, .new-advantages ul li, .new-advantages .title {

    -webkit-animation: fadeInUp 4s;

    animation: fadeInUp 4s;

}



.new1060-head .pic {

    -webkit-animation: blowUp 4s;

    animation: blowUp 4s;

}



/*3图*/

.new1060-features ul .one {

    animation-delay: .2s;

}



.new1060-features ul .two {

    animation-delay: .4s;

}



.new1060-features ul .three {

    animation-delay: .6s;

}



.new1060-features ul .four {

    animation-delay: .8s;

}



.new1060-features .new-btn {

    animation-delay: 1s;

}



/*4图*/

.new1060-parameter .parameter-pic2 .one, .new1060-parameter .parameter-pic2 .two, .new1060-parameter .parameter-pic2 .three, .new1060-parameter .parameter-pic2 .four，.new1060-parameter .parameter-pic2 .five {

    animation-duration: 2s;

}



/*GT221*/

.large-head .large-text, .large-cyan .title, .keep-pace .tit {

    animation: fadeInUp 4s;

    -webkit-animation: fadeInUp 4s;

}



.large-cyan .title {

    animation-delay: .6s;

    -webkit-animation-delay: .6s;

}



.keep-pace .tit {

    animation-delay: 1s;

    -webkit-animation-delay: 1s;

}



/*GT220*/

.gt220-head .left-pic {

    -webkit-animation: blowUp 4s;

    animation: blowUp 4s;

}



.gt220-head .tit, .gt220-head .desc, .gt220-head .inch {

    animation: fadeInRight 4s;

    -webkit-animation: fadeInRight 4s;

}



/*GT191*/

/*1图*/

.gt191-head .title, .gt191-head .desc {

    animation-duration: 4s;

}



.gt191-head .desc {

    animation-delay: 1s;

}



/*2图*/

.gt191-screen .title, .gt191-screen .desc, .gt191-screen .pic/*3图*/.gt191-exquisite .title, .gt191-exquisite .number, .gt191-exquisite .desc {

    animation-duration: 4s;

}



.gt191-screen .desc {

    animation-delay: .4s;

}



.gt191-screen .pic {

    animation-delay: 1s;

}



.gt191-exquisite .pic ul li img, .keep-pace .pic ul li img {

    position: relative;

    z-index: 1;

    cursor: pointer;

    transition: all 1s;

    -webkit-transition: all 1s;

}



.gt191-exquisite .pic ul li img:hover, .keep-pace .pic ul li img:hover {

    transform: scale(1.4);

    -webkit-transform: scale(1.4);

}



/*w58*/

.k58-head .text {

    animation: fadeInLeft 4s;

    -webkit-animation: fadeInLeft 4s;

}



.k58-head .right {

    animation: blowUp 4s;

    -webkit-animation: blowUp 4s;

}



.k58-main .desc {

    animation: fadeInUp 4s;

    -webkit-animation: fadeInUp 4s;

}



.k58-main .small-pic img, .k58-main .big-pic img {

    transition: all 2s;

}



.k58-main .small-pic img:hover, .k58-main .big-pic img:hover {

    transform: scale(1.3);

}




/*-----------------------------------------屏模版style Start---------------------------------*/

.screenHD{
    width: 100%;
    height: 783px;
	background:#f4f4f4 url(/site/images/GT-221-PRO-V2_bj.jpg) no-repeat center;
    background-size:cover;
}
.leftHd{
    width: 50%;
    float:left;
    margin-top:121px;

}
.rightHd{
    line-height: 46px;
    float:left;
    width: 50%;
    color: #000;
    margin-top:292px;
}
.rightHd h1{
    padding:0 0 0 52px;
    font-size: 52px;
    font-weight: bold;
}
.rightHd p{
    padding:48px 0 0 0;
    font-size:46px;
}
.screenLayoutA{
    width: 100%;

    background-size:cover;
    height:100%;

}
.listCont{
    margin: 0 9% 0 9%;
}
.listMain{
    width: 100%;
    height: auto;
    background:url("/site/images/GT-221-PRO-V2_24.jpg") no-repeat center;
    background-size: cover;
}
.screenLayoutA ul:nth-child(2){
padding-bottom: 105px;
}
.screenLayoutA ul li:nth-child(1){
    margin-left:0!important;
}
.screenLayoutA ul li{
    margin:130px 0 0 0;
    background:rgba(0,0,0,0.8);
    width: 24%;
    height: 280px;
    float:left;
    text-align: center;
    margin-left: 1.33%;

/*    filter:alpha(opacity=1);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;*/
}
.screenList strong{
    font-size:36px;
}
.screenList p{
    color: #fff;
    font-size:18px;
}
.screenList p:nth-child(1){
    padding-top:28px;
}
.screenList p:nth-child(2){
    padding-top:26px;
}
.screenLayoutA li span{
    padding-top:60px;
}

.ProductLf{
    float:left;
    width: 45%;


}
.ProductA{
    width: 100%;
}
.ProductRt{
    float:left;
    width: 55%;
    padding-top:130px;
}
.ScreenProduct{
/*    height: 2259px;*/
   /* background: url("site/images/fuzhutuxing.jpg") no-repeat;*/
    background: url("/site/images/fuzhutuxing.jpg") no-repeat left;
    padding-bottom: 206px;
    background-size: 100% 100%;
}
.txtLf h1{
    font-size:36px;
}
.txtLf p{
    font-size:18px;
    line-height: 21px;
    padding-top:40px;
}

.ProductLfB{
    float:left;
    width: 45%;


}

.ProductB{
    width: 100%;
}
.ProductRtB{
    float:left;
    width: 50%;
    padding-top:130px;
}
.ScreenProductB{
    /*    height: 2259px;*/
    background: url("/site/images/fuzhutuxing.jpg") no-repeat;
}
.txtLfB h1{
    font-size:28px;
}
.txtLfB p{
    font-size:18px;
    line-height: 21px;
    padding-top:40px;
    padding-right: 200px;
}


.ProductC{
    position: relative;
    width: 100%;
    background:url("/site/images/GT-221-PRO-V2_46.png") no-repeat;
    top: -218px;
    background-size: 100%;
}
.txtC{
text-align: center;
    padding-top:200px;
    color: #fff;
    font-size:36px;
}
.ProductShow{
   text-align: center;
    width: 100%;
}
.ProductShow img{
    text-align: center;
    padding-bottom: 74px;
}
.showTxt{
    text-align: center;
    width: 44%;
    margin:0 auto;
	 font-size: 18px;
}
.showTxt p{
    font-size: 18px;
    line-height: 21px;
    color: #666666;
}

.productD{
    width: 100%;
    background: #ca634a;
    height: 900px;
	position: relative;
    top: -160px;
}

.productDlf{
    float: left;
    width: 40%;
    background:url("/site/images/GT-221-PRO-V2_52.jpg") no-repeat center;
    background-size: 100% 100%;
    height: 900px;
    z-index: 1;
    position: relative;
}

.txtD{
    text-align: left;
    padding: 50% 10% 0 10%;
}


.txtD h1{
    color: #fff;
    font-size: 36px;
}
.txtD p{
    color: #fff;
    font-size: 18px;
    padding-top:35px;
    line-height: 21px;
}

.productDCent{
    width: 30%;
    float:left;
}

.productDRT{
    width:30%;
    float:right;
    z-index: 1;
    overflow: hidden;
}

.productE{
    width: 100%;
}
.txtE{
    text-align: center;
}
.txtE h1{
    padding:146px 0 76px 0;
    font-size: 36px;
}
.txtE img{
    text-align: center;
}
.txtEp{
    width:1200px;
    text-align: center;
    margin:0 auto;
    padding-top:36px;
    line-height: 21px;
    padding-bottom: 64px;
	font-size:18px;
}
.txtEp p{
font-size:18px;
    text-align: center;
}

.productF{
    width: 100%;

    background: #09171a;
}
.productFlf{
    float:left;
    width:60%;
}
.productFlf img{
    padding: 444px 0 384px 15%;
	    width: 600px!important;
}
.productFrt{
    padding-top:360px;
    float: left;
    width: 40%;
}
.txtF{
    width: 80%;
}
.txtF h1{
    color: #fff;
    font-size: 36px;
}
.txtF p{
    font-size:14px;
    line-height: 21px;
    padding:40px 0 78px 0;
    color: #fff;
}

.txtIcon ol li{
    float:left;
}
.txtIcon ol li:nth-child(2){
    padding-left:54px;
}







/*-----------------------------GT191V2---------------------------*/

.Screen191v2Head{
    text-align: center;
    width: 100%;
    margin-top:180px;
}
.textContent h1{
    text-align: center;
    font-size:60px;
    font-weight: bold;
  /*  padding-bottom: 57px;*/
}
.textContent p{
    font-size:40px;
  /*  line-height: 70px;*/
    float: left;
}
.textContent p span{
    display: inline-block;
    font-size:60px;
}
.textContent{
    width: 100%;
    margin:0 auto;

}
.textImg191{
    padding:60px 0 120px 0;
    margin:0 auto;
	-webkit-animation: fadeInUp 4s;
    animation: fadeInUp 4s;
}
.Content191 {
    background:url("/site/images/GT-191V2_06.jpg") no-repeat center;
    height: auto;
    width: 100%;
    background-size: 100% 100%;
    padding-bottom: 574px;
}
.Main191{
    width: 1200px;
    margin:0 auto;
    padding-top:58px;

    }
.TextWz191A{
    float:left;
    width: 840px;
}
.TextWz191A h1{
    line-height: 70px;
       font-size: 42px;
}
.TextWz191A p{
    padding-top:50px;
    line-height: 30px;
    color: #3e3a39;
    font-size:20px;
}
.TextWz191B{
    text-align: center;

}

.TextWz191B p{
    font-size:18px;
    line-height: 40px;
    padding-top:54px;
}

.IMGaLf{
    float: left;
    position:relative;
    width:318px;
    height: 400px;
    background: url("/site/images/GT-191V2_47.png") no-repeat center;
}
.IMGaLf img{
    position: relative;
    top: -38px;
    left: 50px;
	width:165px;
	height:238px;
}
.IMGaRt{
    padding-top:94px;
    float: right;
    width: 882px;
}
.img191B{
    padding-top:62px;
}
.imgCont{
    background:url("/site/images/GT-191V2_30.jpg") no-repeat left;
    background-size: 100% 100%;
    height: 1029px;
}
.imgContC{
    width: 100%;
    background:url("/site/images/GT-191V2_13.png") no-repeat right;
    padding-bottom:800px;
    position: relative;
    top: -110px;
}
.Content191B{
    width: 100%;
    margin:0 auto;
	overflow-x: hidden;
}
.IMGd {
float:left;
width:40%;
    position: relative;
}
.IMGDbj{
    height:auto
    background-size: 100% 100%;
    width: 60%;
    float:left;
  /*  background: url(/site/images/GT-191V2_48.jpg) no-repeat left;*/
}
.IMGDbj img{
    width: 100%;
}
.Content191D{
    width: 100%;
    margin-top:60px;
}
.IMGd img{
    float:right;
    padding-top: 60px;
}

.listMainD191{
    width: 100%;
    height: auto;
    background:url("/site/images/GT-191V2_18.jpg") no-repeat center;
    background-size: cover;
}
.listContD191{
    margin: 0 9% 0 24%;
}

.Content191E ul:nth-child(2){
    padding-bottom: 105px;
}
.Content191E ul li:nth-child(1){
    margin-left:0!important;
}
.Content191E ul li{
    margin:130px 0 0 1.33%;;
    background:rgba(0,0,0,0.8);
    width: 24%;
    height: 300px;
    float:left;
    text-align: center;

    /*    filter:alpha(opacity=1);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;*/
}
.Content191E li span {
    padding-top: 60px;
}
.screenList191 p{
    color: #fff;
    font-size:16px;
    line-height: 20px;

}

.DH1191v2{
    font-size:50px;
    color: #fff;
    width: 1200px;
    margin:0 auto;
    padding-top:70px;
	text-align:center;
}

.screenList191 p:nth-child(1) {
    padding-top: 28px;
}

.screenList191 p:nth-child(2) {
    padding-top: 26px;
    padding-bottom: 30px;
}


.Content191F{
    width: 100%;
}
.Main191F{
    width: 1200px;
    margin:0 auto;
}

.IMG191F{
    width: 1200px;
    margin:0 auto;
    height: 400px;
}
.IMG191Flf{
    float: left;
    width: 555px;
}
.ds{
    float:left;
    text-align: center;
    width: 139px;
    padding:34px 0 22px 0;
    font-size:30px;
    color: #000000;
    font-weight: bold;
}
.Lf_img img{
    float:left;
}
.Lf_img{
    width: 140px;
    text-align: center;
    padding-left: 80px;
}
.IMG191Frt{
    width: 645px;
    float: left;
}
.IMG191Frt img{
    width: 645px;
    height: 501px;
    float:left;
}

.Lf_img_b{
    width: 300px;
    height: 300px;
    background: #d2d2d2;
    border-radius: 100%;
    text-align: center;
}
.Lf_img_b img{
    text-align: center;
    padding: 30px 20px 20px 20px;
	    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.Lf_img_b a img:hover{
	    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    overflow: hidden;
	cursor:pointer;
}

.IMG191G{
    width: 1200px;
    margin:0 auto;
    text-align: center;
    padding-bottom: 176px;
    position:relative;
}
.IMG191G img{
    text-align: center;
	width:994px;
}

.footer191{
    background:#434343;

}
.footerMain{
    width: 1200px;
    margin:0 auto;
    padding:120px 0 130px 0;
}
.footer_lf{
    width: 700px;
    float:left;
}
.footer_rt{
    float:right;
}
.footer_rt img{
    padding-right: 70px;
	width:317px;
}
.footer_lf h1{
    font-size: 30px;
    color: #fff
}
.footer_lf p{
    padding-top:42px;
    line-height: 25px;
    font-size:18px;
    color: #fff
}
.footerList{
    padding-top:89px;
    width: 1200px;
    margin:0 auto;
    float:left;
}
.footerList ul li{
    float:left;
    width: 170px;
}
.footerList ul li img｛
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;

｝
.footerList ul li img:hover{
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
}

.IMG191GList{
    margin:0 auto;
    width: 500px;
    display: block;
    position: relative;
}
.IMG191GList ul li{
    position: relative;
    float:left;
    padding-left: 26px;
    font-size:16px;
}
.IMG191GList ul li:nth-child(1){
    top:-40px;
    left:40px;
}
.IMG191GList ul li:nth-child(3){
    top:-40px;
    left:-18px;
}
.IMG191GList ul li:nth-child(4){
    top:0px;
    left:-18px;
}
.IMG191GList ul li:nth-child(5){
    top:-40px;
    left:-62px;
}

@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.2) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}

@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}}

.IMGaLf img:hover{
    cursor: pointer;
    -webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}




@keyframes rowup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transition-timing-function: ease-in(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(0, -240px, 0);
        transition-timing-function: ease-in(0, 0, 0);
    }


    45% {
        -webkit-transform: translate3d(0, -440px, 0);
        transition-timing-function: ease-in(0, 0, 0);
    }


    65% {
        -webkit-transform: translate3d(0, -940px, 0);
        transition-timing-function: ease-in(0, 0, 0);
    }

    85% {
        -webkit-transform: translate3d(0, -1600px, 0);
        transition-timing-function: ease-in(0, 0, 0);
    }


    100% {
        -webkit-transform: translate3d(0, -1700px, 0);
        transition-timing-function: ease-out(0, -0, 0);
        -webkit-transition: all 2s ease-out 0s;
    }
}
/*.list{
    width: 300px;
    margin: 20px auto;
    position: relative;
    height: 130px;
    overflow:hidden;
    float:left;
}

.list .rowup{
    -webkit-animation:4s rowup linear  normal;
    animation: 4s rowup linear  normal;
    position: relative;

}*/
.item191{
    font-size:60px;
    font-weight:bold;
    padding-top: 100px;
    position: relative;
    top: -60px;
}

.TextCenterA{
    float:left;
    position: relative;
    top: 74px;
    padding-right: 32px;
	font-size:30px;
	padding-left: 16%;
}
.TextCenterB{
    position: relative;
    top: 74px;
	font-size:30px;
    float:left;
}

.TextCenter {
    width:900px;
    margin: 0 auto;
    font-size:40px;
    color:#3c3c3c;

}

.ps_textB{
    position: relative;
    left: -280px;
    top: 50px;
}
.listContD191 ul li span img {
    width: 87px;
height: 79px;}
.textImg191 img {
    width: 934px;
}
.footerList ul li img {
    width: 115px;
    height: 114px;
}

   #master {
      font-size: 60px;
      line-height: 1;
      letter-spacing: 0;
      -webkit-font-smoothing: inherit;
	      position: relative;
		left: 210px;
  }

  #master {
      text-rendering: optimizeLegibility
  }

  #master-container {
      -webkit-animation: master-container-bg 10s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
      animation: master-container-bg 8s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;

      min-height: 0;
      max-height: 100%;
  }

  #master-container .content191 {
      height: auto;
      margin-left: inherit;
      margin-right: inherit;
	  margin-top: 56px;
  }


  #master-container-scroller {
      height: 66px;
      margin-bottom: -6px;
      overflow: hidden;
      position: relative;
	  float:left;
	   top: -14px;
  }

  #master-container-scroller .master-container-scroller_item {
      display: block;
      padding-bottom: 6px;
      -webkit-animation: scroll 6s cubic-bezier(0.645, 0.045, 0.355, 1) ;
      animation: scroll 6s cubic-bezier(0.645, 0.045, 0.355, 1); 
	  text-align:left;
	  
  }

.master-container-scroller_item a{
    text-decoration: none;
	color:#3c3c3c;
	font-size:60px;
}

  #master-container-grid .master-container-grid_item .grid_item-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 26px;
      font-weight: bold;
      color: #fff;
      opacity: 0;
      transition: opacity  3s ease-in-out;
      text-decoration: none
  }

  #master-container-grid .master-container-grid_item .grid_item-overlay:hover {
      opacity: 1
  }

  #master-container-grid .master-container-grid_item .grid_item-overlay .link {
      display: inline-block;
      box-shadow: 0 1px 0 0 #fff, inset 0 0 0 #fff;
      transition: box-shadow 2s ease
  }




  @-webkit-keyframes scroll {
      0.0% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
      }
      3.7037037037037037% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
      }

      100.0% {
          -webkit-transform: translateY(-970px);
          transform: translateY(-792px)
      }
  }

  @keyframes scroll {
      0.0% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
      }
      3.7037037037037037% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
      }

      100.0% {
          -webkit-transform: translateY(-970px);
          transform: translateY(-792px)
      }
  }
	.txtLF{
	float:left;
	font-size:40px;
	color:#3c3c3c;
	padding-right:12px;
	}
	.txtRT{
	font-size:30px;
	color:#3c3c3c;
	}
	.center191{
	width:800px;
	}
	.showTitle{

	}
	.bt_bo{
	float:left;
	margin-top:20px;
	font-size:40px;
	color:#3c3c3c;
	    width: 800px;
	}
	#master-container-scroller a:hover {
    color:#3c3c3c;
}


/*KamvasPro13-start*/
.Pro13Head{
    width: 100%;
    background: url("/site/images/KAMVAS-Pro13-4_01-3.jpg") no-repeat center;
    height: 740px;
    border-bottom: 20px solid #e6e6e6;
}
.Pro13Head_a{
    width: 723px;
    height: 299px;
    background:url("/site/images/KAMVAS-Pro13-4_01-3.png") no-repeat;
    position: relative;
    top:186px;
    left:10%;
}
.Pro13Head_text{
    margin:0 auto;
    width: 100%;
    padding-left:88px;

}
.Pro13Head_text h1{
    padding:60px 0 46px 0;
    font-size:48px;
    font-weight: bold;
    color: #00a7c4;
    line-height: 26px;
}
.Pro13Head_text p{
    line-height: 50px;
    font-size:30px;
    color: #000;
}

.Pro13_OneLayer{
    width: 100%;
    background: #0d0d10;
    border-bottom: 20px solid #e6e6e6;
    height: 800px;
    overflow: hidden;
}
.Pro13_OneLayer_a{
    width: 1200px;
    margin:0 auto;
}

.OneLayer_lf{
    float:left;
    position:relative;
    top:-140px;
}
.OneLayer_ct{
    float:left;
}
.OneLayer_rt{
    float:left;
    position: relative;
    top:240px;
}
.OneLayer_ct img{
    padding:122px 34px 0 34px;
}
.Pro13_OneLayer_a_lf{
    width: 400px;
    float:left;
}
.Pro13_OneLayer_a_rt{
    text-align: center;
    color: #f5f5f5;
}
.Pro13_OneLayer_a_rt h3{
    padding:160px 0  50px 0;
    font-size:24px;
    line-height: 27px;
    color: #f5f5f5;

}
.Pro13_OneLayer_a_rt h1{
    font-size:46px;
    line-height: 27px;
    padding-bottom: 68px;
    color: #f5f5f5;
}
.Pro13_OneLayer_a_rt p{
    line-height: 27px;
    font-size:16px;
    color: #f5f5f5;
}
.Pro13_TwoLayer{
    width:100%;
    border-bottom: 20px solid #e6e6e6;
}
.Pro13_TwoLayer_a{
    width: 100%;
    margin:0 auto;
}
.TwoLayer_lf{
    width: 36%;
    float:left;
    text-align: center;
    padding: 0 8% 0 6%;
}
.TwoLayer_lf h3{
    font-size:24px;
    line-height: 26px;
    color: #333333;
    padding:140px 0 50px 0;
}
.TwoLayer_lf h2{
    font-size:40px;
    line-height: 50px;
    color: #333;

}
.TwoLayer_lf p{
    font-size:16px;
    line-height: 26px;
    color: #333;
    padding:80px 0 54px 0;
    width: 100%;
    margin: 0 auto;
}
.TwoLayer_lf_img{
    padding-bottom: 22px;
}
.TwoLayer_lf_text h2{
    font-size:36px;
    color: #333;
    line-height: 46px;
}
.TwoLayer_lf_text p {
    font-size: 18px;
    line-height: 16px;
    padding: 30px 0 60px 0;
}

.TwoLayer_rt{
    width: 50%;
    float:left;
    height:100%;
    background:#04bacf url("/site/images/KAMVAS-Pro13-4_10.jpg") no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.TwoLayer_rt img{
    padding-top:30px;
    position: relative;
    left:-120px;
    padding-bottom: 161px;
}


.Pro13_ThreeLayer{
    width: 100%;
    border-bottom: 20px solid #e6e6e6;
    margin:0 auto;
}
.ThreeLayer_lf{
    width: 36%;
    float:left;
    text-align: center;
    padding-left: 6%;
}
.ThreeLayer_lf h3{
    font-size:24px;
    line-height: 26px;
    color: #333333;
    padding:80px 0 50px 0;
}
.ThreeLayer_lf h2{
    font-size:40px;
    line-height: 50px;
    color: #333;

}
.ThreeLayer_lf p{
    font-size:16px;
    line-height: 26px;
    color: #333;
    padding:60px 0 54px 0;
    width: 100%;
    margin: 0 auto;
}
.ThreeLayer_lf_img{
    padding-bottom: 22px;
}
.ThreeLayer_lf_text h2{
    font-size:36px;
    color: #333;
    line-height: 46px;
}
.ThreeLayer_lf_text p {
    font-size: 18px;
    line-height: 16px;
    padding: 30px 0 60px 0;
}

.ThreeLayer_rt{
    width: 50%;
    float:left;
    height:100%;
/*    background:url("/site/images/KAMVAS-Pro13-4_12.jpg") no-repeat center;*/
    /*background-size: 100% 100%;*/
    position: relative;
  /*  height:700px;*/

}

.Pro13_FourLayer{
    background: url("/site/images/KAMVAS-Pro13-4_02.jpg") no-repeat;
    text-align: center;
    border-bottom: 20px solid #e6e6e6;
    background-size: cover;

}
.Pro13_FourLayer_pd{
    width: 80%;
    margin:0 auto;
    padding:234px 0 360px 0;
    color: #fff;
}
.Pro13_FourLayer_pd h1{
    font-size:46px;
    line-height: 26px;
    padding-bottom: 70px;
    color: #fff;
}
.Pro13_FourLayer_pd p{
    font-size:16px;
    line-height: 26px;
    width: 50%;
    margin: 0 auto;
    color: #fff;

}
.Pro13_FiveLayer{
    width: 100%;
    background: #262629;
    border-bottom: 20px solid #e6e6e6;
    color: #fff;

}
.Pro13_FiveLayer_lf{
    width: 50%;
    text-align: center;
    float:left;
}
.Pro13_FiveLayer_lf h1{
    font-size:36px;
    line-height: 50px;
    padding:300px 0 80px 0;
    color: #fff;

}
.Pro13_FiveLayer_lf_with{
    width: 50%;
    margin:0 auto;
    float: right;
    color: #fff;
}

.Pro13_FiveLayer_lf p{
    font-size:16px;
    line-height: 26px;
    padding-bottom: 280px;
}
.Pro13_FiveLayer_rt{
    width: 50%;
    float:left;
    overflow: hidden;
}
.Pro13_FiveLayer_rt img{
    position: relative;
}
.Pro13_SixLayer{
    width: 100%;
    border-bottom: 20px solid #e6e6e6;
}
.Pro13_SixLayer_center{
    width: 1200px;
    margin:0 auto;
    padding-top:200px;
}
.Pro13_SixLayer_lf{
    width: 700px;
    float:left;
}
.Pro13_SixLayer_lf img{
    width: 726px;
    height: 611px;
    padding-bottom: 44px;
}
.Pro13_SixLayer_rt{
    width: 500px;
    float:left;
    color: #333;
    text-align: center;
}
.Pro13_SixLayer_rt h3,.Pro13_SevenLayer_lf h3{
    font-size:24px;
}
.Pro13_SixLayer_rt h2,.Pro13_SevenLayer_lf h2{
    font-size:46px;
    line-height: 60px;
    padding:30px 0 70px 0;
}
.Pro13_SixLayer_rt p,.Pro13_SevenLayer_lf p{
    font-size:16px;
    line-height: 26px;
}

.Pro13_SevenLayer_center{
    width:1200px;
    margin:0 auto;
    padding-top:98px;
}
.Pro13_SevenLayer_lf{
    width: 440px;
    float:left;
}
.Pro13_SevenLayer_rt{
    float:left;
    width:760px;
}
.Pro13_SevenLayer_lf_ico ul{
    width: 440px;
    margin:0 auto;
    padding:50px 0 74px 0;
}
.Pro13_SevenLayer_lf_ico ul li{
    float:left;
    width: 190px;
    margin:0 auto;
    text-align: center;
    padding-left:30px;
}
.Pro13_SevenLayer_rt img{
    padding-top:136px;
}
.Pro13_eightLayer{
    width: 100%;
    background: #e6e6e6;
}
.Pro13_eightLayer_center{
    width: 1200px;
    margin:0 auto;
    padding-top:170px;
    text-align: center;
}
.Pro13_eightLayer_rt{
    width: 600px;
    float:left;
}
.Pro13_eightLayer_lf{
    width: 600px;
    float:left;
}

.Pro13_eightLayer_lf_list{
    width: 600px;
    color: #666666;
    font-size:16px;
    padding-bottom: 106px;
}
.txtP{
    height: 200px;
    width: 180px;
    text-align: center;
    float:left;
    padding-top:60px;
    font-size:16px;
}
.txtUl{
    width: 420px;
    float:left;
    padding-top:52px;
    text-align: left;
}
.txtUl ul li{
    float: left;
    width: 203px;
    line-height: 40px;
    list-style-type: disc;
    font-size:16px;
}
.Pro13_eightLayer_rt h3{
    font-size:24px;
    color: #666666;
    line-height: 23px;
    padding-top:38px;
}
.Pro13_eightLayer_rt h2{
    padding:52px 0 70px 0;
    color: #333;
    font-size:36px;
}
.Pro13_eightLayer_rt p{
    line-height: 23px;
    font-size:16px;
    width: 420px;
    margin: 0 auto;
    color: #666;
}

.Pro13_nineLayer ul:nth-child(2){
    padding-bottom: 105px;
}
.Pro13_nineLayer ul li:nth-child(1){
    margin-left:0!important;
}
.Pro13_nineLayer ul li{
    margin:130px 0 0 1.33%;
    background:rgba(0,0,0,0.8);
    width: 24%;
    height: 300px;
    float:left;
    text-align: center;

}
.Pro13_nineLayer li span {
    padding-top: 60px;
}
.Pro13_nineLayer p{
    color: #fff;
    font-size:16px;
    line-height: 20px;

}
.Pro13_nineLayer_list{
    width: 100%;
    height: auto;
    background:url("/site/images/KAMVAS-Pro13-4_10_02.jpg") no-repeat center;
    background-size: cover;
}

.Pro13_nineLayer_txt{
    font-size:50px;
    color: #fff;
    width: 1200px;
    margin:0 auto;
    padding-top:70px;
    text-align:center;
}

.screenList133 p{
    color: #fff;
    font-size:16px;
    line-height: 20px;

}
.screenList133 p strong{
    font-size:28px;
}
.screenList133 p:nth-child(1) {
    padding-top: 28px;
}

.screenList133 p:nth-child(2) {
    padding-top: 26px;
    padding-bottom: 30px;
}
.listContD133 {
    margin: 0 9% 0 24%;
}
.Pro13_OneLayer_a_MD{
    display: none;
    padding-top: 80px;
}
.Pro13_FiveLayer_rt_MD{
    display: none;
}


/*kamvas pro20详情页开始*/
/*----------------------------pro20-----------------------*/

/*第一部分头部*/

.Pro20Head {
    width: 100%;
    background: url("/site/images/kamvas-pro-20-3_01.jpg") no-repeat center;
    height: 740px;
}
.Pro20Head_a {
    width: 723px;
    height: 299px;
    position: relative;
    top: 186px;
    left: 10%;
}
.Pro20Head_text {
    margin: 0 auto;
    width: 100%;
    padding-left: 88px;
}
.Pro20Head_text h1 {
    padding: 60px 0 46px 0;
    font-size: 48px;
    font-weight: bold;
    color: #00a7c4;
    line-height: 26px;
}
.Pro20Head_text p {
    line-height: 50px;
    font-size: 30px;
    color: #000;
}
/*第二部分Pro20bj*/

.Pro20bj {
    width: 100%;
    padding-top: 200px;
    background: url("/site/images/kamvas-pro-20-3_29.jpg") no-repeat;
}
.Pro20_SixLayer_lf {
    width: 700px;
    float: left;
}
.Pro20_SixLayer_lf img {
    margin-left: -50px;
    padding-bottom: 148px;
}
.Pro20_SixLayer_rt {
    width: 500px;
    float: left;
    color: #333;
}
.Pro20_SixLayer_rt h2, .Pro20_SevenLayer_lf h2 {
    font-size: 40px;
    line-height: 60px;
    color: #333333;
    padding: 30px 0 70px 0;
}
.Pro20_SixLayer_rt p, .Pro20_SevenLayer_lf p {
    font-size: 18px;
    line-height: 26px;
    color: #666;
}
/*第三部分Pro20_FourLayer*/

.Pro20_FourLayer {
    width: 100%;
    background: url("/site/images/kamvas-pro-20-3_07.jpg") no-repeat;
    background-size: cover;
}
.Pro20_FourLayer_pd {
    width: 100%;
    padding: 100px 0 512px 0;
    color: #fff;
}
.Pro20_FourLayer_pd h1 {
    font-size: 46px;
    line-height: 26px;
    padding-bottom: 70px;
    color: #fff;
}
.Pro20_FourLayer_pd p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    padding-right: 576px;
}
/*第四部分Pro20_SixLayer*/

.Pro20_SixLayer {
    width: 100%;
    height: 760px;
    background-color: #dfdfdf;
    /*background: url("/site/images/kamvas-pro-20-3_28.jpg") no-repeat;*/
}
.Pro20_SixLayer .pic {
    float: left;
    width: 800px;
    padding-top: 218px;
}
.Pro20_SixLayer .pic img {
    margin-left: -70px;
}
.Pro20_SixLayer .txt {
    float: left;
    width: 400px;
    padding-top: 230px;
}
.Pro20_SixLayer .txt .tit {
    font-size: 40px;
    color: #333;
    padding-bottom: 44px;
}
.Pro20_SixLayer .txt p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
}
/*第五部分Pro20_FiveLayer*/

.Pro20_FiveLayer {
    background: #f5f5f5;
}
.Pro20_FiveLayer_left {
    width: 400px;
    float: left;
}
.Pro20_FiveLayer_right {
    font-size: 46px;
    color: #333;
    float: left;
    width: 540px;
    padding: 0 100px 0 160px;
}
.Pro20_FiveLayer_right h1 {
    font-size: 40px;
    color: #333;
    padding: 265px 0 50px 0;
}
.Pro20_FiveLayer_right p {
    font-size: 18px;
    color: #666;
    padding-right: 100px;
    line-height: 1.6;
}
/*第六部分*/

.ProductC20conter {
    background: #f5f5f5;
}
.ProductC20 {
    width: 100%;
    background: url("/site/images/kamvas-pro-20-3_26.png") no-repeat top center;
}
.ProductC20 .tit {
    text-align: center;
    color: #fff;
    font-size: 36px;
    padding-top: 120px;
}
.ProductShow20 {
    text-align: center;
    width: 100%;
}
.ProductShow20 img {
    text-align: center;
    padding-bottom: 74px;
}
.showTxt20 {
    text-align: center;
    width: 32%;
    margin: 0 auto;
}
.showTxt20 p {
    font-size: 18px;
    line-height: 21px;
    color: #666666;
    padding-bottom: 50px;
}
/*第七.八部分*/

.pro20Nine {
    width: 100%;
    text-align: center;
    background: #dfdfdf;
}
.pro20Nine_1200 {
    width: 1200px;
    margin: 0 auto;
}
.pro20Nine_1200 h1 {
    font-size: 46px;
    color: #333;
    padding: 144px 0 50px 0;
}
.pro20Nine_1200 p {
    font-size: 18px;
    color: #666;
    line-height: 26px;
    padding-bottom: 54px;
}
/*第九部分*/

.pro20Ten {
    background: url("/site/images/kamvas-pro-20-3_27.jpg") no-repeat center;
}
.pro20Ten_1200 {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding: 221px 0 400px 0;
}
.pro20Ten_1200 h1 {
    font-size: 36px;
    color: #fff;
    padding-bottom: 60px;
}
.pro20Ten_1200 p {
    font-size: 18px;
    color: #fff;
}
/*kamvas pro20详情页结束*/




/*kamvas pro12详情页开始*/
/*公共样式字体*/
.pro12_banner .txt .tit,
.pro12_just .tit,
.pro12_want .txt .tit,
.pro12_gorgeous .txt .tit,
.pro12_magic .txt .tit,
.pro12_digital .txt .tit,
.pro12_report .txt .tit,
.pro12_design .txt .tit,
.pro12_may .txt .tit,
.pro12_touch .txt .tit,
.pro12_stand .txt .tit,
.pro12_support .txt .tit,
.pro12_cable .txt .tit{
    font-size: 50px;
    color: #000;
}
.pro12_banner .txt .desc,
.pro12_just .desc,
.pro12_want .txt .desc,
.pro12_gorgeous .txt .desc,
.pro12_magic .txt .desc,
.pro12_digital .txt .desc,
.pro12_report .txt .desc,
.pro12_design .txt .desc,
.pro12_may .txt .desc,
.pro12_touch .txt .desc,
.pro12_stand .txt .desc,
.pro12_support .txt .desc,
.pro12_cable .txt .desc{
    font-size: 24px;
    color: #333;
}
/*pro12_head*/
.pro12_head{
    width: 100%;
    height:100%;
}
.pro12_head .tit{
    font-size: 40px;
    color:#000;
    text-align: center;
    padding:86px 0 26px;
}
.pro12_head .desc{
    font-size: 80px;
    color:#000;
    text-align: center;
}
.pro12_head .explain{
    width: 372px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border:1px solid #333;
    border-radius: 6px;
    font-size: 18px;
    color:#333;
    margin:30px auto 80px;
}
.pro12_head_pic img{
    width: 100%;
    display: block;
}    

/*2*/
.pro12_banner{
    width: 100%;
    height:898px;
    position: relative;
    overflow: hidden;
}
.pro12_banner .pics .pic{
    width: 100%;
    height:100%;
    position: absolute;
    overflow:hidden;
}
.pro12_banner .pics .p1,
.pro12_banner .pics .p2,
.pro12_banner .pics .p3,
.pro12_banner .pics .p4{
    width: 100%;
    height:100%;
}
.pro12_banner .pics .p1{
    background: url("/site/images/pro12-banner1.jpg") center no-repeat;
}
.pro12_banner .pics .p2{
    background: url("/site/images/pro12-banner2.jpg") center no-repeat;
    z-index: 0;
}
.pro12_banner .pics .p3{
    background: url("/site/images/pro12-banner3.jpg") center no-repeat;
}
.pro12_banner .pics .p4{
    background: url("/site/images/pro12-banner4.jpg") center no-repeat;
}
.pro12_banner .bd{
    width: 1200px;
    height:100%;
    margin:0 auto;
    position: relative;
}
.pro12_banner .bd .txt{
    position: absolute;
    width: 430px;
    display: none;
}
.pro12_banner .bd .active{
    display: block;
}
.pro12_banner .bd .one,
.pro12_banner .bd .two{
    left: 0;
    top:0;
}
.pro12_banner .bd .three,
.pro12_banner .bd .four{
    right: 0;
    top:0;
}
.pro12_banner .bd .one .tit{
    padding:230px 0 40px;
}
.pro12_banner .bd .two .tit{
    padding:70px 0 40px;
}
.pro12_banner .bd .three .tit{
    padding:140px 0 40px;
    font-size: 50px;
    color: #fff;
}
.pro12_banner .bd .three .desc{
    font-size: 24px;
    color: #ccc;
}
.pro12_banner .bd .four .tit{
    padding:70px 0 40px;
}
.pro12_banner .hd{
    position: absolute;
    bottom: 34px;
    left:50%;
    margin-left: -255px;
}
.pro12_banner .hd li{
    float: left;
    width: 60px;
    height:4px;
    margin-right: 90px;
    background-color:#b2b2b2; 
}
.pro12_banner .hd li:hover{
    cursor: pointer;
}
.pro12_banner .hd .active{
    background-color:#737373; 
}
/*3  pro12_just*/
.pro12_just{
    width: 100%;
    height:1198px;
    background: url("/site/images/pro12-just-bg.jpg") no-repeat;
}
.pro12_just .txt{
    width: 520px;
    padding-left: 64px;
}
.pro12_just .tit{
    padding:104px 0 44px;
}

/*4  pro12_fancy*/
.pro12_fancy{
    width: 100%;
    height:1066px;
    background: url("/site/images/pro12-fancy-bg.jpg") no-repeat center;
}
.pro12_fancy .tit{
    width: 720px;
    margin:0 auto;
    font-size: 80px;
    padding-top: 110px;
    color: #000;
    text-align: center;
}
/*5*/
.pro12_gorgeous{
    width: 100%;
    height:100%;
}
.pro12_gorgeous .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_gorgeous .txt .tit{
    padding-top: 120px;
}
.pro12_gorgeous .txt .desc{
    padding:50px 0 70px;
}
.pro12_gorgeous .pic{
    width: 100%;
}
/*6*/
.pro12_magic{
    width: 100%;
    height:1390px;
    background: url("/site/images/pro12-magic-pic.jpg") no-repeat center bottom;
}
.pro12_magic .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_magic .txt .tit{
    padding-top: 180px;
}
.pro12_magic .txt .desc{
    padding:50px 0;
}
.pro12_magic .icon{
    padding-left: 64px;
}
.pro12_magic .icon .left{
    float: left;
    margin-right: 50px;
}
.pro12_magic .icon .titl{
    font-size: 18px;
    color: #666;
}
.pro12_magic .icon .valu{
    font-size: 50px;
    color: #333;
    padding:6px 0 24px;
}
.pro12_magic .icon .pics{}
.pro12_magic .icon .right{
    float: left;
}

/*7 pro12_want*/
.pro12_want{
    width: 100%;
    height:100%;
}
.pro12_want .txt{
    width: 600px;
    padding-left: 64px;
}
.pro12_want .txt .tit{
    padding-top: 86px;
}
.pro12_want .txt .desc{
    padding:56px 0 190px;
}
.pro12_want .pic{
    width: 1164px;
    margin:0 auto 250px;
}
/*8 pro12_digital*/
.pro12_digital{
    width: 100%;
    height:100%;
}
.pro12_digital .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_digital .txt .tit{
    padding-top: 70px;
}
.pro12_digital .txt .desc{
    padding:60px 0 70px;
}
/*9 pro12_report*/
.pro12_report{
    width: 100%;
    height:100%;
}
.pro12_report .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_report .txt .tit{
    padding-top: 200px;
}
.pro12_report .txt .desc{
    padding:40px 0 140px;
}
/* 10 pro12_support*/
.pro12_support{

}
.pro12_support .txt{
    width: 580px;
    padding-left: 64px;
}
.pro12_support .txt .tit{
    padding-top:250px;
}
.pro12_support .txt .desc{
    padding:50px 0;
}
.pro12_support .txt .pic{
    padding-bottom: 130px;
}


/*11 pro12_enjoyable*/
.pro12_enjoyable{
    width: 100%;
    height:1066px;
    background: url("/site/images/pro12-enjoyable-bg.jpg") no-repeat center;
}
.pro12_enjoyable .tit{
    font-size: 80px;
    color: #000;
    text-align: center;
    padding-top: 90px;
}
/*12 pro12_design*/
.pro12_design{
    width: 100%;
    height:100%;
}
.pro12_design .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_design .txt .tit{
    padding-top: 70px;
}
.pro12_design .txt .desc{
    padding:50px 0 60px; 
}
.pro12_design .pic{
    padding-bottom: 300px;
}
/*13 pro12_may*/
.pro12_may{
    width: 100%;
    height: 100%;
}
.pro12_may .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_may .txt .desc{
    padding:40px 0 70px;
}
.pro12_may .pic{
    padding-bottom: 100px;
}

/*14 pro12_touch*/
.pro12_touch{
    width: 100%;
    height:100%;
}
.pro12_touch .txt{
    width: 500px;
    padding-left: 64px;
}
.pro12_touch .txt .desc{
    padding:50px 0 70px;
}
.pro12_touch .pic img{
    margin-left: -160px;
}
/*15 pro12_stand*/
.pro12_stand{
    width: 100%;
    height:auto;
    padding-bottom: 100px;
    overflow:hidden;
    background-color:#f5f5f5; 
}
.pro12_stand .txt{
    float: left;
    width: 466px;
    padding:0 70px 0 64px;
}
.pro12_stand .txt .tit{
    padding-top: 100px;
}
.pro12_stand .txt .desc{
    padding:40px 0 110px;
}
.pro12_stand .txt .angle{
    font-size: 18px;
    color: #666;
}
.pro12_stand .txt span{
    display: inline-block;
    font-size: 24px;
    color: #333;
}
.pro12_stand .txt .left,
.pro12_stand .txt .right{
    float: left;
    width: 233px;
    height:80px;
    line-height: 80px;
    font-size: 50px;
    color: #333;
}
.pro12_stand .txt .nub{
    font-size: 50px;
    color: #333;
}
.pro12_stand .txt .right{}
.pro12_stand .pic{
    float: left;
    width: 600px;
    padding-top: 230px;
}
/*16 pro12_cable*/
.pro12_cable{
    width: 100%;
    height:100%;
}
.pro12_cable .txt{
    width: 540px;
    padding-left: 64px;
}
.pro12_cable .txt .tit{
    padding:92px 0 50px; 
}
.pro12_cable .txt .desc{
}
.pro12_cable .txt .pic{
    padding:0px 0 70px 260px;
}
/*kamvas pro12详情页结束*/


@media screen and (max-width: 1366px){
	.H-share-list ul li{
		    width: 288px;
	}
	.share-center{
		width:1200px;
		margin:0 auto;
	}
	.H-share-list{
		width:1200px;
		margin:0 auto;
	}
	.Be-careful-ico{
		left: 240px;
	}
	.Be-careful ol{
	    left: 270px;
    top: -24px;	
	}
}

@media screen and (max-width: 1400px){
    .desire-txt .txt{
        padding: 324px 0px 0 50px;
    }
    .wh1409-keys .right img,
    .h610pro-head .right  img,
    .wh1409-workflow .pic img{
        width: 90%;
    }

}
@media screen and (max-width: 766px){
    .wh1409-largest .right .img img{
        width: 100%;
    }
}
/*分享*/
#ClickMe {
	color: #FFF;
	margin:0 auto;
	cursor:pointer;
}
#goodcover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#codegood {
	width: 400px;
    height: 100px;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
	border-radius: 4px;
}
.close1 {
    background: #ccc;
    color: #fff;
    border-radius: 100%;
	float: right;
}
.close1 a{
	text-decoration:none;
	color: #fff;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
}
.close1 a:hover{
	background:#00bfd6;
	border-radius: 100%;
	width: 30px;
    height: 30px;
}

#closebt {
	float: right;
}
#closebt img {
	width: 20px;
}
.goodtxt {
	text-align: center;
}
.goodtxt p {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.copy-Url{
	float:left;
	margin: 8px 0 0 20px;
	
}
}
.box-163css input{ margin-left:10px; border:none; border:1px solid #a10000; background:#c00; text-align:center; height:24px; line-height:20px; color:#fff; cursor:pointer;}
#dvMsgBox{display:none;position:fixed;top: 80px!important;font-size:12px;width:300px;overflow:hidden;z-index:9999; border-radius:3px;}  
#dvMsgBox .dvMsgBox-tp{height:40px; background-color: #F8F8F8;padding-left:16px; float:left; width:100%;z-index:99999;}  
#dvMsgBox .dvMsgBox-tp .dvMsgBox-rt{height:100%;padding-right:6px;}  
#dvMsgBox .dvMsgBox-tp .dvMsgBox-rt .title{height:100%;line-height:40px;color:#333;vertical-align:middle;font-size:14px;overflow:hidden;}  
#dvMsgBox .dvMsgBox-body{background:#fff;padding-left:10px;}  
#dvMsgBox .dvMsgBox-body .dvMsgBox-rt{background:#fff;padding-right:2px;}  
#dvMsgBox .dvMsgBox-body {  
line-height: 60px;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  color:#333;
  font-size: 14px;}  
#dvMsgBox .dvMsgBox-body .dvMsgBox-rt .dvMsgBox-ct .dvMsgBox-pro{width:280px;border:solid 1px #6593cf;height:25px;background:#ffffff;line-height:23px;overflow:hidden;}  
#dvMsgBox .dvMsgBox-body .dvMsgBox-rt .dvMsgBox-ct .dvMsgBox-pro .dvMsgBox-bg{width:0%;height:100%;background:#c9dffc;}  
#dvMsgBox .bottom{background:#fff;padding-left:6px;}  
#dvMsgBox .bottom .dvMsgBox-rt{height:100%;/*background:transparent url(right-corners.png) no-repeat right bottom;*/padding-right:6px;}  
input.dvMsgBox-btn{width:56px;   border-radius: 3px; cursor:pointer; color:#fff; border:none; height:25px; text-align:center;  background-color: #1E9FFF;text-align:center; margin:0px auto;}  
input.btnfocus{ background-color:#4aaef8;  border-radius: 3px;width:56px;margin:0px auto; border:none; height:25px; cursor:pointer; color:#fff;}  
#dvMsgBox .dvMsgBox-icon{width:32px;height:32px;float:left;margin-right:10px;}   
#dvMsgBox .dvMsgBox-ht{height:10px;line-height:10px;}  
#ShowBolightBox{display:none;z-index:100;position:absolute;left:0px;top:0px;}
#dvMsgBtns{ text-align:center; width:100%;}

 /*----------------------------KAMVAS-HUB----------------------------*/
    .KamvasHead {
        width: 100%;
        background: url("/statics/hw/images/KAMVAS-HUB-bj.jpg") no-repeat center;
        height: 740px;
        background-size: 100% 100%;
    }

    .KamvasHead img {
        width: 100%;
    }

    .Tw1200 {
        width: 1200px;
        margin: 0 auto;

    }

    .KamvasMain {
        background: #fff;
    }

    .KamvasText h1 {
        padding: 190px 0 50px 0;
        color: #00a7c4;
        font-size: 36px;
        line-height: 45px;;
    }

    .KamvasText {
        width: 500px;
    }

    .KamvasText h2 {
        padding-bottom: 48px;
        font-size: 36px;
        color: #808080;
        line-height: 45px;
    }

    .KamvasText p {
        line-height: 24px;
        font-size: 16px;
        color: #808080;
    }

    .KamvasImgCp {
        position: relative;
        top: -266px;
        right: 97px;
    }

    .KamvasImgCp img {
        float: right;
    }

    .KamvasMain {
        position: relative;
    }

    .KamvasHub_list {
        width:1200px;
      	position: relative;
    	top: -108px;
    }

    .Hub_listTitle {
        padding: 0 0 0 120px;
        width: 800px;
        position: relative;
        top: -167px;
    }

    .Hub_listTitle p {
        font-size: 20px;
        line-height: 24px;
        color: #00a7c4;
    }
	
    .KamvasHub_list ul li {
         width: 372px;
        float: left;
        padding: 0 40px 0 20px;
        height: 227px;
        line-height: 66px;
        margin:0 46px;
        text-align: center;
        box-shadow: 0 0 10px #ccc;
    }

    .KamvasHub_list ul li span {
        font-size: 24px;
        color: #00a7c4;
        font-weight: bold;
       	margin: 28px 0 19px 0;
    }

    .KamvasHub_list ul li p {
        padding-top: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .KamvasHub_nr {
        background: url("/statics/hw/images/KAMVAS-HUB2.jpg") no-repeat center;
        height: 700px;
        float: left; 
    }

    .KamvasHub_nr span {
        width: 800px;
        margin: 0 auto;
        padding-top: 230px;
        line-height: 36px;
        font-size: 24px;
        color: #fff;
    }

    .KamvasHub_bt {

        text-align: center;
        float: left;
        padding: 120px 0 56px 0;
    }

    .KamvasHub_bt h3 {
        color: #00a7c4;
        font-size: 36px;
    }

    .KamvasHub_bt p {
        padding-top: 28px;
        font-size: 24px;
        color: #666666;
    }

    .KamvasHubContent_B, .KamvasHubContent_A {
        background: #fff;
        margin: 30px 0 30px 0;
        float: left;
        padding: 56px 0 56px 0;
    }

    .ALeft {
        padding-left: 50px;
        float: left;
        width: 750px;
    }

    .ARight {
        float: left;
        width: 400px;
    }

    .ARight p {
        padding-top: 104px;
        color: #666666;
        font-size: 18px;
        line-height: 27px;
    }

    .BLeft {
        float: left;
        width: 400px;
    }

    .BLeft p {
        padding-top: 104px;
        color: #666666;
        font-size: 18px;
        line-height: 27px;
        padding-left: 90px;
    }

    .BRight {
        padding-left: 50px;
        float: left;
        width: 750px;
    }

    .KamvasHubFooter {
        float: left;
        background: #fff;
        padding-bottom: 244px;

    }

    .column-part-list ul li{
        float:left;
        width: 440px;
        margin:80px 0 0 110px;
        overflow:hidden;
		height:450px;

    }
    .column-part-list ul li span {
    color:#666666;
    line-height: 27px;
        padding-top:28px;
		font-size:18px;
    }
    .column-part-list li img{
        transition: All 1s ease-in-out;
        -webkit-transition: All 1s ease-in-out;
        -moz-transition: All 1s ease-in-out;
        -o-transition: All 1s ease-in-out;

    }

    .column-part-list ul li img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        overflow: hidden;
        cursor:pointer;
    }
    .colorFFF{
        background: #fff!important;
    }
	    .KamvasHubFooterB_img2 img{
        position: relative;
        width: 1168px;
        height: 364px;
        text-align: center;
        top: -80px;
    }
	.KamvasHubFooterB_img1 img{
		width: 890px;
	   height: 532px;
		text-align: center;
		position: relative;
		top:-150px;
	}
    .KamvasHubFooterB{
        background: #9a9a9a;
        position: relative;
        text-align: center;

    }
    @media (max-width: 1299px){
        .BLeft,.ALeft{
            width: 100%;
            text-align: center;
            padding-left:0;

        }
       .BRight, .ARight{
            width: 100%;
            text-align: center;
           padding-left:0!important;
        }
       .BLeft p, .ARight p{
            padding: 5% 5% 5% 5%;
           text-align: center;
        }
      .ALeft img, .BRight img{
           width: 80%;
       }
        .Tw1200{
            width: 80%;
        }

        .KamvasHub_bt h3{
            font-size: 24px;
            padding: 5% 5% 0 5%;
        }
        .KamvasHub_bt p{
            font-size:18px;
            padding: 5% 5% 0 5%;
        }
        .KamvasHub_bt{
            padding: 60px 0 56px 0;
			width:100%!important;
        }
		 .KamvasHubContent_A{
            width: 100%!important;
        }
        .KamvasHub_nr span{
            width: 80%;
            font-size:18px;

        }
        .Hub_listTitle{
            width: 100%;
            padding-left:0;
        }
        .Hub_listTitle p{
            padding: 5% 5% 5% 120px;

        }
        .KamvasHub_nr{
            width: 100%!important;
        }

        .column-part-list ul li{
            width: 100%;
            margin: 80px 0 0 0;
        }
        .column-part-list ul li img{
            width: 80%;
        }
        .KamvasHubFooter{
            width:100%;
            background:#fff;
        }
        .KamvasHubContent_Bj{
            width: 100%;
            background: #fff;
        }
		        .KamvasHubFooterB_img1 img{
            width: 70%;
            height: auto;
        }
        .KamvasHubFooterB_img2 img{

            width: 100%;
            height: auto;
        }
		.KamvasImgCp{
			    top: -106px;
		}
		.KamvasImgCp img{
			width:70%!important;
		}
    }


/* 作品分类 */

/* tag */
.default-tag a,.default-tag a span,.plus-tag a,.plus-tag a em,.plus-tag-add a{background:url("/statics/hw/images/tagbg.png") no-repeat;}
.tagbtn a{color:#333333;display:block;float:left;height:22px;line-height:22px;overflow:hidden;margin:0 10px 10px 0;padding:0 10px 0 5px;white-space:nowrap;}
/* default-tag */
.default-tag{padding:16px 0 0 0;}
.default-tag a{background-position:100% 0;}
.default-tag a:hover{background-position:100% -22px;}
.default-tag a span{padding:0 0 0 8px;background-position:0 -60px;}
.default-tag a:hover span{background-position:0 -98px;}
.default-tag a.selected{opacity:0.6;filter:alpha(opacity=60);}
.default-tag a.selected:hover{background-position:100% 0;cursor:default;}
.default-tag a.selected:hover span{background-position:0 -60px;}
/* plus-tag */
.plus-tag{padding:0 0 10px 0;}
.plus-tag a{background-position:100% -22px;}
.plus-tag a span{float:left;}
.plus-tag a em{display:block;float:left;margin:5px 0 0 8px;width:13px;height:13px;overflow:hidden;background-position:-165px -100px;cursor:pointer;}
.plus-tag a:hover em{background-position:-168px -64px;}
/* plus-tag-add */
.plus-tag-add li{height:56px;position:relative;}
.plus-tag-add li .label{position:absolute;left:-110px;top:7px;display:block;}
.plus-tag-add button{float:left;}
.plus-tag-add a{float:left;margin:12px 0 0 20px;display:inline;font-size:18px;background-position:-289px -59px;padding:0 0 0 16px;}
.plus-tag-add a.plus{background-position:-289px -96px;}
.active-ab{ background:url("../images/tagbg.png") no-repeat 100% -22px!important;}
.work-theme-list label {
    width: 100%;
}

.delete_msg {
    float: right;
    margin: 0px 8px 10px 8px;
    background: url(/statics/hw/images/member-dustbin-icon.png) no-repeat;
    width: 24px;
    height: 24px;
}


/* container */
#container{
    position:relative;
    width:1400px;
    margin:0 auto 25px;
    padding-bottom: 10px;

}
.grid{
    width:264px;
    min-height:100px;
    padding:0 0 15px;
    background:#fff;
    margin:8px;
    float:left;
   /* box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
    border-bottom:1px solid #ccc;
    margin:10px 0;
    display:block;
    padding:0 0 5px;
    font-size:17px;
}
.grid .meta{
    text-align:right;
    color:#777;
    font-style:italic;
}
.grid .imgholder img{
    max-width:100%;
    background:#ccc;
    display:block;
}
.item-block{
   width: 206px;
   height: 44px;
   border: 1px solid #cacaca;
   float: right;
   margin-top: 12px;
   margin-right:12px;
}
.item-block img {
    width: 130px;
    float: right;
}



.item-block input{
	height:44px;
  	line-height:44px;
  	padding-left:10px;
}

.cp_swb{
	background:url("/statics/hw/images/swbjxbj.jpg")#fff no-repeat bottom!important;
}

.pj_swb{
	background:url("/statics/hw/images/swbpj.jpg")#fff no-repeat bottom!important;
}

 .cp_swp{
	background:url("/statics/hw/images/swp-pj-01.png")#fff no-repeat bottom!important;
}

.pj_swp{
	background:url("/statics/hw/images/swppj.jpg")#fff no-repeat bottom!important;
}
   


/*活动条颜色*/
#acivity_1{
    background:#25916f; 
}
#acivity_4{
    background: #138fbe;
}
#acivity_6{
    background: #3660b0;
}

/*增加support下拉菜单*/
/*.sub-menu .main-li2{
  	padding-left:0;
 	 width: 100%;
}
.H-list-ul .sub-menu li a{
  	color: #000;
}
.H-list-ul .sub-menu li a:hover{
  	background: #00bfd6;
  	color: #fff;
}
.H-nav{
  	position: relative;
}
.sub-menu{
    display: none;
    position: absolute;
    left: 51%;
    top:60px;
    border-right:1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom:1px solid #eee;
    min-width: 160px;
}
.sub-menu li{
 	border-bottom:1px solid #eee;
}*/
.top-menu{
  margin-left:50px;
}