/** *  Master Slider Sample Skin * * This file does not load by Masterslider and is just for those who wants  * to know how skin file is structured and let them to create their own custom skin * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name */





/* e60012 */



@font-face {

    font-family: 'DIN';

    src: url('../fonts/DIN.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



.ziti {

    font-family: 'DIN'!important;

}



.counsel,

.box_m {

    display: none!important;

    opacity: 0!important;

}



.wrap {

    width: 1400px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.wrap1200 {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.wrap1600 {

    width: 1600px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.m {

    margin: 0 auto;

}



.head_top {

    width: 100%;

    height: 100px;

    line-height: 100px;

    background-color: #fff;

    position: relative;

    z-index: 999;

}



.head_top .logo {

    padding-right: 15px;

    background: url(../images/top_xian.jpg) no-repeat right 30px;

}



.head_top h4 {

    font-size: 14px;

    color: #666;

    line-height: 22px;

    padding-top: 30px;

    margin-left: 15px;

}



.nav li>a {

    font-size: 16px;

    color: #333;

    padding: 0 20px;

}



.nav li {

    float: left;

}



.head_top h2 p {

    transition: 0.3s;

    font-size: 16px;

    color: #333;

    padding-left: 29px;

    background: url(../images/tel.png) no-repeat left center;

}



.head_top h2 {

    padding-left: 27px;

    padding-right: 18px;

    margin-left: 20px;

    background: url(../images/top_xian2.jpg) no-repeat left center;

}



.zhezhao {

    display: block;

    position: absolute;

    top: 0;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    z-index: 999;

}



.head_top h2:hover p {

    background: url(../images/tel_on.png) no-repeat left center;

    color: #e60012;

}



.head_top .wrap {

    overflow: inherit;

    position: inherit;

}



.head_top p .wx {

    position: relative;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    width: 16px;

    height: 14px;

    background: url(../images/top_xian2.jpg) no-repeat right center;

    padding: 0 15px;

}



.head_top p .weibo {

    position: relative;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    width: 20px;

    height: 15px;

    background: url(../images/top_xian2.jpg) no-repeat right center;

    padding: 0 15px;

}



.head_top p .wx .qr {

    position: absolute;

    left: 50%;

    bottom: -127px;

    width: 105px;

    height: 105px;

    margin-left: -48px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    z-index: 9999;

}



.head_top p .wx:hover .qr {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.head_top p .wx .icon-wx {

    width: 18px;

    height: 100%;

    background: url(../images/weixin.png) no-repeat center;

    vertical-align: top;

}



.head_top p .wx:hover .icon-wx {

    background: url(../images/weixin_on.png) no-repeat center;

}



.head_top p .weibo .icon-wx {

    width: 20px;

    height: 100%;

    background: url(../images/weibo.png) no-repeat center;

    vertical-align: top;

}



.head_top p .weibo:hover .icon-wx {

    background: url(../images/weibo_on.png) no-repeat center;

}



.head_top .fours {

    height: 100px;

    line-height: 100px;

    background: url(../images/top_xian2.jpg) no-repeat left center;

}



.head_top .fours img {

    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);

}



.navbox li {

    float: left;

    height: 100px;

    line-height: 100px;

    margin: 0 20px;

    position: relative;

}



.navbox li .js {

    margin-top: 35px;

    height: 30px;

    overflow: hidden;

}



.navbox li .js>a {

    text-align: center;

    color: #333;

    font-size: 16px;

    display: block;

    line-height: 32px;

    -webkit-transition: transform .5s;

    -ms-transition: transform .5s;

    transition: transform 0.5s;

}



.navbox li .js>a:after {

    content: attr(data-hover);

    color: #e60012;

    opacity: 0;

    -webkit-transition: opacity .3s;

    -ms-transition: opacity .3s;

    transition: opacity 0.3s;

}



.navbox li.active .js>a:after,

.navbox li:hover .js>a:after {

    opacity: 1;

}



.navbox li .js:hover>a {

    color: #666;

}



.navbox li .js>a span {

    opacity: 1;

    display: block;

    pointer-events: none;

    -webkit-transition: opacity .3s;

    transition: opacity 0.3s;

}



.navbox li .js:hover>a span {

    opacity: 0;

}



.navbox li.active .js>a,

.navbox li:hover .js>a {

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0);

}



.tnavbox {

    position: absolute;

    width: 160px;

    left: 50%;

    margin-left: -80px;

    top: 85%;

    height: 0;

    padding-top: 15px;

    /* display:none;*/

    text-align: center;

    z-index: 99999999;

}



.tnav {

    background: #fff;

    box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);

    padding: 20px 0 18px;

    transform: translateY(20px);

    -webkit-transform: translateY(20px);

    opacity: 0;

    visibility: hidden;

    transition: .5s;

    -webkit-transition: .5s;

}



.tnav a {

    display: block;

    color: #666;

    line-height: 35px;

    border-bottom: 1px solid transparent;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.tnav a:hover {

    color: #fff;

}



.tnav a:hover,

.tnav a.on {

    background: #1b1b1b;

    color: #fff;

}



.navbox li:hover .tnavbox {

    height: 100px;

}



.navbox li:hover .tnavbox .tnav {

    transform: translate(0);

    -webkit-transform: translate(0);

    opacity: 1;

    visibility: visible;

}



.navbox li .tnavbox i {

    position: absolute;

    width: 20px;

    height: 4px;

    background-color: #000;

    left: 50%;

    top: 0;

    margin-left: -10px;

}



.grzx_main1 {

    width: 100%;

    padding-top: 90px;

}



.grzx_main1 .wrap {

    padding-bottom: 65px;

    border-bottom: 1px solid #d6d6d6;

}



.grzx_main1_left {}



.grzx_main1_left h4 {

    padding-top: 20px;

    color: #666;

    font-size: 16px;

}



.grzx_main1_left .more {

    margin-top: 125px;

}



.title_h3 {

    line-height: 1;

    font-size: 30px;

    color: #000;

}



.title_h3 a {

    display: block;

    line-height: 1;

    font-size: 30px;

    color: #000;

}





/* .more{ font-size: 16px; color: #666; border-bottom: 1px solid #666; line-height: 30px; display: inline-block;}

.more:hover{ color: #e60012; border-bottom: 1px solid #e60012; }

 */



.more {

    display: inline-block;

    transition: 0.6s;

    border-bottom: 1px solid #c1c1c1;

    position: relative;

    margin-top: 20px;

    font-size: 16px;

    padding-bottom: 7px;

}



.more:hover {

    color: #e60012;

}



.more:before {

    content: "";

    width: 100%;

    height: 1px;

    background: #e60012;

    position: absolute;

    left: 0;

    bottom: -1px;

    transform-origin: 100%;

    -webkit-transform-origin: 100%;

    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);

    transition: -webkit-transform .32s cubic-bezier(.4, 0, .2, 1);

    transition: transform .6s cubic-bezier(.4, 0, .2, 1);

    transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);

    transform: scaleX(0);

    -webkit-transform: scaleX(0);

    visibility: hidden\9;

}



.more a,

.more span {

    position: relative;

    display: block;

    padding-right: 48px;

    padding-bottom: 18px;

    color: #666;

    line-height: 1;

    font-size: 16px;

    background: url(../images/arrow5.png) 68px top no-repeat;

    transition: 320ms;

}



.more:hover:before {

    transform: scaleX(1);

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    transform-origin: 0;

    -webkit-transform-origin: 0;

    visibility: visible\9;

}



.more:hover a,

.more:hover span {

    color: #e60012;

    background: url(../images/arrow6.png) right top no-repeat;

}



.grzx_main1_right {

    width: 805px;

}



.grzx_main1_right>p {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    margin-bottom: 55px;

}



.grzx_main2 {

    width: 100%;

    padding-top: 75px;

    padding-bottom: 285px;

}



.title_h4 {

    font-size: 16px;

    color: #999;

    text-transform: uppercase;

    padding-top: 5px;

    padding-bottom: 40px;

}



.grzx_main2 .wrap {

    border-bottom: 1px solid #d6d6d6;

    padding-bottom: 75px;

}



.grzx_main2_one {

    width: 100%;

    height: 490px;

    margin-bottom: 37px;

}



.grzx_main2_one_left {

    width: 30.8%;

    height: 490px;

    background-color: #333;

    padding-left: 6%;

    padding-right: 5%;

}



.grzx_main2_one_left h5 a {

    display: block;

    font-size: 26px;

    color: #f5f5f5;

    padding-top: 110px;

    line-height: 1;

}



.grzx_main2_one_left h6 {

    font-size: 18px;

    color: #f5f5f5;

    padding-top: 15px;

}



.grzx_main2_one_left p {

    font-size: 14px;

    color: #b8b8b8;

    padding-top: 40px;

    line-height: 30px;

}



.grzx_main2_one_left .more {

    color: #b8b8b8;

    margin-top: 90px;

    font-size: 14px;

}



.grzx_main2_one_left .more:hover {

    color: #fff;

}



.grzx_main2_one_left .more:before {

    background-color: #fff;

}



.grzx_main2_one .main_pic {

    height: 100%;

    width: 58.2%;

}



.list-wrap {

    display: block;

    width: 100%;

    height: 100%;

    position: relative;

    transition: all 0.3s ease 0.1s;

}



.list-wrap .up-graybox {

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: all 0.4s ease 0s;

    position: absolute;

    top: 0;

    left: 0;

}



.list-wrap .up-graybox .bgbox {

    display: block;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

}



.list-wrap:hover .up-graybox {

    opacity: 1;

}



.list-wrap .up-graybox .stit {

    font-size: 16px;

    line-height: 30px;

    width: 100%;

    text-align: center;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -15px;

    color: #fff;

}



.list-wrap .up-graybox .linet {

    top: 0;

}



.list-wrap .up-graybox .lineb {

    bottom: 0;

}



.list-wrap .up-graybox .line {

    display: inline-block;

    width: 100px;

    height: 1px;

    background-color: #f2f2f2;

    position: absolute;

    left: 50%;

    margin-left: -50px;

    transition: all 0.6s ease 0s;

}



.list-wrap .up-graybox:hover .line {

    width: 6px;

    margin-left: -3px;

    opacity: 0.6;

    filter: alpha(opacity=60);

}



.grzx_main2_two {

    width: 48.5%;

    margin-right: 3%;

}



.grzx_main2_two h5 a {

    display: block;

    font-size: 26px;

    color: #333;

    padding-bottom: 20px;

    padding-top: 30px;

}



.grzx_main2_two p {

    font-size: 18px;

    color: #666;

    margin-bottom: 15px;

}



.grzx_main3 {

    padding-top: 55px;

    width: 100%;

    background-color: #f5f5f5;

    padding-bottom: 60px;

}



.grzx_main3 .wrap {

    margin-top: -285px;

}



.case_ul {

    clear: both;

    width: 100%;

    text-align: left;

}



.case_div {

    width: 100%;

    height: 100px;

    background: #fff url(../images/case_xian.png) no-repeat;

    background-position: 81% 17px;

}



.case_ul li {

    width: 32.7%;

    margin-bottom: 0.9%;

    margin-right: 0.9%;

    display: inline-block;

    overflow: hidden;

}



.case_ul li:nth-child(3n) {

    margin-right: 0px;

}



.case_ul li .list-wrap {

    width: 100%;

}



.case_ul li .main_pic img {

    max-height: 320px;

}



.case_div h5 {

    overflow: hidden;

    padding-left: 9%;

    width: 72%;

    line-height: 23px;

    transition: 0.5s;

    padding-top: 27px;

    font-size: 16px;

    color: #444;

    text-align: left;

}



.case_div h5 span {

    font-size: 12px;

    color: #999;

    display: block;

    max-height: 22px;

    overflow: hidden;

}



.jiantou {

    width: 19%;

    height: 100px;

    background: url(../images/youjiantou.png) no-repeat 33px center;

    transition: 0.5s;

}



.case_ul li:hover .jiantou {

    background: url(../images/youjiantou_on.png) no-repeat 43px center;

}



.grzx_main3 .case_ul li {

    float: left;

    display: block;

}



.grzx_main4 {

    width: 100%;

    background: url(../images/grzx_bg1.jpg) no-repeat center;

    height: 497px;

}



.grzx_main4 .wrap {

    position: relative;

    height: 497px;

}



.grzx_main4_con {

    width: 675px;

    position: absolute;

    z-index: 3;

    top: 0;

    right: 0px;

}



.grzx_main4_con h3 {

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    line-height: 1;

    padding-bottom: 20px;

    padding-top: 97px;

    text-align: right;

}



.grzx_bg1 {

    z-index: 1;

    position: relative;

}



.grzx_main4_con h4 {

    font-size: 16px;

    line-height: 30px;

    text-align: right;

    color: #fff;

    padding-bottom: 50px;

}



.grzx_main4_con li {

    float: left;

    width: 102px;

    height: 29px;

    line-height: 29px;

    text-align: center;

    border: 1px solid #fff;

    border-radius: 15px;

    margin-right: 10px;

    margin-bottom: 10px;

    transition: 0.3s;

}



.grzx_main4_con li a {

    font-size: 12px;

    color: #fff;

}



.grzx_main4_con li:hover {

    background-color: #e60012;

    color: #fff;

    border: 1px solid #e60012;

}



.grzx_main4_con li:nth-child(6n) {

    margin-right: 0px;

}



.grzx_main4_con ul {

    text-align: right;

}



.grzx_main4_con_p {

    font-size: 16px;

    color: #fff;

    padding-left: 35px;

    background: url(../images/phone.png) no-repeat left center;

    margin-top: 60px;

    height: 22px;

    line-height: 22px;

}



.grzx_main4_con_p span {

    display: inline-block;

    padding-left: 32px;

    padding-top: 5px;

}



.grzx_main5 {

    padding-top: 50px;

}



.grzx_main6 {

    padding-top: 75px;

}



.news_ul {

    clear: both;

}



.news_ul li {

    float: left;

    width: 31.5%;

    margin-right: 2.75%;

}



.news_ul li:nth-child(3n) {

    margin-right: 0px;

}



.news_ul li h5 {

    text-align: left;

    font-size: 16px;

    color: #333;

    padding-top: 20px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.news_ul li .main_pic {

    width: 100%;

    position: relative;

}



.news_ul li .main_pic img {

    max-width: 100%;

    height: 250px;

}



.news_bg {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    transition: 0.5s;

}



.news_ul li:hover .news_bg {

    opacity: 1;

}



.news_ul li h6 {

    text-align: left;

    font-size: 14px;

    color: #666;

    margin-top: 15px;

    height: 70px;

    overflow: hidden;

}



.date {

    position: relative;

    width: 100%;

    height: 60px;

    line-height: 60px;

    border-top: 1px solid #e3e3e3;

}



.date span {

    transition: 0.5s;

    font-size: 14px;

    color: #999;

}



.date .more {

    border-bottom: 0;

    margin-top: 0px;

    color: #999;

}



.news_ul li:hover .main_pic img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.news_ul li:hover .date .more {

    color: #333;

    padding-right: 30px;

}



.news_ul li .date:after {

    position: absolute;

    display: block;

    width: 0;

    height: 1px;

    background: #333;

    content: "";

    left: 0;

    top: -1px;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.news_ul li:hover .date:after {

    width: 100%;

}



.grzx_main6 {

    padding-bottom: 150px;

}



.grzx_main6_con {

    clear: both;

}



.grzx_main6_con_title h5 {

    padding-left: 30px;

    padding-top: 10px;

    font-size: 24px;

    color: #fff;

    line-height: 30px;

    transition: 0.5s;

}



.grzx_main6_con_title h5 span {

    font-size: 14px;

    color: #fff;

    line-height: 40px;

}



.grzx_main6_con .main_pic {

    position: relative;

    width: 53.6%;

}



.grzx_main6_con_title {

    width: 100%;

    height: 100px;

    position: absolute;

    bottom: 0;

    left: 0;

    transition: 0.5s;

}



.grzx_main6_con .main_pic:hover .grzx_main6_con_title {

    background: rgba(0, 0, 0, 0.1);

}





/* .grzx_main6_con .main_pic:hover h5{ padding-left: 50px; } */



.new_ul2 {

    width: 43.5%;

}



.new_ul2 li {

    padding-left: 5%;

    padding-right: 5%;

    padding-bottom: 25px;

    padding-top: 35px;

    border-bottom: 1px solid #e8e8e8;

    transition: 0.5s;

}



.grzx_main6_con .main_pic:hover img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.new_ul2 li a {

    display: block;

}



.new_ul2 li .news_date {

    transition: 0.5s;

    text-align: center;

    font-size: 14px;

    color: #999;

    line-height: 30px;

    margin-right: 12%;

}



.new_ul2 li .news_date span {

    font-size: 60px;

    color: #333;

    display: inline-block;

    line-height: 1;

}



.new_ul2 li h5 {

    width: 73%;

    font-size: 18px;

    color: #333;

    margin-bottom: 10px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.new_ul2 li p {

    width: 73%;

    font-size: 14px;

    color: #999;

    line-height: 25px;

    height: 50px;

    overflow: hidden;

}



.new_ul2 li:hover .news_date {

    margin-right: 13%;

}



.new_ul2 li:nth-child(3n) {

    border-bottom: 0;

}



.footer {

    width: 100%;

    padding-top: 60px;

    background-color: #333;

    overflow: hidden;

}



.footer_bottom {

    height: 90px;

    line-height: 90px;

    border-top: 1px solid #494949;

    font-size: 14px;

    color: #999;

}



.footer_bottom a {

    padding-left: 10px;

    font-size: 14px;

    color: #999;

}



.footer_bottom a:hover {

    color: #e60012;

}



.footer_top {

    min-height: 285px;

}



.footer_top ul {

    margin-right: 10%;

}



.footer_top ul h3 {

    font-size: 16px;

    color: #fff;

    line-height: 1;

    padding-bottom: 15px;

}



.footer_top li a {

    font-size: 14px;

    color: #bfbfbf;

    line-height: 35px;

}



.footer_top li a:hover {

    color: #e60012;

    padding-left: 5px;

}



.foot_right p {

    font-size: 14px;

    color: #999;

    padding-bottom: 5px;

}



.foot_right h4 {

    font-size: 30px;

    line-height: 30px;

    color: #fff;

    padding-bottom: 25px;

    font-family: 'arial';

}



.foot_erweima {

    padding-right: 44px;

    border-right: 1px solid #484848;

    margin-right: 35px;

}



.ljzx {

    display: block;

    height: 30px;

    width: 60px;

    line-height: 30px;

    border-radius: 5px;

    border: 1px solid #b8b8b8;

    font-size: 14px;

    color: #b8b8b8;

    padding-left: 38px;

    padding-right: 16px;

    background: url(../images/ljzx_ico.png) no-repeat 10px center;

}



.ljzx:hover {

    color: #fff;

    border: 1px solid #e60012;

    background: #e60012 url(../images/ljzx_ico_on.png) no-repeat 10px center;

}



.list_case {

    background-color: #f5f5f5;

    width: 100%;

}



.grzx_list_case_top {

    position: relative;

    height: 640px;

}



.location_center {

    position: relative;

}



.location {

    height: 65px;

    line-height: 65px;

    width: 100%;

    position: relative;

}



.location_center {

    font-size: 14px;

    color: #999;

}



.location_center a:nth-child(2) {

    padding-left: 26px;

}



.shouye {

    position: absolute;

    left: 0;

    top: 22px;

}



.location_center a {

    font-size: 14px;

    color: #999;

    display: inline-block;

}



.location_center a:hover {

    color: #e60012;

}



.location_center span {

    display: block;

    float: left;

}



.shouye i {

    display: block;

    background: url(../images/shouye_ico.png) no-repeat center;

    width: 15px;

    height: 20px;

    margin-right: 10px;

    opacity: 0.5;

}



.shouye:hover i {

    background: url(../images/shouye_ico_on.png) no-repeat center;

    opacity: 1;

}



.location .fanhui {

    display: block;

    float: right;

    padding-left: 25px;

    background: url(../images/fanhui_ico.png) no-repeat left center;

    font-size: 14px;

    color: #999;

}



.location .fanhui:hover {

    color: #e60012;

    background: url(../images/fanhui_ico_on.png) no-repeat left center;

}



.show_case .location_center {

    line-height: 150px;

}



.show_case .location_center .shouye {

    top: 65px;

}



.list_case_center_top {

    height: 135px;

}



.list_case_center_top h3 {

    font-size: 30px;

    color: #333;

    line-height: 1;

    padding-top: 60px;

}



.list_case_center_top dl {

    margin-top: 62px;

    text-align: center;

}



.list_case_center_top dl dd {

    display: inline-block;

    margin: 0 12px;

}



.list_case_center_top dl dd a {

    border-bottom: 1px solid #999;

    padding-bottom: 3px;

    font-size: 14px;

    color: #999;

}



.list_case_center_top dl dd.on a {

    border-bottom: 1px solid #666;

    color: #666;

}



.list_case_center_top dl dd a:hover {

    border-bottom: 1px solid #666;

    color: #666;

}



.load_more1 {

    clear: both;

    display: block;

    width: 240px;

    height: 72px;

    line-height: 72px;

    text-align: center;

    background-color: #333;

    color: #fff;

    margin: 0 auto;

    margin-top: 90px;

    margin-bottom: 105px;

    font-size: 18px;

    transition: 0.5s;

    position: relative;

    overflow: hidden;

}





/* .load_more1:hover{ color: #fff; background-color: #e60012; } */



.load_more1::before {

    content: "";

    width: 100%;

    height: 100%;

    display: block;

    background-color: #e60012;

    position: absolute;

    left: -100%;

    top: 0;

    transition: 0.5s;

    z-index: -1;

}



.load_more1:hover::before {

    left: 0;

    opacity: 1;

}



.load_more1:hover {

    color: #fff;

}





/**************发展历程*************/



.history-wrap {

    /*background-color: #fff;*/

    padding-bottom: 100px;

}



.history-wrap .tit-box {

    text-align: center;

}



.history-wrap .tit-box h4 {

    font-size: 40px;

    line-height: 50px;

    font-family: "Base-font";

    color: #333;

}



.history-wrap .tit-box .st {

    font-size: 16px;

    line-height: 20px;

    color: #777;

}



.history-wrap .cent-wrap {

    width: 100%;

    margin: 72px auto 0;

    position: relative;

    padding-bottom: 100px;

}



.history-wrap .cent-wrap ul:after,

.history-wrap .cent-wrap li:after {

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    overflow: hidden;

    content: ".";

}



.history-wrap .cent-wrap ul,

.history-wrap .cent-wrap li {

    width: 100%;

}



.history-wrap .cent-wrap ul {

    position: relative;

    z-index: 2;

    padding-top: 1px;

}



.history-wrap .cent-wrap li {

    /*margin-top: 98px;*/

    margin-top: 60px;

    position: relative;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

}



.history-wrap .cent-wrap li .cont-box {

    width: 24%;

    text-align: right;

}



.history-wrap .cent-wrap li .year {

    font-size: 24px;

    line-height: 50px;

    color: #333;

}



.history-wrap .cent-wrap li .year b {

    font-weight: lighter;

    font-size: 48px;

    color: #000;

    padding-right: 5px;

    font-family: "Arial";

}



.history-wrap .cent-wrap li .word {

    font-size: 14px;

    line-height: 24px;

    margin-top: 10px;

    color: #666;

}



.history-wrap .cent-wrap li .img {

    display: block;

    width: 156px;

    height: 156px;

    border-radius: 50%;

    overflow: hidden;

}



.history-wrap .cent-wrap li .img img {

    width: 100%;

    height: auto;

}



.history-wrap .cent-wrap li:nth-child(odd) .img {

    float: right;

}



.history-wrap .cent-wrap li:nth-child(odd) .cont-box {

    float: right;

    margin-left: 40px;

    text-align: left;

}



.history-wrap .cent-wrap li:nth-child(even) .img {

    float: left;

}



.history-wrap .cent-wrap li:nth-child(even) .cont-box {

    float: left;

    margin-right: 40px;

    width: 24%;

    text-align: right;

}



.history-wrap .cent-wrap li .point {

    display: inline-block;

    width: 340px;

    height: 10px;

    position: absolute;

    left: 50%;

    margin-left: -171px;

    text-align: center;

    border-radius: 50%;

    top: 50%;

    margin-top: -5px;

}



.history-wrap .cent-wrap li:nth-child(odd) .point {

    background: url(../images/fzlc_bg_xian.jpg) no-repeat right;

}



.history-wrap .cent-wrap li:nth-child(even) .point {

    background: url(../images/fzlc_bg_xian.jpg) no-repeat left;

}



.history-wrap .cent-wrap li .point i {

    display: none;

    width: 10px;

    height: 10px;

    vertical-align: top;

    background-color: #5b5b5b;

    border-radius: 50%;

}



.history-wrap .cent-wrap li.show {

    opacity: 1;

}



.history-wrap .cent-wrap li.show .point i {

    display: inline-block;

}



.history-wrap .cent-line-box {

    width: 1px;

    height: 100%;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 1;

    margin-left: -1px;

}



.history-wrap .cent-line-box .line {

    display: block;

    width: 1px;

    height: 100%;

    background-color: #ccc;

}



.history-wrap .cent-line-box .point-t {

    display: inline-block;

    width: 20px;

    height: 19px;

    background: url(../images/fzlc_fei.png) no-repeat center;

    margin-left: -10px;

    position: absolute;

    top: -30px;

}



.history-wrap .cent-line-box .point-h {

    position: fixed;

    display: none;

    width: 10px;

    height: 10px;

    background-color: #000;

    left: 50%;

    border-radius: 50%;

    margin-left: -5px;

    top: 50%;

    margin-top: -5px;

}



.history-wrap .bot-tit {

    line-height: 36px;

    font-size: 14px;

    text-align: center;

    color: #999;

    background: url(../images/fzlc_bg_xian2.jpg) no-repeat top center;

}



.page_h3 {

    padding-top: 70px;

    font-size: 36px;

    color: #333;

    text-align: center;

}



.history-wrap>p {

    padding-top: 15px;

    font-size: 18px;

    color: #666;

    text-align: center;

}





/*  视差  */



.ins-ban {

    width: 100%;

    height: 600px;

    position: relative;

    overflow: hidden;

}



.ins-ban2 {

    width: 100%;

    height: 800px;

    position: relative;

    overflow: hidden;

    text-align: center;

    z-index: 2;

}



.fzlc_shicha {

    width: 100%;

    height: 808px;

    background: url(../images/fzlc_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.gsyj_shicha {

    width: 100%;

    height: 808px;

    background: url(../images/gsyj_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.gswh_shicha {

    width: 100%;

    height: 808px;

    background: url(../images/gswh_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.gsjj_shicha {

    width: 100%;

    height: 808px;

    background: url(../images/gsjj_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.wzjs_shicha {

    width: 100%;

    height: 1008px;

    background: url(../images/wzjs_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.ssyx_shicha {

    width: 100%;

    height: 1008px;

    background: url(../images/ssyx_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.qwyx_shicha {

    width: 100%;

    height: 1008px;

    background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.news_shicha {

    width: 100%;

    height: 808px;

    background: url(../images/news_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.case_shicha {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.lise_anli_shicha {

    width: 100%;

    height: 1008px;

    background: url(../images/qwyx_banner.jpg) no-repeat 50% 0px fixed;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}





/* banner */



@-webkit-keyframes ReturnToNormal {

    0% {

        -webkit-transform: scale(0.1, 1);

        -ms-transform: scale(0.1, 1);

        transform: translate: scale(0.1, 1);

    }

    100% {

        -webkit-transform: scaleX(1, 1);

        -ms-transform: scale(1, 1);

        transform: translate: scaleX(1, 1);

    }

}



@keyframes ReturnToNormal {

    0% {

        -webkit-transform: scale(0.1, 1);

        -ms-transform: scale(0.1, 1);

        transform: translate: scale(0.1, 1);

    }

    100% {

        -webkit-transform: scaleX(1, 1);

        -ms-transform: scale(1, 1);

        transform: translate: scaleX(1, 1);

    }

}



.banner {

    position: relative;

    overflow: hidden;

    height: 832px!important;

}



.banner .bannerbox li {

    height: 100%!important;

    line-height: 0;

    opacity: 0;

    transition: opacity 1300ms linear;

    -webkit-transition: opacity 1300ms linear;

    float: left;

}



.banner .slides {

    height: 100%!important;

}



.banner .bannerbox li video {}



.banner .bannerbox li a>img {

    line-height: 0;

    width: 105%!important;

    left: 0!important;

    height: auto!important;

    position: relative;

    transition: transform 5s ease;

    -webkit-transition: transform 5s ease;

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.banner .bannerbox li.imgIn {

    opacity: 1;

    z-index: 10;

    display: block;

}



.banner .bannerbox li.imgIn a>img {

    transform: matrix(1, 0, 0, 1, 0, 0);

    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

}



.bannerdown {

    width: 90px;

    height: 90px;

    position: absolute;

    left: 96px;

    bottom: 0;

    background: url(../images/radius.png) center no-repeat;

    background-size: cover;

    z-index: 10;

    cursor: pointer;

}



.bannerdown span {

    display: block;

    width: 11px;

    height: 35px;

    background: url(../images/arrow1.png) center no-repeat;

    position: absolute;

    left: 50%;

    margin-left: -5px;

    top: 27px;

    animation-delay: 0ms;

    animation-duration: 1500ms;

    animation-iteration-count: infinite;

    animation-name: arrow;

    animation-play-state: running;

    animation-timing-function: linear;

}



.banner .flex-direction-nav {

    width: 1400px;

    right: 50%;

    margin-right: -700px;

    bottom: 0;

    height: 85px;

    position: absolute;

    z-index: 50;

}



.banner .flex-direction-nav li a {

    display: block;

    width: 120px;

    height: 85px;

    text-align: center;

    overflow: hidden;

    position: absolute;

    bottom: 0px;

}



.banner .flex-direction-nav li a.flex-prev {

    right: 124px;

    background: #fff url(../images/banner_jiantou.png) center no-repeat;

}



.banner .flex-direction-nav li a.flex-next {

    right: 0px;

    background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;

}



.banner .flex-direction-nav li a.flex-prev:hover {

    background: #fff url(../images/banner_jiantou.png) 30px no-repeat;

}



.banner .flex-direction-nav li a.flex-next:hover {

    background: #e60012 url(../images/banner_jiantou_on2.png) 51px no-repeat;

}



@-webkit-keyframes arrow {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0px, 0px, 0px);

    }

    33% {

        opacity: 1;

    }

    66% {

        opacity: 1;

    }

    100% {

        opacity: 0;

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

    }

}



.whise {

    width: 100%;

    height: 44px;

    background: #fff;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 5;

}



.content {

    position: absolute;

    left: 50%;

    margin-left: -800px;

    top: 42%;

    height: 58%;

    z-index: 10;

    width: 850px;

    height: 140px;

    overflow: visible;

}



.content h3 {

    font-size: 48px;

    padding-left: 100px;

    color: #fff;

    line-height: 70px;

    letter-spacing: 2px;

}





/* .content-wr{ padding:45px 54px 0; height:195px;} */



.conlist {

    position: relative;

}



.conlist li {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

    transform: translateX(0) skewX(-30deg);

    -webkit-transform: translateX(0) skewX(-30deg);

    -moz-transform: translateX(0) skewX(-30deg);

}



.conlist li.on {

    opacity: 1;

    visibility: visible;

    transform: translateX(0) skewX(0);

    -webkit-transform: translateX(0) skewX(0);

    -moz-transform: translateX(0) skewX(0);

    transition: 788ms;

}



.conlist li h3 {

    color: #fff;

    font-size: 48px;

}



.conlist li p {

    color: #fff;

    font-size: 14px;

    height: 80px;

}



.conlist li a {

    display: inline-block;

    line-height: 1;

    color: #fff;

    padding-right: 20px;

    background: url(../images/arrow.png) right center no-repeat;

    position: relative;

}



.conlist li a:before {

    content: "";

    width: 0%;

    height: 1px;

    background: #fff;

    position: absolute;

    left: 0;

    bottom: -1px;

    transition: 300ms ease-in-out;

}



.conlist li a:hover {

    padding-right: 24px;

}



.conlist li a:hover:before {

    width: 100%;

}



.muble {

    height: 85px;

    position: relative;

    width: 60px;

    position: absolute;

    /*  right: 160px; bottom: 0px; */

    right: -385px;

    bottom: -343px;

}



.muble:before {

    content: "";

    width: 92.9%;

    height: 100%;

    background: url(../images/nuble.jpg) left center no-repeat;

    position: absolute;

    left: 0;

    bottom: 0;

}



.num {

    position: absolute;

    right: 0px;

    bottom: 10px;

}



.num b,

.num i {

    display: inline-block;

    float: left;

    color: #323232;

    font-size: 16px;

    line-height: 44px;

}



.num i {

    margin: 0 0px;

    line-height: 55px;

    color: #cacaca;

}



.num .defaul {

    color: #fff;

}



.num .total {

    color: #cacaca;

    padding-top: 15px;

}



.blogo {}



.blogo img {

    position: relative;

    z-index: 5;

}



.blogo i {

    display: block;

    width: 181px;

    height: 163px;

    background: url(../images/point.png) center no-repeat;

    position: absolute;

    right: 73px;

    bottom: 100px;

    transition: 320ms;

}



.flexbo {

    position: fixed;

    left: 85px;

    top: 26.5%;

    padding-right: 70px;

    padding-bottom: 22px;

    z-index: 10;

}



.lanmu {

    height: 95px;

    line-height: 95px;

    margin-top: -45px;

    position: relative;

    z-index: 99;

}



.lanmu .shouye {

    top: 37px;

}



.lanmu .wrap {

    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    background-color: #fff;

}



.lanmu .location_center {

    margin-right: 35px;

}



.lanmu ul {

    margin-left: 32px;

}



.lanmu li {

    padding-left: 17px;

    padding-right: 18px;

    float: left;

    background: url(../images/lanmu_li_bg.jpg) no-repeat right center;

}



.lanmu li:last-child {

    background: none;

}



.lanmu li a {

    font-size: 18px;

    color: #333;

}



.lanmu li a:hover {

    color: #e60012;

}



.lanmu li.on a {

    color: #e60012;

}



.grzx_grjj h3 {

    padding-bottom: 30px;

    padding-top: 50px;

    font-size: 30px;

    color: #333;

    text-align: left;

}



.grzx_grjj i {

    display: inline-block;

    margin-left: 50px;

    width: 80px;

    height: 2px;

    background-color: #ddd;

    margin-bottom: 10px;

}



.grzx_grjj p {

    font-size: 14px;

    line-height: 35px;

    color: #666;

    padding-bottom: 15px;

}



.grzx_about h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 50px;

}



.grzx_about_i {

    display: block;

    width: 1px;

    height: 90px;

    background-color: #ccc;

    margin: 0 auto;

    position: relative;

    z-index: 3;

}



.grzx_about .wrap {

    background: rgba(249, 249, 249, 0.8);

    z-index: 1;

    position: relative;

    margin-top: -30px;

    padding-bottom: 145px;

}



.grzx_about .wrap .jishuqi li {

    display: inline-block;

    float: inherit;

}



.grzx_about .wrap .jishuqi {

    text-align: center;

    padding-bottom: 55px;

    padding-top: 105px;

}



.grzx_about_p {

    font-size: 16px;

    line-height: 30px;

    text-align: center;

    color: #666;

}





/* .grzx_about{ padding-bottom: 435px; background: url(../images/gsjj_bg1.jpg) no-repeat bottom center; }

 */



.gsjj_about_main2 {

    margin-top: -113px;

    position: relative;

    z-index: 0;

}



.gsjj_about_main2 img {

    width: 100%;

}



.gsjj_about_main3 {

    margin-top: 85px;

    padding-bottom: 100px;

}



.gsjj_about_main3_one_left {

    width: 23.7%;

    height: 460px;

    padding-left: 5%;

    background-color: #ececec;

}



.gsjj_about_main3_one_left h3 {

    font-size: 30px;

    color: #333;

    padding-top: 105px;

    line-height: 1;

    padding-bottom: 30px;

}



.gsjj_about_main3_one_left p {

    font-size: 14px;

    color: #666;

    line-height: 25px;

}



.gsjj_about_main3_one_left h4 {

    line-height: 1;

    font-size: 48px;

    color: #333;

    padding-top: 80px;

    font-family: 'arial';

}



.gsjj_about_main3_one_left h4 span {

    color: #666;

    font-size: 14px;

}



.gsjj_about_main3_one .main_pic {

    width: 71.3%;

}



.gsjj_about_main3_one_left .mianji {

    color: #999;

}



.gsjj_about_main3_two .main_pic {

    width: 49.7%;

}



.gsjj_about_main3_two {

    margin-top: 0.6%;

    margin-bottom: 0.6%;

}



.gsjj_about_main4_two .main_pic {

    width: 49.7%;

}



.gsjj_about_main4_two {

    margin-top: 0.6%;

}



.gsjj_about_main3 img {

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

}



.gsjj_about_main3 .main_pic img:hover {

    filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.grzx_culture h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 85px;

}



.grzx_culture .page_h3 {

    padding-top: 120px;

}



.grzx_culture {

    height: 856px;

    background: url(../images/gswh_bg1.jpg) no-repeat center;

    margin-top: -50px;

}



.grzx_culture li {

    float: left;

    width: 25%;

    height: 163px;

    margin-right: 12.5%;

    margin-bottom: 80px;

    background: url(../images/gswh_li_bg.png) no-repeat bottom center;

}



.grzx_culture li:nth-child(3n) {

    margin-right: 0px;

}



.grzx_culture li h5 {

    text-align: center;

    font-size: 24px;

    color: #333;

    text-transform: uppercase;

    text-align: center;

    line-height: 1;

}



.grzx_culture li h6 {

    text-align: center;

    font-size: 24px;

    color: #333;

    text-transform: uppercase;

    text-align: center;

    line-height: 1;

    padding-top: 30px;

}



.grzx_culture li p {

    text-align: center;

    font-size: 16px;

    color: #333;

    text-transform: uppercase;

    text-align: center;

    line-height: 30px;

    padding-top: 15px;

}



.grzx_culture_main2 h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 70px;

}



.grzx_culture_main2 {

    padding-bottom: 100px;

}



.grzx_culture_main2 .main_pic:nth-child(1) {

    width: 63.5%;

}



.grzx_culture_main2 .main_pic:nth-child(2) {

    width: 36.4%;

}



.grzx_culture_main2 .main_pic:nth-child(3) {

    width: 33.29%;

}



.grzx_culture_main2 .main_pic:nth-child(4) {

    width: 33.28%;

}



.grzx_culture_main2 .main_pic:nth-child(5) {

    width: 33.29%;

}





/* .grzx_culture_main2 img{     filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%); }

.grzx_culture_main2 .main_pic img:hover{     filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%); -webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}

 

*/



.grzx_Vision {

    background: url(../images/gsyj_bg2.jpg) no-repeat bottom center;

}



.grzx_Vision .wrap {

    padding-bottom: 100px;

}



.grzx_Vision h4 {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 85px;

}



.grzx_Vision_one {

    width: 50%;

}



.grzx_Vision_one i {

    display: block;

    width: 100%;

    height: 1px;

    background-color: #d6d6d6;

    margin-top: 65px;

    margin-left: -14%;

    position: relative;

    z-index: 33;

}



.grzx_Vision_one h5 {

    font-size: 28px;

    color: #333;

    padding-top: 70px;

    padding-left: 14%;

    line-height: 1.3;

}



.grzx_Vision_one p {

    font-size: 16px;

    color: #666;

    padding-top: 30px;

    padding-left: 14%;

    line-height: 30px;

}



.grzx_Vision .wrap .main_pic {

    width: 50%;

}



.grzx_Vision_two {

    width: 100%;

    height: 450px;

    background-color: #f5f5f5;

}



.grzx_Vision_two .main_pic {

    width: 50%;

}



.grzx_Vision_two_con {

    width: 50%;

}



.grzx_Vision_two_con2 {

    width: 700px;

}



.grzx_Vision_two_con h5 {

    font-size: 28px;

    color: #333;

    padding-top: 70px;

    padding-right: 14%;

    line-height: 1.3;

}



.grzx_Vision_two_con p {

    font-size: 16px;

    color: #666;

    padding-top: 30px;

    padding-right: 14%;

    line-height: 30px;

}



.grzx_Vision_three h5 {

    padding-top: 145px;

}



.grzx_Vision_three {

    padding-top: 110px;

    padding-bottom: 125px;

}



.grzx_Vision_main3 {

    width: 100%;

    height: 707px;

    /* margin-bottom: 100px;  */

    background: url(../images/gsyj_bg1.jpg) no-repeat center;

}



.grzx_Vision_main3 h5 {

    font-size: 36px;

    color: #fff;

    line-height: 1;

    padding-top: 115px;

}



.grzx_Vision_main3 li h6 {

    font-size: 24px;

    color: #fff;

    padding-bottom: 15px;

}



.grzx_Vision_main3 li p {

    font-size: 16px;

    color: #a9aaab;

    line-height: 30px;

}



.grzx_Vision_main3 li {

    padding-left: 140px;

    width: 325px;

    margin-top: 95px;

}



.grzx_Vision_main3 li:nth-of-type(odd) {

    float: left;

    margin-left: 85px;

}



.grzx_Vision_main3 li:nth-of-type(even) {

    float: right;

    margin-right: 85px;

}



.grzx_Vision_main3 li:nth-child(1) {

    background: url(../images/gsyj_li_ico1.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(2) {

    background: url(../images/gsyj_li_ico2.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(3) {

    background: url(../images/gsyj_li_ico3.png) no-repeat left center;

}



.grzx_Vision_main3 li:nth-child(4) {

    background: url(../images/gsyj_li_ico4.png) no-repeat left center;

}



.grzx_contact {

    width: 100%;

    background-color: #f5f5f5;

    padding-bottom: 100px;

}



.grzx_contact_main1 h3 {

    font-size: 48px;

    text-transform: uppercase;

    color: #333;

    padding-top: 25px;

    padding-bottom: 5px;

    line-height: 1;

    text-align: center;

}



.grzx_contact_main1 h4 {

    font-size: 24px;

    color: #333;

    padding-bottom: 55px;

    text-align: center;

}



.grzx_contact_main1 .grzx_contact_main2 {

    height: 680px;

    margin-bottom: 40px;

    background-color: #fff;

    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

}



.grzx_contact_main1_right {

    width: 500px;

    overflow: hidden;

    height: 680px;

    position: relative;

}



.grzx_contact_main1_right img {

    filter: grayscale(70%);

    -webkit-filter: grayscale(70%);

    -moz-filter: grayscale(70%);

    -ms-filter: grayscale(70%);

    -o-filter: grayscale(70%);

    transition: .3s;

}



.grzx_contact_main1_right:hover img {

    filter: grayscale(0%);

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.grzx_contact_main1_right_con {

    position: absolute;

    top: 0;

    left: 0;

    transform: translateX(0%);

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    opacity: 1;

    transition: 0.8s;

}



.grzx_contact_main1_right_con p {

    font-size: 16px;

    color: #fff;

    padding-bottom: 20px;

    line-height: 30px;

    padding-left: 90px;

}



.grzx_contact_main1_right_con p:nth-child(1) {

    padding-top: 110px;

}



.grzx_contact_main1_right_con .ljdh {

    opacity: 0.9;

    display: block;

    width: 310px;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    background-color: #e60012;

    margin-left: 90px;

    margin-top: 205px;

    border-radius: 25px;

    text-align: center;

}



.grzx_contact_main1_right_con .ljdh:hover {

    opacity: 1;

}



.grzx_contact_main1_left {

    padding-left: 80px;

    padding-top: 95px;

}



.grzx_contact_main1_left h5 {

    font-size: 24px;

    color: #333;

    padding-bottom: 50px;

}



.grzx_contact_main1_left p {

    font-size: 16px;

    color: #666;

    line-height: 37px;

}



.grzx_contact_main1_left p span {

    display: inline-block;

    width: 32px;

}



.grzx_contact_main1_left ul {

    margin-top: 80px;

}



.grzx_contact_main1_left li {

    float: left;

    margin-right: 20px;

    transition: 0.3s;

}



.grzx_contact_main1_left li a {

    display: block;

    padding-left: 47px;

    width: 83px;

    height: 40px;

    line-height: 40px;

    border-radius: 25px;

    border: 1px solid #333;

    font-size: 16px;

    color: #333;

    background: url(../images/lianxi_ico1.png) no-repeat 16px center;

    transition: 0.3s;

}



.grzx_contact_main1_left li:hover a {

    color: #fff;

    border: 1px solid #e60012;

    background: #e60012 url(../images/lianxi_ico1_on.png) no-repeat 11px center;

}



.grzx_contact_main3 {

    height: 500px;

    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

}



.grzx_contact_main3_left {

    width: 44.6%;

    padding-left: 5%;

    height: 500px;

    padding-right: 8%;

    background-color: #fff;

    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

}



.grzx_contact_main3_left p {

    clear: both;

    display: block;

}



.grzx_contact_main3_left p span {

    display: block;

}



.grzx_contact_main3_left p .span_one {

    width: 45px;

}



.grzx_contact_main3_left p .span_two {

    width: 81%;

}



.grzx_contact_main3_left .span_three {

    padding-bottom: 40px;

}



.grzx_contact_main3_left h5 {

    font-size: 24px;

    color: #333;

    margin-top: 50px;

    padding-left: 45px;

    background: url(../images/lianxi_ico2.png) no-repeat left center;

    margin-bottom: 25px;

}



.grzx_contact_main3_left p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

}



.grzx_contact_main3_right {

    width: 41.7%;

}



.grzx_contact_main3_right_one {

    padding-left: 8%;

    padding-right: 6%;

    background-color: #fff;

    padding-top: 50px;

    height: 195px;

    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);

}



.grzx_contact_main3_right .m_b {

    margin-bottom: 1.7%;

}



.grzx_contact_main3_right_one h5 {

    font-size: 24px;

    color: #333;

    padding-left: 45px;

    background: url(../images/lianxi_ico4.png) no-repeat left center;

    margin-bottom: 25px;

}



.page2_h3 {

    text-align: center;

    font-size: 36px;

    color: #333;

    padding-bottom: 22px;

}



.page2_h4 {

    text-align: center;

    font-size: 18px;

    color: #666;

    line-height: 30px;

}



.page2_p {

    text-align: center;

    padding-top: 110px;

}



.grzx_contact_main3_right .m_b h5 {

    background: url(../images/lianxi_ico3.png) no-repeat left center;

}



.grzx_contact_main3_right_one p {

    font-size: 14px;

    color: #666;

    line-height: 30px;

}



.list_arcticle {

    padding-top: 65px;

    text-align: center;

}



.wzjs_main1 {

    padding-top: 85px;

}



.wzjs_main1 .page2_p {

    height: 553px;

    padding-top: 0px;

    margin-top: 110px;

    background: url(../images/wzjs_img1_2.png) no-repeat center;

    position: relative;

}



.wzjs_img11 {

    position: absolute;

    top: 75px;

    left: 50%;

    margin-left: -162px;

    z-index: 2;

}



.wzjs_main1 ul {

    width: 600px;

    height: 355px;

    position: relative;

    margin: 0 auto;

    margin-top: 15px;

    z-index: 3;

}



.wzjs_main1 li {

    position: absolute;

    font-size: 16px;

    color: #000;

}



.wzjs_main1 li:nth-child(1) {

    top: 135px;

    left: 60px;

}



.wzjs_main1 li:nth-child(2) {

    top: 45px;

    left: 365px;

}



.wzjs_main1 li:nth-child(3) {

    top: 310px;

    left: 170px;

}



.wzjs_main1 li:nth-child(4) {

    top: 190px;

    left: 475px;

}



.wzjs_main1 li:nth-child(5) {

    top: 320px;

    left: 375px;

}



.wzjs_main2 {

    padding-bottom: 145px;

}



.wzjs_main2 .page2_p {

    margin-top: 125px;

    background: url(../images/wzjs_img2_on.png) no-repeat center;

}



.wzjs_main3 {

    padding-top: 115px;

    height: 685px;

    background: url(../images/wzjs_img1.jpg) no-repeat center;

}



.wzjs_main3 .page2_h3 {

    color: #fff;

}



.wzjs_main3 .page2_h4 {

    color: #e1e1e1;

}



.wzjs_main3 .page2_p {

    padding-top: 220px;

}



.wzjs_main4 {

    padding-top: 110px;

}



.wzjs_main5 {

    padding-top: 110px;

    padding-bottom: 105px;

}



.idx-coop li {

    position: relative;

    width: 16.65%;

    overflow: hidden;

    height: 90px;

    float: left;

}



.idx-coop li::before {

    position: absolute;

    display: block;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #e60012;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1);

    transition: all .7s cubic-bezier(0.23, 1, .38, 1);

}



.idx-coop li .img {

    position: absolute;

    left: 50%;

    top: 0;

    width: 160px;

    height: 90px;

    margin-left: -80px;

    background: no-repeat center center;

    background-size: contain;

    -webkit-transition: all .7s;

    transition: all .7s;

}



.idx-coop li .after {

    left: 0;

    opacity: 0;

}



.idx-coop li:hover::before {

    -webkit-transform: scale(1);

    transform: scale(1);

}



.idx-coop li:hover .before {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.idx-coop li:hover .after {

    left: 50%;

    opacity: 1;

}



.idx-coop li:nth-child(1) .after {

    background: url(../images/kehu_anli1_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(1) .before {

    background: url(../images/kehu_anli1.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(2) .after {

    background: url(../images/kehu_anli2_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(2) .before {

    background: url(../images/kehu_anli2.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(3) .after {

    background: url(../images/kehu_anli3_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(3) .before {

    background: url(../images/kehu_anli3.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(4) .after {

    background: url(../images/kehu_anli4_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(4) .before {

    background: url(../images/kehu_anli4.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(5) .after {

    background: url(../images/kehu_anli5_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(5) .before {

    background: url(../images/kehu_anli5.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(6) .after {

    background: url(../images/kehu_anli6_on.png) no-repeat center;

    background-size: 100%;

}



.idx-coop li:nth-child(6) .before {

    background: url(../images/kehu_anli6.png) no-repeat center;

    background-size: 100%;

}



.wzjs_main5 .page2_h4 {

    padding-bottom: 55px;

}



.dzzs {

    display: block;

    margin: 0 auto;

    width: 265px;

    height: 69px;

    line-height: 69px;

    font-size: 18px;

    color: #333;

    margin-top: 135px;

    text-align: center;

    border: 1px solid #aeaeae;

    position: relative;

    overflow: hidden;

    transition: 0.5s;

}



.dzzs span {

    display: inline-block;

    padding-left: 35px;

    font-family: 宋体;

}



.dzzs::before {

    content: "";

    width: 100%;

    height: 100%;

    display: block;

    background-color: #e60012;

    position: absolute;

    left: -100%;

    top: 0;

    transition: 0.5s;

    z-index: -1;

}



.dzzs:hover::before {

    left: 0;

    opacity: 1;

}



.dzzs:hover {

    border: 1px solid #e60012;

    color: #fff;

}



.ssyx_box {

    width: 100%;

    background-color: #f0f0f0;

    position: relative;

    z-index: 0;

}



.xxjj {

    width: 103px;

    display: block;

    height: 30px;

    line-height: 30px;

    margin: 0 auto;

    margin-top: 30px;

}



.xxjj span {

    display: inline-block;

    font-family: 宋体;

    padding-right: 0px;

    margin-left: 10px;

}



.ssyx_box .wrap {

    overflow: inherit;

    padding: 0 100px;

    background-color: #fff;

}



@media(max-width:1600px) {

    .ssyx_box .wrap {

        padding: 0 50px;

    }

}



@media(max-width:1300px) {

    .ssyx_box .wrap {

        padding: 0 0px;

    }

}



.ssyx_box .ssyx_main1 {

    padding-top: 90px;

    padding-bottom: 105px;

    margin-top: -75px;

    margin-bottom: 10px;

    position: relative;

    z-index: 3;

}



.ssyx_box .ssyx_main1 .main_pic {

    margin-top: 70px;

}



.ssyx_box .ssyx_main2 {

    padding-top: 75px;

    padding-bottom: 110px;

    margin-bottom: 10px;

}



.ssyx_box .ssyx_main2 .page2_h4 {

    padding-bottom: 85px;

}



.ssyx_main2_con {

    height: 570px;

    width: 890px;

    background: url(../images/ssyx_ico_bg5.png) no-repeat center;

    margin: 0 auto;

    position: relative;

}



.ssyx_main2_con .ssyx_p {

    font-size: 18px;

    color: #666;

    text-align: center;

}



.ssyx_main2_con .ssyx_p_one {

    position: absolute;

    width: 200px;

    line-height: 25px;

    left: 50%;

    margin-left: -100px;

    top: 0;

}



.ssyx_main2_con .ssyx_p_two {

    position: absolute;

    width: 200px;

    line-height: 25px;

    left: 50%;

    margin-left: -100px;

    bottom: 0;

}



.ssyx_main2_con h5 {

    text-align: center;

    padding-top: 210px;

    font-size: 36px;

    color: #333;

    font-weight: bold;

    line-height: 1.4;

}



.ssyx_main2_con h6 {

    text-align: center;

    padding-top: 10px;

    font-size: 18px;

    color: #999;

    line-height: 25px;

    text-transform: uppercase;

}



.ssyx_main2_con .ssyx_p2 {

    position: absolute;

    width: 200px;

    height: 90px;

    font-size: 18px;

    color: #fff;

    text-align: center;

}



.ssyx_main2_con .ssyx_p2 span {

    display: inline-block;

    line-height: 25px;

    padding-top: 15px;

}



.ssyx_main2_con .ssyx_p_three {

    left: 50px;

    top: 85px;

    background: url(../images/ssyx_ico_bg1.png) no-repeat center;

}



.ssyx_main2_con .ssyx_p_five {

    left: 50px;

    top: 305px;

    background: url(../images/ssyx_ico_bg3.png) no-repeat center;

}



.ssyx_main2_con .ssyx_p_four {

    right: 50px;

    top: 85px;

    background: url(../images/ssyx_ico_bg2.png) no-repeat center;

}



.ssyx_main2_con .ssyx_p_six {

    right: 50px;

    top: 305px;

    background: url(../images/ssyx_ico_bg4.png) no-repeat center;

}



.ssyx_main2_con .ssyx_p_three span {

    margin-left: -10px;

}



.ssyx_main2_con .ssyx_p_five span {

    margin-left: -10px;

}



.ssyx_main2_con .ssyx_p_four span {

    margin-right: -10px;

}



.ssyx_main2_con .ssyx_p_six span {

    margin-right: -10px;

}



.ssyx_box .ssyx_main3 {

    padding-top: 75px;

    padding-bottom: 85px;

    margin-bottom: 10px;

}



.ssyx_main3_con {

    width: 1035px;

    margin: 0 auto;

    height: 630px;

    background: url(../images/ssyx_ico_bg6.png) no-repeat bottom left;

    position: relative;

}



.ssyx_box .ssyx_main3 .page2_h4 {

    padding-bottom: 90px;

}



.ssyx_main3_con h5 {

    font-size: 48px;

    color: #1cc312;

    font-weight: bold;

    text-align: center;

}



.ssyx_ul3 {

    position: absolute;

    left: 0px;

    top: 110px;

}



.ssyx_ul3 li {

    font-size: 18px;

    color: #666;

    padding-bottom: 65px;

}



.ssyx_ul3 li:nth-child(1) {

    padding-left: 60px;

}



.ssyx_ul3 li:nth-child(2) {

    padding-left: 135px;

    padding-bottom: 60px;

}



.ssyx_ul3 li:nth-child(3) {

    padding-left: 190px;

}



.ssyx_ul3 li:nth-child(4) {

    padding-left: 220px;

    padding-bottom: 75px;

}



.ssyx_ul3 li:nth-child(5) {

    padding-left: 270px;

}



.ssyx_ul4 {

    width: 456px;

    text-align: center;

    position: absolute;

    left: 275px;

    top: 100px;

}



.ssyx_ul4 li {

    font-size: 24px;

    color: #fff;

    padding-bottom: 55px;

}



.ssyx_box .ssyx_main4 {

    padding-top: 75px;

    padding-bottom: 105px;

}



.ssyx_box .ssyx_main4 .page2_h4 {

    padding-bottom: 135px;

}



.ssyx_img2 {

    margin: 0 auto;

    width: 577px;

    height: 116px;

    text-align: center;

    position: relative;

    background: url(../images/ssyx_img2.jpg) no-repeat center;

    margin-bottom: 35px;

}



.ssyx_ico_bg7 {

    position: absolute;

    top: 0;

    right: 0;

}



.ssyx_box .ssyx_main4 .dzzs {

    width: 295px;

}



.qwyx_main1 {

    width: 100%;

    margin-top: 120px;

    margin-bottom: 145px;

}



.qwyx_main1_l {

    width: 44%;

}



.qwyx_main1 .main_pic {

    width: 56%;

}



.qwyx_h3 {

    font-size: 48px;

    color: #1c1d1f;

    line-height: 1.3;

    padding-left: 35px;

    padding-top: 24%;

}



.qwyx_h4 {

    width: 66%;

    font-size: 18px;

    color: #666;

    line-height: 35px;

    padding-left: 35px;

    padding-top: 5%;

}



.qwyx_main2 {

    margin-bottom: 155px;

}



.qwyx_main2 .main_pic {

    position: relative;

}



.qwyx_main2_con {

    position: absolute;

    right: 190px;

    top: 0;

    width: 400px;

}



.qwyx_main2_con .qwyx_h3 {

    padding-left: 0px;

    padding-top: 46%;

    color: #333;

}



.qwyx_main2_con .qwyx_h4 {

    padding-left: 0px;

    padding-top: 40px;

    color: #444;

    width: 100%;

}



.qwyx_main2_con p {

    padding-top: 80px;

}



.qwyx_main2_con p:hover img {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.qwyx_main3 {

    margin-bottom: 160px;

}



.qwyx_main3 .qwyx_main3_con {

    height: 100%;

    position: absolute;

    top: 85px;

    width: 755px;

    background-color: #fff;

    z-index: 2;

}



.qwyx_main3 .qwyx_main3_con .qwyx_h3 {

    margin-left: 100px;

    padding-left: 0px;

    padding-top: 130px;

}



.qwyx_main3 .qwyx_main3_con .qwyx_h4 {

    margin-left: 100px;

    padding-left: 0px;

    padding-top: 30px;

    padding-bottom: 120px;

    border-bottom: 1px solid #e3e3e3;

    width: 425px;

}



.qwyx_main3 .qwyx_main3_con p {

    margin-left: 100px;

    font-size: 14px;

    color: #999;

    line-height: 30px;

    padding-top: 20px;

}



.qwyx_main4_con {

    width: 25%;

    padding-left: 10%;

}



.qwyx_main4_con .qwyx_h3 {

    padding-left: 0px;

    padding-top: 125px;

}



.qwyx_main4_con .qwyx_h4 {

    padding-left: 0px;

    padding-top: 30px;

    width: 100%;

    padding-bottom: 55px;

    border-bottom: 1px solid #e3e3e3;

    margin-bottom: 65px;

}



.qwyx_main4 {

    margin-bottom: 145px;

}



.qwyx_main4 .main_pic {

    width: 57%;

}



.qwyx_main5 {

    margin-bottom: 135px;

}



.qwyx_main5 .main_pic {

    width: 57%;

}



.qwyx_main5 .qwyx_main5_con {

    width: 26.5%;

}



.qwyx_main5_con .qwyx_h3 {

    padding-left: 0px;

}



.qwyx_main5_con .qwyx_h4 {

    padding-left: 0px;

    width: 100%;

    padding-top: 40px;

    margin-bottom: 105px;

}



.qwyx_main5_con p {

    font-size: 14px;

    color: #999;

    line-height: 22px;

    padding-top: 35px;

    width: 320px;

    border-top: 1px solid #e3e3e3;

}



.qwyx_main6 {

    width: 100%;

    background-color: #f2f2f2;

    padding-bottom: 130px;

}



.qwyx_main6 h3 {

    color: #333;

    padding-top: 110px;

    padding-bottom: 105px;

    text-align: center;

}



.qwyx_main6 li {

    width: 29.8%;

    margin-right: 5.3%;

    float: left;

}



.qwyx_main6 li:nth-child(3n) {

    margin-right: 0px;

}



.qwyx_main6 li h5 {

    width: 100%;

    height: 153px;

    background-color: #fff;

    text-align: center;

}



.qwyx_main6 li h5 span {

    font-size: 24px;

    color: #333;

    line-height: 35px;

    padding-top: 42px;

    display: inline-block;

}



.qwyx_main7 .qwyx_h3 {

    padding-left: 0px;

    padding-top: 100px;

    text-align: center;

    color: #333;

}



.qwyx_main7 .qwyx_h4 {

    padding-left: 0px;

    width: 100%;

    text-align: center;

    padding-top: 20px;

    padding-bottom: 75px;

}





/* 3D标签云 */



.wrapper {

    width: 1200px;

    height: 300px!important;

    margin: 0 auto;

}



.wrapper p {

    padding-top: 150px;

    line-height: 27px;

    color: #999;

    font-size: 14px;

    text-align: center;

}



.tagcloud {

    position: relative;

    min-width: 400px!important;

}



.tagcloud a {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    padding: 10px 20px;

    color: #333;

    font-size: 14px;

    border-radius: 20px;

    background-color: #f2f2f2;

    text-decoration: none;

    white-space: nowrap;

    -o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

    -ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

    -moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

    -webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

    box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);

    transition: 0s;

    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";

    /*兼容ie7/8*/

    filter: progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);

    /*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/

}



.tagcloud a:hover {

    color: #e60012;

}





/* 小屏侧边栏导航 */



.menu-handler {

    width: 66px;

    right: 0;

    top: 0px;

    height: 54px;

    display: none;

    cursor: pointer;

    background-color: #000;

    position: absolute;

    z-index: 99999;

}



.menu-handler span {

    position: relative;

    display: block;

    margin: 26px auto 0;

    width: 22px;

    height: 2px;

    -webkit-transition-duration: .3s, .3s;

    -moz-transition-duration: .3s, .3s;

    -ms-transition-duration: .3s, .3s;

    -o-transition-duration: .3s, .3s;

    transition-duration: .3s, .3s;

    -webkit-transition-delay: .3s, 0s;

    -moz-transition-delay: .3s, 0s;

    -ms-transition-delay: .3s, 0s;

    -o-transition-delay: .3s, 0s;

    transition-delay: .3s, 0s;

}



.menu-handler span:after,

.menu-handler span:before {

    content: "";

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 2px;

    left: 0;

    background-color: #fff;

    -webkit-transition-duration: .3s, .3s;

    -moz-transition-duration: .3s, .3s;

    -ms-transition-duration: .3s, .3s;

    -o-transition-duration: .3s, .3s;

    transition-duration: .3s, .3s;

    -webkit-transition-delay: .3s, 0s;

    -moz-transition-delay: .3s, 0s;

    -ms-transition-delay: .3s, 0s;

    -o-transition-delay: .3s, 0s;

    transition-delay: .3s, 0s

}



.menu-handler span:before {

    top: -6px;

    -webkit-transition-property: top, transform;

    -moz-transition-property: top, transform;

    -ms-transition-property: top, transform;

    -o-transition-property: top, transform;

    transition-property: top, transform;

}



.menu-handler span:after {

    bottom: -6px;

    -webkit-transition-property: bottom, transform;

    -moz-transition-property: bottom, transform;

    -ms-transition-property: bottom, transform;

    -o-transition-property: bottom, transform;

    transition-property: bottom, transform;

}



.menu-handler.active span {

    background-color: transparent;

    -webkit-transition-delay: 0s, 0s;

    -moz-transition-delay: 0s, 0s;

    -ms-transition-delay: 0s, 0s;

    -o-transition-delay: 0s, 0s;

    transition-delay: 0s, 0s

}



.menu-handler.active span:after,

.menu-handler.active span:before {

    -webkit-transition-delay: 0s, .3s;

    -moz-transition-delay: 0s, .3s;

    -ms-transition-delay: 0s, .3s;

    -o-transition-delay: 0s, .3s;

    transition-delay: 0s, .3s

}



.menu-handler.active span:before {

    top: 0;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg)

}



.menu-handler.active span:after {

    bottom: 0;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



.menuBox a:link,

.menuBox a:visited {

    color: #fff;

}



.menuBox a:active,

.menuBox a:hover {

    color: #fff;

}



.menuBox {

    background-color: #444;

    color: #fff;

    position: fixed;

    display: none;

    right: 0px;

    top: 0px;

    height: 100%;

    height: 100vh;

    overflow-x: hidden;

    overflow-y: auto;

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-overflow-scrolling: touch;

    width: 400px;

    z-index: 980;

    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);

    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);

    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);

    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);

    transition: all .5s cubic-bezier(.25, .46, .45, .94);

}



.menuMoblie {

    padding: 80px 0px 100px;

}



.menuMoblie .nav-link {

    display: block;

    font-size: 16px;

    padding: 12px 12%;

    position: relative;

}



.menuMoblie .nav-link.cur {

    background-color: #333;

}



.menuMoblie .subnav {

    background-color: #666;

    padding: 10px 0px;

    display: none;

}



.menuMoblie .subnav a {

    position: relative;

    display: block;

    padding: 12px 12%;

    line-height: 1.4;

}



.pusher-black {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0px;

    top: 0px;

    background-color: rgba(0, 0, 0, 0.4);

    z-index: 900;

    visibility: hidden;

    filter: alpha(Opacity=0);

    opacity: 0;

    -webkit-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;

    -moz-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;

    -ms-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;

    -o-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;

    transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;

}



.menuOpen .pusher-black {

    visibility: visible;

    filter: alpha(enabled=false);

    /* opacity:1;*/

}



.menuOpen .menuBox {

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.pusher {

    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;

    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;

}



.menuOpen .pusher {

    /* transform:translateX(-26%);*/

    -webkit-transform: translateX(-26%);

    /* transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/

    /* -webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/

}



.show_case {

    width: 100%;

    background-color: #f0f0f0;

    padding-bottom: 100px;

    position: relative;

}



.show_case_top {

    height: 150px;

    line-height: 150px;

}



.show_case_top li a {

    font-size: 24px;

    color: #666;

}



.show_case_top li a:hover {

    color: #e60012;

}



.show_case_top li.on a {

    color: #e60012;

}



.show_case_top li {

    font-size: 24px;

    color: #666;

    float: left;

}



.show_case_top li span {

    display: inline-block;

    margin: 0 25px;

}



.show_case_top li:last-child span {

    display: none;

}



.show_case_h3 {

    font-size: 30px;

    color: #333;

    padding-top: 60px;

    padding-bottom: 40px;

}



.xmbj_con p {

    font-family: 微软雅黑!important;

    font-size: 16px;

    color: #666;

    line-height: 35px;

}



.khsq_con p {

    font-family: 微软雅黑!important;

    font-size: 16px;

    color: #666;

    padding-bottom: 15px;

    line-height: 25px!important;

    margin: 0!important;

}



.xmbj_con p span {

    font-family: 微软雅黑!important;

}



.khsq_con p span {

    font-family: 微软雅黑!important;

}



.show_case_main3_con {

    font-family: 微软雅黑!important;

}



.show_case_main3_con p span {

    font-family: 微软雅黑!important;

}



.xmbj {

    width: 35%;

    padding-left: 5%;

    padding-right: 10%;

}



.khsq {

    width: 35%;

    padding-left: 5%;

    padding-right: 10%;

}



.khsq {

    background-color: #f5f5f5;

}



.xmbj {

    background-color: #fff;

}



.p_b_100 {

    padding-bottom: 100px;

}



.show_case_main1 .wrap1600 {

    background-color: #f5f5f5;

}



.link-ico {

    display: block;

    width: 43px;

    height: 43px;

    border-radius: 50%;

    border: 1px solid rgba(0, 0, 0, 0.4);

    cursor: pointer;

    margin-top: 115px;

    position: relative;

    overflow: hidden;

    transition: all 0.3s ease 0s;

    transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;

}



.link-ico .bg {

    display: block;

    width: 0;

    height: 0;

    left: 50%;

    top: 50%;

    transition: all 0.3s ease 0s;

    position: absolute;

    border-radius: 50%;

    overflow: hidden;

}



.link-ico i {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    background: url(../images/ico_25.png) no-repeat center;

    transition: all 0.3s ease 0s;

}



.link-ico:hover {

    background-color: #000;

    border: 1px solid #000;

}



.link-ico:hover i {

    background: url(../images/ico_25_on.png) no-repeat center;

}



.link-ico:hover .bg {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #000;

}



.show_case_main2 .wrap1600 {

    background-color: #fff;

}



.show_case_main2_con {

    width: 90%;

    padding: 0 5%;

    padding-bottom: 100px;

}



.yxsk_one {

    margin-bottom: 2%;

    float: left;

    width: 41%;

    background-color: #333;

    text-align: center;

    padding: 50px 3%;

}



.yxsk_one p {

    line-height: 30px;

    font-size: 18px;

    color: #fff;

}



.show_case_main2 .wrap1600 .yxsk_one:nth-of-type(odd) {

    margin-right: 2%;

}



.show_case_main3 .wrap1600 {

    background-color: #fff;

}



.show_case_main3_con {

    width: 90%;

    padding: 0 5%;

    padding-bottom: 100px;

}



.m_b_20 {

    margin-bottom: 20px;

}



.show_case_main3_con li {

    margin-bottom: 45px;

    padding-bottom: 45px;

    border-bottom: 1px dashed #e2e2e2;

    min-height: 65px;

}



.show_case_main3_con li .time {

    font-size: 72px;

    color: #333;

    display: inline-block;

    border-right: 1px solid #e0e0e0;

    padding-right: 40px;

    margin-right: 35px;

    line-height: 0.9;

}



.show_case_main3_con li h4 {

    font-size: 20px;

    color: #333;

    padding-bottom: 15px;

}



.show_case_main3_con li p {

    font-size: 14px;

    color: #666;

}



.show_case_main3_con li .celue {

    width: 85%;

}



.show_case_main3_con .show_case_h3 {

    padding-bottom: 60px;

}



.show_case_main3_con li:last-child {

    margin-bottom: 0px;

}



.show_case_main4_con li {

    float: left;

    margin-right: 7%;

    width: 13.5%;

    text-align: center;

}



.show_case_main4_con li:last-child {

    margin-right: 0px;

}



.show_case_main4_con li h5 {

    font-size: 18px;

    color: #333;

    padding-bottom: 20px;

    border-bottom: 1px solid #d1d1d1;

}



.show_case_main4_con li h4 {

    font-size: 48px;

    color: #333;

    border-bottom: 1px solid #d1d1d1;

    line-height: 75px;

}



.show_case_main4_con li p {

    font-size: 14px;

    color: #333;

    padding-top: 20px;

}



.show_case_main4_con .show_case_h3 {

    padding-bottom: 60px;

}



.show_case_main4_con p {

    line-height: 30px;

}



.show_case_main4 .wrap1600 {

    background-color: #fff;

}



.show_case_main4_con {

    width: 90%;

    padding: 0 5%;

    padding-bottom: 100px;

}



.show_case_con {

    display: none;

}



.show_case_con.on {

    display: block;

}



.show_case_img img {

    max-width: 100%;

}



.show_case_img {

    text-align: center;

}





/* 百搜百应 案例详情 */



.bsby_case_l_cont {

    margin-left: 70px;

    padding-top: 35px;

}



.bsby_img1 {

    height: 153px;

    line-height: 153px;

}



.bsby_case_l_cont h5 {

    font-size: 16px;

    color: #333;

    padding-bottom: 10px;

}



.bsby_case_l_cont p {

    font-size: 14px;

    color: #666;

    padding-bottom: 10px;

}



.bsby_main1 {

    width: 100%;

    background-color: #fff;

    height: 155px;

}



.bsby_case_l_cont p img {

    margin-top: -3px;

    margin-right: 5px;

}



.bsby_case_l_cont p strong {

    font-weight: lighter;

    padding-right: 20px;

}



.bsby_main1 .link-ico {

    margin-top: 43px;

}



.bsby_main2 {

    background-color: #f0f0f0;

    padding-top: 85px;

    padding-bottom: 90px;

}



.bsby_main2_l p {

    font-family: 微软雅黑!important;

    line-height: 35px;

    color: #666;

    font-size: 16px;

}



.bsby_main2_l p span {

    font-family: 微软雅黑!important;

}



.bsby_main2_l {

    width: 48%;

}



.qyxz li {

    float: left;

    padding: 0 35px;

    height: 44px;

    line-height: 44px;

    background-color: #404040;

    border-radius: 25px;

    margin-right: 15px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    margin-top: 60px;

}



.qyxz li p {

    font-size: 18px;

    color: #fff;

    height: 44px;

    line-height: 44px;

}



.bsby_main2 .main_pic {

    width: 42%;

    overflow: hidden;

}



.bsby_main2_l .show_case_h3 {

    padding-top: 30px;

}



.bsby_main3 .show_case_h3 {

    text-align: center;

}



.bsby_main3 {

    background-color: #fff;

    padding-top: 25px;

    padding-bottom: 145px;

}



.bsby_main3 p {

    font-family: 微软雅黑!important;

    line-height: 35px;

    color: #666;

    font-size: 16px;

}



.bsby_main3 p span {

    font-family: 微软雅黑!important;

}



.bsby_main4 .show_case_h3 {

    text-align: center;

}



.bsby_main4 {

    background-color: #f0f0f0;

    padding-top: 25px;

    padding-bottom: 100px;

}





/* 案例详情轮播 */



.slideBox {

    width: 100%;

    height: 656px;

    padding-top: 86px;

    overflow: hidden;

    position: relative;

    background: url(../images/bsby_img1.png) no-repeat center;

    background-size: 100% 100%;

}



.slideBox .hd {

    width: 100%;

    text-align: center;

    height: 10px;

    overflow: hidden;

    position: absolute;

    left: 0px;

    bottom: 150px;

    z-index: 1;

}



.slideBox .hd ul {

    width: 100%;

    overflow: hidden;

    zoom: 1;

    float: left;

}



.slideBox .hd ul li {

    margin: 0 6px;

    width: 10px;

    height: 10px;

    line-height: 50px;

    border-radius: 20px;

    display: inline-block;

    text-align: center;

    background: #bdbdbd;

    cursor: pointer;

}



.slideBox .hd ul li.on {

    background: #f00;

    color: #fff;

}



.slideBox .bd {

    position: relative;

    height: 100%;

    z-index: 0;

}



.slideBox .bd li {

    zoom: 1;

    vertical-align: middle;

    text-align: center;

}



.slideBox .bd img {

    /* max-width:974px; */

    width: auto;

    max-height: 460px;

}



.haibao p {

    width: 45%;

    margin-right: 10%;

    float: left;

    margin-bottom: 2%;

}



.haibao p img {

    width: 100%;

}



.haibao p:nth-child(2n) {

    margin-right: 0px;

}



.shejigao p {

    text-align: center;

    border-bottom: 30px solid #f0f0f0;

}



.shejigao p img {

    padding-top: 50px;

    padding-bottom: 50px;

    max-width: 1400px;

    width: 100%;

}



.shejigao .wrap1600 {

    background-color: #fff;

}



.haibao .wrap1600 {

    padding-top: 50px;

    padding-bottom: 30px;

    background-color: #fff;

}



.haibao_con {

    width: 850px;

    margin: 0 auto;

}





/* 下面是前/后按钮代码，如果不需要删除即可 */



.slideBox .prev,

.slideBox .next {

    position: absolute;

    left: 3%;

    top: 50%;

    margin-top: -25px;

    display: block;

    width: 27px;

    height: 46px;

}



.slideBox .next {

    left: auto;

    right: 3%;

    background-position: 8px 5px;

}



.slideBox .prev {

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

}



.slideBox .prev:hover {

    background: url(../images/left_on.png) no-repeat;

}



.slideBox .next {

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

}



.slideBox .next:hover {

    background: url(../images/right_on.png) no-repeat;

}



.slideBox .prevStop {

    display: none;

}



.slideBox .nextStop {

    display: none;

}



.bsby_ul {

    margin-top: -20px;

    position: relative;

    z-index: 99;

    text-align: center;

}



.bsby_ul li {

    font-size: 16px;

    color: #333;

    width: 24.9%;

    display: inline-block;

    border-right: 1px solid #bfbfbf;

    text-align: center;

    height: 20px;

    line-height: 20px;

    margin-bottom: 20px;

}



.bsby_ul li:last-child {

    border-right: 0px;

}



.biaodan li {

    position: relative;

}



.biaodan li .error {

    position: absolute;

    top: 0;

    font-size: 14px;

    color: #c20000;

    left: 50%;

}





/* 侧边栏咨询框 */



.cbl {

    display: none;

}



.counsel {

    position: fixed;

    right: 0px;

    top: 20%;

    display: none;

    z-index: 999;

    width: 252px;

    height: auto;

    overflow: hidden;

}



.counsel .coun-left.active {

    position: relative;

    top: 74px;

    float: left;

    width: 50px;

    height: 150px;

    text-align: center;

    font-size: 13px;

    color: #303030;

    left: 0px;

    background: #d53d3d url(../images/ly_bg.png) no-repeat center 25px;

}



.counsel .coun-left.active>p {

    position: absolute;

    top: 53px;

    left: 17px;

    font-size: 16px;

    line-height: 17px;

    color: #fff;

}



.counsel .coun-left.active span {

    font-weight: bold;

    position: absolute;

    font-family: 宋体;

    display: inline-block;

    bottom: 7px;

    left: 21px;

    color: #fff;

    font-size: 12px;

}



.counsel .counbox {

    float: right;

    width: 200px;

    height: auto;

    overflow: hidden;

    background: #d53d3d;

    text-align: center;

    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0)

}



.counsel .counbox .coun-logo {

    display: block;

    width: 160px;

    height: auto;

    margin: 15px auto 0px;

}



.counsel .counbox .telbox {

    width: 160px;

    height: auto;

    overflow: hidden;

    margin: 18px auto;

}



.counsel .counbox .telbox .name {

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

    color: #666;

    margin-bottom: 7px;

    background-color: #fff;

    transition: 0.3s;

}



.counsel .counbox .telbox .name:last-child {

    border-bottom: 0px;

}



.counsel .counbox .telbox .name .ibox {

    float: left;

    width: 35px;

    height: 35px;

    overflow: hidden;

    border-radius: 50%;

    background: #fff;

}



.counsel .counbox .telbox .name .ibox>img {

    width: 100%;

    height: 100%;

}



.counsel .counbox .number {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

    color: #e60012;

    letter-spacing: -1px;

}



.counsel .counbox .phone {

    width: 100%;

    text-align: center;

    height: 33px;

    line-height: 33px;

    font-size: 20px;

    color: #666;

}



.counsel .counbox .telbox p span {

    display: inline-block;

    padding-left: 5px;

}



.counsel .counbox .telbox a {

    color: #333;

    font-size: 16px;

}



.counsel .counbox .telbox a:hover {

    color: #e60012;

}



.telbox h6 {

    padding-top: 35px;

    font-size: 22px;

    color: #fff;

    line-height: 30px;

    text-align: center;

    padding-bottom: 30px;

}



.tc_p {

    font-size: 14px;

    color: #fff;

    text-align: center;

    padding-bottom: 10px;

}



.tc_i {

    width: 1px;

    height: 22px;

    background-color: #eaeaea;

    margin: 0 auto;

    margin-top: -6px;

    margin-bottom: 10px;

}



.counsel .coun-left {

    position: relative;

    top: -2px;

    float: left;

    width: 50px;

    height: 50px;

    text-align: center;

    font-size: 13px;

    left: 128px;

    z-index: 99;

    color: #303030;

    height: 50px;

    top: 0px;

    background: url(../images/close_on.png?v=3) no-repeat center;

}



.counsel .coun-left p {

    opacity: 0;

}



.counsel .coun-left span {

    opacity: 0;

}



.counsel .coun-left.active p {

    opacity: 1;

}



.counsel .coun-left.active span {

    opacity: 1;

}





/* 内页侧边栏 */



.counsel2 {

    position: fixed;

    right: 0px;

    top: 25%;

    display: none;

    z-index: 999;

    width: 252px;

    height: auto;

    overflow: hidden;

}



.counsel2 .coun-left2.active {

    position: relative;

    top: 74px;

    left: 0px;

    float: left;

    width: 50px;

    height: 150px;

    text-align: center;

    font-size: 13px;

    color: #303030;

    background: #d53d3d url(../images/ly_bg.png) no-repeat center 25px;

}



.counsel2 .coun-left2.active>p {

    position: absolute;

    top: 53px;

    left: 17px;

    font-size: 16px;

    line-height: 17px;

    color: #fff;

}



.counsel2 .coun-left2.active span {

    font-weight: bold;

    position: absolute;

    font-family: 宋体;

    display: inline-block;

    bottom: 7px;

    left: 21px;

    color: #fff;

    font-size: 12px;

}



.counsel2 .counbox {

    float: right;

    width: 200px;

    height: auto;

    overflow: hidden;

    background: #d53d3d;

    text-align: center;

    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0)

}



.counsel2 .counbox .coun-logo {

    display: block;

    width: 160px;

    height: auto;

    margin: 15px auto 0px;

}



.counsel2 .counbox .telbox {

    width: 160px;

    height: auto;

    overflow: hidden;

    margin: 18px auto;

}



.counsel2 .counbox .telbox .name {

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

    color: #666;

    margin-bottom: 12px;

    background-color: #fff;

    transition: 0.3s;

}



.counsel2 .counbox .telbox .name:last-child {

    border-bottom: 0px;

}



.counsel2 .counbox .telbox .name .ibox {

    float: left;

    width: 35px;

    height: 35px;

    overflow: hidden;

    border-radius: 50%;

    background: #fff;

}



.counsel2 .counbox .telbox .name .ibox>img {

    width: 100%;

    height: 100%;

}



.counsel2 .counbox .number {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-bottom: 10px;

    font-size: 16px;

    font-weight: bold;

    color: #e60012;

    letter-spacing: -1px;

}



.counsel2 .counbox .phone {

    width: 100%;

    text-align: center;

    height: 33px;

    line-height: 33px;

    font-size: 20px;

    color: #666;

}



.counsel2 .counbox .telbox p span {

    display: inline-block;

    padding-left: 5px;

}



.counsel2 .counbox .telbox a {

    color: #333;

    font-size: 16px;

}



.counsel2 .counbox .telbox a:hover {

    color: #e60012;

}



.telbox h6 {

    padding-top: 35px;

    font-size: 22px;

    color: #fff;

    line-height: 30px;

    text-align: center;

    padding-bottom: 30px;

}



.tc_p {

    font-size: 14px;

    color: #fff;

    text-align: center;

    padding-bottom: 10px;

}



.tc_i {

    width: 1px;

    height: 22px;

    background-color: #eaeaea;

    margin: 0 auto;

    margin-top: -6px;

    margin-bottom: 10px;

}



.counsel2 .coun-left2 {

    position: relative;

    top: -2px;

    float: left;

    width: 50px;

    height: 50px;

    text-align: center;

    left: 128px;

    font-size: 13px;

    z-index: 99;

    color: #303030;

    height: 50px;

    top: 0px;

    background: url(../images/close_on.png?v=3) no-repeat center;

}



.counsel2 .coun-left2 p {

    opacity: 0;

}



.counsel2 .coun-left2 span {

    opacity: 0;

}



.counsel2 .coun-left2.active p {

    opacity: 1;

}



.counsel2 .coun-left2.active span {

    opacity: 1;

}





/* 中间定时弹窗 */



.box_r {

    width: 143px;

    height: auto;

    overflow: hidden;

    position: fixed;

    right: 0;

    top: 150px;

    z-index: 9999;

}



.box_r .top {

    width: 143px;

    height: 69px;

    background: url(../images/cslist_top_bg.png) no-repeat;

}



.box_r .main {

    width: 138px;

    height: auto;

    overflow: hidden;

    background: url(../images/right_bg.png) repeat-y left top;

    text-align: left;

    font-size: 12px;

    padding-left: 5px;

}



.box_r .main p {

    height: 25px;

    line-height: 25px;

    padding-left: 5px;

}



.box_r .bottom {

    width: 143px;

    height: 17px;

    background: url(../images/cslist_btm_bg.png) no-repeat;

}



.box_m {

    z-index: 99999;

    width: 700px;

    height: 400px;

    background: rgba(255, 255, 255, 1);

    position: fixed;

    left: 50%;

    top: 50%;

    margin-top: -200px;

    margin-left: -350px;

    display: none;

    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0)

}



.kaka {

    text-align: center;

    position: relative;

    margin: 25px;

    border: 1px solid #ccc;

    width: 650px;

    height: 350px;

}



.box_m ul {

    width: 335px;

    height: 223px;

    position: relative;

}



.box_m ul a {

    display: block;

    width: 70px;

    height: 22px;

    position: absolute;

    top: 104px;

}



.kaka a {

    display: inline-block;

    width: 210px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    color: #666;

    margin: 0 10px;

    background-color: #fff;

}



.kaka a.ywjt {

    background-color: #e60012;

    color: #fff;

}



.kaka a.close2 {

    border: 1px solid #999;

    color: #999;

}



.kaka p {

    font-size: 14px;

    color: #999;

    padding-top: 30px;

}



.kaka h3 {

    font-size: 30px;

    color: #333;

    padding-top: 50px;

}



.kaka h4 {

    font-size: 18px;

    color: #666;

    padding-top: 20px;

    padding-bottom: 30px;

    line-height: 40px;

}





/* 主色调 e60012 */





/*  横幅  */



.asideBanner_con {

    width: 100%;

    position: relative;

}



.asideBanner {

    z-index: 999;

    position: fixed;

    bottom: 0px;

    left: -2000px;

    width: 100%;

    height: 150px;

    line-height: 150px;

    background: rgba(255, 232, 77, 1);

    opacity: 1;

    transition: .8s;

}



.asideBanner .main {

    height: 100%;

    position: relative;

}



.asideBanner .w_left {

    position: absolute;

    top: 50px;

    right: 2%;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    background: #fff url(../images/icon_cha.png) no-repeat center;

    background-size: 15px;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.asideBanner .main>div {

    text-align: left;

    display: inline-block;

    height: 100%;

    width: auto;

    vertical-align: top;

}



.asideBanner .num-txt {

    height: 100%;

    overflow: hidden;

    font-size: 28px;

    background: url(../images/huo_img.jpg) no-repeat left center;

    margin-right: 80px;

}



.asideBanner .num-txt h4 {

    color: #fff;

    font-size: 14px;

    margin-left: 120px;

    padding-top: 27px;

}



.asideBanner .num-txt p {

    color: #c3c3c3;

}



.asideBanner .num-txt span {

    color: #ff0007;

    font-family: Impact;

}



.asideBanner .jsq {

    width: 133px;

    height: 85px;

    background: url(../images/jsq.png) no-repeat center;

    float: left;

    box-sizing: border-box;

    margin-top: 35px;

}



.asideBanner .inp-main {

    margin-top: 35px;

    margin-left: 75px;

    width: 420px!important;

    padding-right: 81px;

    position: relative;

}



.asideBanner .inp-ys {

    width: 145px;

    height: 37px;

    background: #fff;

    line-height: 37px;

    border: 0;

    margin-left: 9px;

    font-size: 16px;

    color: #333;

    margin-bottom: 9px;

    box-sizing: border-box;

    padding-left: 5px;

}



.asideBanner .inp-sub {

    width: 95px;

    height: 83px;

    background: #bc262a;

    position: absolute;

    right: 0;

    top: 0;

    background: url(../images/hqbj.jpg) no-repeat;

    background-size: 100% 100%;

    cursor: pointer;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}



.asideBanner .inp-sel {

    border: none;

    outline: none;

    color: #666;

    border-radius: 0;

    background: transparent;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

}



.asideBanner .inp-sel {

    background: url(../images/zt-one/icon_select.png) no-repeat 95% center #fff;

}



.asideBanner .inp-sub:hover {

    opacity: .9;

}



.asideBanner .tel-bj {

    color: #fff;

    margin-top: 35px;

    margin-left: 60px;

}



.asideBanner .tel-bj h4 {

    font-size: 24px;

    color: #fff;

    font-family: Adobe Heiti Std;

}



.asideBanner .tel-bj p {

    font-size: 32px;

    font-family: impact;

}



.zhankai {

    position: fixed;

    z-index: 999;

    width: 120px;

    height: 110px;

    left: 0px;

    bottom: -200px;

    cursor: pointer;

    background: url(../images/zhankai.png) no-repeat;

    transition: .8s;

}



.w1200 {

    width: 1200px;

    margin: 0 auto;

}



@media(max-width:1900px) {

    .asideBanner img {

        max-width: 100%;

    }

}





/* 计数器 */



.jishuqi li {

    display: inline-block;

    font-size: 30px;

    text-align: center;

    color: #000;

    padding: 0 40px;

    background: url(../images/jishuqi_xian.jpg) no-repeat right center;

}



.jishuqi li:nth-child(1) {

    padding-left: 0px;

}



.jishuqi li:last-child {

    background: none;

}



.jishuqi li>i {

    font-size: 48px;

    font-weight: bold;

    color: #000;

    font-family: arial;

}



.jishuqi li p {

    font-size: 16px;

    color: #666;

}



.jishuqi {

    width: 100%;

    margin-bottom: 5px;

}



.jishuqi li span {

    display: inline-block;

    position: absolute;

}





/* 产品详情页 */



.show_product_top {

    height: 95px;

    line-height: 95px;

    width: 100%;

    background-color: #eeeeee;

    margin-top: 100px;

}



.show_product_con {

    height: 435px;

    padding-top: 50px;

    padding-bottom: 50px;

}



.tiyan {

    font-size: 18px;

    color: #fff;

    display: block;

    width: 183px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    background-color: #c78d50;

    margin-top: 35px;

}



.tiyan:hover {

    color: #fff;

}



.show_product_bottom {

    width: 100%;

    padding-bottom: 40px;

    background-color: #fff;

}



.show_product_bottom h3 {

    font-size: 26px;

    color: #282828;

    padding-top: 65px;

    padding-bottom: 30px;

}



.container {

    color: #c68d54;

    font-size: 14px;

}



.container a {

    color: #666;

    font-size: 14px;

}





/* 产品详情 热门推荐 切换 */



.picScroll-left2 {

    width: 100%;

    position: relative;

    margin: 0 auto;

    margin-left: -6px;

}



.picScroll-left2 .hd {

    width: 1340px;

    text-align: center;

    overflow: hidden;

    height: 10px;

    background: none;

    padding: 0 10px;

}



.picScroll-left2 .hd .prev,

.picScroll-left2 .hd .next {

    display: inline-block;

    width: 50px;

    height: 50px;

    margin-right: 5px;

    margin-top: 10px;

    overflow: hidden;

    cursor: pointer;

    margin: 30px 15px 0px 11px;

}



.picScroll-left2 .hd .next3 {

    width: 59px;

    height: 59px;

    position: absolute;

    right: -41px;

    top: 142px;

    background: url(../images/honour-right.png) no-repeat;

}



.picScroll-left2 .hd .prev3 {

    width: 59px;

    height: 59px;

    position: absolute;

    left: -23px;

    top: 142px;

    background: url(../images/honour-left.png) no-repeat;

}



.picScroll-left2 .hd .prevStop {

    background-position: -60px 0;

}



.picScroll-left2 .hd .nextStop {

    background-position: -60px -50px;

}



.picScroll-left2 .hd ul {

    float: right;

    overflow: hidden;

    zoom: 1;

    margin-top: 10px;

    zoom: 1;

}



.picScroll-left2 .hd ul li {

    width: 9px;

    height: 9px;

    overflow: hidden;

    margin-right: 5px;

    text-indent: -999px;

    cursor: pointer;

    background: url("images/icoCircle.gif") 0 -9px no-repeat;

}



.picScroll-left2 .hd ul li.on {

    background-position: 0 0;

}



.picScroll-left2 .bd {

    padding: 10px;

}



.picScroll-left2 .bd ul {

    overflow: hidden;

    zoom: 1;

}



.picScroll-left2 .bd ul li {

    margin: 0 7px;

    float: left;

    _display: inline;

    overflow: hidden;

}





/* 产品详情轮播 */



.com-slider {

    position: relative;

    width: 600px;

    height: 600px;

}



.com-slider .bd li {

    text-align: center;

}



.com-slider .bd li img {

    width: auto;

}



.com-slider .hd {

    margin-top: 50px;

    padding-bottom: 50px;

    text-align: center;

}



.com-slider .hd ul li {

    display: inline-block;

    margin: 0 8px;

    width: 16px;

    height: 16px;

    background-color: #6b6b6b;

    border-radius: 50%;

    text-indent: -9999px;

    cursor: pointer;

}



.com-slider .hd.hd2 {

    position: relative;

    left: 0;

    bottom: -100px;

    width: 600px;

    text-align: center;

    margin-top: 0;

    padding-bottom: 0;

}



.com-slider .hd ul li.on {

    background-color: #fff;

    border-color: #fff;

}



.com-slider .com-btn {

    position: absolute;

    top: 50%;

    width: 30px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    margin-top: -25px;

    background: rgba(255, 255, 255, 0.6);

    font-size: 24px;

    font-family: serif, "宋体";

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.com-slider .com-btn:hover {

    background: rgba(255, 255, 255, 0.8);

    width: 50px;

}



.com-slider .com-btn.next {

    right: 0;

}



.com-block-list li {

    float: left;

    width: 286px;

    height: 368px;

    background: #fff;

    text-align: center;

    padding: 65px 40px 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.com-block-list li:hover {

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);

}



.com-block-list li~li {

    margin-left: 18px;

}



.com-block-list li .tit {

    margin-top: 30px;

    margin-bottom: 15px;

    font-size: 16px;

    color: #bb3e46;

}



.com-block-list li .des {

    line-height: 1.75;

}



.show_product_right {

    width: 600px;

}



.show_product_right_top {

    padding-top: 30px;

    padding-bottom: 30px;

    border-top: 1px solid #555;

    border-bottom: 1px solid #555;

}



.show_product_right_top h6 {

    font-size: 28px;

    color: #fff;

}



.show_product_right_top span {

    font-size: 16px;

    color: #aaa;

}



.show_product_right_con {

    padding-top: 20px;

}



.show_product_right_con p {

    padding: 0;

    line-height: 33px;

    font-size: 14px;

    color: #949494;

}



.show_product_right_con p span {

    color: #eee;

    display: inline-block;

    padding-left: 5px;

}



.show_product_right_con p i {

    display: inline-block;

    width: 50px;

    height: 20px;

    line-height: 18px;

    text-align: center;

    font-size: 14px;

    margin-left: 7px;

    margin-right: 5px;

}



.show_product_right_con p i:nth-child(1) {

    background-color: #fff;

    color: #333;

}



.show_product_right_con p i:nth-child(2) {

    background-color: #e60012;

    color: #fff;

}



.show_product_right_bottom {

    padding-top: 60px;

}



.show_product_right_bottom a {

    display: block;

    float: left;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    color: #fff;

    transition: 0.3s;

    margin-right: 10px;

    border-radius: 3px;

}



.show_product_right_bottom a:nth-child(1) {

    padding-left: 80px;

    width: 140px;

    background: #686868 url(../images/zaixian.png) no-repeat 40px 13px;

}



.show_product_right_bottom a:nth-child(2) {

    padding-left: 55px;

    width: 165px;

    background: #686868 url(../images/dianhua.png) no-repeat 23px 13px;

}



.show_product_right_bottom a:nth-child(1):hover {

    background: #e1aa1d url(../images/zaixian.png) no-repeat 40px 13px;

}



.show_product_right_bottom a:nth-child(2):hover {

    background: #e1aa1d url(../images/dianhua.png) no-repeat 23px 13px;

}



.product_xiangqing {

    padding-top: 10px;

    width: 100%;

    background-color: #fff;

    padding-bottom: 108px;

}



.product_xiangqing_one {

    padding-top: 50px;

    padding-bottom: 50px;

    border-bottom: 1px solid #ddd;

}



.product_xiangqing_one h6 {

    font-size: 20px;

    color: #6b6b6b;

    margin-right: 70px;

}



.product_xiangqing_right {

    color: #111;

    font-size: 16px;

}



.product_xiangqing_right li p {

    width: 120px;

    height: 80px;

    border: 1px solid #ddd;

    font-size: 16px;

    color: #111;

    line-height: 30px;

    padding-top: 20px;

    text-align: center;

    border-radius: 10px;

}



.product_xiangqing_right li span {

    font-size: 14px;

    color: #6b6b6b;

    text-align: center;

    display: inline-block;

    padding-top: 20px;

    width: 120px;

}



.product_xiangqing_right li {

    float: left;

    padding-right: 60px;

    background: url(../images/show_jian.png) no-repeat 143px 30px;

}



.product_xiangqing_right li:nth-child(5) {

    background: none;

}



.product_xiangqing_right li:nth-child(4) p {

    line-height: 60px;

}





/* 新闻详情页 */



.com_width {

    width: 1200px;

    margin-left: auto;

    margin-right: auto;

}



.position h2 {

    font-size: 24px;

    color: #e12b1f;

    padding-top: 40px;

}



.container {

    clear: both;

}



.news-container {

    margin-bottom: 50px;

}



.com_width {

    width: 1200px;

    margin-left: auto;

    margin-right: auto;

}



.mt50 {

    margin-top: 50px;

}



.clearfix {

    zoom: 1;

}



.news-title h2 {

    font-size: 24px;

    color: #333;

    line-height: 35px;

    padding-bottom: 20px;

}



.news-show-left {

    float: left;

    width: 70%;

    background: #fff;

    margin: auto;

}



.news-show-left .news-title {

    padding: 40px 20px;

    padding-bottom: 20px;

    text-align: center;

}



.news-show-left .news-title h1 {

    font-size: 24px;

    color: #333;

    padding-bottom: 10px;

    font-weight: normal;

}



.news-show-left .news-title p {

    font-size: 14px;

    color: #a3afb7;

    padding-bottom: 10px;

    border-bottom: 1px solid #F0F2F5;

}



.news-show-left .news-views {

    margin: 40px 20px 20px;

    margin-top: 0;

    font-size: 14px;

    color: #666;

    line-height: 25px;

    overflow: hidden;

}



.news-views p {

    padding: 0 20px;

    line-height: 30px;

    font-family: '微软雅黑'!important;

}



.news-views p span {

    font-family: '微软雅黑'!important;

}



.news-views img {

    padding-top: 15px;

    padding-bottom: 15px;

}



.news-views p img {

    height: auto!important;

    max-width: 100%!important;

}



.news-show-left .news-title p a {

    color: #a3afb7;

}





/* .news-show-left .news-title p a:hover {color:#E12B1F;}

*/



.news-show-left .share-bar {

    padding: 20px;

}



.fl {

    float: left;

}



.news-show-left .news-other {

    padding: 10px 15px;

    border-top: 1px #ddd solid;

}



.gr-back-btn {

    float: right;

    margin-top: 6px;

    width: 125px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #353535;

    font-size: 14px;

    color: #fff!important;

}



.gr-back-btn {

    margin-top: 6px;

    width: 125px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #e12b1f;

    font-size: 14px;

    color: #fff;

    position: relative;

    overflow: hidden;

    z-index: 2;

}



.gr-back-btn:hover {

    background-color: #e60012;

}



.news-show-left .news-other p {

    display: block;

    height: 30px;

    line-height: 30px;

    padding-left: 3px;

}



.news-show-left .news-other p {

    display: block;

    height: 30px;

    line-height: 30px;

    padding-left: 3px;

}



.news-show-right {

    float: right;

    width: 27%;

    border: 0!important;

}



.news-show-right dl {

    display: block;

    margin-top: 0;

    margin-bottom: 20px;

    background: #fff;

    border: 0!important;

}



.news-show-right dl.tab dt {

    height: 55px;

    line-height: 55px;

    color: #1d1d1d;

    font-size: 18px;

}



.news-show-right dl dt {

    margin: 0 20px;

    display: block;

    height: 55px;

    line-height: 55px;

    position: relative;

}



.news-show-right dl.tab dd {

    /* height:520px;*/

    position: relative;

}



.news-show-right dl.tab dd ul {

    display: block;

    padding: 0 20px;

    /* height:520px;*/

}



.news-show-right dl.tab dd ul li {

    display: block;

    padding: 10px 0 10px;

    border-bottom: 1px #eee solid;

}



.news-show-right dl.tab dd ul li:nth-child(7) {

    border-bottom: 0;

}



.news-show-right dl.tab dd ul li h5 {

    padding-bottom: 12px;

    font-size: 14px;

    color: #333;

    display: block;

    line-height: 20px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.news-show-right dl.tab dd ul li i {

    float: left;

    font-size: 12px;

    color: #999;

}



.news-show-right dl.tab dd ul li em {

    float: right;

    padding-left: 25px;

    width: 30px;

    font-size: 12px;

    color: #999;

    background: url(../images/eye.png) no-repeat left center;

    font-style: normal;

}



.news-show-right dl.tab dd .more_r {

    color: #333;

    height: 45px;

    line-height: 45px;

    border-top: 1px #ddd solid;

    position: relative;

    top: -1px;

    text-align: center;

}



.news-show-right dl.tab dd .more_r a {

    display: inline-block;

    position: relative;

    color: #333;

}



.news-show-right dl {

    display: block;

    margin-top: 0;

    margin-bottom: 20px;

    background: #fff;

}



.news-show-right dl.list dt {

    color: #333;

    font-size: 18px;

    margin-bottom: 20px;

}



.news-show-right dl dt {

    display: block;

    height: 55px;

    line-height: 55px;

    position: relative;

    border-bottom: 1px #dedede solid;

}



.gr-back-btn {

    margin-top: 6px;

    width: 125px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #353535;

    font-size: 14px;

    color: #fff!important;

}



.gr-back-btn {

    margin-top: 6px;

    width: 125px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #696969;

    font-size: 14px;

    color: #fff;

    position: relative;

    overflow: hidden;

    z-index: 2;

}



.hvr-sweep-to-top {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.news-show-right dl.list dd ul li a {

    color: #666;

    font-size: 12px;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

}



.news-show-right dl.list dd ul li i {

    display: inline-block;

    width: 3px;

    height: 3px;

    background-color: #666;

    margin-right: 10px;

    margin-bottom: 2px;

    border-radius: 100px;

}



.news-show-right dl.list dd ul li {

    line-height: 30px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-left: 20px;

    padding-right: 20px;

}



.news-show-right dl.tab dd ul li .pic {

    margin-right: 14px;

    width: 86px;

    overflow: hidden;

    position: relative;

}



.news-show-right dl.tab dd ul li .pic img {

    width: 84px;

    height: 51px;

}



.list-cont {

    font-size: 12px;

    padding: 0 20px;

    line-height: 20px;

    color: #999;

    padding-bottom: 10px;

}



.nei_banner_tit {

    position: absolute;

    width: 1400px;

    left: 50%;

    margin-left: -700px;

    top: 35%;

    overflow: hidden;

    padding-bottom: 20px;

}



.nei_banner_tit h2 {

    font-size: 72px;

    color: #fff;

    text-transform: capitalize;

    font-family: '';

    height: 44px;

    padding-top: 12px;

}



.nei_banner_tit h3 {

    font-size: 48px;

    line-height: 64px;

    color: #fff;

    padding-bottom: 30px;

}



.nei_banner_tit h4 {

    font-size: 16px;

    height: 33px;

    color: #fff;

    margin-top: 8px;

}



.nei_banner_tit i {

    display: block;

    width: 1px;

    height: 32px;

    background-color: #999;

    margin-left: 10px;

}



.page_top {

    width: 100%;

    height: 70px;

    line-height: 70px;

    background-color: #fff;

}



.page_top_lanmu li {

    float: left;

    padding: 0;

    margin: 0;

}



.page_top_lanmu li a {

    display: inline-block;

    padding: 0 25px;

    line-height: 70px;

    font-size: 20px;

    color: #333;

    transition: 0.3s;

}





/* 中国办事处 图片切换 */



.slider {

    width: 100%;

    min-width: 1200px;

    height: 615px;

    position: relative;

    overflow: hidden;

    background: #fff;

    text-align: center;

}



.slider .bd {

    width: 1200px;

    position: absolute;

    left: 50%;

    margin-left: -600px

}



.slider .bd li {

    width: 1200px;

    overflow: hidden;

}



.slider .bd li img {

    display: block;

    width: 1200px;

    height: 615px;

}



.slider .tempWrap {

    overflow: visible !important

}



.slider .tempWrap ul {

    margin-left: -1200px !important;

    /*强制位置*/

}



.slider .hd {

    position: absolute;

    width: 100%;

    left: 0;

    z-index: 1;

    height: 8px;

    bottom: 20px;

    text-align: center;

}



.slider .hd li {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 8px;

    height: 8px;

    line-height: 99px;

    overflow: hidden;

    background: url(images/slider-btn.png) 0 -10px no-repeat;

    margin: 0 5px;

    cursor: pointer;

    filter: alpha(opacity=60);

    opacity: 0.6;

}



.slider .hd li.on {

    background-position: 0 0;

    filter: alpha(opacity=100);

    opacity: 1;

}



.slider .pnBtn {

    position: absolute;

    z-index: 1;

    top: 0;

    width: 100%;

    height: 615px;

    cursor: pointer;

}



.slider .prev {

    left: -50%;

    margin-left: -600px;

}



.slider .next {

    left: 50%;

    margin-left: 600px;

}



.slider .pnBtn .blackBg {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 615px;

    background: #fff;

    filter: alpha(opacity=50);

    opacity: 0.5;

}



.slider .pnBtn .arrow {

    display: block!important;

    position: absolute;

    top: 0;

    z-index: 1;

    width: 81px;

    height: 615px;

    opacity: 1;

}



.slider .prev:hover .arrow {

    background: url(../images/h.png) no-repeat center;

}



.slider .next:hover .arrow {

    background: url(../images/h2.png) no-repeat center;

}



.slider .pnBtn .arrow:hover {

    filter: alpha(opacity=100);

    opacity: 1;

}



.slider .prev .arrow {

    right: -40px;

    background: url(../images/left.png) no-repeat center;

}



.slider .next .arrow {

    left: -40px;

    background: url(../images/right.png) no-repeat center;

}



.pages {

    height: 32px;

    line-height: 32px;

    margin-top: 50px;

    margin-bottom: 100px;

    text-align: center;

    clear: both;

}



.pages a {

    background: #999;

    font-size: 14px;

    display: inline-block;

    width: 32px;

    height: 32px;

    line-height: 32px;

    color: #fff;

    margin: 0 7px;

}



.pages span,

.pages a:hover {

    background: #e60012;

    color: #fff;

    font-size: 14px;

}



.pages span {

    display: inline-block;

    width: 32px;

    height: 32px;

    line-height: 32px;

    margin: 0 7px;

    font-size: 14px;

}



.pages a.prev:before,

.pages a.prev_disabled:before {

    content: "上一页";

    font-family: 微软雅黑

}



.pages a.next:before,

.pages a.next_disabled:before {

    content: "下一页";

    font-family: 微软雅黑

}



.pages a.prev_disabled {

    width: 60px;

}



.pages a.next {

    width: 60px;

}



.pages a.prev {

    width: 60px;

}



.pages a.next_disabled {

    width: 60px;

}





/* 常见问题 */



.faq-list {

    border-top: 1px solid #E4E4E4;

}



.faq-list li {

    border-bottom: 1px solid #E4E4E4;

}



.faq-list .question {

    font-size: 16px;

    height: 62px;

    line-height: 62px;

    color: #666;

    cursor: pointer;

    padding-left: 20px;

    background: url(../images/zhengfangxing2.jpg) no-repeat 8px center;

    background-size: 0.4%;

}



.faq-list li .question.on {

    color: #fff;

    background: #0ca7c5 url(../images/zhengfangxing.jpg) no-repeat 8px center;

    background-size: 0.4%;

}



.faq-list .question .fa-dropdown {

    float: right;

    margin-top: 15px;

    margin-right: 20px;

    width: 31px;

    height: 31px;

    background: url(../images/icon-faq-open.png) no-repeat center;

    background-size: contain;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.faq-list .question.on .fa-dropdown {

    background: url(../images/icon-faq-close.png) no-repeat center;

}



.faq-list .answer {

    padding: 15px 20px 20px;

    line-height: 1.7;

    display: none;

    background-color: #f5f5f5;

}



.faq-list .answer p {

    line-height: 2;

    font-family: '微软雅黑'!important;

    font-size: 14px;

}



.faq-list .answer p span {

    font-family: '微软雅黑'!important;

    font-size: 14px;

    background: none!important;

}





/*  */



.search {

    width: 283px;

    height: 38px;

    border: 1px solid #dcdcdc;

    background-color: #fff;

    transition: 0.3s;

}



.search .key {

    border: 0;

    height: 38px;

    line-height: 38px;

    background: none;

    color: #666;

    width: 228px;

    padding-left: 13px;

    font-size: 12px;

    transition: 0.3s;

    font-family: '微软雅黑';

}



.search .key:focus {

    outline: none;

    border: 0;

}



.search .sub:focus {

    outline: none;

    border: 0;

}



.search .sub {

    width: 38px;

    height: 38px;

    background: url(../images/sousuo.png) no-repeat center;

    background-size: 50%;

}



.sou {

    display: block;

    margin-top: 21px;

    margin-left: 28px;

}



.anniu {

    width: 190px;

    height: 40px;

    border: 1px solid #e60012;

    padding: 2px;

    margin-right: 20px;

}



.anniu_nei {

    width: 188px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border: 1px solid #e60012;

    color: #e60012;

    display: block;

    transition: 0.3s;

}



.anniu:hover .anniu_nei {

    background-color: #e60012;

    color: #fff;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}





/*Search*/



.head-search {

    position: relative;

    margin-right: 342px;

    float: right;

    font-size: 0;

    text-align: center;

}



.head-search a {

    display: block;

    padding: 0 10px;

    width: 19px;

    height: 70px;

    line-height: 70px;

}



.head-search a .icon-search {

    display: inline-block;

    width: 100%;

    width: 19px;

    height: 19px;

    background: url(../images/sousuo2.png) no-repeat center;

    background-size: contain;

    vertical-align: middle;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 0.6;

}



.head-search a:hover .icon-search {

    background: url(../images/sousuo.png) no-repeat center;

    background-size: contain;

    -webkit-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

    transform: rotateY(360deg);

}



.head-search:hover .search-box {

    display: block;

    opacity: .9;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.search-box {

    position: absolute;

    right: -120%;

    top: 70px;

    width: 260px;

    background: #fff;

    padding: 0px 0;

    z-index: 999;

    opacity: 0;

    text-align: left;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    visibility: hidden;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.search-box .searchi_a {

    font-family: '微软雅黑';

    line-height: 35px;

    padding: 0 12px;

    outline: none;

    font-size: 14px;

    width: 72%;

}



.search-box .searchi_s {

    font-family: '微软雅黑';

    height: 36px;

    padding: 0 10px;

    background: #e60012;

    color: #fff;

    cursor: pointer;

    outline: none;

    font-size: 14px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.search-box .searchi_s:hover {

    opacity: 1;

}





/* 搜索 */



.search {

    width: 283px;

    height: 38px;

    border: 1px solid #dcdcdc;

    background-color: #fff;

    transition: 0.3s;

}



.search .key {

    border: 0;

    height: 38px;

    line-height: 38px;

    background: none;

    color: #666;

    width: 228px;

    padding-left: 13px;

    font-size: 12px;

    transition: 0.3s;

    font-family: '微软雅黑';

}



.search .key:focus {

    outline: none;

    border: 0;

}



.search .sub:focus {

    outline: none;

    border: 0;

}



.search .sub {

    width: 38px;

    height: 38px;

    background: url(../images/sousuo.png) no-repeat center;

    background-size: 50%;

}



.sou {

    display: block;

    margin-top: 21px;

    margin-left: 28px;

}



.anniu {

    width: 190px;

    height: 40px;

    border: 1px solid #1b1b1b;

    padding: 2px;

    margin-right: 20px;

}



.anniu_nei {

    width: 188px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border: 1px solid #1b1b1b;

    color: #1b1b1b;

    display: block;

    transition: 0.3s;

}



.anniu:hover .anniu_nei {

    background-color: #1b1b1b;

    color: #fff;

}



input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset;

}





/* 百度地图 */



#map {

    width: 100%;

    height: 580px;

}



#map img {

    width: auto!important;

    height: auto!important;

}



.BMapLib_SearchInfoWindow {

    left: 127px;

    bottom: -266px;

}



.anniu {

    width: 190px;

    height: 40px;

    border: 1px solid #e60012;

    padding: 2px;

    margin-right: 20px;

}



.anniu_nei {

    width: 188px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    border: 1px solid #e60012;

    color: #e60012;

    display: block;

    transition: 0.3s;

}



.anniu:hover .anniu_nei {

    background-color: #e60012;

    color: #fff;

}





/* 友情链接 */



.link {

    float: left;

    position: relative;

    width: 100%;

    padding-top: 65px;

}



.link i {

    width: 10px;

    height: 7px;

    position: absolute;

    right: 2px;

    top: 7px;

    transition: 300ms linear;

    -o-transition: 300ms linear;

    -ms-transition: 300ms linear;

    -webkit-transition: 300ms linear;

}



.link:hover b i {

    transform: rotate(180deg);

}



.link-list {

    z-index: 9999;

    float: left;

    width: 80%;

    height: 30px;

    overflow: hidden;

}



.link-list li a {

    height: 36px;

    color: #787878;

    font-size: 12px;

    text-align: center;

    line-height: 20px;

}



.link-list li a:hover {

    color: #da251d;

    padding-left: 0px;

}



.link-list li {

    float: left;

}



.link-list li a {

    color: #abacac;

    margin: 0 8px;

}



.link-list li a:hover {

    color: #e60012;

}



.link h6 {

    float: left;

    font-size: 12px;

    color: #abacac;

    padding-top: 2px;

}





/* 回到顶部 */





/*客服*/



.qqkefu {

    position: fixed;

    bottom: 150px;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop + 365));

    z-index: 999;

    right: 0;

    width: 53px

}



.qqkefu ul li {

    height: 47px;

    margin-bottom: 1px;

    float: right;

    background: #999;

    line-height: 47px;

    font-size: 14px;

    cursor: pointer;

    opacity: 0.9;

    position: relative

}



.qqkefu ul li:hover {

    background: #e9af1b;

}



.qqkefu ul li.top2 {

    color: #1c1c1c;

    font-weight: 800;

    text-align: center;

    background: #999 url(../images/top_icon.png) no-repeat center;

    position: relative;

    width: 53px;

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.qqkefu ul li.top2:hover {

    background-color: #e60012;

}





/*返回顶部*/



#to-top {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #666 url(../images/gotop.png) no-repeat center;

    background-size: 80%;

    text-align: center;

    text-decoration: none;

    line-height: 40px;

    z-index: 999;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



#to-top:hover {

    background-color: #333;

}



:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #999!important;

    opacity: 1;

}



::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #999!important;

    opacity: 1;

}



input:-ms-input-placeholder {

    color: #999!important;

    opacity: 1;

}



input::-webkit-input-placeholder {

    color: #999!important;

    opacity: 1;

}



.textarea::-webkit-input-placeholder {

    color: #999;

}





/* 3D旋转按钮 */



.kacont2 {

    width: 200px;

    height: 50px;

    margin-right: 20px;

}



.ka2 {

    width: 200px;

    height: 50px;

    cursor: pointer;

    padding: 0;

    margin: 0;

}



.ka2 div {

    height: 100%;

    transform-style: preserve-3d;

    transition: 0.25s;

}



.ka2:hover div {

    transform: rotateX(-90deg);

}



.ka2 span {

    left: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    box-sizing: border-box;

    line-height: 50px;

    font-size: 14px;

    text-align: center;

    text-transform: uppercase;

}



.ka2 span:nth-child(1) {

    color: #fff;

    background-color: #e60012;

    opacity: 0.6;

    transform: translate3d(0, 0, 25px);

}



.ka2 span:nth-child(2) {

    color: #e60012;

    border: 1px solid #e60012;

    opacity: 0.6;

    transform: rotateX(90deg) translate3d(0, 0, 25px);

}



.ka2 span i {

    display: inline-block;

    font-family: '宋体';

    padding-left: 20px;

}





/* 内页banner */



.nei_banner {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.nei_banner>img {

    width: 100%;

    transform: matrix(1.05, 0, 0, 1.05, 0, 0);

    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);

    -webkit-animation: minus 5s 0s ease both infinite;

    -moz-animation: minus 5s 0s ease both infinite;

    animation: minus 5s 0s ease both infinite;

    animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

}





/*缩小停止*/



@-webkit-keyframes minus {

    from {

        -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);

        transform: matrix(1.05, 0, 0, 1.05, 0, 0);

    }

    to {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

}



@keyframes minus {

    from {

        -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);

        transform: matrix(1.05, 0, 0, 1.05, 0, 0);

    }

    to {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);

        transform: matrix(1, 0, 0, 1, 0, 0);

    }

}





/* 表单点击后的边框颜色 */



input {

    outline-color: #dadada;

    -moz-outline-color: #dadada;

    -ms-outline-color: #dadada;

    -webkit-outline-color: #dadada;

}



textarea {

    outline-color: #dadada;

    -moz-outline-color: #dadada;

    -ms-outline-color: #dadada;

    -webkit-outline-color: #dadada;

}





/* 留言表单 */



.guest_box {

    width: 100%;

    margin: 0 auto;

}



li.error {

    position: relative;

}



.guest_box li {

    width: 540px;

    line-height: 40px;

    font-size: 12px;

    color: #666;

    float: left;

    margin-bottom: 10px;

}



.guest_box li .input {

    font-size: 12px;

    border: 1px solid #fff;

    width: 510px;

    height: 40px;

    line-height: 40px;

    padding-left: 30px;

    color: #666;

    background: #fff;

    background-color: #eee;

}



.guest_box li.error {}



span.error {

    position: absolute;

    top: 72px;

    left: 0;

    color: #ff0000;

    font-size: 12px;

}



.guest_box li .textarea {

    font-size: 12px;

    width: 510px;

    height: 230px;

    border: 1px solid #fff;

    padding-left: 30px;

    padding-top: 10px;

    color: #666;

    line-height: 20px;

    background-color: #eee;

    font-family: 微软雅黑;

}



textarea {

    overflow: auto;

}



.guest_box .submit {

    width: 198px;

    height: 57px;

    margin: 0 auto;

    margin-top: 67px;

    background: none;

    display: block;

    color: #a8673f;

    font-size: 16px;

    cursor: pointer;

    transition: 0.3s;

    border: 1px solid #a8673f;

    font-family: 微软雅黑;

}





/* .guest_box .submit:hover {color:#fff;background-color:#a8673f;} */



.zxly .list_title2 {

    margin-bottom: 65px;

}



.guest_box2 li {

    width: 386px;

    margin-bottom: 15px;

}



.guest_box2 li.error {

    margin-right: 20px;

}



.guest_box2 .submit {

    width: 145px;

    height: 40px;

}



.biaodan li {

    width: 24%;

    float: left;

    margin-right: 1%;

    line-height: 58px;

    height: 62px;

    border: 1px solid #dadada;

}



.biaodan li.m_r {

    margin-right: 0px;

}



.biaodan li .input {

    outline: none;

    padding-left: 10%;

    width: 89.4%;

    line-height: 60px;

    height: 60px;

    background-color: #fff;

}



.biaodan li.text_error {

    width: 99.5%;

    height: 285px;

}



.biaodan li.text_error textarea {

    outline: none;

    width: 97.4%;

    padding-left: 2.4%;

    padding-top: 20px;

    height: 263px;

    background-color: #fff;

}



.biaodan_con .submit {

    margin: 0 auto;

    width: 300px;

    height: 74px;

    line-height: 74px;

    text-align: center;

    background-color: #333;

    color: #fff;

    margin: 0 auto;

    margin-top: 90px;

    margin-bottom: 105px;

    font-size: 18px;

    transition: 0.3s;

    position: relative;

    overflow: hidden;

    border: 0;

}



.biaodan_con .submit:hover {

    color: #fff;

    background-color: #e60012;

}





/* 留言弹窗 */



.vwrap {

    display: none;

    z-index: 1040;

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

}



.vwrap .videobtg {

    z-index: 900;

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.7;

    filter: alpha(opacity=70);

    overflow: hidden;

}



.vwrap .videobox {

    z-index: 990;

    padding: 0 50px;

    width: 1100px;

    height: 770px;

    background: #fff url(../images/about.png) no-repeat right top;

    background-size: 14%;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-top: -385px;

    margin-left: -600px;

}



.vwrap .videobox #videobox1 {

    width: 100%;

    display: inline-block;

    height: 100%;

    background: #000;

}



#videobox_wrapper {

    height: 100%!important;

}



.vwrap .close {

    z-index: 999;

    width: 24px;

    height: 24px;

    cursor: pointer;

    position: absolute;

    top: -38px;

    right: -40px;

}



.vwrap .close i {

    display: block;

    width: 24px;

    height: 24px;

    background: url(../images/close.png) no-repeat 50% 50%;

    -webkit-transition: 400ms;

    transition: 400ms;

}



.vwrap .close:hover i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



#videobox_display_button {

    background: none no-repeat!important;

}



.jwplayer .jwicon:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.jwlogo,

.jwclick {

    display: none!important;

}



#videobox_controlbar {

    bottom: 5%!important;

}



.videobox .guest_box li {

    margin-top: 30px;

    width: 48%;

    margin-bottom: 0px;

}



.videobox .guest_box li.error {

    margin-right: 36px;

}



.videobox .guest_box li .textarea {

    width: 878px;

    padding-left: 20px;

}



.videobox .guest_box .submit {

    margin-top: 17px;

}



.videobox .guest_box {

    padding-top: 25px;

}





/* 鼠标经过图片放大 */



.main_pic {

    overflow: hidden;

}



.main_pic img {

    -webkit-transition: .8s;

    -o-transition: .8s;

    transition: .8s;

}



.main_pic img:hover {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}





/* 飘入动画 */



.piao {

    opacity: 0;

    -ms-transform: translateY(50px);

    transform: translateY(50px);

    transition: transform 1s, opacity 1s;

}



.visible .piao {

    transform: none;

    opacity: 1;

}





/* 弹窗视频 */



.vwrap2 {

    display: none;

    z-index: 1040;

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

}



.vwrap2 .videobtg2 {

    z-index: 900;

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: #000;

    opacity: 0.7;

    filter: alpha(opacity=70);

    overflow: hidden;

}



.vwrap2 .videobox2 {

    z-index: 990;

    padding: 0 50px;

    width: 900px;

    height: 500px;

    background-color: #fff;

    position: fixed;

    left: 50%;

    top: 50%;

    margin-top: -250px;

    margin-left: -500px;

}



.vwrap2 .videobox2 #videobox2 {

    width: 100%;

    display: inline-block;

    height: 100%;

    background: #fff;

}



#videobox_wrapper {

    height: 100%!important;

}



.vwrap2 .close2 {

    z-index: 999;

    width: 24px;

    height: 24px;

    cursor: pointer;

    position: absolute;

    top: -38px;

    right: -40px;

}



.vwrap2 .close2 i {

    display: block;

    width: 24px;

    height: 24px;

    background: url(../images/close.png) no-repeat 50% 50%;

    -webkit-transition: 400ms;

    transition: 400ms;

}



.vwrap2 .close2:hover i {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



#videobox_display_button {

    background: none no-repeat!important;

}



.jwplayer .jwicon:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}



.jwlogo,

.jwclick {

    display: none!important;

}



#videobox_controlbar {

    bottom: 5%!important;

}



.tc-message2 .guest_box li .input {

    width: 408px;

}



.tc-message2 .guest_box2 li {

    width: 440px;

}



.tc-message2 .guest_box2 li.text_error {

    width: 100%;

}



.tc-message2 .guest_box li .textarea {

    width: 868px;

}



.tc-message2 {

    padding-top: 20px;

}



.tc-message2 .guest_box .submit {

    margin-top: 0px;

    background-color: #d53d3d;

    color: #fff;

    border: 0;

}



.tc-message2 .guest_box .submit:hover {

    background-color: #e60012;

    color: #fff;

    border: 0;

}



.tc-message2 h3 {

    font-size: 30px;

    color: #333;

    padding-top: 20px;

    padding-bottom: 20px;

    text-align: center;

}



.biaodan_con2 {

    padding: 0 18px;

    width: 164px;

}



.biaodan_con2 li {

    width: 100%;

}



.biaodan_con2 li .input {

    border: 1px solid #fff;

    width: 125px;

    padding-left: 35px;

    background-color: #fff;

}



.biaodan_con2 .submit {

    font-size: 16px;

    margin-bottom: 20px;

    margin-top: 5px;

    width: 100%;

    height: 40px;

    line-height: 38px;

    border: 1px solid #fff;

    color: #fff;

    background: none;

    /* background-color: #fff; */

}



@media(max-width:1900px) {

    .banner .bannerbox li a>img {

        width: auto!important;

        height: 100%!important;

    }

}



@media(max-width:1800px) {

    .wzjs_main3 img {

        max-width: 100%;

    }

}



@media(max-width:1600px) {}



@media screen and (min-width:1590px) and (max-width:1690px) {

    .banner .bannerbox li video {

        width: auto;

        height: 100%;

    }

}



@media(max-width:1550px) {

    .wrap {

        width: 1200px;

    }

    .content {

        margin-left: -600px;

    }

    .wrap1600 {

        width: 1200px;

    }

    .grzx_Vision_two_con2 {

        width: 600px;

    }

    .banner .flex-direction-nav {

        width: 1200px;

        margin-right: -600px;

    }

    .banner .bannerbox li a>img {

        width: 111%!important;

        left: 0!important;

        height: auto!important;

    }

    .banner .bannerbox li video {

        width: 100%!important;

    }

    .banner {

        height: 653px!important;

    }

    .banner .bannerbox li {

        height: 110%;

    }

    .conlist li h3 {

        line-height: 60px;

        font-size: 40px;

    }

    .nei_banner_tit {

        width: 1200px;

        margin-left: -600px;

    }

    .grzx_culture li {

        background: url(../images/gswh_li_bg.png) no-repeat bottom center;

        background-size: 100% 93%;

    }

    .qwyx_h3 {

        font-size: 40px;

    }

    .grzx_Vision_one h5 {

        font-size: 24px;

    }

    .grzx_Vision_two_con h5 {

        font-size: 24px;

    }

    .grzx_Vision_three .main_pic {

        width: 50%;

    }

    .case_ul li .main_pic img {

        width: 100%;

    }

    .muble {

        right: 260px;

    }

    .shejigao p img {

        padding-top: 50px;

        padding-bottom: 50px;

        max-width: 1200px;

        width: 90%;

    }

    .head_top h4 {

        display: none;

    }
    
    .navbox li{
        margin: 0 14px;
    }

    .head_top .logo {

        background: none;

    }

    .counsel {

        top: 120px;

    }

    .muble {

        bottom: -164px;

    }

}



@media(max-width:1366px) {

    .banner .bannerbox li {

        height: 100%!important;

    }

    .banner {

        height: 520px!important;

    }

    .banner .bannerbox li video {

        width: 100%!important;

        height: auto!important;

    }

    .conlist li h3 {

        line-height: 50px;

        font-size: 30px;

    }

    .banner .flex-direction-nav li a {

        width: 80px;

        height: 60px;

    }

    .banner .flex-direction-nav li a.flex-prev {

        right: 80px;

        background: #fff url(../images/banner_jiantou.png) center no-repeat;

    }

    .banner .flex-direction-nav li a.flex-next {

        right: 0px;

        background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;

    }

    .banner .flex-direction-nav li a.flex-prev:hover {

        background: #fff url(../images/banner_jiantou.png) center no-repeat;

    }

    .banner .flex-direction-nav li a.flex-next:hover {

        background: #e60012 url(../images/banner_jiantou_on2.png) center no-repeat;

    }

    .num {

        bottom: 0px;

    }

    .muble {

        width: 30px;

        right: 170px;

        height: 60px;

    }

    .grzx_grjj p {

        line-height: 25px;

    }

    .grzx_grjj h3 {

        padding-top: 35px;

    }

    .vwrap .videobox {

        height: 600px;

        margin-top: -300px;

    }

    .counsel {

        top: 50px;

    }

}



@media(max-width:1360px) {}



@media(max-width:1280px) {

    .banner {

        height: 526px!important;

    }

    .banner .bannerbox li video {

        width: 100%!important;

    }

}



@media(max-width:1200px) {

    .wrap {

        width: 94%;

        margin: 0 3%;

    }

    .banner .flex-direction-nav {

        width: 100%;

        right: 0px;

        margin-right: 0px;

    }

    .content {

        left: 0%;

    }

}



@media screen and (max-width: 1199px) {

    .menu-handler,

    .menuBox {

        display: block;

    }

    .head_top h2 {

        display: none;

    }

    .head_top .fours {

        display: none;

    }

    .navbox {

        display: none;

    }

    .head_top .logo {

        background: none;

    }

    .head_top h4 {

        display: none;

    }

    .head_top .logo img {

        max-height: 30px;

        padding-left: 25px;

    }

    .head_top {

        height: 54px;

        line-height: 54px;

    }

    .head_top .wrap {

        width: 100%;

        margin: 0px;

    }

    .new_ul2 li {

        padding-right: 5%;

    }

    .new_ul2 li:hover .news_date {

        margin-right: 12%;

    }

    .grzx_main1_left {

        width: 100%;

        text-align: center;

    }

    .grzx_main2_one_left .more {

        margin-top: 60px;

    }

    .grzx_main1_left .more {

        margin-top: 20px;

        margin-bottom: 50px;

    }

    .grzx_main1_right {

        margin: 0 auto;

        float: inherit;

        text-align: center;

    }

    .banner {

        height: 465px!important;

    }

    .banner .bannerbox li a>img {

        height: 100%!important;

        width: auto!important;

    }

    .footer_top ul {

        margin-right: 5%;

    }

}



@media screen and (max-width: 650px) {

    .banner {

        height: 345px!important;

    }

}



.main-im {

    position: fixed;

    left: 2px;

    bottom: 0;

    z-index: 9999;

    width: 110px;

    height: 168px;

}



.main-im .qq-a {

    display: block;

    width: 106px;

    height: 116px;

    font-size: 14px;

    color: #666;

    text-align: center;

    position: relative;

}



.main-im .qq-a span {

    bottom: 5px;

    position: absolute;

    width: 90px;

    left: 10px;

}



.main-im .qq-hover-c {

    width: 70px;

    height: 70px;

    border-radius: 35px;

    position: absolute;

    left: 18px;

    top: 10px;

    overflow: hidden;

    z-index: 9;

}



.main-im .qq-container {

    z-index: 99;

    position: absolute;

    width: 109px;

    height: 118px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    border-bottom: 1px solid #dddddd;

    background: url(../images/qq-icon-bg.png) no-repeat center 8px;

}



.main-im .img-qq {

    max-width: 60px;

    display: block;

    position: absolute;

    left: 6px;

    top: 3px;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.main-im .im-qq:hover .img-qq {

    max-width: 70px;

    left: 1px;

    top: 8px;

    position: absolute;

}



.main-im .im_main {

    background: #F9FAFB;

    border: 1px solid #dddddd;

    border-radius: 10px;

    background: #F9FAFB;

}



.main-im .im_main .im-tel {

    color: #666;

    text-align: center;

    width: 109px;

    padding: 5px 0;

}



.main-im .im_main .im-tel div {

    margin-top: 5px;

}



.main-im .im_main .im-tel .tel-num {

    font-family: Arial;

    color: #c20000;

}



.main-im .close-im {

    position: absolute;

    right: 10px;

    top: -12px;

    z-index: 100;

    width: 24px;

    height: 24px;

}



.main-im .close-im a {

    display: block;

    width: 24px;

    height: 24px;

    background: url(../images/close_im.png) no-repeat left top;

}



.main-im .close-im a:hover {

    text-decoration: none;

}



.main-im .open-im {

    cursor: pointer;

    margin-left: 68px;

    width: 40px;

    height: 133px;

    background: url(../images/open_im.png) no-repeat left top;

    display: none;

}





/**全球贸易通**/





/*banner*/



.tg-banner {

    width: 100%;

    position: relative;

    left: 50%;

    margin-left: -50%;

}



.tg-banner img {

    width: 100%

}



.img-responsive {

    display: block;

    max-width: 100%;

    height: auto;

}



ul li {

    list-style: none;

}



.clear {

    clear: both;

}



.tg-sj {

    padding-top: 40px;

    padding-bottom: 70px;

}



.tg-sj .tg-sj-list {

    padding-top: 20px;

    padding-bottom: 20px;

}



.tg-sj .tg-sj-list li {

    width: 23%;

    margin-left: 1%;

    margin-right: 1%;

    float: left;

    text-align: center;

    margin-top: 40px;

    padding-top: 50px;

    padding-bottom: 50px;

    box-shadow: 0px 0px 15px #e3e4e5;

    border-radius: 8px;

}



.tg-sj .tg-sj-list li h2 {

    font-size: 46px;

    color: #1975d8;

    margin-bottom: 10px;

}



.tg-sj .tg-sj-list li h2 span {

    font-size: 16px;

}



.tg-yx {

    background: url(../images/tg-bg3.jpg) no-repeat;

    padding-top: 70px;

    padding-bottom: 70px;

    border-top: 1px solid #e5e5e5;

    background-size: cover;

}



.tg-yx .tg-yx-title {

    text-align: center;

    margin-bottom: 30px;

}



.tg-yx .tg-yx-title h3 {

    font-size: 30px;

    color: #FFF;

}



.tg-cg {

    background: url(../images/tg-bg1.jpg) no-repeat center;

    background-size: cover;

    padding-top: 55px;

    padding-bottom: 220px;

}



.tg-cg .tg-cg-title {

    text-align: center;

    margin-bottom: 80px;

}



.tg-cg .tg-cg-title h3 {

    font-size: 30px;

    color: #333;

    line-height: 48px;

}



.tg-cg .tg-cg-list-main {

    position: relative;

    width: 100%;

    height: auto;

}



.tg-cg .tg-cg-list-main .tg-cg-list-top {

    /* position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 200px; */

    padding-left: 100px;

}



.tg-cg .tg-cg-list-main .tg-cg-list-top ul li {

    width: 16.66%;

    float: left;

    background: url(../images/tg-img2.png) no-repeat;

    background-size: 100%;

    /* min-height: 213px; */

    text-align: center;

    padding-top: 50px;

    padding-bottom: 60px;

    cursor: pointer;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}



.tg-cg .tg-cg-list-main .tg-cg-list-top ul li:hover {

    background: url(../images/tg-img3.png) no-repeat;

    background-size: 100%;

}



.tg-cg .tg-cg-list-main .tg-cg-list-top ul li h2 {

    font-size: 36px;

    color: #FFF;

    margin-bottom: 5px;

}



.tg-cg .tg-cg-list-main .tg-cg-list-top ul li p {

    font-size: 16px;

    color: #FFF;

    line-height: 26px;

}



.tg-cg .tg-cg-list-main .tg-cg-list-bottom {

    padding-right: 100px;

    /* position: absolute;

  top: 200px;

  left: 0px;

  width: 100%; */

}



.tg-cg .tg-cg-list-main .tg-cg-list-bottom ul li {

    width: 16.66%;

    float: left;

    background: url(../images/tg-img2.png) no-repeat;

    background-size: 100%;

    /* min-height: 213px; */

    text-align: center;

    padding-top: 50px;

    padding-bottom: 60px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -moz-transition: all 0.5s;

}



.tg-cg .tg-cg-list-main .tg-cg-list-bottom ul li:hover {

    background: url(../images/tg-img3.png) no-repeat;

    background-size: 100%;

}



.tg-cg .tg-cg-list-main .tg-cg-list-bottom ul li h2 {

    font-size: 36px;

    color: #FFF;

    margin-bottom: 5px;

}



.tg-cg .tg-cg-list-main .tg-cg-list-bottom ul li p {

    font-size: 16px;

    color: #FFF;

    line-height: 26px;

}



.tg-ksz {

    background: url(../images/tg-bg2.jpg) no-repeat center;

    background-size: cover;

    padding-top: 90px;

    padding-bottom: 100px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left {

    width: 35%;

    float: left;

    margin-top: 90px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left hr {

    border: none;

    border-top: 4px solid #1975d8;

    width: 35px;

    margin-left: 0px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left h3 {

    font-size: 36px;

    color: #FFF;

    line-height: 46px;

    margin-top: 15px;

    margin-bottom: 25px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left p {

    font-size: 20px;

    line-height: 32px;

    color: #FFF;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left ul {

    margin-top: 35px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left ul li {

    width: 23%;

    float: left;

    margin-right: 20px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-left ul li span {

    display: block;

    width: 106px;

    height: 106px;

    font-size: 48px;

    text-align: center;

    color: #FFF;

    background: url(../images/tg-icon1.png) no-repeat center;

    background-size: 100%;

    padding-top: 35px;

}



.tg-ksz .tg-ksz-main .tg-ksz-main-right {

    width: 65%;

    float: right;

}



.tg-sc {

    /* background: url(../images/tg-bg3.jpg) no-repeat center;

  background-size: cover; */

    padding-bottom: 52px;

}



.tg-sc .tg-sc-main {

    padding-top: 75px;

}



.tg-sc .tg-sc-main .tg-sc-title {

    text-align: center;

    margin-bottom: 30px;

}



.tg-sc .tg-sc-main .tg-sc-title h3 {

    font-size: 30px;

    color: #333;

    line-height: 48px;

}



.tg-sc .tg-sc-main .tg-sc-list {

    padding-bottom: 30px;

}



.tg-sc .tg-sc-main .tg-sc-list ul li {

    width: 31.33%;

    margin-left: 1%;

    margin-right: 1%;

    float: left;

    background-color: #FFF;

    text-align: center;

    margin-top: 30px;

    padding-top: 50px;

    padding-bottom: 50px;

    border-radius: 8px;

    box-shadow: 0px 0px 15px #e3e4e5;

}



.tg-sc .tg-sc-main .tg-sc-list ul li h4 {

    font-size: 18px;

    color: #3d3d3d;

    margin-top: 10px;

    margin-bottom: 10px;

}



.tg-sc .tg-sc-main .tg-sc-list ul li p {

    font-size: 16px;

    color: #757575;

}



.tg-inp {

    background: url(../images/tg-bg4.jpg) no-repeat center;

    background-size: cover;

    padding-top: 70px;

    padding-bottom: 75px;

}



.tg-inp .tg-inp-left {

    width: 30%;

    float: left;

}



.tg-inp .tg-inp-left dl dt {

    width: 25%;

    float: left;

}



.tg-inp .tg-inp-left dl dd {

    width: 75%;

    float: left;

}



.tg-inp .tg-inp-left dl dd h2 {

    font-size: 48px;

    color: #333333;

    font-weight: normal;

    margin-bottom: 5px;

}



.tg-inp .tg-inp-left dl dd h3 {

    margin-bottom: 30px;

    font-weight: normal;

}



.tg-inp .tg-inp-left dl dd a {

    font-size: 16px;

    color: #757575;

    text-decoration: none;

}



.tg-inp .tg-inp-right {

    width: 49%;

    float: right;

}



.tg-inp .tg-inp-right ul li {

    width: 49%;

    margin-left: 1%;

    float: left;

    margin-top: 10px;

}



.tg-inp .tg-inp-right ul li input {

    width: 100%;

    height: 42px;

    background-color: #FFF;

    border: 1px solid #FFF;

    display: block;

    box-sizing: border-box;

    padding-left: 10px;

}



.tg-inp .tg-inp-right .tg-inp-button {

    width: 49%;

    float: right;

    margin-top: 10px;

}



.tg-inp .tg-inp-right .tg-inp-button button {

    width: 100%;

    height: 42px;

    background-color: #1975d8;

    border: none;

    font-size: 16px;

    color: #ffffff;

}



.tg-sj .tg-sj-title {

    text-align: center;

}



.tg-sj .tg-sj-title h3 {

    font-size: 30px;

    color: #333333;

    line-height: 48px;

}

.xhs-page a{
    display: block;
}
.xhs-page img{
    max-width: 1920px;
    width: 100%;
    display: block;
    margin: auto;
}