@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-family: "微软雅黑"; }
* { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style-type: none; }
a { text-decoration: none !important; line-height: none !important; }
.glyphicon { top: 0 !important; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-background { background: none !important; }
.no-border { border: none !important; }
.overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a { text-decoration: none !important; cursor: pointer !important; color: #999; }
    a:focus { outline: none; }
ul { margin: 0; }
li { list-style: none; }
.imgvertical { vertical-align: middle !important; }
.container-fluid { max-width: 1230px !important; }
.container { max-width: 1000px !important; padding: 0; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
h1, h2, h3, h4, h5, h6 { margin: 0 !important; padding: 0 !important; }
.tr { transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; }
.tr1 { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; }
.tr2 { transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; }
.da { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
textarea:required, input:required { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.zi { font-size: 14px; line-height:30px;}
.zi strong{font-size:25px}
/*全局样式*/
header { width: 100%; height: 110px; padding-top: 22px; }
.logo { width: 330px; }
    .logo img { width: auto; height: 100%; }
header .middle { margin: -4px 0 0px -83px; }

header .phone { background: url(../images/icon-call.png) no-repeat left center; padding-left: 40px; font-size: 12px; color: #000; margin-top: 10px; }
    header .phone h4 { font-size: 24px; color: #d81e06; font-weight: bold; }
    header .phone:hover { -webkit-animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
    100% { -webkit-transform: scale(1) rotate(0); }
}

/*火狐浏览器*/
@-moz-keyframes tada {
    0% { -moz-transform: scale(1); }
    10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); }
    100% { -moz-transform: scale(1) rotate(0); }
}

/*pc导航*/
.nav { width: 100%; background: #ae0202; height: 50px; }
    .nav li { width: 13%; float: left; font-size: 14px; line-height: 50px; text-align: center; position: relative; }
    .nav .bx { width: 1px; height: 15px; background: #ce6767; margin-top: 18px; }
    .nav li a { display: block; color: #fff; }
        .nav .on, .nav li a:hover { background: #000; }
    /*导航二级下拉*/
    .nav li .nav-zi { width: 100%; position: absolute; left: 0; top: 50px; z-index: 9999999; display: none; }
        .nav li .nav-zi li { width: 100%; height: 45px; background: rgba(174,2,2,0.8); line-height: 45px; font-size: 14px; margin-top: 1px; border: 0; }
            .nav li .nav-zi li a { display: block; padding: 0 15px; }
    .nav li:hover .nav-zi { display: block !important; }
    .nav li .nav-zi li:hover a { background: rgba(0,0,0,0.8); }


header .sjdnav { display: none; width: 150px; height: auto; position: absolute; right: 0; top: 100px; z-index: 2000; }
    header .sjdnav ul { padding: 0; margin: 0; }
    header .sjdnav li { width: 100%; background: rgba(0,0,0,0.55); line-height: 38px; text-align: center; font-size: 15px; line-height: 38px; font-weight: bold; margin-bottom: 3px; }
        header .sjdnav li a { display: block; color: #fff; }
            header .sjdnav li a:hover { background: rgba(255,150,16,0.9); }
header .ydd_btn { width: 40px; cursor: pointer; position: absolute; z-index: 2000; top: 40px; right: 15px; }
    header .ydd_btn span { display: block; width: 100%; height: 4px; background: #ae0202; }
        header .ydd_btn span.span02 { margin: 4px 0; }
    header .ydd_btn.click { background: none; }
        header .ydd_btn.click span { background: #ae0202; }
            header .ydd_btn.click span.span01 { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; top: 8px; margin-top: 0px; }
            header .ydd_btn.click span.span02 { margin: 4px 0; }
            header .ydd_btn.click span.span03 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; top: -8px; margin-top: 0px; }
            header .ydd_btn.click span.span02 { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }


/*banner轮播*/
#myCarousel { position: relative; }
    #myCarousel .carousel-inner img { margin: 0 auto; }
    #myCarousel .carousel-control { font-size: 100px; }
        #myCarousel .carousel-control.left { background-image: none; display: none; }
        #myCarousel .carousel-control.right { background-image: none; display: none; }
    #myCarousel:hover .carousel-control.left { display: block; }
    #myCarousel:hover .carousel-control.right { display: block; }

/*主体内容*/
.main1 { padding-bottom: 30px; }
.title { font-size: 12px; text-align: center; color: #666; padding: 50px 0 40px; }
    .title h4 { font-size: 26px; font-weight: bold; color: #ae0202; }
    .title h5 { font-size: 16px; color: #000; line-height: 35px; }
    .title .xian { width: 31px; height: 2px; background: #000; margin: 3px auto 12px; }
    .title:hover .xian { width: 100%; }

/*1、服务项目*/
.fuwu { background: #f7f7f7; }
    .fuwu .imgbox { display: block; margin: 0 0px 30px; }
        .fuwu .imgbox .tu { background: #ffff; padding: 15px; margin-bottom: 0px; box-shadow: 0 0 8px #ccc; margin-top: 2px; }
            .fuwu .imgbox .tu .imgbg { overflow: hidden; position: relative; }
            .fuwu .imgbox .tu .mask { width: 100px; background: rgba(174,2,2,0.8); position: absolute; bottom: 0; left: 50%; margin-left: -50px; font-size: 12px; color: #fff; line-height: 28px; text-align: center; opacity: 0; }
        .fuwu .imgbox h4 { background: #fff; font-size: 16px; color: #000; line-height: 48px; text-align: center; font-weight: bold; box-shadow: 0 0 8px #ccc; }
        .fuwu .imgbox:hover .img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
        .fuwu .imgbox:hover .mask { opacity: 1; }
        .fuwu .imgbox:hover h4 { color: #ae0202; }


/*2、产品展示*/
.navbox { font-size: 0; margin-bottom: 20px; text-align: center; }
    .navbox .navli { display: inline-block; width: 114px; border: 1px solid #ccc; font-size: 12px; color: #000; line-height: 34px; margin: 0 2px 4px; }
        .navbox .navli.active { background: #ae0202; border-color: #ae0202; color: #fff; }
.lunbobox { display: none; }
    .lunbobox.active { display: block; }
.show .imgbox { display: block; margin: 5px 10px 20px; }
    .show .imgbox .tu { overflow: hidden; margin-bottom: 1px; }
        .show .imgbox .tu .img { overflow: hidden; }
    .show .imgbox h4 { background: #f7f7f7; font-size: 14px; color: #000; line-height: 50px; height: 50px; text-align: center; }
    .show .imgbox:hover .img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
    .show .imgbox:hover h4 { background: #7a0303; color: #fff; }
.more11 { display: block; width: 153px; height: 40px; background: #ae0202; padding: 2px; margin: 15px auto 20px; }
    .more11 span { display: block; border: 1px solid #c64e4e; font-size: 14px; color: #fff; text-align: center; line-height: 34px; }
    .more11:hover span { font-size: 15px; font-weight: bold; }


/*3、公司简介*/
.jianjie { background: url(../images/about-bg.jpg) center center; background-size: cover; width: 100%; height: auto; padding-bottom: 70px; color: #fff; }
    .jianjie .title h5, .jianjie .title h4, .jianjie .title { color: #fff; }
        .jianjie .title .xian { background: #fff; }
    .jianjie .left { padding-right: 10px; }
    .jianjie .tu { height: 410px; box-shadow: 10px 10px rgba(255,255,255,0.5); }
    .jianjie .text h4 { font-size: 16px; font-weight: bold; }
    .jianjie .text .zi { font-size: 14px; color: #bbb; line-height: 30px; height: 323px; overflow: hidden; margin: 10px 0 0; }
    .jianjie .more11 { float: left; }


/*4、新闻动态*/
.news .imgbox { display: block; margin-bottom: 30px; }
    .news .imgbox .tou h4 { font-size: 14px; color: #000; line-height: 30px; }
    .news .imgbox .tou span { font-size: 12px; color: #999; }
    .news .imgbox .tu { overflow: hidden; margin: 15px 0; }
        .news .imgbox .tu .img { height: 96px; border: 1px solid #ccc; }
    .news .imgbox .zi { font-size: 12px; color: #666; line-height: 24px; height: 72px; overflow: hidden; }
    .news .imgbox .more { width: 90px; height: 25px; background: #3e3e3e; font-size: 12px; color: #fff; line-height: 25px; text-align: center; margin-top: 20px; }
    .rong .imgbox:hover .tu .img, .case .imgbox:hover .tu .img, .news .imgbox:hover .tu .img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
    .news .imgbox:hover h4 { color: #ae0202; }
    .news .imgbox:hover .zi { color: #333; }
    .news .imgbox:hover .more { background: #ae0202; }


/*5、案例展示*/
.case { background: #f2f2f2; }

/*6、定制流程*/
.ding .tu img { max-width: 100%; height: auto; margin: 0 auto; }
.ding .img { display: block; }
.ding .img1 { display: none; }

/*7、联系我们*/
.contact { background: url(../images/contact-bg.jpg) center center; background-size: cover; width: 100%; height: auto; color: #fff; }
    .contact .title1 { font-size: 12px; color: #ababab; text-align: center; padding: 50px 0 40px; }
        .contact .title1 h5 { font-size: 25px; color: #fff; }
        .contact .title1 h4 { font-size: 30px; color: #c00000; font-weight: bold; line-height: 50px; }
        .contact .title1 span { margin-top: 10px; display: block; }
    .contact h1 { font-size: 18px; line-height: 40px; }
    .contact .text { position: relative; font-size: 12px; margin-top: 10px; }
    .contact .sao { position: absolute; top: 5px; right: 0; width: 140px; }
        .contact .sao img { width: 100%; height: auto; }
    .contact ul li { font-size: 16px; line-height: 33px; }
        .contact ul li b { margin-right: 16px; line-height: 33px; color: #ff9610; font-size: 16px; }
    .contact form .form { width: 50%; }
    .contact form input { width: 100%; background: #696969; height: 40px; font-size: 12px; line-height: 40px; padding: 0 10px; border: 0; }
    .contact textarea { width: 100%; height: 104px; background: #696969; border: 0; font-size: 12px; line-height: 24px; margin: 10px 0; padding: 5px 10px; }
    .contact button { width: 218px; height: 40px; color: #fff; background: #c00000; border: none; outline: none; }
        .contact button:hover { background: #8b1010; }


/*底部信息*/
footer { background: #730000; color: #c1a3a3; padding: 20px 0; font-size: 12px; line-height: 24px; text-align: center; }
    footer a { color: #c1a3a3; }
        footer a:hover { color: yellow; }

/*底部热点开始*/
@font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); src: url('../fonts/font_1432720974_1547027.eot') format('embedded-opentype'),url('../fonts/font_1432720974_1547027.woff') format('woff'),url('../fonts/font_1432720974_1547027.ttf') format('truetype'),url('../fonts/font_1432720974_1547027.svg#iconfont') format('svg'); }
@font-face { font-family: 'Pacifico'; font-style: normal; font-weight: 400; src: local('Pacifico Regular'),local('Pacifico-Regular'),url(../fonts/q_z9mv4hysltmomjnk_rcfeszw2xoq-xsnqo47m55da.woff2) format('woff2'); }
.fa { display: inline-block; font-family: "iconfont"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
.w100 { width: 100% !important; }
.h100 { height: 100% !important; }
.hot { height: 50px; background: #474747; position: fixed; bottom: 0; left: 0; z-index: 99; border-top: 2px solid #fff; }
    .hot span { color: #fff; font-size: 16px; line-height: 20px; }
    .hot h6 { font-size: 12px; line-height: 20px; }
    .hot .row div a { display: block; color: #fff; padding: 7px 0; }
    .hot .row div:hover { background: #333; }
.dbbox { position: fixed; left: 0; bottom: 70px; z-index: 99; width: 100%; }
    .dbbox .dbs { position: relative; padding: 0 15px; display: none; }
        .dbbox .dbs .neirong { padding: 10px; background: #fff; border-radius: 5px; }
        .dbbox .dbs.ewm-box { text-align: center; }
            .dbbox .dbs.ewm-box:after { content: ""; position: absolute; left: 50%; bottom: -6px; z-index: 1; width: 25%; height: 6px; background: url(../images/dbtc_jt.png) no-repeat center; }
        .dbbox .dbs.fenxiang-box:after { content: ""; position: absolute; left: 75%; bottom: -6px; z-index: 1; width: 25%; height: 6px; background: url(../images/dbtc_jt.png) no-repeat center; }
        .dbbox .dbs.ewm-box img { max-width: 140px; }
        .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li { position: relative; padding: 6px 0; width: 20%; height: 44px; }
        .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a { position: absolute; left: 50%; top: 6px; margin: 0 0 0 -16px; float: inherit !important; display: block; }
/*底部热点结束*/

/*子页面*/
/*1、关于我们*/
.main { padding: 0 0 50px; font-size: 15px; line-height: 30px; background: #f7f7f7; }
    .main img { display: block; max-width: 100%; height: auto; margin: 10px auto 20px; }
/*内页左侧导航主要样式*/
.neiye { margin-top: -50px; }
    .neiye .menu { background: url(../images/icon-menu.png) no-repeat no-repeat 14px center,url(../images/menu.jpg) no-repeat; line-height: 50px; text-indent: 68px; font-size: 16px; color: #fff; font-weight: bold; position: relative; }
        .neiye .menu i { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; }
        .neiye .menu span { position: absolute; right: 30px; line-height: 35px; }
    .neiye .nav1 { background: #fff url(../images/icon-zi1.png) no-repeat 23px center; border: 1px solid #eaeaea; font-size: 14px; color: #333; line-height: 38px; margin-top: 1px; display: block; text-indent: 65px; text-align: left; }
    .neiye ul a { display: block; background: #f2f2f2; font-size: 12px; color: #888; line-height: 35px; text-indent: 84px; margin-top: 2px; }
    .neiye ul { display: none; }
    .neiye .ul1 { display: block; }
    .neiye .navbox { background: none; padding: 0; }

    /*一级导航、二级导航默认选中状态和hover事件*/
    .neiye .nav1.active, .neiye .nav1:hover { background: #ae0202; color: #fff; }
    .neiye ul a.active, .neiye ul a:hover { color: #ae0202; }


    .neiye .menu1 { background: url(../images/icon-menu1.png) no-repeat no-repeat 14px center,url(../images/menu.jpg) no-repeat; margin-top: 20px; }
.lian { border: 1px solid #eaeaea; background: #fff; font-size: 12px; line-height: 30px; padding: 15px 20px 30px; margin-top: 1px; }
    .lian h4 { font-size: 16px; font-weight: bold; line-height: 40px; }
    .lian img { width: 100%; height: auto; display: block; margin-bottom: 10px; }


.main .right { background: #fff; border: 1px solid #eaeaea; padding: 10px 20px 40px; margin: 30px 0 40px; }
.main .cont { margin-top: 20px; }
    .main .cont ul { text-align: center; margin-top: 30px; }
        .main .cont ul li { display: inline-block; margin: 0 10px; }

.title-zi { border-bottom: 1px solid #eaeaea; line-height: 40px; }
    .title-zi span { display: inline-block; border-bottom: 2px solid #ae0202; font-size: 18px; font-weight: bold; padding: 0 30px; text-align: center; }

.about { font-size: 14px; /*line-height:32px;*/ }
    .about h4 { font-size: 18px; line-height: 40px; font-weight: bold; }
    .about span { /*font-size:12px; color:#999;*/ }

.call-us { font-size: 13px; color: #6a6a6a; line-height: 28px; }
    .call-us h4 { font-size: 18px; color: #666; font-weight: bold; line-height: 30px; }
    .call-us img { max-width: 100%; height: auto; display: block; border: 1px solid #ccc; margin: 10px auto; }

.show-box .imgbox { margin: 0 0 30px; }

.news-box .imgbox .text span { margin: -3px 0; }

.show-main { text-align: left; }
    .show-main img { max-width: 100%; height: auto; display: block; border: 1px solid #ccc; padding: 2px; margin: 10px auto; }

.liuyan { width: 70%; margin: 0 auto; }
    .liuyan .tr { width: 100%; height: 35px; background: #000; font-size: 14px; color: #fff; border: 0; outline: none; }
        .liuyan .tr:hover { background: #ae0202; }

.rong .imgbox { display: block; margin-bottom: 30px; }
    .rong .imgbox .tu { border: 1px solid #f2f2f2; padding: 1px; margin-bottom: 1px; }
        .rong .imgbox .tu .imgbg { overflow: hidden; background: #f2f2f2; }
    .rong .imgbox .zi { background: #f2f2f2; font-size: 14px; color: #333; line-height: 60px; padding: 0 20px; }
    .rong .imgbox:hover .tu { border-color: #ae0202; }
    .rong .imgbox:hover .zi { background: #ae0202; color: #fff; }


@media (max-width:1350px) {
    .owl-theme .owl-controls .owl-buttons div.owl-prev { display: none; }
    .owl-theme .owl-controls .owl-buttons div.owl-next { display: none; }
}

@media (max-width:1151px) {
    header .middle { margin-left: 5px; }
    header .phone { padding-left: 30px; }
        header .phone h4 { font-size: 20px; }
}

@media (max-width:991px) {
.logo{width:100%;}
    header .phone { display: none; }
    header { height: 90px; padding-top: 16px; }
        header .ydd_btn { top: 30px; }
        header .sjdnav { top: 90px; }
        header .ydd_btn span.span02 { margin: 6px 0; }
    footer { padding-bottom: 70px; }
    .contact .title1, .title { padding: 40px 0 30px; }
        .title h4 { font-size: 22px; }
        .title h5 { font-size: 14px; line-height: 30px; }
        .title .xian { margin: 0 auto 8px; }
    .fuwu .imgbox { margin: 0 -10px 20px; }
.show .imgbox{ margin: 0 -10px 20px; }
    .jianjie .tu { margin-bottom: 30px; }
    .news .imgbox .tu { margin: 10px 0; }
    .news .more11, .news .imgbox .more { margin-top: 10px; }
    .contact .title1 h5 { font-size: 22px; }
    .contact .title1 h4 { font-size: 24px; line-height: 40px; }



    /*手机侧导航 下拉 开始*/
    .neiye { text-align: center; margin-top: 20px; }
        .neiye .menu span, .neiye .menu { line-height: 45px; background: #ae0202; }
        .neiye .menu, .neiye ul a, .neiye .nav1.active, .neiye .nav1:hover, .neiye .nav1 { text-indent: 0; text-align: center; }
    /*手机侧导航 下拉 结束*/
}

@media (max-width:767px) {
    header { height: 70px; padding-top: 10px; }
    .logo img { width: 280px; }
    header .ydd_btn { top: 23px; width: 32px; }
    header .sjdnav { top: 70px; }
    .jianjie { padding-bottom: 50px; }
        .jianjie .text .zi { height: 243px; }
    .news .imgbox { margin-bottom: 20px; }
    .contact .title1 h5 { font-size: 20px; }
    .contact .title1 h4 { font-size: 22px; line-height: 35px; }

    .rong .row, .show-box .row { margin: 0 -8px !important; }
    .rong .col-xs-6, .show-box .col-md-4 { padding: 0 8px !important; }
    .rong .imgbox, .show-box .imgbox { margin: 0 0 16px; }
    .liuyan { width: 100%; }
    .rong .imgbox .zi { line-height: 45px; }
}

@media (max-width:600px) {
    .title h4 { font-size: 20px; }
    .title h5 { font-size: 13px; }
    .fuwu .imgbox .tu { padding: 10px; }
    .show .imgbox h4, .fuwu .imgbox h4 { font-size: 14px; line-height: 40px; }
    .contact button { width: 150px; }
    .ding .img { display: none; }
    .ding .img1 { display: block; }
    .contact .title1 h5 { font-size: 18px; }
    .contact .title1 h4 { font-size: 20px; line-height: 30px; }
    .contact .title1 span { margin-top: 5px; }

    .main .right { padding: 5px 10px 30px; }
    .rong .imgbox .zi { line-height: 40px; }
}


@media (max-width:479px) {
    header { height: 55px; padding-top: 8px; }
    .logo img { width: 210px; }
    header .ydd_btn { top: 18px; width: 30px; }
    header .sjdnav { top: 55px; }
    header .ydd_btn span.span02 { margin: 4px 0; }
    .fuwu .imgbox .tu { padding: 8px; }
    .show .imgbox h4, .fuwu .imgbox h4 { font-size: 13px; line-height: 35px; }
    .more11 { width: 130px; margin: 10px auto; }
    .jianjie .tu { box-shadow: 8px 8px rgba(255,255,255,0.5); }
    .jianjie .text .zi { height: 186px; line-height: 26px; margin-top: 5px; }
    .contact button { width: 120px; }
    .rong .imgbox .zi { line-height: 35px; }
}

@media (max-width:400px) {
    header .ydd_btn { width: 26px; }
    .logo img { width: 190px; margin-top: 3px; }
}


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

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

.contact .bnt { width: 218px; height: 40px; color: #fff; background: #c00000; border: none; outline: none; margin: 10px 0; }
    .contact .bnt:hover { background: #8b1010; }
.contact form img { height: 40px; padding: 0 10px; }
.form_book #t4 { float: left; width: 200px; }
#imgcode { float: left; height: 34px; margin: 0; }

@media (max-width:767px) {
    .contact form img { width: 100%; }
    .contact .bnt { width: 100%; }
    .form_book #t4, #imgcode { width: 50%; }
    .db-ewms { position: relative; }
        .db-ewms h4 { position: absolute; right: -34px; bottom: 53px; display: none; }
}



.dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200; }
    .dock.close { z-index: 50; }
    .dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
    .dock.close ul.icons { right: -70px; }
    .dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210; }
    .dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4; }
    .dock ul.icons li.up i { background-position: -63px -150px; }
    .dock ul.icons li.tel i { background-position: -62px -108px; }
    .dock ul.icons li.im i { background-position: -63px -20px; }
    .dock ul.icons li.wechat i { background-position: -59px -66px; }
    .dock ul.icons li.down i { background-position: -63px -190px; }
    .dock ul.icons li p { display: block; position: absolute; top: 50px; right: -260px; padding: 15px 15px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201; }
    .dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
    .dock ul.icons li.tel p { width: 150px; height: 130px; line-height: 25px; font-size: 14px; }
    .dock ul.icons li.im p { width: 150px; height: 130px; line-height: 25px; font-size: 14px; }
        .dock ul.icons li.im p a { display: block; margin-top: 12px; width: 80px; height: 30px; line-height: 27px; color: #f00; font-size: 14px; text-align: center; text-decoration: none; border: 1px solid #f00; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
            .dock ul.icons li.im p a:hover { color: #fff; background: #f30; border: 1px solid #f00; }
    .dock ul.icons li.wechat p { width: 150px; height: 150px; line-height: 25px; }
        .dock ul.icons li.wechat p img { border: 2px solid #000; max-width: 115px; }
    .dock a.switch { position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; transition: all .5s; }
        .dock a.switch:hover { transform: rotate(180deg); }



#feed_back_form { width: 100%; margin: 10px auto; background-color: #f7f7f7; overflow: hidden; }
    #feed_back_form h1 { color: #c82e29; text-align: center; padding-top: 2em; font-size: 2.9em; font-family: 'Raleway', sans-serif; }
.login-01 { width: 38%; margin: 5% auto 3%; }
#feed_back_form li.first, li.second { border: none; list-style: none; margin-bottom: 10px; width: 100%; }
#feed_back_form .icon, #feed_back_form .icon2 { height: 55px; width: 55px; display: block; float: left; border-top-left-radius: 0.3em; -o-border-top-left-radius: 0.3em; -moz-border-top-left-radius: 0.3em; -webkit-border-top-left-radius: 0.3em; border-border-bottom-left-radius: 0.3em; -o-border-bottom-left-radius: 0.3em; -moz-border-bottom-left-radius: 0.3em; -webkit-border-bottom-left-radius: 0.3em; }
#feed_back_form .user { background: url(../images/icons1.png) no-repeat 14px 15px #c82e29; }
#feed_back_form .email { background: url(../images/icons1.png) no-repeat 15px -39px #c82e29; }
#feed_back_form .phone { background: url(../images/icons1.png) no-repeat 15px -93px #c82e29; }
#feed_back_form .msg { background: url(../images/msg.png) no-repeat 16px 16px #c82e29; }
#feed_back_form li.first:hover .user { background: url(../images/icons1.png) no-repeat 14px 15px #DB2048; }
#feed_back_form li.first:hover .email { background: url(../images/icons1.png) no-repeat 15px -39px #DB2048; }
#feed_back_form li.first:hover .phone { background: url(../images/icons1.png) no-repeat 15px -93px #DB2048; }
#feed_back_form li.second:hover .msg { background: url(../images/msg.png) no-repeat 16px 16px #DB2048; }
/*-----*/
#feed_back_form input[type="text"], #feed_back_form textarea { width: 77%; padding: 1.13em 1em 1.13em 1em; color: #858282; font-size: 16px; outline: none; background: #fff; font-weight: 500; border: none; font-family: 'Lora', serif; border-top-right-radius: 0.3em; -o-border-top-right-radius: 0.3em; -moz-border-top-right-radius: 0.3em; -webkit-border-top-right-radius: 0.3em; border-border-bottom-right-radius: 0.3em; -o-border-bottom-right-radius: 0.3em; -moz-border-bottom-right-radius: 0.3em; -webkit-border-bottom-right-radius: 0.3em; }
.submit { }
#feed_back_form textarea { resize: none; }
.login-01 input[type="submit"] { font-size: 17px; font-weight: 300; color: #fff; cursor: pointer; outline: none; padding: 10px 10px; width: 25%; border: 2px solid #c82e29; float: right; background: #c82e29; border-radius: 0.3em; -o-border-radius: 0.3em; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; margin-right: 2.85em; }
#feed_back_form input[type="submit"]:hover { -webkit-transform: rotate(4deg); transform: rotate(4deg); -o-transform: rotate(4deg); -moz-transform: rotate(4deg); }
#feed_back_form li.lost { margin-bottom: 21px; }


.page_show { margin: 20px 0; width: 90%; text-align: center; }
    .page_show span { padding: 0 5px; }
    .page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; color: #333; }
    .page_show .current { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; margin-right: 2px; }
    .page_show a:hover, .page_show a.page_show_current { background: #303030; color: #FFF; }