@charset "GB2312";  
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
*:before,
*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
body{
    font-family: '微软雅黑', 'Microsoft Yahei', Arial;
    font-size: 12px;
    color: #666;
    }
a{
    color: #999;
    }
a:hover,
.location a.on,
.location a:hover,
.tj_content .tj_content_cc a:hover .name,
.more2 a:hover,
.sub_nav .on a,
.sub_nav li:hover a,
#backtop:hover a,
.com_pub_box .vmore:hover a,
.products .tabcont li:hover a,
.news2l a:hover,
.pro-picshow .pro-picshow-right .pro-picshow-right-function a:hover,
.programbox .icasecont a:hover,
.certification li a:hover,
.ipropic li:hover a{
    cursor: pointer;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
    color: #e60012;
    }
u{
    text-decoration: none;
    }
img{
    max-width: 100%;
    height: auto;
    }
input[type='submit'],
input[type='reset'],
input[type='button'],
button{
    -webkit-appearance: none;
    }
select,
input,
textarea{
    outline: none;
    }
h1,
h2,
h3,
h3,
h4,
h5,
h6{
    font-weight: normal;
    }

/*public*/
.pc_hide{
    display: none;
    }
.wp{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    }
.p_main{
    padding: 40px 0;
    }
.brdio a{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    }
.ipro .wp,
.inews .wp,
.icase .wp,
.iabout .wp{
    padding: 60px 0;
    }
.e6{
    background-color: #e60012;
    }
.pad{
    padding: 30px;
    }
.mb3{
    margin-bottom: 60px;
    }
.f2{
    background: #f2f2f2;
    }
.tc{
    text-align: center;
    }
.title{
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 30px;
    padding-bottom: 25px;
    text-align: center;
    color: #333;
    background: url('/public/images/bg1.png') no-repeat center bottom;
    }
.title2{
    font-size: 20px;
    line-height: 30px;
    }
.title3{
    font-size: 26px;
    font-weight: bold;
    line-height: 60px;
    color: #3f3a39;
    }
.title4{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #333;
    }
.title5{
    font-size: 24px;
    line-height: 48px;
    color: #333;
    }
.title6{
    font-size: 16px;
    line-height: 26px;
    color: #333;
    }
.title7{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    }
.title8{
    font-size: 14px;
    line-height: 60px;
    color: #999;
    }
.title9{
    font-size: 16px;
    line-height: 60px;
    color: #333;
    }
.title10{
    font-size: 20px;
    line-height: 24px;
    color: #4c4746;
    }
.proshowbox .title10,
.college .title10,
.community .title10,
.contactus .title10,
.service1 .title10,
.ser11 .title10{
    margin-bottom: 30px;
    text-align: center;
    }
.title11{
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    color: #333;
    }
.title12{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #3e3a39;
    }
.title13{
    font-size: 18px;
    line-height: 26px;
    color: #333;
    }
.title14{
    font-size: 30px;
    line-height: 34px;
    }
.inr-shaw{
    -webkit-box-shadow: 0 0 10px #e2e2e2;
    -moz-box-shadow: 0 0 10px #e2e2e2;
    box-shadow: 0 0 10px #e2e2e2;
    -ms-box-shadow: 0 0 10px #e2e2e2;
    -o-box-shadow: 0 0 10px #e2e2e2;
    }
.ipubp{
    line-height: 24px;
    text-align: center;
    color: #999;
    }
.twoli li{
    float: left;
    width: 50%;
    text-align: center;
    }
.pthreeli li{
    float: left;
    width: 33.33%;
    text-align: center;
    }
.threeli li{
    float: left;
    width: 32%;
    /* margin-right: 20px; */
    margin-right: 2%;
    text-align: center;
    *width: 30.85%;
    }
.threeli .mn,
.fourlist .mn{
    margin-right: 0;
    }
.twolist li{
    float: left;
    width: 100%;
    }
.twolist .twolistl{
    float: left;
    /*text-align: center;*/
    overflow: hidden;
    width: 50%;
    margin-top: 20px;
    }
.twolist .twolistr{
    float: left;
    overflow: hidden;
    width: 50%;
    margin-top: 20px;
    }
.fivelist li{
    float: left;
    width: 20%;
    *width:14.5%;
    }
.fourlist li{
    float: left;
    width: 25%;
    *width:23.8%;
    }
.inewstab .tabcont .list li .tit a{
    color: #222;
    }
.vmore a,
.inewstab .tabcont .list li .tit:hover a{
    color: #e60012;
    }
.more1{
    font-size: 14px;
    text-align: center;
    }
.more1 a{
    *width:80px;
    *height:30px;
    *line-height:30px;
    *display:block;
    }
.more1 a,
.more1 input{
    padding: 11px 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e60012;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    }
.more1 a:hover,
.more1 input:hover{
    cursor: pointer;
    background-color: #d70011;
    }
.more2{
    text-align: center;
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    }
.more2 a{
    color: #8d8d8d;
    }
.more2:hover{
    border: 1px solid #e60012;
    }
.more3{
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    }
.more3 a{
    padding: 5px 21px;
    text-align: center;
    color: #e60012;
    border: 1px solid #e60012;
    background-color: #fff;
    }
.more3 a:hover{
    cursor: pointer;
    color: #fff;
    background-color: #e60012;
    }
.more4{
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    }
.more4 a{
    padding: 5px 21px;
    text-align: center;
    color: #fff;
    border: 1px solid #e60012;
    background-color: #e60012;
    }
.more4 a:hover{
    cursor: pointer;
    color: #e60012;
    background-color: #fff;
    }
.btn1{
    color: #e60012;
    }
.btn1:hover{
    color: #d70011;
    }
.btn2{
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e8340c;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    }
.btn2 img{
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
    }
.btn2:hover img{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
.parg p{
    font-size: 14px;
    line-height: 28px;
    }
.text-indent p,
.purr p{
    text-indent: 2em;
    }
.bigpic{
    position: relative;
    overflow: hidden;
    /* min-height: 450px; */
    height: 446px;
    }
#main2 .bigpic{
    height: 520px;
    }
.bigpic .wp{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    *top:0;
    *right:0;
    *left:0;
    *margin-left:30%;
    }
.bigpic .wp .parg{
    position: relative;
    z-index: 1;
    }
.bigpic img{
    max-width: none;
    }
.bigtitle{
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    color: #333;
    }
.bigtitle2{
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #666;
    }
.bigpic p{
    color: #666;
    }
.bigpic .ff p{
    color: #fff;
    }
.big-left,
.big-right{
    /*position: absolute;*/
    margin-top: 10%;
    }
.joinpart3 .big-left,
.joinpart3 .big-right{
    /*position: absolute;*/
    margin-top: 2%;
    }
.big-left{
    width: 50%;
    margin-left: 0;
    }
.big-right{
    width: 50%;
    margin-left: 50%;
    }
.ff{
    color: #fff;
    }

/*effect*/
@-webkit-keyframes mymove{
    0%,
    100%,
    50%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
    25%,
    75%{
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
        }
    }
@keyframes mymove{
    0%,
    100%,
    50%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
    25%,
    75%{
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
        }
    }

.ie-loading{
    display: none;
    display: block\9;
    }

@-webkit-keyframes bouncedelay{
    0%,
    80%,
    100%{
        -webkit-transform: scale(.0);
        }
    40%{
        -webkit-transform: scale(1.0);
        }
    }
@keyframes bouncedelay{
    0%,
    80%,
    100%{
        -webkit-transform: scale(.0);
        transform: scale(.0);
        }
    40%{
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        }
    }

/* hover img scale */
.daytime .s_tab_content .list .threeli li:hover .year-pic img,
.products .tabcont li:hover img,
.inewstab .tabcont .list li:hover img,
.join2 li:hover img,
.serctu li:hover .sericon,
.ser11 li:hover .ser1pic img,
.twolist li:hover .twolistr img,
.twolist li:hover .twolistl img,
.threeli li:hover .threeliimg img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    }

/* hover img rotate */
.abfivelist li:hover img,
.join3list .fourlist li:hover .jimg img,
.close_btn:hover img{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }

/*tab*/
.tab .tabname li,
.picscroll li{
    float: left;
    overflow: hidden;
    text-align: center;
    }

/* ad scroll */
.tj_bar{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 349px;
    background: #fff;
    }
.tj_bar li{
    float: left;
    width: 1000px;
    height: 349px;
    }

.tj_bar .prev {
    background: url(/public/images/prev.png) center center no-repeat;
    left: 0;
    width: 36px;
    height: 71px;
    position: absolute;
    top: 118px;
    }
.tj_bar .next {
    background: url(/public/images/next.png) center center no-repeat;
    right: 0;
    width: 36px;
    height: 71px;
    position: absolute;
    top: 118px;
    }


.tj_num{
    position: absolute;
    right: 5%;
    bottom: 5%;
    }
.tj_num a{
    line-height: 12px;
    display: inline-block;
    width: 20px;
    height: 5px;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #3f3a39;
    }
.tj_num a.on,
.tj_num a:hover{
    background: #e60012;
    }
.tj_content .tj_content_img{
    float: left;
    width: 500px;
    }
.tj_content .tj_content_cc{
    float: right;
    width: 500px;
    margin-top: 7%;
    padding: 25px;
    *width: 450px;
    }
.tj_content .tj_content_cc .name{
    font-size: 18px;
    padding: 10px 0;
    }
.tj_content .tj_content_cc a{
    display: block;
    float: right;
    width: 80%;
    }
.tj_content .tj_content_cc a p{
    line-height: 24px;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    color: #999;
    }
.tj_content .tj_content_cc a .name{
    display: block;
    color: #3f3a39;
    }
.tj_content .tj_content_cc a:hover p{
    color: #999;
    }
.tj_bar .tj_title{
    position: absolute;
    top: 10%;
    left: 52%;
    width: 45%;
    }
.tj_bar .tj_title .title2{
    float: left;
    color: #8d8d8d;
    }
.tj_bar .tj_title .more2{
    float: right;
    padding: 4px 13px;
    }

/* picshow */
.course-list{
    position: relative;
    }
.course-list .butn{
    position: absolute;
    top: 50%;
    display: block;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    cursor: pointer;
    }
.course-list .pre{
    left: 0;
    background: url('/public/images/left2.png') no-repeat center left;
    }
.course-list .next{
    right: 0;
    background: url('/public/images/right2.png') no-repeat center left;
    }
.course-list .pre:hover{
    left: 0;
    background: url('/public/images/left2.png') no-repeat center right;
    }
.course-list .next:hover{
    right: 0;
    background: url('/public/images/right2.png') no-repeat center right;
    }
.course-list .ovh{
    position: relative;
    overflow: hidden;
    width: 91%;
    margin: 0 auto;
    background: url('/public/images/bg_12.png') repeat-x left center;
    }
.course-list li{
    position: relative;
    float: left;
    width: 300px;
    margin-right: -93px;
    }
.course-list li .top{
    font-family: 'Arial';
    font-size: 18px;
    /* height: 42px; */
    line-height: 42px;
    padding-top: 45px;
    text-align: center;
    background: url('/public/images/bg_10.png') no-repeat left top;
    }
.course-list li:hover .top{
    color: #fff;
    background: url('/public/images/bg_10.png') no-repeat right top;
    }
.course-list .main{
    overflow-y: auto;
    width: 300px;
    *width:auto;
    min-height: 128px;
    max-height: 128px;
    padding: 17px 20px 27px;
    color: #777;
    background-color: #fff;
    }
.course-list .main p{
    padding-left: 18px;
    background: url('/public/images/ico_125.jpg') no-repeat left 9px;
    }
.course-list li.odd{
    margin-top: 0;
    }
.course-list li.odd .top{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 45px;
    background: url('/public/images/bg_11.png') no-repeat left top;
    }
.course-list li.odd:hover .top{
    color: #fff;
    background: url('/public/images/bg_11.png') no-repeat right top;
    }

/* page*/
.fanye{
    line-height: 24px;
    width: 100%;
    margin: 30px auto;
    text-align: center;
    color: #333;
    }
.fanye a{
    display: inline-block;
    padding: 3px 10px;
    /*margin: 0 4px;*/
    color: #333;
    border: 1px solid #ebe7e7;
    }
.fanye a:hover,
.fanye a.now,
.fanye a.on{
    cursor: pointer;
    color: #fff;
    border: 1px solid #e60012;
    background: #e60012;
    }

/* ------------------public end--------------------- */

/*header*/
#hd{
    border: 1px solid #e5e5e5;
    z-index:999;
    position:relative;
    }
#hd .logo{
    float: left;
    /*padding: 17px 0;*/
    }
#hd .hdr{
    line-height: 28px;
    float: right;
    margin-top: 30px;
    }
#hd .hdr .tel{
    display: inline-block;
    float: left;
    margin-right: 54px;
    padding-left: 20px;
    color: #6c7986;
    background: url(/public/images/tel_icon.png) left center no-repeat;
    }
#hd .hdr .so{
    float: left;
    margin-right: 10px;
    }
#hd .hdr .so .inp{
    float: left;
    width: 149px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #aebbc6;
    }
#hd .hdr .so .sub{
    width: 32px;
    height: 28px;
    cursor: pointer;
    border: 0;
    background: url(/public/images/so_btn.png) no-repeat;
    }
#hd .hdr .lan{
    padding-right: 10px;
    }
#hd .hdr .lan a{
    margin-left: 28px;
    }
#hd .hdr .lan .on{
    color: #329bdd;
    }
#nav{
    position: relative;
    float: left;
    width: 75%;
    height: 80px;
    border-right: 1px solid #e5e5e5;
    }
#nav ul li{
    position: relative;
    float: left;
    padding: 0 8px;
    text-align: center;
    }
#nav ul li a.a1{
    font-size: 14px;
    line-height: 39px;
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #3f3a39;
    }
#nav ul li.last a.a1{
    border-right: 1px solid #e4e4e4;
    }
#nav ul li a.a1:hover,
#nav ul li.ok a.a1,
#nav ul li.on a.a1{
    color: #e60012;
    }
#nav ul li dl{
    position: absolute;
    top: 47px;
    left: 0;
    display: none;
    width: 100%;
    padding: 10px 10px 39px 10px;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-top: 0;
    background: rgba(215, 231, 236, .85);
    background: #d7e7ec \9;
    }
#nav ul li dl dd a{
    font-size: 14px;
    line-height: 48px;
    display: block;
    color: #6d86a2;
    border-bottom: 1px solid #dcdcdc;
    }
#nav ul li em{
    position: absolute;
    top: 37px;
    left: 50%;
    display: none;
    width: 19px;
    height: 10px;
    margin-left: -9px;
    background: url(/public/images/hd_arr.png) no-repeat;
    }
#nav ul li.ok dl{
    display: block;
    }
#nav ul li.ok em{
    display: block;
    }
.menus{
    float: right;
    padding-right: 30px;
    }

/*search box*/
#hd .wp{
    position: relative;
    }
.isearch{
    position: relative;
    float: right;
    /*width: 10%;*/
    width: 12.5%;
    }
.search_box_1{
    float: left;
    width: 30px;
    height: 80px;
    }
.search_box_1 .icon_search{
    display: block;
    width: 30px;
    height: 80px;
    background: url(/public/images/search.png) no-repeat center center;
    }
.search_box_2{
    position: absolute;
    z-index: 3;
    right: 70%;
    display: none;
    overflow: hidden;
    width: 730px;
    height: 80px;
    border: none;
    background: #fff;
    }
.search_box_2 .sea_btn{
    width: 40px;
    height: 58px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(/public/images/search.png) no-repeat center #eee;
    }
.search_box_2 .sea_form{
    position: absolute;
    right: 0;
    left: 340px;
    float: left;
    width: 670px;
    margin-top: 10px;
    background: #eee;
    }
.search_box_2 .sea_form input{
    border: none;
    outline: none;
    }
.search_box_2 .seac_btn{
    position: absolute;
    right: 0;
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    }
.search_box_2 .icon_sclose{
    display: block;
    width: 58px;
    height: 58px;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    background: url(/public/images/btn_close_1.png) #fff no-repeat center center;
    }
.search_box_2 .word_input{
    line-height: 56px;
    width: 600px;
    height: 56px;
    padding: 0 10px;
    background: #eee;
    }
.isearch .lag{
    float: right;
    /*padding-top: 32%;*/
    padding-top: 27%;
    padding-right: 6%;
    }
.isearch .wq{
    line-height: 30px;
    float: right;
    padding-top: 21%;
    *padding-top: 21%;
    }
.isearch .wq h3{
    font-size:15px;
    font-weight:bold;
    color:#111;
    }
.isearch .wq .wqbtn{
    padding-right: 13px;
    cursor: pointer;
    background: url(/public/images/icon1.png) no-repeat right center;
    font-size:14px;
    font-weight:bold;
    }
.isearch .wq ul{
    position: absolute;
    z-index: 99999999;
    top: 56px;
    right: 0;
    display: none;
    width: 92px;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #eee;
    -moz-box-shadow: 0 0 10px #eee;
    box-shadow: 0 0 10px #eee;
    -o-box-shadow: 0 0 10px #eee;
    -ms-box-shadow: 0 0 10px #eee;
    }
.isearch .wq ul li{
    line-height: 26px;
    z-index: 999999;
    margin: 0 5px;
    border-bottom: 1px dotted #eee;
    background-color: #fff;
    }

/*erji*/

/*.ok {
    border-bottom: 1px solid red;
    }*/
.drop{
    width: 100%;
    background: url(/public/images/bgerji.jpg) bottom center no-repeat;
    }
.n_drop{
    width: 1000px;
    min-height: 176px;
    margin: 0 auto;
    }
.drop .tabname{
    float: left;
    width: 15%;
    margin-left: 17%;
    }
.drop .tabcont{
    float: right;
    width: 68%;
    padding: 30px;
    *width: 61%;
    }
.n_drop[data-name='1'] .ilist li{
    float: left;
    width: 35%;
    }
.drop .tabcont img{
    float: left;
    max-width: 162px;
    /* width: 162px;
    height: 113px; */
    min-height: 113px;
    max-height: 113px;
    margin-right: 20px;
    }
.drop .tabcont li a{
    line-height: 24px;
    }
.drop .tab .tabname ul{
    margin-top: 7px;
    }
.drop .tab .tabname li{
    /* background:url(/public/images/ier2.png) no-repeat 30px;
    */
    float: right;
    width: 100%;
    margin-bottom: 1px;
    padding: 10px 20px 10px 17px;
    text-align: left;
    }
.drop .tabname li a{
    font-size: 14px;
    padding-left: 1em;
    color: #fff;
    background: url(/public/images/ier2.png) no-repeat left center;
    }
.drop .tabname li.on a,
.drop .tabname li:hover a{
    background: #fff url(/public/images/ier1.png) no-repeat left center;
    }
.drop .tabname li:hover a{
    color: #e60012;
    }
.drop .tabname .on,
.drop .tabname .on a{
    color: #e60012;
    background: #fff;
    }

/*mobile menu*/
.m-bar{
    height: 60px;
    }
.logo-m{
    line-height: 60px;
    display: inline-block;
    float: left;
    width: 75%;
    height: 60px;
    margin-left: 10px;
    overflow:hidden;
    }
.logo-m img{
    z-index: 60;
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    }
.m-hd{
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    -ms-box-shadow: 0 0 10px #999;
    }
.m-nav{
    position: absolute;
    top: 60px;
    left: 0;
    clear: both;
    width: 100%;
    }
.m-nav a{
    font-size: 15px;
    line-height: 40px;
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    color: #333;
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    }
.m-trigger{
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #e60012 url(/public/images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
    }
.m-nav{
    display: none;
    }
.m-sub{
    display: none;
    }
.m-sub a{
    font-size: 14px;
    padding: 0 30px;
    border-top-color: #efefef;
    background-color: #f1f1f1;
    }
.m-show{
    display: none;
    }

/*footer*/
#fd{
    padding-top: 36px;
    color: #d7d7d7;
    border-top: 2px solid #e60012;
    background: #2d2d2d;
    }
#fd a:hover{
    text-decoration: underline;
    }
#fd dl{
    line-height: 24px;
    float: left;
    margin-right: 3%;
    color: #fff;
    }
#fd dl dt{
    font-weight: bold;
    margin-bottom: 15px;
    }
#fd dl dd a{
    display: block;
    max-width: 100px;
    }
#fd dl.fd-right{
    margin-right: 0;
    padding-left: 3%;
    border-left: 1px solid #3b3b3b;
    }
#fd dl.fd-right img{
    display: block;
    margin-bottom: 5px;
    }
#fd dl.fd-right span:hover img{
    margin-top: -40px;
    }
#fd dl.fd-right .hotline{
    color: #999;
    }
#fd dl.fd-right .hotline p{
    font-size: 28px;
    color: #e60012;
    }
#fd dl.fd-right dd span{
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    }
#fd .fd-copy{
    margin-top: 20px;
    padding: 17px 0;
    text-align: center;
    color: #666;
    background: #222;
    }
#fd .fd-copy span.r em{
    margin: 0 10px;
    }
#fd .fd-copy span{
    margin-left: 5px;
    color: #222;
    }
.share_ewm{
    position: absolute;
    right: 2%;
    display: none;
    }
.share_ewm img{
    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    }

/*banner*/
.baner{
    position: relative;
    overflow: hidden;
    width: 100%;
    *z-index: -1;
    }
.baner_box{
    width: 1000px;
    margin: 0 auto;
    }
.n_baner{
    position: relative;
    display: block;
    overflow: hidden;
    width: 1920px;
    margin: 0 -460px;
    }
.atlas{
    width: 999999px;
    }
.atlas li{
    float: left;
    }
.atlas li img{
    display: block;
    }
.n_baner .num{
    z-index: 666;
    line-height: 43px;
    position: absolute;
    z-index: 5;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    background: url(/public/images/bicon1.png) no-repeat center;
    }
.n_baner .num a{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    }
.n_baner .num a.on{
    background: #e60012;
    }
.n_baner .num span{
    position: absolute;
    cursor: pointer;
    }
.n_baner .num .left{
    left: 45%;
    }
.n_baner .num .right{
    right: 45%;
    }

/*index*/
.ipro .ipubp{
    padding-bottom: 60px;
    }
.ipropic{
    font-size: 14px;
    line-height: 40px;
    color: #666;
    }
.ipropic li{
    text-align: center;
    }
.ipropic li a{
    display: block;
    overflow: hidden;
    height: 150px;
    }
.ipropic li:hover a img{
    margin-top: -200px;
    }
.inews{
    background: url('/public/images/bg2.jpg') no-repeat center;
    }
.inews .ipubp{
    padding-bottom: 30px;
    }
.inewstab .tabname,
.terms .tabname{
    padding-bottom: 40px;
    text-align: center;
    }
.inewstab .tabname ul{
    margin-left: 36%;
    }
.inewstab .tabname li,
.terms .tabname li{
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px;
    padding: 5px 27px;
    cursor: pointer;
    color: #666;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    }
.inewstab .tabname .on,
.inewstab .tabname li:hover,
.terms .tabname li:hover,
.terms .tabname .on{
    font-weight: normal;
    color: #fff;
    border: 1px solid #e60012;
    background: #e60012;
    }
.inewstab .tabcont .list li{
    float: left;
    border: 1px solid #e9e9e9;
    background: #fff;
    }
.inewstab .tabcont .list li:hover{
    -webkit-box-shadow: 0 0 10px #d1d1d1;
    -moz-box-shadow: 0 0 10px #d1d1d1;
    box-shadow: 0 0 10px #d1d1d1;
    -o-box-shadow: 0 0 10px #d1d1d1;
    -ms-box-shadow: 0 0 10px #d1d1d1;
    }
.inewstab .inewspic{
    overflow: hidden;
    max-width: 320px;
    max-height: 213px;
    }
.inewstab .inewscont{
    padding: 20px;
    border-bottom: 5px solid #fff;
    }
.inewstab .tabcont .list li:hover .inewscont{
    border-bottom: 5px solid #e60012;
    }
.inewstab .tabcont .list li .tit{
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 10px;
    text-align: left;
    color: #222;
    background: url('/public/images/botline1.jpg') no-repeat left bottom;
    }
.inewstab .ipubp{
    padding-top: 20px;
    text-align: left;
    }
.vmore{
    text-align: right;
    }
.vmore .jt img{
    margin-left: 5px;
    *margin-left:0;
    *padding-left:5
    }
.vmore:hover img{
    -webkit-animation: mymove 3s infinite;
    animation: mymove 3s infinite;
    -webkit-animation-name: hvr-icon-right;
    animation-name: hvr-icon-right;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    }

/*icase*/
.icasebox li{
    position: relative;
    }
.icasebox .icasepic{
    overflow: hidden;
    }
.mask{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 320px;
    height: 212px;

    transition: all .5s;
    background: url(/public/images/mask_bj.png);
    }
.mask img{
    /*padding-top: 25%;*/
    /*2018-12-18nick*/
    padding-left: 44%;
    }
.icase li:hover .mask{
    top: 0;
    display: block;
    }
.icasecont{
    line-height: 28px;
    padding-top: 15px;
    }
.icasecont a{
    font-size: 16px;
    }
.icasecont p{
    font-size: 14px;
    color: #e60012;
    }
.icase .more1{
    margin-top: 30px;
    }
.icase .more1 a{
    font-weight: bold;
    }

/*iabout*/
.iabout{
    overflow: hidden;
    max-height: 554px;
    background: url(/public/images/bg3.jpg) no-repeat top center;
    }

.iaboutbox .iaboutl{
    float: left;
    width: 50%;
    text-align: right;
    *width: 49%;
    }
.iaboutbox .iaboutl .iabouttt{
    margin-right: 1em;
    }
.iaboutl .iaboutll{
    float: left;
    width: 28.5%;
    margin-top: 6.3%;
    *margin: 0;
    }
.iaboutl .iaboutll li{
    font-size: 16px;
    float: left;
    width: 33.3%;
    min-height: 160px;
    padding: 15px;
    *width: 11.7%;
    }
.iaboutl .iaboutll li a{
    color: #fff;
    }
.iaboutl .iaboutll .vmore{
    float: left;
    margin-top: 47.5%;
    text-align: center;
    border: 2px solid #d91c1a;
    }
.iaboutl .iaboutll .vmore a{
    line-height: 30px;
    padding-right: 25px;
    padding-left: 10px;
    }
.iaboutl .iabc{
    background: #d91c1a;
    }
.iaboutl .iabc:hover{
    background: #ca1a19;
    }
.iaboutl .iabh{
    background: #e32d2c;
    }
.iaboutl .iabh:hover{
    background: #d93130;
    }
.iaboutl .iabr{
    background: #ed4449;
    }
.iaboutl .iabr:hover{
    background: #de4044;
    }
.iaboutl .iaboutlr{
    z-index: 999999;
    float: right;
    width: 71.5%;
    text-align: left;
    }
.iaboutl .iaboutlr .dot{
    margin-top: 7%;
    }
.iaboutbox .iaboutr{
    position: relative;
    float: right;
    width: 50%;
    min-height: 352px;
    padding: 64px 0 0 45px;
    background: url(/public/images/bg4.png) no-repeat left top;
    *width: 45%;
    }
.iaboutbox .iaboutr .title2{
    padding-bottom: 25px;
    }
.iaboutbox .iaboutr img{
    position: absolute;
    top: 10%;
    right: 0;
    }
.iaboutbox .iaboutr p{
    color: #666;
    }
.vedio_kuai{
    position: relative;
    overflow: hidden;
    /* width: 360px; */
    width: 100%;
    height: 263px;
    cursor: pointer;
    }
.vedio_kuai:hover .vedio_kuai_play{
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 1;
    background: rgba(0, 0, 0, .2);
    filter: alpha(opacity=100);
    -mos-background: rgba(0, 0, 0, .2);
    -ms-background: rgba(0, 0, 0, .2);
    -o-background: rgba(0, 0, 0, .2);
    -webkit-background: rgba(0, 0, 0, .2);
    -mos-transition: all .25s linear;
    }
.vedio_kuai .vedio_kuai_play{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 360px;
    height: 263px;
    opacity: 1;
    filter: alpha(opacity=100);
    }
.vedio_kuai .vedio_kuai_play p{
    position: absolute;
    z-index: 5;
    width: 360px;
    height: 263px;
    background: url(/public/images/play.png) center no-repeat;
    }
.vedio_kuai:hover .vedio_kuai_play p{
    background: url(/public/images/play2.png) center no-repeat;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_playon{
    position: absolute;
    z-index: 10;
    bottom: 107px;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden{
    position: absolute;
    bottom: 0;
    display: block;
    width: 360px;
    height: 263px;
    }
#main1{
    padding: 40px 0;
    background: #f1f1f1;
    }
#main2{
    background: #f1f1f1;
    }
.inboxshadow{
    -webkit-box-shadow: 0 5px 5px #e6e6e6 inset;
    -moz-box-shadow: 0 5px 5px #e6e6e6 inset;
    box-shadow: 0 5px 5px #e6e6e6 inset;
    -ms-box-shadow: 0 5px 5px #e6e6e6 inset;
    -o-box-shadow: 0 5px 5px #e6e6e6 inset;
    }
.n_bar{
    position: relative;
    font-size:0;
    z-index:1;
    }
.n_bar .wp{
    position: absolute;
    right: 0;
    left: 0;
    *left: 24%;
    }
.n_bar .title2{
    font-weight: bold;
    margin-top: 9%;
    }
.n_bar span{
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 2%;
    background-color: #e60012;
    }
.main_box{
    width: 100%;
    height: 77px;
    padding: 0;
    }
.main_box_1{
    height: 77px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    }
.com_pub{
    display: block;
    }
.com_pub_box{
    width: 1000px;
    margin: 0 auto;
    }
.sub_nav{float:left    }
.sub_nav li{float:left    }
.sub_nav li a{
    font-size: 14px;
    line-height: 77px;
    float: left;
    padding: 0 10px;
    }
.sub_nav li a:hover,
.sub_nav li a.on{
    color: #fff;
    background: url(/public/images/botline2.jpg);
    }
.com_pub_box .vmore,
.com_pub_box .location{
    line-height: 77px;
    }

#backtop a,
.com_pub_box .vmore a{
    padding: 12px 20px;
    color: #777;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    }
#backtop a img,
.com_pub_box .vmore a img{
    vertical-align: sub;
    }
#backtop a:hover,
.com_pub_box .vmore a:hover{
    border: 1px solid #e60012;
    }
.inr-title{
    line-height: 60px;
    padding-bottom: 30px;
    }
.inr-title .title3{
    float: left;
    }
.location{
    float: right;
    padding-left: 18px;
    background: url(/public/images/home.png) no-repeat left center;
    }

/* about */
.abtop li{
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.abtop .title2{
    padding-bottom: 2%;
    }
.abtop .parg p{
    color: #ffc0c5;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play p{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_hidden{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .abtopr{
    padding: 45px 35px;
    }
.abparg{
    text-align: center;
    }
.abparg .twoli{
    font-size: 14px;
    line-height: 28px;
    color: #333;
    }
.abparg .twoli li{
    padding-top: 40px;
    padding-bottom: 60px;
    }
.abparg .twoli span{
    font-family: Arial;
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.abtwolist li{
    margin-bottom: 30px;
    background: #f6f6f6;
    }
.abtwolist li{
    overflow: hidden;
    min-height: 312px;
    max-height: 351px;
    margin-bottom: 30px;
    background: #f6f6f6;
    }

/* culture */

.abcul .twolistr ul li{
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px dashed #cbcbcb;
    }
.abcul .twolistr ul li:hover{
    cursor: pointer;
    }
.abcul .twolistr ul .on .title6{
    font-weight: bold;
    }

/* responsibility */
.abfivelist{
    padding-bottom: 40px;
    }
.abfivelist li{
    padding: 0 25px;
    *padding: 0 0;
    border-left: 1px dashed #ccc;
    }
.abfivelist .title7{
    padding-bottom: 10px;
    }
.abfivelist p{
    line-height: 21px;
    color: #999;
    }
.resad{
    background: url(/public/images/res_bg.png) no-repeat top center;
    }
.resad .tj_bar,
.resad .tj_content li{
    height: 300px;
    }

.resad .tj_num a{
    width: 15px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #bbb;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    }
.resad .tj_num a.on{
    width: 25px;
    background: #e60012;
    }
.resad .tj_content .tj_content_cc{
    margin: 0;
    }
.resad .tj_content .tj_content_cc a{
    width: 100%;
    }
.resad .tj_content .tj_content_cc a p{
    color: #666;
    }
.resad .tj_content .tj_content_cc .name{
    font-size: 24px;
    line-height: 48px;
    }

/* products */
.productsbar .n_baner .num{
    background: none;
    }
.productsbar .n_baner .num a{
    opacity: .5;
    border: 1px solid #000;
    background: #fff;
    filter: alpha(opacity=50);
    }
.productsbar .n_baner .num .on{
    opacity: 1;
    border: 1px solid #000;
    filter: alpha(opacity=100);
    }
.products .fourlist li{
    cursor: pointer;
    border: 1px solid #e4e4e4;
    }
.products .tabname{
    border: none;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 5px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    }
.products .tabname li{
    font-size: 14px;
    line-height: 60px;
    color: #999;
    border: none;
    }
.products .tabname .on,
.products .tabname li:hover{
    font-size: 16px;
    color: #333;
    background: #e4e4e4;
    }
.products .tabcont li{
    overflow: hidden;
    *padding: 0;
    padding: 25px 20px;
    }
.products .tabcont li a{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #3f3a39;
    }
.products .tabcont li p{
    line-height: 18px;
    min-height: 60px;
    word-wrap: break-word;
    color: #999;
    }
.products .fivelist li{
    cursor: pointer;
    }
.products1 .fourlist li{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    border: 1px solid #fff;
    }
.products1 .fourlist li .ebd{
    padding: 2%;
    border: 5px solid #fff;
    }
.products1 .fourlist li .ebd img{
    /*height: 192px;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    }
.products1 .fourlist li:hover{
    border: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover .ebd{
    border: 5px solid #f6f6f6;
    }
.products1 .fourlist li a{
    color: #777;
    }

/*productshow*/
.proshow-local{
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
    }
.proshow-local .location{
    float: left;
    }
.proshow-local .more1{
    float: right;
    }
.proshow-local .more1 a{
    padding: 6px 8px;
    }
.proshowbox .main_box_1{
    border-top: 1px solid #e5e5e5;
    }

/*picshow*/

.pro-picshow .pro-picshow-left{
    position: relative;
    float: left;
    width: 50%;
    }
.picscroll{
    overflow: hidden;
    }
.picscroll ul{
    width: 9999999px;
    margin-top: 20px;
    }
.picscroll li{
    margin-right: 20px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    }
.picscroll li:hover{
    border: 1px solid #e60012;
    }
.picscroll span{
    position: absolute;
    top: 35%;
    display: block;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.picscroll span:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    }
.picscroll span.pre{
    left: 0;
    background: url(/public/images/ps-l.jpg) no-repeat center;
    }
.picscroll span.next{
    right: 0;
    background: url(/public/images/ps-r.jpg) no-repeat center;
    }

.pro-picshow .pro-picshow-left .tabcont .list{
    line-height: 347px;
    width: 500px;
    height: 350px;
    text-align: center;
    border: 1px solid #e9e9e9;
    }
.pro-picshow .pro-picshow-left .tabcont .list img{
    max-width: 497px;
    max-height: 347px;
    vertical-align: middle;
    }
.pro-picshow .pro-picshow-right{
    float: right;
    width: 50%;
    padding-left: 40px;
    *float:left;
    *width:45%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-title{
    font-size: 26px;
    line-height: 40px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-type{
    font-size: 20px;
    line-height: 40px;
    color: #666;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont{
    margin: 20px 0;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont p{
    line-height: 24px;
    color: #999;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function{
    padding: 25px 30px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function a{
    font-size: 18px;
    line-height: 24px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function span{
    /* display:block; */
    float: left;
    width: 26px;
    height: 26px;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
    width: 50%;
    margin-bottom: 2%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left bottom;
    }
span.f2{
    display: block;
    height: 1px;
    margin-top: 3px;
    }
.featuresbox .threeli li{
    /*font-size: 16px;*/
    font-size: 14px;
    margin-bottom: 20px;
    padding: 17px 29px;
    *padding: 17px 0;
    color: #777;
    border: 1px solid #e9e9e9;
    background: #f6f6f6 url(/public/images/icon-type1.png) no-repeat left center;
    }
.technical-name{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
    padding: 12px 16px;
    color: #fff;
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.technicalbox .add .technical-name{
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% -23px;
    }

/*download下载*/
.p_main .technicalbox .download{background:url(/public/images/download.png) no-repeat left;font-size:18px;padding: 12px 0 10px 36px;     }
.p_main .downloadbox{width:106px;height:40px;border:1px solid #e5e5e5;margin-left: 894px;text-align: center;line-height: 40px;margin-bottom: 10px;    }

.technical-detail{
    display: none;
    /* border: 1px solid #efefef; */
    margin-bottom: 6px;
    }
.technical-detail table{
    line-height: 35px;
    width: 100%;
    color: #777;
    }
.technical-detail thead{
    background: #e60012;
    }
.technical-detail thead th{
    font-size: 14px;
    text-align: center;
    color: #fff;
    }
.technical-detail tr,
.technical-detail td,
.technical-detail thead th{
    border: 1px solid #efefef;
    }

/*program*/
.programbox .threeli li{
    overflow: hidden;
    width: 33.33%;
    height: 224px;
    margin: 0;
    }
.programbox .icasepic img{
    width: 333px;
    height: 233px;
    }
.programbox .mask,
.case-main li:hover .mask{
    /*width: 300px;*/
    /* height: 224px; */
    margin: 5px;
    background: url(/public/images/mask_bj2.png);
    }
.programbox li:hover .mask,
.case-main li:hover .mask{
    top: 0;
    display: block;
    }
.programbox .icasecont a{
    font-size: 18px;
    color: #777;
    }
.programbox .icasecont p{
    font-size: 14px;
    color: #999;
    }
.programbox .more1{
    margin-top: 35px;
    }
.programbox .more1 a{
    padding: 10px 51px;
    }

/*certification*/
.certification{
    margin-bottom: 20px;
    }
.certification li{
    line-height: 60px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    }
.certification li a{
    color: #777;
    }
.certification li img{
    float: left;
    margin-right: 30px;
    }
.certification li .cer-down{
    float: right;
    padding: 0 30px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    }
.certification li .cer-down .icon-download2{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 21px;
    margin-right: 5px;
    background: url(/public/images/icon-download2.png) no-repeat left top;
    }
.certification li .cer-down a:hover .icon-download2{
    background: url(/public/images/icon-download2.png) no-repeat left bottom;
    }
.certification .loadingmore{
    margin-top: 20px;
    }

/* case */
.fancybox-inner{
    border: 5px solid #fff;
    }
.fancybox-close{
    width: 60px;
    height: 60px;
    /* top: -70px;
    right: -60%; */
    background: url(/public/images/x-btn.png) no-repeat left top;
    }
.fancybox-nav span{
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    background: none !important;
    }
.fancybox-prev span{
    background: url(/public/images/ar_l2.png) no-repeat left top !important;
    }
.fancybox-next span{
    background: url(/public/images/ar_r2.png) no-repeat left top !important;
    }
.case-depart a{
    font-size: 14px;
    line-height: 38px;
    *float:left;
    margin-right: 6px;
    padding: 8px 28px;
    color: #777;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.case-depart a:hover,
.case-depart a.on{
    color: #e60012;
    border: 1px solid #e60012;
    }
.case-depart-choice{
    float: right;
    }
.case-depart-choice .sxtj{
    line-height: 38px;
    padding-right: 37px;
    cursor: pointer;
    background: #fff url(/public/images/icon1.png) no-repeat 80%;
    }
.case-depart-choice ul{
    position: absolute;
    z-index: 999;
    display: none;
    }

.case-depart .case-depart-choice li a{
    line-height: 24px;
    display: block;
    min-width: 123px;
    padding: 6px 28px;
    text-align: center;
    }
.case-main{
    margin-bottom: 40px;
    }
.case-main li:hover .mask{
    top: 5px;
    }
.case-main .icasebox{
    margin-top: 30px;
    }
.case-main .threeli li{
    overflow: hidden;
    width: 33.33%;
    *width:33.29%;
    margin: 0;
    }
.case-main .icasepic{
    max-height: 444px;
    }
.case-main .icasepic img{
    width: 100%;
    min-height: 444px;
    }
.case-main .icasebox .mask{
    left: .7%;
    width: 97%;
    height: 96%;
    }

/*news ad*/
.newsdate{
    font-family: Arial;
    float: left;
    width: 20%;
    }
.newsdate .day{
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.newsdate .year{
    font-size: 14px;
    color: #3f3a39;
    }
.news2 .newstt{
    font-size: 16px;
    line-height: 30px;
    }
.news2l .newstt{
    color: #3f3a39;
    }
.news2r a{
    color: #fff;
    }
.news2 .news2l{
    float: left;
    width: 50%;
    background-color: #fff;
    *width: 44%;
    }
.news2 .news2r{
    float: right;
    width: 50%;
    *width: 44%;
    }
.news2 .news2l,
.news2 .news2r{
    padding: 25px 30px;
    }
.news2 .news2l ul,
.news2 .news2r ul{
    min-height: 120px;
    }
.news2 .time{
    font-weight: bold;
    padding-right: 8px;
    }
.news2l .time,
.news2l a{
    color: #3f3a39;
    }
.news2 li{
    line-height: 30px;
    }
.news2 .btn2{
    margin-top: 2%;
    }

/*news1*/
.daytime{
    overflow: hidden;
    }
.daytime .s_tab_name .year-sx{
    font-size: 14px;
    line-height: 40px;
    display: block;
    float: left;
    width: 100px;
    text-align: center;
    color: #fff;
    background-color: #e60012;
    }
.daytime .s_tab_name .pre{
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: #5f5f5f url(/public/images/left1.png) no-repeat center;
    }
.daytime .s_tab_name .pre:hover{
    background: #515151 url(/public/images/left1.png) no-repeat center;
    }
.daytime .s_tab_name .next{
    display: block;
    float: right;
    width: 50px;
    height: 40px;
    /* margin-top:25px;
    */
    cursor: pointer;
    background: #5f5f5f url(/public/images/right1.png) no-repeat center;
    }
.daytime .s_tab_name .next:hover{
    background: #515151 url(/public/images/right1.png) no-repeat center;
    }
.daytime .s_tab_name .daytime_ul{
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 40px;
    background-color: #3f3a39;
    }
.daytime .s_tab_name .daytime_ul ul{
    width: 999999px;
    }
.daytime .s_tab_name li{
    float: left;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    }
.daytime .s_tab_name li span{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    margin: 12px 0;
    padding: 0 25px;
    text-align: center;
    color: #999;
    border-right: 1px solid #616161;
    }
.daytime .s_tab_name li.on span{
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    }
.daytime .s_tab_name li span img{
    display: block;
    max-width: 86%;
    padding: 4px;
    border: 1px solid #ddd;
    }
.daytime .s_tab_name li.on img{
    border: 1px solid #e9e9e9;
    }
.daytime .s_tab_content{
    margin-top: 30px;
    }
.daytime .s_tab_content .list{
    display: none;
    clear: both;
    }
.daytime .s_tab_content .list li{
    line-height: 26px;
    overflow: hidden;
    cursor: pointer;
    }
.daytime .s_tab_content .list p{
    line-height: 28px;
    clear: both;
    padding: 10px 0;
    }
.daytime .s_tab_content .list li:hover p{
    color: #fff;
    }
.daytime .s_tab_content .list span{
    display: block;
    }
.daytime .s_tab_content .list .time{
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 20%;
    text-align: center;
    color: #d6a35e;
    }
.daytime .s_tab_content .list .txt{
    float: right;
    width: 80%;
    }
.daytime .s_tab_content .list .txt .honor_in{
    display: block;
    display: block;
    margin-left: 6px;
    padding: 0;
    padding: 0 15px;
    border-radius: 4px;
    }
.daytime .s_tab_content .list .name{
    float: left;
    width: 18%;
    }
.daytime .s_tab_content .list .name .c3{
    font-size: 24px;
    }
.daytime .s_tab_content .list .file{
    line-height: 24px;
    float: right;
    width: 76%;
    }
.daytime .s_tab_content .list .threeli li{
    margin-bottom: 20px;
    padding: 25px;
    *width:26.9%;
    text-align: left;
    background: #fff;
    }
.daytime .s_tab_content .list .threeli .year-tt{
    min-height: 56px;
    }
.daytime .s_tab_content .list .threeli .year-tt a{
    font-size: 16px;
    color: #333;
    }
.daytime .s_tab_content .list .threeli .year-time{
    font-family: Arial;
    font-size: 14px;
    line-height: 36px;
    color: #bbb;
    }
.daytime .s_tab_content .list .threeli .year-pic{
    overflow: hidden;
    width: 100%;
    }

.daytime .s_tab_content .list .threeli .year-cont{
    overflow: hidden;
    min-height: 65px;
    max-height: 65px;
    color: #999;
    }
.daytime .s_tab_content .list .threeli .vmore{
    text-align: left;
    }
.daytime .s_tab_content .list .threeli .vmore a{
    color: #666;
    }
.loadingmore{
    line-height: 40px;
    width: 100%;
    margin-top: 40px;
    cursor: pointer;
    text-align: center;
    background-color: #eaeaea;
    }
.daytime .s_tab_content .list .threeli li:hover{
    background-color: #e60012;
    }
.daytime .s_tab_content .list .threeli li:hover a,
.daytime .s_tab_content .list .threeli li:hover .year-time{
    color: #fff;
    }

/*newsshow*/
.newsshow-time{
    margin: 45px 0;
    padding: 15px;
    background: #f8f8f8;
    }
.newsshow-time .newsshow-timel{
    line-height: 28px;
    float: left;
    width: 50%;
    color: #a67c80;
    }
.newsshow-time .newsshow-timer{
    float: right;
    width: 50%;
    }
.newsshow-cont{
    overflow: hidden;
    margin-bottom: 30px;
    }
.newsshow-cont p{
    font-size: 14px;
    line-height: 28px;
    /*padding-bottom: 30px;*/
    text-indent: 2em;
    color: #777;
    }
.newsshow-pn{
    padding: 30px 25px;
    border: 1px solid #eee;
    background: #f8f8f8;
    }
.newsshow-pnl{
    font-size: 14px;
    line-height: 28px;
    float: left;
    width: 50%;
    }
.newsshow-pnl p{
    color: #333;
    }
.newsshow-pnr{
    float: right;
    width: 50%;
    padding-top: 2%;
    }
.bdsharebuttonbox{
    float: right;
    }

/*service*/
.service .title10,
.serctu,
.sertwolist{
    margin-bottom: 30px;
    }
.service .fourlist li{
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
    background: #f4f4f4;
    }
.service .fourlist .mn{
    margin-right: 0;
    }
.sers li{
    margin-bottom: 30px;
    padding: 60px 0 60px 0;
    }
.sers li .sericon{
    overflow: hidden;
    height: 52px;
    margin-bottom: 30px;
    }
.sers li:hover .sericon img{
    margin-top: -68px;
    }
.sers li:hover{
    background: #e60012;
    }
.sers li a{
    font-size: 16px;
    line-height: 28px;
    color: #777;
    }
.sers li:hover a{
    color: #fff;
    }
.serctu li{
    padding: 30px 20px;
    *padding:30px 0;
    }
.serctu li .serctutitle{
    font-size: 16px;
    line-height: 22px;
    color: #3f3a39;
    min-height:44px;
    }
.serctu li p{
    line-height: 24px;
    color: #999;
    }
.serctu li .sericon{
    margin-top: 20px;
    }
.serctu li .sericon img{
    height: 125px;
    }
.sertwolist li{
    overflow: hidden;
    max-height: 173px;
    background: #f4f4f4;
    }
.sertwolist li img{
    max-height: 173px;
    }
.serthreelist li,
.ser11 li{
    overflow: hidden;
    background: #f4f4f4;
    }
.serthreelist li p{
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    color: #403b39;
    }
.serthreelist li .threeliimg,
.serthreelist li img{
    overflow: hidden;
    height: 120px;
    }
.service1{
    background: url(/public/images/ser1bg.jpg) bottom repeat-x;
    }
.ser1top .ser1tl{
    float: left;
    margin-right: 40px;
    }
.ser1top .ser1tr{
    float: right;
    width: 50%;
    }
.ser1top .ser1tr .more1{
    margin: 30px 0;
    text-align: left;
    }
.ser11 li .cont{
    min-height: 290px;
    padding: 25px 20px;
    }
.ser11 li img{
    max-height: 224px;
    }
.ser11 li p{
    line-height: 24px;
    text-align: left;
    color: #999;
    }
.ser-searchbox{
    margin-bottom: 35px;
    padding: 45px 0;
    border: 1px solid #e9e9e9;
    background: #efefef;
    }
.ser-searchbox form{
    width: 80%;
    margin: 0 auto;
    }
.ser-searchbox .serboxl{
    float: left;
    width: 80%;
    }
.ser-searchbox .serboxl input{
    width: 100%;
    padding: 11px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    }
.ser-searchbox .serboxr{
    float: right;
    width: 20%;
    }
.ser-searchbox .serboxr .more1{
    text-align: left;
    }
.ser-searchbox .serboxr .more1 input{
    border-radius: 0;
    }
.ser-result{
    margin-bottom: 35px;
    }
.ser-result table{
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    }
.ser-result table th{
    font-size: 18px;
    line-height: 30px;
    padding: 18px;
    text-align: center;
    background: #f9f9f9;
    }
.ser-result table td{
    padding: 18px;
    border: 1px solid #ddd;
    }

.terms .tab{
    border: 1px solid #e9e9e9;
    border-top: none;
    }
.terms .title10{
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    background: url(/public/images/titlebg.jpg) no-repeat center;
    }
.terms .tabname{
    margin-left: 21%;
    padding-top: 40px;
    }
.terms .tabcont .list{
    padding: 30px;
    padding-top: 0;
    }

/*download*/
.depart,
.groupcont{
    border: 1px solid #eee;
    background-color: #fff;
    }
.depart{
    margin-bottom: 30px;
    }
.group{
    margin-right: 2%;
    padding-left: 2%;
    background: #f6f6f6;
    }
.group .group-left{
    float: left;
    width: 9%;
    text-align: right;
    border-bottom: 1px dotted #ccc;
    background: #f6f6f6;
    }
.group .group-left h5{
    font-size: 14px;
    font-weight: bold;
    padding: 20px 20px 20px 0;
    color: #333;
    }
.group .group-right{
    float: right;
    width: 91%;
    padding: 21px 20px;
    color: #777;
    border-bottom: 1px dotted #ccc;
    background: #fff;
    }
.group .group-right a{
    padding: 0 12px;
    }
.group .group-right a:hover,
.group .group-right .on,
.group_addmore a:hover,
.group_addmore .on{
    padding: 7px 12px;
    color: #fff;
    background: #e60012;
    }
.group .group-left.bdn,
.group .group-right.bdn{
    border-bottom: none;
    }
.group_addmore{
    display: none;
    padding: 15px 0 7px 0;
    }
.group_addmore a{
    line-height: 40px;
    }
.more-choice{
    float: right;
    margin-top: -7px;
    background: #f6f6f6;
    }
.group .group-right .more-choice a{
    display: block;
    padding: 7px 12px;
    color: #999;
    }
.group .group-right .more-choice a:hover{
    color: #fff;
    }
.groupcont .groupcont-title{
    font-size: 14px;
    font-weight: bold;
    padding: 13px 35px;
    color: #333;
    border-bottom: 1px solid #eee;
    background: url('/public/images/titlebg2.png') no-repeat 20px;
    }
.groupcont ul{
    margin: 10px 20px;
    }
.groupcont ul li{
    padding: 20px;
    border-bottom: 1px solid #eee;
    }
.groupcont ul li:hover{
    background: #f6f6f6;
    }
.groupcontleft{
    float: left;
    }
.groupcontleft h5{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #777;
    }
.groupcontleft h5 a{
    padding-left: 15px;
    color: #777;
    background: url(/public/images/icond1.png) no-repeat left center;
    }
.groupcontleft h5 a:hover{
    color: #e60012;
    background: url(/public/images/icond2.png) no-repeat left center;
    }
.groupcontleft p{
    color: #999;
    }
.groupcontright{
    float: right;
    margin-top: 15px;
    }
.groupcontright span{
    display: inline;
    }
.groupcontright span a{
    margin-left: 15px;
    padding: 8px 30px 8px 50px;
    cursor: pointer;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    text-align: center;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    }
.groupcontright .n_download_view a{
    background: url(/public/images/icon_down_1.png) no-repeat 18px 10px;
    }
.groupcontright .n_download_view a:hover{
    color: #fff;
    border: 1px solid #e60012;
    background: url(/public/images/icon_down_1.png) no-repeat 18px -21px #e60012;
    }
.groupcontright .n_download_down a{
    background: url(/public/images/icon_down_2.png) no-repeat 18px 7px;
    }
.groupcontright .n_download_down a:hover{
    color: #fff;
    border: 1px solid #e60012;
    background: url(/public/images/icon_down_2.png) no-repeat 18px -21px #e60012;
    }

/*faq*/
.faqlist .technical-name{
    font-size: 14px;
    font-weight: bold;
    color: #3f3a39;
    }
/*faq 19-01-30 */
.faqlist .technical-name a{font-size: 14px;font-weight: bold;color: #3f3a39;    }
.faqlist .technical-name a:hover{color: #e60012;    }

.faqlist .add .technical-name{
    color: #e60012;
    }
.faqlist .technical-name{
    border: 1px solid #eee;
    background: #f6f6f6 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.add .technical-name{
    background: #f6f6f6 url(/public/images/r-p.png) no-repeat 98% -23px;
    }
.faqlist .faqtt{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    }
.faqlist .faqtt.q{
    color: #e60012;
    }
.faqlist .faqtt.a{
    float: left;
    padding-top: 3px;
    color: #3f3a39;
    }
.faqlist .technical-detail{
    padding: 20px;
    }
.faqlist .technical-detail{
    border: 1px solid #eee;
    background: #f6f6f6;
    }
.faqlist li{
    margin-bottom: 10px;
    }

/*sunshine*/
.college p img{
    float: right;
    width: 342px;
    height: 290px;
    margin-left: 30px;
    }
.ft2{
    background: #f5f5f5;
    }
.ft2 .ewm{
    float: left;
    margin-right: 25px;
    padding: 10px;
    border: 1px solid #d5d5d5;
    background: #fff;
    }
.ft2 .ewm img{
    width: 122px;
    height: 122px;
    }
.ft2 .ft2r p{
    font-weight: bold;
    color: #3f3a39;
    }
.ft2 .ft2r .more3{
    float: left;
    margin-top: 30px;
    margin-right: 15px;
    }

/*.ft2 .ft2r .more3 a {
    padding: 6px 22px;
    border-radius:0;
    }*/

/*community*/
.community .brdio{
    margin: 30px 0;
    }

/*activity*/
.activity .daytime .s_tab_content .list{
    display: block;
    }
.activity .daytime .s_tab_content{
    margin-top: 0;
    }

/* contactus */
.contactus .threeli li{
    margin-bottom: 30px;
    }

/*join*/
.join2{
    position: relative;
    }
.join2 li{
    position: relative;
    width: 242px;
    height: 160px;
    border: none;
    }
.join2 li:hover{
    border: none;
    }
.join2 .picscroll span{
    position: static;
    display: inline-block;
    width: 44px;
    height: 46px;
    margin-top: 20px;
    cursor: pointer;
    }
.join2 .picscroll span.pre{
    margin-left: 47%;
    background: url(/public/images/left3.png) no-repeat center;
    }
.join2 .picscroll span.next{
    background: url(/public/images/right3.png) no-repeat center;
    }

/*cul-act*/
.culact{
    background: url(/public/images/actbg.jpg) no-repeat center;
    }
.culact .tj_content li{
    height: 500px;
    }
.culact .tj_content .tj_content_img{
    float: right;
    }
.culact .tj_content .tj_content_img{
    float: right;
    }
.culact .tj_num{
    right: 20%;
    }
.culact .title5,
.purch .title5{
    padding-bottom: 40px;
    text-align: center;
    }

/*purch*/
.purl{
    float: left;
    width: 50%;
    }
.purl p{
    text-align: center;
    }
.purr{
    float: right;
    width: 50%;
    }

/* join3 */

.join3list .fourlist li{
    width: 23%;
    margin-right: 20px;
    padding: 25px;
    *padding:25px 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    }
.join3list .fourlist .mn{
    margin-right: 0;
    }
.join3list .fourlist li p{
    text-align: left;
    }
.join3list .fourlist li .jimg{
    line-height: 160px;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f6f6f6;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    }
.join3list .fourlist li .jimg img{
    vertical-align: middle;
    }
.join3list .fourlist li:hover{
    background: url(/public/images/hoverbg.jpg) repeat-x left top;
    }
.join3list .fourlist li:hover .jimg{
    background: #fff;
    }
.join3list .fourlist li:hover p,
.join3list .fourlist li:hover .title11{
    color: #fff;
    }

/* hr join */
.hrbig{
    /* padding: 50px 0; */
    position: relative;
    overflow: hidden;
    min-height: 640px;
    max-height: 640px;
    }
.hrbig img{
    z-index: -1;
    max-width: none;
    }
.hrbig .hrbox{
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    }
.hrbig .wp{
    position: relative;
    z-index: 1;
    }
.hrbig .title5{
    padding-bottom: 30px;
    }
.hrbig .parg{
    text-align: center;
    }
.hrlist{
    position: relative;
    overflow: hidden;
    margin: 40px auto;
    }
.hrlist span{
    position: absolute;
    top: 46%;
    display: inline-block;
    display: none;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.hrlist span.pre{
    left: 0;
    background: url(/public/images/left3.png) no-repeat center;
    }
.hrlist span.next{
    right: 20px;
    background: url(/public/images/right3.png) no-repeat center;
    }
.hrlist ul{
    overflow: hidden;
    width: 999999px;
    height: 275px;
    }
.hrlist li{
    float: left;
    width: 230px;
    *width:200px;
    margin-right: 20px;
    padding: 20px;
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    background: #fff;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.hrlist .hrlist-time,
.hrdetail-title .time{
    font-size: 14px;
    line-height: 28px;
    color: #ccc;
    }
.hrlist .hrlist-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #797979;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.hrlist .hrlist-title a{
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #333;
    }
.hrlist .hrlist-cont{
    padding-bottom: 20px;
    text-align: left;
    }
.hrlist-cont-tit{
    font-size: 14px;
    line-height: 36px;
    color: #666;
    }
.hrlist li .more3{
    text-align: left;
    }
.hrlist li .more3 a{
    color: #999;
    border: 1px solid #ccc;
    }
.hrlist li:hover,
.hrlist li:hover .hrlist-title a,
.hrlist li:hover .hrlist-time,
.hrlist li:hover .hrlist-cont-tit{
    color: #fff;
    background: #e60012;
    }
.hrlist li:hover .hrlist-title{
    border-bottom: 1px solid #fff;
    }
.hrlist li .more3 a:hover,
.hrlist li:hover .more3 a{
    color: #e60012;
    border: 1px solid #fff;
    background: #fff;
    }

/*hr detail*/
.window{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url(/public/images/bg.png) repeat;
    }
.hr_window .hr_reg_window{
    position: absolute;
    top: 15%;
    left: 31.7%;
    width: 660px;
    height: 530px;
    padding: 30px;
    overflow:auto;
    border-radius: 5px;
    background: #fff;
    }

/*.hr_window .hr_reg_window::-webkit-scrollbar{width:5px;    }
.hr_window .hr_reg_window::-webkit-scrollbar-track{background-color:#fff;    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb{background-color:#ccc;    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb:hover {background-color:#aaa    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb:active {background-color:#aaa;    }*/
.hr_reg_window .jobdescription {
    max-height:none;
    }
.close_btn,
.resetpwd_window .close_btn{
    position: absolute;
    z-index: 99;
    top: 15px;
    right: 15px;
    }
.hrdetail-title{
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f1f1f1;
    }
.hrdetail-name{
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 1em;
    color: #333;
    }
.hrdetail-title .time{
    float: right;
    }
.hr_reg_window .more4{
    margin-top: 75px;
    *margin-top:30px;
    text-align: right;
    }

/*contact*/
.mapadd{
    padding: 10px;
    border: 1px solid #f2f2f2;
    }
.mapadd .map{
    float: left;
    }
.mapadd .map{
    width: 100%;
    width: 68%;
    margin-right: 1%;
    }
.mapadd .map img{
    max-width: none;
    }
.mapadd .add{
    line-height: 28px;
    float: right;
    float: right;
    width: 31%;
    min-height: 360px;
    padding: 40px 35px;
    *padding:0;
    color: #777;
    background: #f6f6f6;
    }
.mapadd .add p{
    line-height: 28px;
    }
.infor{
    margin-top: 30px;
    border-left: 1px solid #f2f2f2;
    }
.infor li{
    min-height: 190px;
    padding: 10px 20px;
    *width:20.8%;
    word-break: break-word;
    border-right: 1px solid #f2f2f2;
    }
.infor li .title12{
    padding-bottom: 10px;
    }
.infor li p{
    line-height: 18px;
    padding-bottom: 10px;
    }
.online{
    border-top: 1px solid #f2f2f2;
    }
.online span{
    display: inline;
    float: left;
    padding-right: 20px;
    text-align: left;
    }
.online span .title13{
    padding-top: 5px;
    }
.online span p{
    color: #999;
    }
.online .more1{
    float: right;
    margin-top: 19px;
    }
.online .title14{
    font-family: Arial;
    font-weight: bold;
    color: #e60012;
    }

/*message*/
#message{
    background: #f1f1f1;
    }
#message .title14{
    margin-bottom: 30px;
    text-align: center;
    color: #3f3a39;
    }
#message li{
    position: relative;
    *width:31.9%;
    text-align: left;
    }
#message li .inp{
    width: 100%;
    *width:80%;
    *margin-left:66px;
    text-align: left;
    }
#message textarea,
#message li input,
.inpdiv input{
    width: 100%;
    color: #aaa;
    border: none;
    }
#message li input,
.inpdiv input{
    text-indent: 5em;
    }
.inpdiv{
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    color: #aaa;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.inpdiv:hover{
    border: 1px solid #e60012;
    }
.tips{
    color: #e60012;
    }
#message span{
    position: absolute;
    left: 15px;
    }
#message .tips{
    position: absolute;
    right: 10px;
    left: auto;
    }
.more1 input{
    border: none;
    }
#message .inpdiv{
    background: #fff url(/public/images/dt3.gif) no-repeat;
    }

/* 限制图片 */
.daytime .s_tab_content .list .threeli .year-pic a,
.inewspic a{
    display: block;
    overflow: hidden;
    }
.inewspic a{
    width: 318px;
    height: 207px;
    }
.inewspic img{
    height: 207px;
    }
.icase .icasepic{
    overflow: hidden;
    height: 212px;

    }
.icase .icasepic img{
    /*min-height: 212px;*/
    /*max-height: 212px;*/
    /*2018-12-18nick*/
    min-height: 312px;
    max-height: 312px;
    width: 450px;
    }
.tj_content .tj_content_img img{
    width: 500px;
    height: 349px;
    }
.daytime .s_tab_content .list .threeli .year-pic a{
    line-height: 189px;
    width: 270px;
    height: 189px;
    text-align: center;
    background-color: #f5f5f5;
    }

.ser1pic{
    overflow: hidden;
    width: 320px;
    height: 224px;
    }
.products .fourlist li .prosimg{
    line-height: 186px;
    display: block;
    }
.products .fourlist li img{
    max-width: 208px;
    /* min-height: 186px; */
    max-height: 186px;
    text-align: center;
    vertical-align: middle;
    }

/* 限高 */
.inewstab .ipubp{
    min-height: 122px;
    }
.abfivelist li{
    min-height: 250px;
    }
.products .tabcont .fourlist li{
    height: 329px;
    *width:20.8%;
    }
.abtwolist img{
    height: 350px;
    }
.ipropic li a.pbt{
    height: 48px;
    }

/* text-indent */
.ser11 .cont p,
.service2 .list p,
.college .parg p,
.bigpic p{
    text-indent: 2em;
    }

/* 95 menu erji p */
.ilist li p{
    line-height: 24px;
    }

/*404*/
.lr_bg2{
    /* width:100%; */
    height: 100%;
    background: #efefef;
    }
.dis_table{
    display: table;
    width: 100%;
    *position: relative;
    }
.dis_cell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    }
.dis_logo{
    float: left;
    width: 100%;
    height: 135px;
    background: url('/public/images/downloads_top.png') no-repeat 0 35px;
    background-size: 100% 100%;
    }
.regi_copy{
    padding: 45px 0;
    text-align: center;
    color: #999;
    }
.page_bg{
    width: 1000px;
    height: 571px;
    margin: 0 auto 0;
    margin-top: 140px;
    border-radius: 5px;
    background: url('/public/images/404_img.png') no-repeat;
    background-size: 100% 100%;
    }
.tit_back_button{
    line-height: 38px;
    width: 190px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    background-color: #ec4942;
    }
.tit_back_button a{
    color: #fff;
    }
.tit_back_button:hover{
    background-color: #da433d;
    }
.page_bg .page_box{
    width: 1000px;
    height: 110px;
    padding-top: 360px;
    text-align: center;
    }
.page_bg .page_box_sf{
    padding-top: 210px;
    }
.page_bg .page_box .tit_back{
    margin: 25px 0;
    color: #afafaf;
    }
.page_bg .page_box .tit{
    margin: 25px 0;
    }
.page_bg .page_box .tit_back a{
    color: #afafaf;
    }
.page_bg .page_box .tit_back a:hover{
    text-decoration: underline;
    color: #da433d;
    }
.scc .page_bg{
    background: #fff;
    }
.scc .suc{
    font-weight: bold;
    }
.sb .page_bg{
    background: #fff;
    }
.sb .fail{
    font-weight: bold;
    }
.tsy{
    line-height: 47px;
    height: 47px;
    margin-bottom: 50px;
    }
.tsy img{
    padding-right: 15px;
    vertical-align: text-bottom;
    }
.dlag{
    /*display: none;产品内页下载en cn版本切换*/
    }
.jobdescription{
    overflow: hidden;
    min-height: 84px;
    max-height: 84px;
    }
@media (max-width:1440px){
.case-main .icasepic{
        max-height: 320px;
        }
.case-main .icasepic img{
        min-height: 320px;
        }
.case-main .icasebox .mask{
        width: 96%;
        height: 94%;
        }
.bigpic img{
        margin-left: -25%;
        }
    }
@media (max-width:999px){
.wp,
.ipro .wp,
.inews .wp,
.icase .wp,
.iabout .wp{
        padding-right: 2%;
        padding-left: 2%;
        }
.com_pub_box,
.featuresbox .threeli li,
.mask{
        width: 100% !important;
        }
.fd-top{
        display: none;
        }
.n_bar{
        padding-top: 60px;
        }
.baner,
.baner_box,
.n_baner{
        width: 100%;
        margin: 0;
        margin-top: 30px;
        padding: 0;
        }
.n_baner .num .left{
        left: 40%;
        }
.n_baner .num .right{
        right: 40%;
        }
.inewstab .tabcont .list li{
        min-height: 467px;
        }
.inr-news-main{
        margin-top: 2%;
        }
    #fd{
        padding: 0;
        }
    #fd dl.fd-right{
        padding-left: 3%;
        }
    #fd .fd-copy,
.big-right{
        margin: 0;
        }
.location{
        padding-right: 2%;
        }
    /*关于*/
.iaboutbox .iaboutl{
        width: 62%;
        }
.iaboutbox .iaboutr{
        width: 38%;
        padding: 0;
        padding-top: 3.2%;
        padding-left: 2%;
        background: none;
        }
.abtwolist li{
        min-height: initial;
        max-height: none;
        }
    /*产品*/
.pro-picshow .pro-picshow-left .tabcont .list{
        width: 100% !important;
        }
.proshow-local{
        margin-top: 5%;
        }
    /*案例*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 220px;
        max-height: 220px;
        }
.case-main li:hover .mask{
        top: 2px;
        }
    /*新闻*/
.daytime .s_tab_name{
        background: #3f3a39;
        }
.daytime .s_tab_name .daytime_ul{
        width: 72%;
        }
    /*客户服务*/
.ser1top .ser1tr{
        width: 50%;
        }
.ser1top .ser1tl{
        width: 48%;
        margin-right: 2%;
        }
.group{
        margin: 0;
        padding: 0;
        }
.group .group-left h5{
        padding-left: 2%;
        }
.group .group-left{
        float: none;
        width: 100%;
        text-align: left;
        }
.group .group-right{
        float: none;
        width: 100%;
        }
.group .group-right a{
        line-height: 36px;
        }
    /*学院*/
    /*加入固德威*/
.purr{
        width: 48%;
        }
.join3list .fourlist li .jimg{
        line-height: 120px;
        width: 120px;
        height: 120px;
        margin-bottom: 3%;
        }
.join3list .fourlist li{
        margin-right: 2%;
        }
.close_btn{
        position: initial;
        float: right;
        }
.hr_window .hr_reg_window{
        position: initial;
        width: 100%;
        margin: 0 auto;
        margin-top: 14%;
        }
.tj_content{
        width: 100%!important;
        }
.tj_bar li{
        width: 100%;
        }
.tj_content .tj_content_img,
.tj_content .tj_content_cc{
        width: 50%;
        }
    #main2 .bigpic,
.bigpic{
        height: auto;
        width:100%;
        }
.bigpic img{
        margin-left: 0;
        }
.bigpic .wp{
        position: relative;
        }
.bigpic .p_main{
        padding-top: 0;
        }
.big-left,
.big-right{
        width: 100%;
        }
.bigpic .ff,
.bigpic .ff p{
        color: #000;
        }
.hrbig{
        min-height: initial;
        max-height: none;
        padding: 2% 0;
        width:100%;
        }
.hrbig .hrbox{
        position: relative;
        padding-top: 1%;
        }
.hrbig .title5{
        padding-bottom: 1%;
        }
.hrlist{
        margin: 2% auto;
        }
    /*联系我们*/
.p_main .downloadbox{margin-left:0 !important;    }
    }
@media (max-width:1200px){
    #hd{
        display: none;
        }
.m-hd{
        display: block;
        }
    }
/*平板端*/
@media (min-width:768px)and (max-width:999px){
    #hd{
        display: none;
        }
.m-hd{
        display: block;
        }
.abtwolist .twolist .twolistl,
.abtwolist .twolist .twolistr{
        float: none;
        width: 100%;
        }
.abtwolist .twolist .twolistl img,
.abtwolist .twolist .twolistr img{
        width: 100%;
        }
.abtwolist img{
        height: auto;
        }
.fancybox-next{
        right: 0;
        }
.fancybox-prev{
        left: 0;
        }
    }
@media (max-width:780px){
    #backtop,
.tj_bar,
.resad{
        display: none;
        }
    /*products*/
.pro-picshow .pro-picshow-left .tabcont .list img,
.bigpic img{
        width: 100%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
        width: 100%;
        padding-bottom: 5%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
        margin-right: 4%;
        }
.products1 .fourlist li .ebd img{
        max-width: 100%;
        height: auto;
        max-height: 192px;
        }
.more-choice{
        display: inline-block;
        float: none;
        margin: 0;
        margin-top: 1%;
        }
.group .group-right .more-choice a{
        padding: 0;
        padding: 0 10px;
        }
.group_addmore{
        padding-top: 1%;
        }
    /*案例*/
.icasecont{
        padding: 0;
        }
.mask img{
        padding-top: 15%;
        }
.icase .mask img{
        padding-top: 35%;
        }
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 180px;
        max-height: 180px;
        }
.case-main li:hover .mask{
        top: 0;
        }
.daytime .s_tab_content .list .threeli .year-pic a{
        line-height: 135px;
        width: 100%;
        height: 135px;
        }
.daytime .s_tab_content .list .threeli .year-cont{
        overflow: hidden;
        height: 130px;
        }
.daytime .s_tab_content .list .threeli .year-tt{
        overflow: hidden;
        max-height: 56px;
        }
.terms .tabname{
        margin-left: 10%;
        }
    /*联系我们*/
.mapadd .map,
.mapadd .add{
        float: none;
        width: 100%;
        }
.mapadd .add{
        min-height: initial;
        }
    /*   2016-11-25   */
.service .fourlist li {
        width:49%;
        }
.service .fourlist li:nth-child(even){
        margin-right:0;
        }
.serctu .fourlist li {
        width:49%;
        margin:0;
        }
.serctu .fourlist li:nth-child(odd) {
        margin-right:2%;
        margin-bottom:2%
        }
.sertwolist li img {
        max-height:none;
        width: auto;
        height: 100%;
        }
.serthreelist li .threeliimg, .serthreelist li img {
        height:auto;
        }
.sertwolist li {
        max-height:none;
        margin-bottom:2%;
        }
.serthreelist li img {
        width:100%;
        }
.sertwolist .twolist .twolistl,
.sertwolist .twolist .twolistr {
        width:100%;
        }
.sertwolist .twolist .twolistl img ,
.sertwolist .twolist .twolistr img {
        width:100%;
        }
    }

/*手机*/
@media (max-width:767px){
    #hd,
.iaboutbox .iaboutl .iabouttt,
.iaboutl .iaboutll .vmore,
.iaboutl .iaboutlr .dot,
.iaboutbox .iaboutr img,
.course-list .butn,
    #backtop,
.icase .mask{
        display: none;
        }
.m-hd{
        display: block;
        }
.vedio_kuai .vedio_kuai_play,
.vedio_kuai img,
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden,
.vedio_kuai .vedio_kuai_play p,
.inewspic a,
.abtop .vedio_kuai .vedio_kuai_play,
.abtop .vedio_kuai,
.abtop .vedio_kuai .vedio_kuai_play p,
.tj_content .tj_content_img img,
.newsshow-pnl{
        width: 100%;
        }
    /* .vedio_kuai img,
.vedio_kuai,
.vedio_kuai {
        height: auto;
        } */
.vedio_kuai img,
.vedio_kuai,
.vedio_kuai{
        width: auto;
        max-width: none;
        height: 100%;
        }
.iaboutl .iaboutlr .vedio_kuai img{
        width: 100%;
        }
    /*   index   */
.inewspic a,
.inewspic img,
.icase .icasepic,
.mask{
        height: 160px;
        }
.iabout{
        max-height: none;
        }
.iaboutbox .iaboutl,
.iaboutbox .iaboutr,
.iaboutl .iaboutll,
.iaboutl .iaboutlr,
.tj_content .tj_content_img,
.tj_content .tj_content_cc,
.purl,
.purr{
        float: none;
        width: 100%;
        }
.purch .purl{
        margin-bottom: 2%;
        text-align: center;
        }
.iaboutl .iaboutll{
        margin-top: 0;
        margin-bottom: 2%;
        }
.iaboutl .iaboutll li{
        width: 100%;
        min-height: initial;
        text-align: center;
        }
.iaboutbox .iaboutr{
        width: 100%;
        min-height: initial;
        padding: 0;
        padding-top: 3.2%;
        padding-left: 2%;
        background: none;
        }
    /* .vedio_kuai .vedio_kuai_play p {
        display: block;
        max-height: 538px;
        min-height: 337px;
        background: url(/public/images/play.png) no-repeat 50% 74%;
        } */
    /*关于*/
.course-list,
.course-list li,
.course-list .ovh{
        width: 100%;
        }
.course-list .ovh{
        background: none;
        }
.course-list .ovh ul{
        width: 100%!important;
        }
.course-list li .top{
        padding: 0;
        background: #e8e8e8;
        }
.course-list li{
        position: relative;
        float: none;
        margin-top: 0!important;
        margin-bottom: 2%;
        }
.course-list li:hover .top,
.course-list li.odd:hover .top{
        background: #e60012;
        }
.course-list .main{
        overflow: auto;
        width: 100%;
        min-height: initial;
        max-height: none;
        }
.course-list li.odd .top{
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0;
        background: #e8e8e8;
        }
.course-list li.odd .main{
        padding-top: 55px;
        }
    /*产品*/
.technical-detail{
        overflow-x: scroll;
        }
.technical-detail table{
        font-size: .8rem;
        width: 1000px;
        -webkit-text-size-adjust: 100%;
        }
.technical-detail{
        overflow-x: scroll!important;
        }
    /*案例*/
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 66%;
        }
    /*客户服务*/
    /*学院*/
    /*加入固德威*/
.culact{
        background: url(/public/images/actbg.jpg) repeat top center;
        }
.tj_content .tj_content_img,
.tj_content .tj_content_cc,
.culact .tj_content li,
.resad .tj_bar,
.resad .tj_content li{
        height: auto;
        }
.tj_content .tj_content_img{
        margin-bottom: 2%;
        }
    }
@media (max-width: 640px){
.location{
        display: none;
        }
    }
@media (max-width: 640px){
.pc_hide{
        display: block;
        }
.case-depart a{
        display: block;
        width: 100%;
        padding: 0 2%;
        }
.cmobile,
.mobile_hide{
        display: none;
        }
.case-depart-choice{
        float: none;
        margin-top: 2%;
        }
.case-depart-choice ul{
        position: static;
        text-align: left;
        }
.case-depart-choice .sxtj,
    #cmenu a{
        background: #fff url(/public/images/icon1.png) no-repeat 98%;
        }
.join3list .fourlist li{
        width: 47%;
        margin-bottom: 2%;
        }
    }
@media (max-width: 620px){
.inewspic a,
.inewspic img,
.icasepic img,
.icase .icasepic,
.mask{
        height: 120px;
        }
.inewstab .tabcont .list li{
        min-height: 367px;
        }
.vedio_kuai .vedio_kuai_play p{
        background: url(/public/images/play.png) no-repeat 50% 64%;
        }
    /*关于*/
.abfivelist li{
        padding: 2% 0;
        border: 0;
        border-bottom: 1px dashed #e8e8e8;
        }
    /*产品*/
.pro-picshow .pro-picshow-left,
.pro-picshow .pro-picshow-right,
.abfivelist li,
.groupcontleft,
.groupcontright{
        float: none;
        width: 100% !important;
        padding-left:0 !important;
        }
.pro-picshow .pro-picshow-right{
        padding: 2%;
        /*padding-top: 2%;*/
        }
.groupcontright span a{
        margin: 0;
        margin-right: 2%;
        }
.groupcontright{
        margin-top: 30px;
        margin-bottom: 2%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
        margin-right: 2%;
        }
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 63%;
        }
.daytime .s_tab_content .list .threeli li{
        width: 48%;
        }
.daytime .s_tab_content .list .threeli li.mn{
        margin-right: 2%;
        }
    /*客户服务*/
.groupcont ul li{
        padding: 0;
        padding-top: 4%;
        padding-bottom: 4%;
        }
    /*联系我们*/
.infor{
        border: 0;
        }
.infor li{
        float: none;
        width: 100%;
        border-bottom: 1px dashed #f2f2f2;
        }
.twolist .twolistl,
.twolist .twolistr{
        float: none;
        width: 100%;
        padding: 2%;
        }
.online .more1{
        display: inline-block;
        float: none;
        margin-bottom: 2%;
        }
    }
@media (max-width: 550px){
    /* .vedio_kuai .vedio_kuai_play p {
        background: url(/public/images/play.png) no-repeat 50% 46%;
        } */
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 58%;
        }
    }
@media (max-width: 521px){
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 56%;
        }
    }

/*手机480*/
@media (max-width: 479px){
    #hd,
.n_baner .num{
        display: none;
        }
.m-hd{
        display: block;
        }
.inewspic a,
.inewspic img,
.icasepic img,
.icase .icasepic{
        height: auto;
        margin-bottom: 2%;
        }
.inewstab .tabname,
.terms .tabname{
        padding-bottom: 2%;
        }
.inewstab .tabname ul{
        margin: 0;
        }
.inewstab .tabname li,
.terms .tabname li{
        float: none;
        margin-bottom: 2%;
        }
.inewstab .tabcont .list li{
        width: 100%;
        min-height: 367px;
        margin-bottom: 2%;
        }
.inewstab .inewspic,
.inewstab .inewspic img,
.icase .icasepic img,
.mask{
        width: 100%;
        min-width: initial;
        max-width: none;
        height: auto;
        }
.icase .icasepic,
.icase .icasepic img,
.mask{
        height: 223px;
        min-height: 223px;
        max-height: 223px;
        }
.icasebox .mask{
        min-height: inherit;
        max-height: none;
        }
.icase .mask img{
        padding-top: 22%;
        }
.inewspic a{
        height: auto;
        }
.threeli li,
.twoli li,
.pthreeli li,
.threeli li,
.twolist li,
.twolist .twolistl,
.twolist .twolistr,
.fivelist li,
.fourlist li,
.products1 .fourlist li,
.ser1top .ser1tr,
.ser1top .ser1tl,
.ser-searchbox .serboxl,
.ser-searchbox .serboxr,
.group_addmore,
.sub_nav li a,
.case-main .threeli li,
.daytime .s_tab_content .list .threeli li{
        float: none;
        width: 100% !important;
        }
.main_box,
.main_box_1{
        height: initial;
        }
.sub_nav li{
        border-bottom: 1px dashed #e8e8e8;
        /* background:#ffffff; */
        }
.sub_nav li a{
        line-height: 36px;
        display: block;
        text-align: center;
        }
    /*about*/
.abtwolist img{
        height: auto;
        }
    /*case*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 320px;
        max-height: 320px;
        }
.case-main .icasebox .mask{
        height: 97%;
        }
    /*pro*/
.proshow-local{
        margin-top: 40px;
        }
.certification li img{
        margin-right: 4%;
        }
.certification li .cer-down{
        padding: 0 5%;
        }
    /*新闻*/
.daytime .s_tab_name .year-sx,
.big-left,
.big-right{
        width: 100%;
        }
.daytime .s_tab_content .list .threeli .year-pic a{
        line-height: 189px;
        width: 100%;
        height: 189px;
        }
    /*客户服务*/
.service1{
        background: none;
        }
.ser-searchbox .serboxr .more1{
        margin-top: 2%;
        text-align: center;
        }
.ser-searchbox .serboxr .more1 input{
        width: 100%;
        }
.terms .tabname{
        margin: 0;
        padding-top: 5%;
        }
    /*客户服务*/
.ser11 li img,
.ser1pic{
        width: 100%;
        max-height: none;
        }
    /*学院*/
.college .parg{
        text-align: center;
        }
.college .parg{
        text-align: left;
        }
.college p img{
        float: none;
        margin: 0;
        }
    /*加入固德威*/
.join2 .picscroll span.pre{
        margin-left: 40%;
        }
.join3list .fourlist li{
        width: 100%;
        }
.big-right{
        margin-left: 0;
        }
.hrbig{
        padding: 5% 0;
        }
    /*联系我们*/
.ft2 .ewm{
        float: none;
        margin: 0;
        margin-bottom: 2%;
        text-align: center;
        }
    /*2016-11-25*/
.sers .fourlist li {
        width:100%;
        margin-bottom:2%;
        }
.serctu .fourlist li {
        width:100%;
        margin-bottom:2%;
        }
.sertwolist li {
        max-height:none;
        margin-bottom:2%;
        }
.serthreelist li img {
        width:100%;
        }
    }
@media (max-width: 320px){
.groupcontright span{
        display: block;
        margin: 10% 0;
        }
    /*case*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 220px;
        max-height: 220px;
        }
.case-main .icasebox .mask{
        height: 96%;
        }
.certification li img{
        margin-right: 4%;
        }
.certification li .cer-down{
        float: none;
        padding: 0 5%;
        border: none;
        }
.certification li .cer-down .icon-download2{
        width: 120px;
        background-position: right top;
        }
    }
.overlay{
    position: fixed;
    z-index: 8888;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: #000;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    }
.video-box{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 640px;
    height: 360px;
    margin: auto;
    }
.video-box video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 640px;
    height: 360px;
    margin: auto;
    }

/*zero1-7*/
.bigpics{ background: url('/uploads/image/bigpics_bj.jpg') no-repeat center center;width:100%;height:450px    }
.bigpics_nr{width:1000px; margin:auto    }
.bigpics .left,.bigpics .right{width:50%;float:left;padding-top:80px    }
.bigpics .right h3{ font-size:30px; font-weight:bold;color:#333;padding:50px 0 15px 0;    }
.bigpics .right p{color:#666; line-height:28px;font-size:14px;text-indent: 2em;    }
o-repeat left top;
*width: 45%;
    }
.iaboutbox .iaboutr .title2{
    padding-bottom: 25px;
    }
.iaboutbox .iaboutr img{
    position: absolute;
    top: 10%;
    right: 0;
    }
.iaboutbox .iaboutr p{
    color: #666;
    }
.vedio_kuai{
    position: relative;
    overflow: hidden;
    /* width: 360px; */
    width: 100%;
    height: 263px;
    cursor: pointer;
    }
.vedio_kuai:hover .vedio_kuai_play{
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 1;
    background: rgba(0, 0, 0, .2);
    filter: alpha(opacity=100);
    -mos-background: rgba(0, 0, 0, .2);
    -ms-background: rgba(0, 0, 0, .2);
    -o-background: rgba(0, 0, 0, .2);
    -webkit-background: rgba(0, 0, 0, .2);
    -mos-transition: all .25s linear;
    }
.vedio_kuai .vedio_kuai_play{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 360px;
    height: 263px;
    opacity: 1;
    filter: alpha(opacity=100);
    }
.vedio_kuai .vedio_kuai_play p{
    position: absolute;
    z-index: 5;
    width: 360px;
    height: 263px;
    background: url(/public/images/play.png) center no-repeat;
    }
.vedio_kuai:hover .vedio_kuai_play p{
    background: url(/public/images/play2.png) center no-repeat;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_playon{
    position: absolute;
    z-index: 10;
    bottom: 107px;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden{
    position: absolute;
    bottom: 0;
    display: block;
    width: 360px;
    height: 263px;
    }
#main1{
    padding: 40px 0;
    background: #f1f1f1;
    }
#main2{
    background: #f1f1f1;
    }
.inboxshadow{
    -webkit-box-shadow: 0 5px 5px #e6e6e6 inset;
    -moz-box-shadow: 0 5px 5px #e6e6e6 inset;
    box-shadow: 0 5px 5px #e6e6e6 inset;
    -ms-box-shadow: 0 5px 5px #e6e6e6 inset;
    -o-box-shadow: 0 5px 5px #e6e6e6 inset;
    }
.n_bar{
    position: relative;
    font-size:0;
    }
.n_bar .wp{
    position: absolute;
    right: 0;
    left: 0;
    *left: 24%;
    }
.n_bar .title2{
    font-weight: bold;
    margin-top: 9%;
    }
.n_bar span{
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 2%;
    background-color: #e60012;
    }
.main_box{
    width: 100%;
    height: 77px;
    padding: 0;
    }
.main_box_1{
    height: 77px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    }
.com_pub{
    display: block;
    }
.com_pub_box{
    width: 1000px;
    margin: 0 auto;
    }
.sub_nav li a{
    font-size: 14px;
    line-height: 77px;
    float: left;
    padding: 0 10px;
    }
.sub_nav li a:hover,
.sub_nav li a.on{
    color: #fff;
    background: url(/public/images/botline2.jpg);
    }
.com_pub_box .vmore,
.com_pub_box .location{
    line-height: 77px;
    }

.com_pub_box .vmore img{
    display:none;
    }
#backtop a,
.com_pub_box .vmore a{
    padding: 12px 20px;
    color: #777;
    border: 1px solid #e5e5e5;
    background:#fff url(/public/images/backtop.png) 75px center no-repeat;
    }
#backtop a img,
.com_pub_box .vmore a img{
    vertical-align: sub;
    }
#backtop a:hover,
.com_pub_box .vmore a:hover{
    border: 1px solid #e60012;
    }
.inr-title{
    line-height: 60px;
    padding-bottom: 30px;
    }
.inr-title .title3{
    float: left;
    }
.location{
    float: right;
    padding-left: 18px;
    background: url(/public/images/home.png) no-repeat left center;
    }

/* about */
.abtop li{
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.abtop .title2{
    padding-bottom: 2%;
    }
.abtop .parg p{
    color: #ffc0c5;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play p{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_hidden{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .abtopr{
    padding: 45px 35px;
    }
.abparg{
    text-align: center;
    }
.abparg .twoli{
    font-size: 14px;
    line-height: 28px;
    color: #333;
    }
.abparg .twoli li{
    padding-top: 40px;
    padding-bottom: 60px;
    }
.abparg .twoli span{
    font-family: Arial;
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.abtwolist li{
    margin-bottom: 30px;
    background: #f6f6f6;
    }
.abtwolist li{
    overflow: hidden;
    min-height: 312px;
    max-height: 400px;
    margin-bottom: 30px;
    background: #f6f6f6;
    }

/* culture */

.abcul .twolistr ul li{
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px dashed #cbcbcb;
    }
.abcul .twolistr ul li:hover{
    cursor: pointer;
    }
.abcul .twolistr ul .on .title6{
    font-weight: bold;
    }

/* responsibility */
.abfivelist{
    padding-bottom: 40px;
    }
.abfivelist li{
    padding: 0 25px;
    border-left: 1px dashed #ccc;
    }
.abfivelist .title7{
    padding-bottom: 10px;
    }
.abfivelist p{
    line-height: 21px;
    color: #999;
    }
.resad{
    background: url(/public/images/res_bg.png) no-repeat top center;
    }
.resad .tj_bar,
.resad .tj_content li{
    height: 300px;
    }

.resad .tj_num a{
    width: 15px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #bbb;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    }
.resad .tj_num a.on{
    width: 25px;
    background: #e60012;
    }
.resad .tj_content .tj_content_cc{
    margin: 0;
    }
.resad .tj_content .tj_content_cc a{
    width: 100%;
    }
.resad .tj_content .tj_content_cc a p{
    color: #666;
    }
.resad .tj_content .tj_content_cc .name{
    font-size: 24px;
    line-height: 48px;
    }

/* products */
.productsbar .n_baner .num{
    background: none;
    }
.productsbar .n_baner .num a{
    opacity: .5;
    border: 1px solid #000;
    background: #fff;
    filter: alpha(opacity=50);
    }
.productsbar .n_baner .num .on{
    opacity: 1;
    border: 1px solid #000;
    filter: alpha(opacity=100);
    }
.products .fourlist li{
    cursor: pointer;
    border: 1px solid #e4e4e4;
    }
.products .tabname{
    border: none;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 5px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    }
.products .tabname li{
    font-size: 14px;
    line-height: 60px;
    color: #999;
    border: none;
    }
.products .tabname .on,
.products .tabname li:hover{
    font-size: 16px;
    color: #333;
    background: #e4e4e4;
    }
.products .tabcont li{
    overflow: hidden;
    padding: 25px 20px;
    }
.products .tabcont li a{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #3f3a39;
    }
.products .tabcont li p{
    line-height: 18px;
    min-height: 60px;
    word-wrap: break-word;
    color: #999;
    }
.products .fivelist li{
    cursor: pointer;
    }
.products1 .fourlist li{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    border: 1px solid #fff;
    }
.products1 .fourlist li .ebd{
    padding: 2%;
    border: 5px solid #fff;
    }
.products1 .fourlist li .ebd img{
    max-width: 195px;
    border-bottom: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover{
    border: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover .ebd{
    border: 5px solid #f6f6f6;
    }
.products1 .fourlist li a{
    color: #777;
    }

/*productshow*/
.proshow-local{
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
    }
.proshow-local .location{
    float: left;
    }
.proshow-local .more1{
    float: right;
    }
.proshow-local .more1 a{
    padding: 6px 8px;
    }
.proshowbox .main_box_1{
    border-top: 1px solid #e5e5e5;
    }

/*picshow*/

.pro-picshow .pro-picshow-left{
    position: relative;
    float: left;
    width: 50%;
    }
.picscroll{
    overflow: hidden;
    }
.picscroll ul{
    width: 9999999px;
    margin-top: 20px;
    }
.picscroll li{
    margin-right: 20px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    }
.picscroll li:hover{
    border: 1px solid #e60012;
    }
.picscroll span{
    position: absolute;
    top: 35%;
    display: block;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.picscroll span:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    }
.picscroll span.pre{
    left: 0;
    background: url(/public/images/ps-l.jpg) no-repeat center;
    }
.picscroll span.next{
    right: 0;
    background: url(/public/images/ps-r.jpg) no-repeat center;
    }

.pro-picshow .pro-picshow-left .tabcont .list{
    line-height: 347px;
    width: 500px;
    height: 350px;
    text-align: center;
    border: 1px solid #e9e9e9;
    }
.pro-picshow .pro-picshow-left .tabcont .list img{
    max-width: 497px;
    max-height: 347px;
    vertical-align: middle;
    }
.pro-picshow .pro-picshow-right{
    float: right;
    width: 50%;
    padding-left: 40px;
    *width:45%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-title{
    font-size: 26px;
    line-height: 40px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-type{
    font-size: 20px;
    line-height: 40px;
    color: #666;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont{
    margin: 20px 0;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont p{
    line-height: 24px;
    color: #999;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function{
    padding: 28px 0px 12px 40px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function a{
    font-size: 18px;
    line-height: 24px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function span{
    /* display:block; */
    float: left;
    width: 26px;
    height: 26px;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
    width: 50%;
    margin-bottom: 2%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-lianjie{
    background: url(/public/images/icon-lianjie.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-lianjie{
    background: url(/public/images/icon-lianjie.png) no-repeat left bottom;
    }
span.f2{
    display: block;
    height: 1px;
    margin-top: 3px;
    }
.featuresbox .threeli li{
    /*font-size: 16px;*/
    font-size: 14px;
    margin-bottom: 20px;
    padding: 17px 29px;
    *padding: 17px 0;
    color: #777;
    border: 1px solid #e9e9e9;
    background: #f6f6f6 url(/public/images/icon-type1.png) no-repeat left center;
    }
.technical-name{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
    padding: 12px 16px;
    color: #fff;
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.technicalbox .add .technical-name{
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% -23px;
    }

/*download下载*/
.p_main .technicalbox .download{background:url(/public/images/download.png) no-repeat left;font-size:18px;padding: 12px 0 10px 36px;     }
.p_main .downloadbox{width:106px;height:40px;border:1px solid #e5e5e5;margin-left: 894px;text-align: center;line-height: 40px;margin-bottom: 10px;    }

.technical-detail{
    display: none;
    /* border: 1px solid #efefef; */
    margin-bottom: 6px;
    }
.technical-detail table{
    line-height: 35px;
    width: 100%;
    color: #777;
    }
.technical-detail thead{
    background: #e60012;
    }
.technical-detail thead th{
    font-size: 14px;
    text-align: center;
    color: #fff;
    }
.technical-detail tr,
.technical-detail td,
.technical-detail thead th{
    border: 1px solid #efefef;
    }

/*program*/
.programbox .threeli li{
    overflow: hidden;
    width: 33.33%;
    height: 224px;
    margin: 0;
    }
.programbox .icasepic img{
    width: 333px;
    height: 233px;
    }
.programbox .mask,
.case-main li:hover .mask{
    /*width: 300px;*/
    /* height: 224px; */
    margin: 5px;
    background: url(/public/images/mask_bj2.png);
    }
.programbox li:hover .mask,
.case-main li:hover .mask{
    top: 0;
    display: block;
    }
.programbox .icasecont a{
    font-size: 18px;
    color: #777;
    }
.programbox .icasecont p{
    font-size: 14px;
    color: #999;
    }
.programbox .more1{
    margin-top: 35px;
    }
.programbox .more1 a{
    padding: 10px 51px;
    }

/*certification*/
.certification{
    margin-bottom: 20px;
    }
.certification li{
    line-height: 60px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    }
.certification li a{
    color: #777;
    }
.certification li img{
    float: left;
    margin-right: 30px;
    }
.certification li .cer-down{
    float: right;
    padding: 0 30px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    }
.certification li .cer-down .icon-download2{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 21px;
    margin-right: 5px;
    background: url(/public/images/icon-download2.png) no-repeat left top;
    }
.certification li .cer-down a:hover .icon-download2{
    background: url(/public/images/icon-download2.png) no-repeat left bottom;
    }
.certification .loadingmore{
    margin-top: 20px;
    }

/* case */
.fancybox-inner{
    border: 5px solid #fff;
    }
.fancybox-close{
    width: 60px;
    height: 60px;
    /* top: -70px;
    right: -60%; */
    background: url(/public/images/x-btn.png) no-repeat left top;
    }
.fancybox-nav span{
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    background: none !important;
    }
.fancybox-prev span{
    background: url(/public/images/ar_l2.png) no-repeat left top !important;
    }
.fancybox-next span{
    background: url(/public/images/ar_r2.png) no-repeat left top !important;
    }
.case-depart a{
    font-size: 14px;
    line-height: 38px;
    margin-right: 6px;
    padding: 8px 28px;
    color: #777;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.case-depart a:hover,
.case-depart a.on{
    color: #e60012;
    border: 1px solid #e60012;
    }
.case-depart-choice{
    float: right;
    }
/*2018-3-22*/
.newsshow-cont p.p_img{
    text-indent: 0;
    }
/*2018-5-21*/
#hd .wp{
    max-width: 1163px;
    }
#hd{
    background: #fff
    }
.isearch{
    width: 125px
    }
#nav{
    width: 760px;
    float: right
    }
.head_txt{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    float: left;
    color: #999;
    margin-top: 22px;
    line-height: 1.8;
    }
/*以上是jqueryfancybox*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
fieldset,img {
    border: 0;
    }
ol,ul {
    list-style: none;
    }
caption,th {
    text-align: left;
    }
q:before,q:after {
    content: '';
    }
abbr,acronym {
    border: 0;
    }
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    }
.l,.col-l,.col_l,.col-c,.col_c {
    float: left;
    }
.r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span {
    float: right;
    }
.c {
    clear: both;
    }
.n,em {
    font-weight: normal;
    font-style: normal;
    }
.b {
    font-weight: bold;
    }
.i {
    font-style: italic;
    }
.fa {
    font-family: Arial;
    }
.fg {
    font-family: Georgia;
    }
.ft {
    font-family: Tahoma;
    }
.fl {
    font-family: Lucida Console;
    }
.fs {
    font-family: '宋体';
    }
.fw {
    font-family: '微软雅黑';
    }
.tc {
    text-align: center;
    }
.tr {
    text-align: right;
    }
.tl {
    text-align: left;
    }
.tdu {
    text-decoration: underline;
    }
.tdn,.tdn:hover,a.tdl:hover {
    text-decoration: none;
    }
.fc0 {
    color: #000000;
    }
.fc3 {
    color: #333333;
    }
.fc6 {
    color: #666666;
    }
.fc9 {
    color: #999999;
    }
.fcr {
    color: red;
    }
.fcw {
    color: white;
    }
.fcb {
    color: blue;
    }
.fcg {
    color: green;
    }
.f0 {
    font-size: 0;
    }
.f10 {
    font-size: 10px;
    }
.f12 {
    font-size: 12px;
    }
.f13 {
    font-size: 13px;
    }
.f14 {
    font-size: 14px;
    }
.f16 {
    font-size: 16px;
    }
.f20 {
    font-size: 20px;
    }
.f24 {
    font-size: 24px;
    }
.vm {
    vertical-align: middle;
    }
.vtb {
    vertical-align: text-bottom;
    }
.vt {
    vertical-align: top;
    }
.vn {
    vertical-align: -2px;
    }
.vimg {
    margin-bottom: -3px;
    }
.m0 {
    margin: 0;
    }
.ml0 {
    margin-left: 0;
    }
.ml5 {
    margin-left: 5px;
    }
.ml10 {
    margin-left: 10px;
    }
.ml20 {
    margin-left: 20px;
    }
.mr0 {
    margin-right: 0;
    }
.mr5 {
    margin-right: 5px;
    }
.mr10 {
    margin-right: 10px;
    }
.mr20 {
    margin-right: 20px;
    }
.mt5 {
    margin-top: 5px;
    }
.mt10 {
    margin-top: 10px;
    }
.mt20 {
    margin-top: 20px;
    }
.mb5 {
    margin-bottom: 5px;
    }
.mb10 {
    margin-bottom: 10px;
    }
.mb20 {
    margin-bottom: 20px;
    }
.ml-1 {
    margin-left: -1px;
    }
.mt-1 {
    margin-top: -1px;
    }
.p1 {
    padding: 1px;
    }
.pl5 {
    padding-left: 5px;
    }
.p5 {
    padding: 5px;
    }
.pt5 {
    padding-top: 5px;
    }
.pr5 {
    padding-right: 5px;
    }
.pb5 {
    padding-bottom: 5px;
    }
.p10 {
    padding: 10px;
    }
.pl10 {
    padding-left: 10px;
    }
.pt10 {
    padding-top: 10px;
    }
.pr10 {
    padding-right: 10px;
    }
.pb10 {
    padding-bottom: 10px;
    }
.p20 {
    padding: 20px;
    }
.pl20 {
    padding-left: 20px;
    }
.pt20 {
    padding-top: 20px;
    }
.pr20 {
    padding-right: 20px;
    }
.pb20 {
    padding-bottom: 20px;
    }
.rel,.pr {
    position: relative;
    }
.abs,.pa {
    position: absolute;
    }
.dn {
    display: none;
    }
.db {
    display: block;
    }
.dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
    }
.di {
    display: inline;
    }
.ovh {
    overflow: hidden;
    }
.ovs {
    overflow: scroll;
    }
.vh {
    visibility: hidden;
    }
.vv {
    visibility: visible;
    }
.lh14 {
    line-height: 14px;
    }
.lh16 {
    line-height: 16px;
    }
.lh18 {
    line-height: 18px;
    }
.lh20 {
    line-height: 20px;
    }
.lh22 {
    line-height: 22px;
    }
.lh24 {
    line-height: 24px;
    }
.fix {
    *zoom: 1;
    }
.fix:after,.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    }
.z {
    _zoom: 1;
    }
.h1 {
    height: 1px;
    }
.h5 {
    height: 5px;
    }
.h10,.h {
    height: 10px;
    }
.h15 {
    height: 15px;
    }
.h20 {
    height: 20px;
    }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60 {
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
    }
a {
    text-decoration: none;
    }
a:hover {
    color: #FF6600
    }
.h25 {
    height: 25px;
    }
.h30 {
    height: 30px;
    }
.h40 {
    height: 40px;
    }
.h45 {
    height: 45px;
    }
.h50 {
    height: 50px;
    }
.h55 {
    height: 55px;
    }
.h60 {
    height: 60px;
    }
/*以上是reset.css*/
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
*:before,*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
body{
    font-family: '微软雅黑', 'Microsoft Yahei', Arial;
    font-size: 12px;
    color: #666;
    }
a{
    color: #999;
    }
a:hover,.location a.on,.location a:hover,.tj_content .tj_content_cc a:hover .name,.more2 a:hover,.sub_nav .on a,.sub_nav li:hover a,#backtop:hover a,.com_pub_box .vmore:hover a,
.products .tabcont li:hover a,
.news2l a:hover,
.pro-picshow .pro-picshow-right .pro-picshow-right-function a:hover,
.programbox .icasecont a:hover,
.certification li a:hover,
.ipropic li:hover a{
    cursor: pointer;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
    color: #e60012;
    }
/* 当前位置2019-01-31 */
.location a{
    color: #e60012; /*  color: #777; 当前位置2019-01-31 */
    }
.location{
    float: right;
    padding-left: 18px;
    background: url(/public/images/home.png) no-repeat left center;
    }
u{
    text-decoration: none;
    }
img{
    max-width: 100%;
    height: auto;
    }
input[type='submit'],
input[type='reset'],
input[type='button'],
button{
    -webkit-appearance: none;
    }
select,
input,
textarea{
    outline: none;
    }
h1,h2,h3,h3,h4,h5,h6{
    font-weight: normal;
    }

/*public*/
.pc_hide{
    display: none;
    }
.wp{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    }
.p_main{
    padding: 40px 0;
    }
.brdio a{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    }
.ipro .wp,
.inews .wp,
.icase .wp,
.iabout .wp{
    padding: 60px 0;
    }
.e6{
    background-color: #e60012;
    }
.pad{
    padding: 30px;
    }
.mb3{
    margin-bottom: 60px;
    }
.f2{
    background: #f2f2f2;
    }
.tc{
    text-align: center;
    }
.title{
    font-size: 30px;
    line-height: 60px;
    margin-bottom: 30px;
    padding-bottom: 25px;
    text-align: center;
    color: #333;
    background: url('/public/images/bg1.png') no-repeat center bottom;
    }
.title2{
    font-size: 20px;
    line-height: 30px;
    }
.title3{
    font-size: 26px;
    font-weight: bold;
    line-height: 60px;
    color: #3f3a39;
    }
.title4{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #333;
    }
.title5{
    font-size: 24px;
    line-height: 48px;
    color: #333;
    }
.title6{
    font-size: 16px;
    line-height: 26px;
    color: #333;
    }
.title7{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    }
.title8{
    font-size: 14px;
    line-height: 60px;
    color: #999;
    }
.title9{
    font-size: 16px;
    line-height: 60px;
    color: #333;
    }
.title10{
    font-size: 20px;
    line-height: 24px;
    color: #4c4746;
    }
.proshowbox .title10,
.college .title10,
.community .title10,
.contactus .title10,
.service1 .title10,
.ser11 .title10{
    margin-bottom: 30px;
    text-align: center;
    }
.title11{
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    color: #333;
    }
.title12{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #3e3a39;
    }
.title13{
    font-size: 18px;
    line-height: 26px;
    color: #333;
    }
.title14{
    font-size: 30px;
    line-height: 34px;
    }
.inr-shaw{
    -webkit-box-shadow: 0 0 10px #e2e2e2;
    -moz-box-shadow: 0 0 10px #e2e2e2;
    box-shadow: 0 0 10px #e2e2e2;
    -ms-box-shadow: 0 0 10px #e2e2e2;
    -o-box-shadow: 0 0 10px #e2e2e2;
    }
.ipubp{
    line-height: 24px;
    text-align: center;
    color: #999;
    }
.twoli li{
    float: left;
    width: 33%;
    text-align: center;
    }
.pthreeli li{
    float: left;
    width: 33.33%;
    text-align: center;
    }
.threeli li{
    float: left;
    width: 32%;
    /* margin-right: 20px; */
    margin-right: 2%;
    text-align: center;
    *width: 30.85%;
    }
.threeli .mn,
.fourlist .mn{
    margin-right: 0;
    }
.twolist li{
    float: left;
    width: 100%;
    }
.twolist .twolistl{
    float: left;
    /*text-align: center;*/
    overflow: hidden;
    width: 50%;
    margin-top: 10px; /*margin-top: 20px;  2019-02-13*/
    }
.twolist .twolistr{
    float: left;
    overflow: hidden;
    width: 50%;
    margin-top: 20px;
    }
.fivelist li{
    float: left;
    width: 11.5%;
   /* width: 20%; 2019-02-11 留1%外框 */
    }
.fourlist li{
    float: left;
    width: 25%;
    *width:23.8%;
    }
.inewstab .tabcont .list li .tit a{
    color: #222;
    }
.vmore a,
.inewstab .tabcont .list li .tit:hover a{
    color: #e60012;
    }
.more1{
    font-size: 14px;
    text-align: center;
    }
.more1 a{
    *width:80px;
    *height:30px;
    *line-height:30px;
    *display:block;
    }
.more1 a,
.more1 input{
    padding: 11px 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e60012;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    }
.more1 a:hover,
.more1 input:hover{
    cursor: pointer;
    background-color: #d70011;
    }
.more2{
    text-align: center;
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    }
.more2 a{
    color: #8d8d8d;
    }
.more2:hover{
    border: 1px solid #e60012;
    }
.more3{
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    }
.more3 a{
    padding: 5px 21px;
    text-align: center;
    color: #e60012;
    border: 1px solid #e60012;
    background-color: #fff;
    }
.more3 a:hover{
    cursor: pointer;
    color: #fff;
    background-color: #e60012;
    }
.more4{
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    }
.more4 a{
    padding: 5px 21px;
    text-align: center;
    color: #fff;
    border: 1px solid #e60012;
    background-color: #e60012;
    }
.more4 a:hover{
    cursor: pointer;
    color: #e60012;
    background-color: #fff;
    }
.btn1{
    color: #e60012;
    }
.btn1:hover{
    color: #d70011;
    }
.btn2{
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #e8340c;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    }
.btn2 img{
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s;
    }
.btn2:hover img{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
.parg p{
    font-size: 14px;
    line-height: 28px;
    }
.text-indent p,
.purr p{
    text-indent: 2em;
    }
.bigpic{
    position: relative;
    overflow: hidden;
    /* min-height: 450px; */
    height: 446px;
    }
#main2 .bigpic{
    height: 520px;
    }
.bigpic .wp{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    *top:0;
    *right:0;
    *left:0;
    *margin-left:30%;
    }
.bigpic .wp .parg{
    position: relative;
    z-index: 1;
    }
.bigpic img{
    max-width: none;
    }
.bigtitle{
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    color: #333;
    }
.bigtitle2{
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #666;
    }
.bigpic p{
    color: #666;
    }
.bigpic .ff p{
    color: #fff;
    }
.big-left,
.big-right{
    /*position: absolute;*/
    margin-top: 10%;
    }
.joinpart3 .big-left,
.joinpart3 .big-right{
    /*position: absolute;*/
    margin-top: 2%;
    }
.big-left{
    width: 50%;
    margin-left: 0;
    }
.big-right{
    width: 50%;
    margin-left: 50%;
    }
.ff{
    color: #fff;
    }

/*effect*/
@-webkit-keyframes mymove{
    0%,
    100%,
    50%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
    25%,
    75%{
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
        }
    }
@keyframes mymove{
    0%,
    100%,
    50%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
        }
    25%,
    75%{
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
        }
    }

/*  2019-01-31新闻列表分页码 */
#pagination {
    background: #FFF;
    padding: 1px 0 30px 0;
    text-align: center;
    }
.ul-pagination {
    width: 500px;
    margin: 0 auto;
    padding: 25px 0;
    }

#pagination li {
    float:left; list-style:none;  /*  2019-01-31分页码 */
	margin-left: 10px;
	border: 1px solid #eaeaea;
	background-images:none;
    }

 /*  li */
#pagination .thisclass {
    padding: 0px 10px;
    background: #c20305;
    color: #FFF;
    border: 1px solid #c20305;
    }

#pagination li a {
	border: 1px solid #ddd;
	padding: 5px 10px;
    }

#pagination  a:hover {
    border: 1px solid #c20305;
	background: #c20305;
    padding: 5px 10px;
    color: #FFF;
    }
#pagination .pageinfo  strong {
    padding: 5px 10px;
    background: #c20305;
    color: #FFF;
    border: 1px solid #c20305;
    }

/* 案例列表分页2019-02-08*/
#pagination-case {
    background: #FFF;
    padding: 0px 0 30px 0;
    text-align: center;
    }
.ul-pagination-case {
    width: 500px;
    margin: 0 auto;
    padding: 25px 0;
    }
#pagination-case li {
    float:left; list-style:none;  /*  2019-01-31分页码 */
	margin-left: 10px;
	padding: 0px 10px;
	border: 1px solid #eaeaea;
	background-images:none;
    }
#pagination-case .thisclass { /* 定义.thisclass li */
    padding: 0px 10px;
    background: #c20305;
    color: #FFF;
    border: 1px solid #c20305;
    }
#pagination-case li a {
    line-height: 20px;
	/* border: 1px solid #ddd;
	padding: 5px 10px; */
    }
#pagination-case  li:hover {
    border: 1px solid #c20305;
	background: #c20305;
   /* padding: 5px 10px;  */
    }
#pagination-case  a:hover {
    color: #FFF;
    }
#pagination-case .pageinfo  strong {
    padding: 5px 10px;
    background: #c20305;
    color: #FFF;
    border: 1px solid #c20305;
    }


/* loading */
.spinner{
    width: 150px;
    margin: 0 auto;
    text-align: center;
    display: none \9;
    }
.ie-loading{
    display: none;
    display: block\9;
    }
.spinner > div{
    display: inline-block;
    width: 5px;
    height: 5px;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    border-radius: 100%;
    background-color: #999;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    }
.spinner .bounce1{
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
    }
.spinner .bounce2{
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    }
@-webkit-keyframes bouncedelay{
    0%,
    80%,
    100%{
        -webkit-transform: scale(.0);
        }
    40%{
        -webkit-transform: scale(1.0);
        }
    }
@keyframes bouncedelay{
    0%,
    80%,
    100%{
        -webkit-transform: scale(.0);
        transform: scale(.0);
        }
    40%{
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        }
    }

/* img hover effect */
.daytime .s_tab_content .list .threeli .year-pic img,
.products .tabcont li img,
.abfivelist li img,
.inewstab .tabcont .list li img,
#fd dl.fd-right img,
.pro-picshow .pro-picshow-right .pro-picshow-right-function span,
.technical-name,
.certification li .cer-down .icon-download2,
.join2 li img,
.join3list .fourlist li .jimg img,
.sers li .sericon img,
.serctu li .sericon img,
.close_btn img,
.ser1pic img,
.twolistr img,
.twolistl img,
.threeliimg img,
.ipropic li a img{
    -webkit-transition: ease-in all .5s;
    -moz-transition: ease-in all .5s;
    -ms-transition: ease-in all .5s;
    -o-transition: ease-in all .5s;
    transition: ease-in all .5s;
    }

/* hover img scale */
.daytime .s_tab_content .list .threeli li:hover .year-pic img,
.products .tabcont li:hover img,
.inewstab .tabcont .list li:hover img,
.join2 li:hover img,
.serctu li:hover .sericon,
.ser11 li:hover .ser1pic img,
.twolist li:hover .twolistr img,
.twolist li:hover .twolistl img,
.threeli li:hover .threeliimg img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    }

/* hover img rotate */
.abfivelist li:hover img,
.join3list .fourlist li:hover .jimg img,
.close_btn:hover img{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }

/*tab*/
.tab .tabname li,
.picscroll li{
    float: left;
    overflow: hidden;
    text-align: center;
    }

/* ad scroll */
.tj_bar{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 349px;
    background: #fff;
    }
.tj_bar li{
    float: left;
    width: 1000px;
    height: 349px;
    }

.tj_bar .prev {
    background: url(/public/images/prev.png) center center no-repeat;
    left: 0;
    width: 36px;
    height: 71px;
    position: absolute;
    top: 118px;
    }
.tj_bar .next {
    background: url(/public/images/next.png) center center no-repeat;
    right: 0;
    width: 36px;
    height: 71px;
    position: absolute;
    top: 118px;
    }


.tj_num{
    position: absolute;
    right: 5%;
    bottom: 5%;
    }
.tj_num a{
    line-height: 12px;
    display: inline-block;
    width: 20px;
    height: 5px;
    margin-left: 8px;
    cursor: pointer;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    background: #3f3a39;
    }
.tj_num a.on,
.tj_num a:hover{
    background: #e60012;
    }
.tj_content .tj_content_img{
    float: left;
    width: 500px;
    }
.tj_content .tj_content_cc{
    float: right;
    width: 500px;
    margin-top: 7%;
    padding: 25px;
    *width: 450px;
    }
.tj_content .tj_content_cc .name{
    font-size: 18px;
    padding: 10px 0;
    }
.tj_content .tj_content_cc a{
    display: block;
    float: right;
    width: 80%;
    }
.tj_content .tj_content_cc a p{
    line-height: 24px;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    color: #999;
    }
.tj_content .tj_content_cc a .name{
    display: block;
    color: #3f3a39;
    }
.tj_content .tj_content_cc a:hover p{
    color: #999;
    }
.tj_bar .tj_title{
    position: absolute;
    top: 10%;
    left: 52%;
    width: 45%;
    }
.tj_bar .tj_title .title2{
    float: left;
    color: #8d8d8d;
    }
.tj_bar .tj_title .more2{
    float: right;
    padding: 4px 13px;
    }

/* picshow */
.course-list{
    position: relative;
    }
.course-list .butn{
    position: absolute;
    top: 50%;
    display: block;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    cursor: pointer;
    }
.course-list .pre{
    left: 0;
    background: url('/public/images/left2.png') no-repeat center left;
    }
.course-list .next{
    right: 0;
    background: url('/public/images/right2.png') no-repeat center left;
    }
.course-list .pre:hover{
    left: 0;
    background: url('/public/images/left2.png') no-repeat center right;
    }
.course-list .next:hover{
    right: 0;
    background: url('/public/images/right2.png') no-repeat center right;
    }
.course-list .ovh{
    position: relative;
    overflow: hidden;
    width: 91%;
    margin: 0 auto;
    background: url('/public/images/bg_12.png') repeat-x left center;
    }
.course-list li{
    position: relative;
    float: left;
    width: 300px;
    margin-right: -93px;
    }
.course-list li .top{
    font-family: 'Arial';
    font-size: 18px;
    /* height: 42px; */
    line-height: 42px;
    padding-top: 45px;
    text-align: center;
    background: url('/public/images/bg_10.png') no-repeat left top;
    }
.course-list li:hover .top{
    color: #fff;
    background: url('/public/images/bg_10.png') no-repeat right top;
    }
.course-list .main{
    overflow-y: auto;
    width: 300px;
    *width:auto;
    min-height: 128px;
    max-height: 128px;
    padding: 17px 20px 27px;
    color: #777;
    background-color: #fff;
    }
.course-list .main p{
    padding-left: 18px;
    background: url('/public/images/ico_125.jpg') no-repeat left 9px;
    }
.course-list li.odd{
    margin-top: 0;
    }
.course-list li.odd .top{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 45px;
    background: url('/public/images/bg_11.png') no-repeat left top;
    }
.course-list li.odd:hover .top{
    color: #fff;
    background: url('/public/images/bg_11.png') no-repeat right top;
    }

/* page*/
.fanye{
    line-height: 24px;
    width: 100%;
    margin: 30px auto;
    text-align: center;
    color: #333;
    }
.fanye a{
    display: inline-block;
    padding: 3px 10px;
    /*margin: 0 4px;*/
    color: #333;
    border: 1px solid #ebe7e7;
    }
.fanye a:hover,
.fanye a.now,
.fanye a.on{
    cursor: pointer;
    color: #fff;
    border: 1px solid #e60012;
    background: #e60012;
    }

/* ------------------public end--------------------- */

/*header*/
#hd{
    border: 1px solid #e5e5e5;
    z-index:999;
    position:relative;
    }
#hd .logo{
    float: left;
    /*padding: 17px 0;*/
    }
#hd .hdr{
    line-height: 28px;
    float: right;
    margin-top: 30px;
    }
#hd .hdr .tel{
    display: inline-block;
    float: left;
    margin-right: 54px;
    padding-left: 20px;
    color: #6c7986;
    background: url(/public/images/tel_icon.png) left center no-repeat;
    }
#hd .hdr .so{
    float: left;
    margin-right: 10px;
    }
#hd .hdr .so .inp{
    float: left;
    width: 149px;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #aebbc6;
    }
#hd .hdr .so .sub{
    width: 32px;
    height: 28px;
    cursor: pointer;
    border: 0;
    background: url(/public/images/so_btn.png) no-repeat;
    }
#hd .hdr .lan{
    padding-right: 10px;
    }
#hd .hdr .lan a{
    margin-left: 28px;
    }
#hd .hdr .lan .on{
    color: #329bdd;
    }
#nav{
    position: relative;
    float: left;
    width: 75%;
    height: 80px;
    border-right: 1px solid #e5e5e5;
    }
#nav ul li{
    position: relative;
    float: left;
    padding: 0 16px;
    text-align: center;
    }
#nav ul li a.a1{
    font-size: 14px;
    line-height: 39px;
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #3f3a39;
    }
#nav ul li.last a.a1{
    border-right: 1px solid #e4e4e4;
    }
#nav ul li a.a1:hover,
#nav ul li.ok a.a1,
#nav ul li.on a.a1{
    color: #e60012;
    }
#nav ul li dl{
    position: absolute;
    top: 47px;
    left: 0;
    display: none;
    width: 100%;
    padding: 10px 10px 39px 10px;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-top: 0;
    background: rgba(215, 231, 236, .85);
    background: #d7e7ec \9;
    }
#nav ul li dl dd a{
    font-size: 14px;
    line-height: 48px;
    display: block;
    color: #6d86a2;
    border-bottom: 1px solid #dcdcdc;
    }
#nav ul li em{
    position: absolute;
    top: 37px;
    left: 50%;
    display: none;
    width: 19px;
    height: 10px;
    margin-left: -9px;
    background: url(/public/images/hd_arr.png) no-repeat;
    }
#nav ul li.ok dl{
    display: block;
    }
#nav ul li.ok em{
    display: block;
    }
.menus{
    float: right;
    padding-right: 30px;
    }

/*search box*/
#hd .wp{
    position: relative;
    }
.isearch{
    position: relative;
    float: right;
    /*width: 10%;*/
    width: 12.5%;
    }
.search_box_1{
    float: left;
    width: 30px;
    height: 80px;
    }
.search_box_1 .icon_search{
    display: block;
    width: 30px;
    height: 80px;
    background: url(/public/images/search.png) no-repeat center center;
    }
.search_box_2{
    position: absolute;
    z-index: 3;
    right: 70%;
    display: none;
    overflow: hidden;
    width: 730px;
    height: 80px;
    border: none;
    background: #fff;
    }
.search_box_2 .sea_btn{
    width: 40px;
    height: 58px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(/public/images/search.png) no-repeat center #eee;
    }
.search_box_2 .sea_form{
    position: absolute;
    right: 0;
    left: 340px;
    float: left;
    width: 670px;
    margin-top: 10px;
    background: #eee;
    }
.search_box_2 .sea_form input{
    border: none;
    outline: none;
    }
.search_box_2 .seac_btn{
    position: absolute;
    right: 0;
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    }
.search_box_2 .icon_sclose{
    display: block;
    width: 58px;
    height: 58px;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    background: url(/public/images/btn_close_1.png) #fff no-repeat center center;
    }
.search_box_2 .word_input{
    line-height: 56px;
    width: 600px;
    height: 56px;
    padding: 0 10px;
    background: #eee;
    }
.isearch .lag{
    float: right;
    /*padding-top: 32%;*/
    padding-top: 27%;
    padding-right: 6%;
    }
.isearch .wq{
    line-height: 30px;
    float: right;
    padding-top: 21%;
    *padding-top: 21%;
    }
.isearch .wq h3{
    font-size:15px;
    font-weight:bold;
    color:#111;
    }
.isearch .wq .wqbtn{
    padding-right: 13px;
    cursor: pointer;
    background: url(/public/images/icon1.png) no-repeat right center;
    font-size:14px;
    font-weight:bold;
    }
.isearch .wq ul{
    position: absolute;
    z-index: 99999999;
    top: 56px;
    right: 0;
    display: none;
    width: 92px;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #eee;
    -moz-box-shadow: 0 0 10px #eee;
    box-shadow: 0 0 10px #eee;
    -o-box-shadow: 0 0 10px #eee;
    -ms-box-shadow: 0 0 10px #eee;
    }
.isearch .wq ul li{
    line-height: 26px;
    z-index: 999999;
    margin: 0 5px;
    border-bottom: 1px dotted #eee;
    background-color: #fff;
    }

/*erji*/

/*.ok {
    border-bottom: 1px solid red;
    }*/
.drop{
    width: 100%;
    background: url(/public/images/bgerji.jpg) bottom center no-repeat;
    }
.n_drop{
    width: 1000px;
    min-height: 176px;
    margin: 0 auto;
    }
.drop .tabname{
    float: left;
    width: 15%;
    margin-left: 17%;
    }
.drop .tabcont{
    float: right;
    width: 68%;
    padding: 30px;
    *width: 61%;
    }
.n_drop[data-name='1'] .ilist li{
    float: left;
    width: 35%;
    }
.drop .tabcont img{
    float: left;
    max-width: 162px;
    /* width: 162px;
    height: 113px; */
    min-height: 113px;
    max-height: 113px;
    margin-right: 20px;
    }
.drop .tabcont li a{
    line-height: 24px;
    }
.drop .tab .tabname ul{
    margin-top: 7px;
    }
.drop .tab .tabname li{
    /* background:url(/public/images/ier2.png) no-repeat 30px;
    */
    float: right;
    width: 100%;
    margin-bottom: 1px;
    padding: 10px 20px 10px 17px;
    text-align: left;
    }
.drop .tabname li a{
    font-size: 14px;
    padding-left: 1em;
    color: #fff;
    background: url(/public/images/ier2.png) no-repeat left center;
    }
.drop .tabname li.on a,
.drop .tabname li:hover a{
    background: #fff url(/public/images/ier1.png) no-repeat left center;
    }
.drop .tabname li:hover a{
    color: #e60012;
    }
.drop .tabname .on,
.drop .tabname .on a{
    color: #e60012;
    background: #fff;
    }

/*mobile menu*/
.m-bar{
    height: 60px;
    }
.logo-m{
    line-height: 60px;
    display: inline-block;
    float: left;
    width: 75%;
    height: 60px;
    margin-left: 10px;
    overflow:hidden;
    }
.logo-m img{
    z-index: 60;
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    }
.m-hd{
    position: fixed;
    z-index: 1400;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    -ms-box-shadow: 0 0 10px #999;
    }
.m-nav{
    position: absolute;
    top: 60px;
    left: 0;
    clear: both;
    width: 100%;
    }
.m-nav a{
    font-size: 15px;
    line-height: 40px;
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    color: #333;
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    }
.m-trigger{
    float: right;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #e60012 url(/public/images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
    }
.m-nav{
    display: none;
    }
.m-sub{
    display: none;
    }
.m-sub a{
    font-size: 14px;
    padding: 0 30px;
    border-top-color: #efefef;
    background-color: #f1f1f1;
    }
.m-show{
    display: none;
    }

/*footer*/
#fd{
    padding-top: 36px;
    color: #d7d7d7;
    border-top: 2px solid #e60012;
    background: #2d2d2d;
    }
#fd a:hover{
    text-decoration: underline;
    }
#fd dl{
    line-height: 24px;
    float: left;
    margin-right: 3%;
    color: #fff;
    }
#fd dl dt{
    font-weight: bold;
    margin-bottom: 15px;
    }
#fd dl dd a{
    display: block;
    max-width: 100px;
    }
#fd dl.fd-right{
    margin-right: 0;
    padding-left: 3%;
    border-left: 1px solid #3b3b3b;
    }
#fd dl.fd-right img{
    display: block;
    margin-bottom: 5px;
    }
#fd dl.fd-right span:hover img{
    margin-top: -40px;
    }
#fd dl.fd-right .hotline{
    color: #999;
    }
#fd dl.fd-right .hotline p{
    font-size: 28px;
    color: #e60012;
    }
#fd dl.fd-right dd span{
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    }
#fd .fd-copy{
    margin-top: 20px;
    padding: 17px 0;
    text-align: center;
    color: #666;
    background: #222;
    }
#fd .fd-copy span.r em{
    margin: 0 10px;
    }
#fd .fd-copy span{
    margin-left: 5px;
    color: #222;
    }
.share_ewm{
    position: absolute;
    right: 2%;
    display: none;
    }
.share_ewm img{
    width: 150px;
    height: 150px;
    border: 4px solid #fff;
    }

/*banner*/
.baner{
    position: relative;
    overflow: hidden;
    width: 100%;
    *z-index: -1;
    }
.baner_box{
    width: 1000px;
    margin: 0 auto;
    }
.n_baner{
    position: relative;
    display: block;
    overflow: hidden;
    width: 1920px;
    margin: 0 -460px;
    }
.atlas{
    width: 999999px;
    }
.atlas li{
    float: left;
    }
.atlas li img{
    display: block;
    }
.n_baner .num{
    z-index: 666;
    line-height: 43px;
    position: absolute;
    z-index: 5;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    background: url(/public/images/bicon1.png) no-repeat center;
    }
.n_baner .num a{
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    }
.n_baner .num a.on{
    background: #e60012;
    }
.n_baner .num span{
    position: absolute;
    cursor: pointer;
    }
.n_baner .num .left{
    left: 45%;
    }
.n_baner .num .right{
    right: 45%;
    }

/*index*/
.ipro .ipubp{
    padding-bottom: 60px;
    }
.ipropic{
    font-size: 14px;
    line-height: 40px;
    color: #666;
    }
.ipropic li{
    text-align: center;
    }
.ipropic li a{
    display: block;
    overflow: hidden;
    height: 150px;
    }
.ipropic li:hover a img{
    margin-top: -200px;
    }
.inews{
    background: url('/public/images/bg2.jpg') no-repeat center;
    }
.inews .ipubp{
    padding-bottom: 30px;
    }
.inewstab .tabname,
.terms .tabname{
    padding-bottom: 40px;
    text-align: center;
    }
.inewstab .tabname ul{
    margin-left: 36%;
    }
.inewstab .tabname li,
.terms .tabname li{
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px;
    padding: 5px 27px;
    cursor: pointer;
    color: #666;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    }
.inewstab .tabname .on,
.inewstab .tabname li:hover,
.terms .tabname li:hover,
.terms .tabname .on{
    font-weight: normal;
    color: #fff;
    border: 1px solid #e60012;
    background: #e60012;
    }
.inewstab .tabcont .list li{
    float: left;
    border: 1px solid #e9e9e9;
    background: #fff;
    }
.inewstab .tabcont .list li:hover{
    -webkit-box-shadow: 0 0 10px #d1d1d1;
    -moz-box-shadow: 0 0 10px #d1d1d1;
    box-shadow: 0 0 10px #d1d1d1;
    -o-box-shadow: 0 0 10px #d1d1d1;
    -ms-box-shadow: 0 0 10px #d1d1d1;
    }
.inewstab .inewspic{
    overflow: hidden;
    max-width: 320px;
    max-height: 213px;
    }
.inewstab .inewscont{
    padding: 20px;
    border-bottom: 5px solid #fff;
    }
.inewstab .tabcont .list li:hover .inewscont{
    border-bottom: 5px solid #e60012;
    }
.inewstab .tabcont .list li .tit{
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 10px;
    text-align: left;
    color: #222;
    background: url('/public/images/botline1.jpg') no-repeat left bottom;
    }
.inewstab .ipubp{
    padding-top: 20px;
    text-align: left;
    }
.vmore{
    text-align: right;
    }
.vmore .jt img{
    margin-left: 5px;
    *margin-left:0;
    *padding-left:5
    }
.vmore:hover img{
    -webkit-animation: mymove 3s infinite;
    animation: mymove 3s infinite;
    -webkit-animation-name: hvr-icon-right;
    animation-name: hvr-icon-right;
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    }

/*icase*/
.icasebox li{
    position: relative;
    }
.icasebox .icasepic{
    overflow: hidden;
    }
.mask{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    /*width: 320px;*/
    /*height: 212px;*/
    /*2018-12-18nick*/
    width: 450px;
    height: 312px;
    transition: all .5s;
    background: url(/public/images/mask_bj.png);
    }
.mask img{
    padding-top: 29%;
    }
.icase li:hover .mask{
    top: 0;
    display: block;
    }
.icasecont{
    line-height: 28px;
    padding-top: 15px;
    }
.icasecont a{
    font-size: 16px;
    }
.icasecont p{
    font-size: 14px;
    color: #e60012;
    }
.icase .more1{
    margin-top: 30px;
    }
.icase .more1 a{
    font-weight: bold;
    }

/*iabout*/
.iabout{
    overflow: hidden;
    max-height: 554px;
    background: url(/public/images/bg3.jpg) no-repeat top center;
    }

.iaboutbox .iaboutl{
    float: left;
    width: 50%;
    text-align: right;
    *width: 49%;
    }
.iaboutbox .iaboutl .iabouttt{
    margin-right: 1em;
    }
.iaboutl .iaboutll{
    float: left;
    width: 28.5%;
    margin-top: 6.3%;
    *margin: 0;
    }
.iaboutl .iaboutll li{
    font-size: 16px;
    float: left;
    width: 33.3%;
    min-height: 160px;
    padding: 15px;
    *width: 11.7%;
    }
.iaboutl .iaboutll li a{
    color: #fff;
    }
.iaboutl .iaboutll .vmore{
    float: left;
    margin-top: 47.5%;
    text-align: center;
    border: 2px solid #d91c1a;
    }
.iaboutl .iaboutll .vmore a{
    line-height: 30px;
    padding-right: 25px;
    padding-left: 10px;
    }
.iaboutl .iabc{
    background: #d91c1a;
    }
.iaboutl .iabc:hover{
    background: #ca1a19;
    }
.iaboutl .iabh{
    background: #e32d2c;
    }
.iaboutl .iabh:hover{
    background: #d93130;
    }
.iaboutl .iabr{
    background: #ed4449;
    }
.iaboutl .iabr:hover{
    background: #de4044;
    }
.iaboutl .iaboutlr{
    z-index: 999999;
    float: right;
    width: 71.5%;
    text-align: left;
    }
.iaboutl .iaboutlr .dot{
    margin-top: 7%;
    }
.iaboutbox .iaboutr{
    position: relative;
    float: right;
    width: 50%;
    min-height: 352px;
    padding: 64px 0 0 45px;
    background: url(/public/images/bg4.png) no-repeat left top;
    *width: 45%;
    }
.iaboutbox .iaboutr .title2{
    padding-bottom: 25px;
    }
.iaboutbox .iaboutr img{
    position: absolute;
    top: 10%;
    right: 0;
    }
.iaboutbox .iaboutr p{
    color: #666;
    }
.vedio_kuai{
    position: relative;
    overflow: hidden;
    /* width: 360px; */
    width: 100%;
    height: 263px;
    cursor: pointer;
    }
.vedio_kuai:hover .vedio_kuai_play{
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 1;
    background: rgba(0, 0, 0, .2);
    filter: alpha(opacity=100);
    -mos-background: rgba(0, 0, 0, .2);
    -ms-background: rgba(0, 0, 0, .2);
    -o-background: rgba(0, 0, 0, .2);
    -webkit-background: rgba(0, 0, 0, .2);
    -mos-transition: all .25s linear;
    }
.vedio_kuai .vedio_kuai_play{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 360px;
    height: 263px;
    opacity: 1;
    filter: alpha(opacity=100);
    }
.vedio_kuai .vedio_kuai_play p{
    position: absolute;
    z-index: 5;
    width: 360px;
    height: 263px;
    background: url(/public/images/play.png) center no-repeat;
    }
.vedio_kuai:hover .vedio_kuai_play p{
    background: url(/public/images/play2.png) center no-repeat;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_playon{
    position: absolute;
    z-index: 10;
    bottom: 107px;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden{
    position: absolute;
    bottom: 0;
    display: block;
    width: 360px;
    height: 263px;
    }
#main1{
    padding: 40px 0;
    background: #f1f1f1;
    }
#main2{
    background: #f1f1f1;
    }
.inboxshadow{
    -webkit-box-shadow: 0 5px 5px #e6e6e6 inset;
    -moz-box-shadow: 0 5px 5px #e6e6e6 inset;
    box-shadow: 0 5px 5px #e6e6e6 inset;
    -ms-box-shadow: 0 5px 5px #e6e6e6 inset;
    -o-box-shadow: 0 5px 5px #e6e6e6 inset;
    }
.n_bar{
    position: relative;
    font-size:0;
    z-index:1;
    }
.n_bar .wp{
    position: absolute;
    right: 0;
    left: 0;
    *left: 24%;
    }
.n_bar .title2{
    font-weight: bold;
    margin-top: 9%;
    }
.n_bar span{
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 2%;
    background-color: #e60012;
    }
.main_box{
    width: 100%;
    height: 77px;
    padding: 0;
    }
.main_box_1{
    height: 77px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    }
.com_pub{
    display: block;
    }
.com_pub_box{
    width: 1000px;
    margin: 0 auto;
    }
.sub_nav{float:left    }
.sub_nav li{float:left    }
.sub_nav li a{
    font-size: 14px;
    line-height: 77px;
    float: left;
    padding: 0 10px;
    }
.sub_nav li a:hover,
.sub_nav li a.on{
    color: #fff;
    background: url(/public/images/botline2.jpg);
    }
.com_pub_box .vmore,
.com_pub_box .location{
    line-height: 77px;
    }

#backtop a,
.com_pub_box .vmore a{
    padding: 12px 20px;
    color: #777;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    }
#backtop a img,
.com_pub_box .vmore a img{
    vertical-align: sub;
    }
#backtop a:hover,
.com_pub_box .vmore a:hover{
    border: 1px solid #e60012;
    }
.inr-title{
    line-height: 60px;
    padding-bottom: 30px;
    }
.inr-title .title3{
    float: left;
    }

/* about */
.abtop li{
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.abtop .title2{
    padding-bottom: 2%;
    }
.abtop .parg p{
    color: #ffc0c5;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play p{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_hidden{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .abtopr{
    padding: 45px 35px;
    }
.abparg{
    text-align: center;
    }
.abparg .twoli{
    font-size: 14px;
    line-height: 28px;
    color: #333;
    }
.abparg .twoli li{
    padding-top: 40px;
    padding-bottom: 60px;
    }
.abparg .twoli span{
    font-family: Arial;
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.abtwolist li{
    margin-bottom: 30px;
    background: #f6f6f6;
    }
.abtwolist li{
    overflow: hidden;
    min-height: 312px;
    max-height: 351px;
    margin-bottom: 30px;
    background: #f6f6f6;
    }

/* culture */

.abcul .twolistr ul li{
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px dashed #cbcbcb;
    }
.abcul .twolistr ul li:hover{
    cursor: pointer;
    }
.abcul .twolistr ul .on .title6{
    font-weight: bold;
    }

/* responsibility */
.abfivelist{
    padding-bottom: 40px;
    }
.abfivelist li{
    padding: 0 25px;
    *padding: 0 0;
    border-left: 1px dashed #ccc;
    }
.abfivelist .title7{
    padding-bottom: 10px;
    }
.abfivelist p{
    line-height: 21px;
    color: #999;
    }
.resad{
    background: url(/public/images/res_bg.png) no-repeat top center;
    }
.resad .tj_bar,
.resad .tj_content li{
    height: 300px;
    }

.resad .tj_num a{
    width: 15px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #bbb;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    }
.resad .tj_num a.on{
    width: 25px;
    background: #e60012;
    }
.resad .tj_content .tj_content_cc{
    margin: 0;
    }
.resad .tj_content .tj_content_cc a{
    width: 100%;
    }
.resad .tj_content .tj_content_cc a p{
    color: #666;
    }
.resad .tj_content .tj_content_cc .name{
    font-size: 24px;
    line-height: 48px;
    }

/* products */
.productsbar .n_baner .num{
    background: none;
    }
.productsbar .n_baner .num a{
    opacity: .5;
    border: 1px solid #000;
    background: #fff;
    filter: alpha(opacity=50);
    }
.productsbar .n_baner .num .on{
    opacity: 1;
    border: 1px solid #000;
    filter: alpha(opacity=100);
    }
.products .fourlist li{
    cursor: pointer;
    border: 1px solid #e4e4e4;
    }
.products .tabname{
    border: none;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 5px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    }
.products .tabname li{
    font-size: 14px;
    line-height: 60px;
    color: #999;
    border: none;
    }
.products .tabname .on,
.products .tabname li:hover{
    font-size: 16px;
    color: #333;
    background: #e4e4e4;
    }
.products .tabcont li{
    overflow: hidden;
    *padding: 0;
    padding: 25px 20px;
    }
.products .tabcont li a{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #3f3a39;
    }
.products .tabcont li p{
    line-height: 18px;
    min-height: 60px;
    word-wrap: break-word;
    color: #999;
    }
.products .fivelist li{
    cursor: pointer;
    }
.products1 .fourlist li{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    border: 1px solid #fff;
    }
.products1 .fourlist li .ebd{
    padding: 2%;
    border: 5px solid #fff;
    }
.products1 .fourlist li .ebd img{
    /*height: 192px;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    }
.products1 .fourlist li:hover{
    border: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover .ebd{
    border: 5px solid #f6f6f6;
    }
.products1 .fourlist li a{
    color: #777;
    }

/*productshow*/
.proshow-local{
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
    }
.proshow-local .location{
    float: left;
    }
.proshow-local .more1{
    float: right;
    }
.proshow-local .more1 a{
    padding: 6px 8px;
    }
.proshowbox .main_box_1{
    border-top: 1px solid #e5e5e5;
    }

/*picshow*/

.pro-picshow .pro-picshow-left{
    position: relative;
    float: left;
    width: 50%;
    }
.picscroll{
    overflow: hidden;
    }
.picscroll ul{
    width: 9999999px;
    margin-top: 20px;
    }
.picscroll li{
    margin-right: 20px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    }
.picscroll li:hover{
    border: 1px solid #e60012;
    }
.picscroll span{
    position: absolute;
    top: 35%;
    display: block;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.picscroll span:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    }
.picscroll span.pre{
    left: 0;
    background: url(/public/images/ps-l.jpg) no-repeat center;
    }
.picscroll span.next{
    right: 0;
    background: url(/public/images/ps-r.jpg) no-repeat center;
    }

.pro-picshow .pro-picshow-left .tabcont .list{
    line-height: 347px;
    width: 500px;
    height: 350px;
    text-align: center;
    border: 1px solid #e9e9e9;
    }
.pro-picshow .pro-picshow-left .tabcont .list img{
    max-width: 497px;
    max-height: 347px;
    vertical-align: middle;
    }
.pro-picshow .pro-picshow-right{
    float: right;
    width: 50%;
    padding-left: 40px;
    *float:left;
    *width:45%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-title{
    font-size: 26px;
    line-height: 40px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-type{
    font-size: 20px;
    line-height: 40px;
    color: #666;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont{
    margin: 20px 0;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont p{
    line-height: 24px;
    color: #999;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function{
    padding: 25px 30px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function a{
    font-size: 18px;
    line-height: 24px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function span{
    /* display:block; */
    float: left;
    width: 26px;
    height: 26px;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
    width: 50%;
    margin-bottom: 2%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left bottom;
    }
span.f2{
    display: block;
    height: 1px;
    margin-top: 3px;
    }
.featuresbox .threeli li{
    /*font-size: 16px;*/
    font-size: 14px;
    margin-bottom: 20px;
    padding: 17px 29px;
    *padding: 17px 0;
    color: #777;
    border: 1px solid #e9e9e9;
    background: #f6f6f6 url(/public/images/icon-type1.png) no-repeat left center;
    }
.technical-name{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
    padding: 12px 16px;
    color: #fff;
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.technicalbox .add .technical-name{
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% -23px;
    }

/*download下载*/
.p_main .technicalbox .download{background:url(/public/images/download.png) no-repeat left;font-size:18px;padding: 12px 0 10px 36px;     }
.p_main .downloadbox{width:106px;height:40px;border:1px solid #e5e5e5;margin-left: 894px;text-align: center;line-height: 40px;margin-bottom: 10px;    }

.technical-detail{
    display: none;
    /* border: 1px solid #efefef; */
    margin-bottom: 6px;
    }
.technical-detail table{
    line-height: 35px;
    width: 100%;
    color: #777;
    }
.technical-detail thead{
    background: #e60012;
    }
.technical-detail thead th{
    font-size: 14px;
    text-align: center;
    color: #fff;
    }
.technical-detail tr,
.technical-detail td,
.technical-detail thead th{
    border: 1px solid #efefef;
    }

/*program*/
.programbox .threeli li{
    overflow: hidden;
    width: 33.33%;
    height: 224px;
    margin: 0;
    }
.programbox .icasepic img{
    width: 333px;
    height: 233px;
    }
.programbox .mask,
.case-main li:hover .mask{
    /*width: 300px;*/
    /* height: 224px; */
    margin: 5px;
    background: url(/public/images/mask_bj2.png);
    }
.programbox li:hover .mask,
.case-main li:hover .mask{
    top: 0;
    display: block;
    }
.programbox .icasecont a{
    font-size: 18px;
    color: #777;
    }
.programbox .icasecont p{
    font-size: 14px;
    color: #999;
    }
.programbox .more1{
    margin-top: 35px;
    }
.programbox .more1 a{
    padding: 10px 51px;
    }

/*certification*/
.certification{
    margin-bottom: 20px;
    }
.certification li{
    line-height: 60px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    }
.certification li a{
    color: #777;
    }
.certification li img{
    float: left;
    margin-right: 30px;
    }
.certification li .cer-down{
    float: right;
    padding: 0 30px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    }
.certification li .cer-down .icon-download2{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 21px;
    margin-right: 5px;
    background: url(/public/images/icon-download2.png) no-repeat left top;
    }
.certification li .cer-down a:hover .icon-download2{
    background: url(/public/images/icon-download2.png) no-repeat left bottom;
    }
.certification .loadingmore{
    margin-top: 20px;
    }

/* case */
.fancybox-inner{
    border: 5px solid #fff;
    }
.fancybox-close{
    width: 60px;
    height: 60px;
    /* top: -70px;
    right: -60%; */
    background: url(/public/images/x-btn.png) no-repeat left top;
    }
.fancybox-nav span{
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    background: none !important;
    }
.fancybox-prev span{
    background: url(/public/images/ar_l2.png) no-repeat left top !important;
    }
.fancybox-next span{
    background: url(/public/images/ar_r2.png) no-repeat left top !important;
    }
.case-depart a{
    font-size: 14px;
    line-height: 38px;
    *float:left;
    margin-right: 6px;
    padding: 8px 28px;
    color: #777;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.case-depart a:hover,
.case-depart a.on{
    color: #e60012;
    border: 1px solid #e60012;
    }
.case-depart-choice{
    float: right;
    }
.case-depart-choice .sxtj{
    line-height: 38px;
    padding-right: 37px;
    cursor: pointer;
    background: #fff url(/public/images/icon1.png) no-repeat 80%;
    }
.case-depart-choice ul{
    position: absolute;
    z-index: 999;
    display: none;
    }

.case-depart .case-depart-choice li a{
    line-height: 24px;
    display: block;
    min-width: 123px;
    padding: 6px 28px;
    text-align: center;
    }
.case-main{
    margin-bottom: 40px;
    }
.case-main li:hover .mask{
    top: 5px;
    }
.case-main .icasebox{
    margin-top: 30px;
    }
.case-main .threeli li{
    overflow: hidden;
    width: 33.33%;
    *width:33.29%;
    margin: 0;
    }
.case-main .icasepic{
    max-height: 444px;
    }
.case-main .icasepic img{
    width: 100%;
    min-height: 444px;
    }
.case-main .icasebox .mask{
    left: .7%;
    width: 97%;
    height: 96%;
    }

/*news ad*/
.newsdate{
    font-family: Arial;
    float: left;
    width: 20%;
    }
.newsdate .day{
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.newsdate .year{
    font-size: 14px;
    color: #3f3a39;
    }
.news2 .newstt{
    font-size: 16px;
    line-height: 30px;
    }
.news2l .newstt{
    color: #3f3a39;
    }
.news2r a{
    color: #fff;
    }
.news2 .news2l{
    float: left;
    width: 50%;
    background-color: #fff;
    *width: 44%;
    }
.news2 .news2r{
    float: right;
    width: 50%;
    *width: 44%;
    }
.news2 .news2l,
.news2 .news2r{
    padding: 25px 30px;
    }
.news2 .news2l ul,
.news2 .news2r ul{
    min-height: 120px;
    }
.news2 .time{
    font-weight: bold;
    padding-right: 8px;
    }
.news2l .time,
.news2l a{
    color: #3f3a39;
    }
.news2 li{
    line-height: 30px;
    }
.news2 .btn2{
    margin-top: 2%;
    }

/*news1*/
.daytime{
    overflow: hidden;
    }
.daytime .s_tab_name .year-sx{
    font-size: 14px;
    line-height: 40px;
    display: block;
    float: left;
    width: 100px;
    text-align: center;
    color: #fff;
    background-color: #e60012;
    }
.daytime .s_tab_name .pre{
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    cursor: pointer;
    background: #5f5f5f url(/public/images/left1.png) no-repeat center;
    }
.daytime .s_tab_name .pre:hover{
    background: #515151 url(/public/images/left1.png) no-repeat center;
    }
.daytime .s_tab_name .next{
    display: block;
    float: right;
    width: 50px;
    height: 40px;
    /* margin-top:25px;
    */
    cursor: pointer;
    background: #5f5f5f url(/public/images/right1.png) no-repeat center;
    }
.daytime .s_tab_name .next:hover{
    background: #515151 url(/public/images/right1.png) no-repeat center;
    }
.daytime .s_tab_name .daytime_ul{
    position: relative;
    overflow: hidden;
    width: 80%;
    height: 40px;
    background-color: #3f3a39;
    }
.daytime .s_tab_name .daytime_ul ul{
    width: 999999px;
    }
.daytime .s_tab_name li{
    float: left;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    }
.daytime .s_tab_name li span{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    margin: 12px 0;
    padding: 0 25px;
    text-align: center;
    color: #999;
    border-right: 1px solid #616161;
    }
.daytime .s_tab_name li.on span{
    display: inline-block;
    overflow: hidden;
    text-align: center;
    color: #fff;
    }
.daytime .s_tab_name li span img{
    display: block;
    max-width: 86%;
    padding: 4px;
    border: 1px solid #ddd;
    }
.daytime .s_tab_name li.on img{
    border: 1px solid #e9e9e9;
    }
.daytime .s_tab_content{
    margin-top: 30px;
    }
.daytime .s_tab_content .list{
    display: none;
    clear: both;
    }
.daytime .s_tab_content .list li{
    line-height: 26px;
    overflow: hidden;
    cursor: pointer;
    }
.daytime .s_tab_content .list p{
    line-height: 28px;
    clear: both;
    padding: 10px 0;
    }
.daytime .s_tab_content .list li:hover p{
    color: #fff;
    }
.daytime .s_tab_content .list span{
    display: block;
    }
.daytime .s_tab_content .list .time{
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 20%;
    text-align: center;
    color: #d6a35e;
    }
.daytime .s_tab_content .list .txt{
    float: right;
    width: 80%;
    }
.daytime .s_tab_content .list .txt .honor_in{
    display: block;
    display: block;
    margin-left: 6px;
    padding: 0;
    padding: 0 15px;
    border-radius: 4px;
    }
.daytime .s_tab_content .list .name{
    float: left;
    width: 18%;
    }
.daytime .s_tab_content .list .name .c3{
    font-size: 24px;
    }
.daytime .s_tab_content .list .file{
    line-height: 24px;
    float: right;
    width: 76%;
    }
.daytime .s_tab_content .list .threeli li{
    margin-bottom: 20px;
    padding: 25px;
    *width:26.9%;
    text-align: left;
    background: #fff;
    }
.daytime .s_tab_content .list .threeli .year-tt{
    min-height: 56px;
    }
.daytime .s_tab_content .list .threeli .year-tt a{
    font-size: 16px;
    color: #333;
    }
.daytime .s_tab_content .list .threeli .year-time{
    font-family: Arial;
    font-size: 14px;
    line-height: 36px;
    color: #bbb;
    }
.daytime .s_tab_content .list .threeli .year-pic{
    overflow: hidden;
    width: 100%;
    }

.daytime .s_tab_content .list .threeli .year-cont{
    overflow: hidden;
    min-height: 65px;
    max-height: 65px;
    color: #999;
    }
.daytime .s_tab_content .list .threeli .vmore{
    text-align: left;
    }
.daytime .s_tab_content .list .threeli .vmore a{
    color: #666;
    }
.loadingmore{
    line-height: 40px;
    width: 100%;
    margin-top: 40px;
    cursor: pointer;
    text-align: center;
    background-color: #eaeaea;
    }
.daytime .s_tab_content .list .threeli li:hover{
    background-color: #e60012;
    }
.daytime .s_tab_content .list .threeli li:hover a,
.daytime .s_tab_content .list .threeli li:hover .year-time{
    color: #fff;
    }

/*newsshow*/
.newsshow-time{
    margin: 45px 0;
    padding: 15px;
    background: #f8f8f8;
    }
.newsshow-time .newsshow-timel{
    line-height: 28px;
    float: left;
    width: 50%;
    color: #a67c80;
    }
.newsshow-time .newsshow-timer{
    float: right;
    width: 50%;
    }
.newsshow-cont{
    overflow: hidden;
    margin-bottom: 30px;
	font-size: 14px;  /*2019-03-08*/
    line-height: 28px;
    }
.newsshow-cont p{
    font-size: 14px;
    line-height: 28px;
    /*padding-bottom: 30px;*/
    text-indent: 2em;
    color: #777;
    }
.newsshow-pn{
    padding: 30px 25px;
    border: 1px solid #eee;
    background: #f8f8f8;
    }
.newsshow-pnl{
    font-size: 14px;
    line-height: 28px;
    float: left;
    width: 50%;
    }
.newsshow-pnl p{
    color: #333;
    }
.newsshow-pnr{
    float: right;
    width: 50%;
    padding-top: 2%;
    }
.bdsharebuttonbox{
    float: right;
    }

/*service*/
.service .title10,
.serctu,
.sertwolist{
    margin-bottom: 30px;
    }
.service .fourlist li{
    width: 23.5%;
    margin-right: 0.5%; /** 2019-02-13 **/
    text-align: center;
    background: #f4f4f4;
    }
.service .fourlist .mn{
    margin-right: 0;
    }
.sers li{
    margin-bottom: 30px;
    padding: 60px 0 60px 0;
    }
.sers li .sericon{
    overflow: hidden;
    height: 52px;
    margin-bottom: 30px;
    }
.sers li:hover .sericon img{
    margin-top: -68px;
    }
.sers li:hover{
    background: #e60012;
    }
.sers li a{
    font-size: 16px;
    line-height: 28px;
    color: #777;
    }
.sers li:hover a{
    color: #fff;
    }
.serctu li{
    padding: 30px 20px;
    *padding:30px 0;
    }
.serctu li .serctutitle{
    font-size: 16px;
    line-height: 22px;
    color: #3f3a39;
    min-height:44px;
    }
.serctu li p{
    line-height: 24px;
    color: #999;
    }
.serctu li .sericon{
    margin-top: 20px;
    }
.serctu li .sericon img{
    height: 125px;
    }
.sertwolist li{
    overflow: hidden;
    max-height: 173px;
    background: #f4f4f4;
    }
.sertwolist li img{
    max-height: 173px;
    }
.serthreelist li,
.ser11 li{
    overflow: hidden;
    background: #f4f4f4;
    }
.serthreelist li p{
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    color: #403b39;
    }
.serthreelist li .threeliimg,
.serthreelist li img{
    overflow: hidden;
    height: 120px;
    }
.service1{
    background: url(/public/images/ser1bg.jpg) bottom repeat-x;
    }
.ser1top .ser1tl{
    float: left;
    margin-right: 40px;
    }
.ser1top .ser1tr{
    float: right;
    width: 50%;
    }
.ser1top .ser1tr .more1{
    margin: 30px 0;
    text-align: left;
    }
.ser11 li .cont{
    min-height: 290px;
    padding: 25px 20px;
    }
.ser11 li img{
    max-height: 224px;
    }
.ser11 li p{
    line-height: 24px;
    text-align: left;
    color: #999;
    }
.ser-searchbox{
    margin-bottom: 35px;
    padding: 45px 0;
    border: 1px solid #e9e9e9;
    background: #efefef;
    }
.ser-searchbox form{
    width: 80%;
    margin: 0 auto;
    }
.ser-searchbox .serboxl{
    float: left;
    width: 80%;
    }
.ser-searchbox .serboxl input{
    width: 100%;
    padding: 11px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    }
.ser-searchbox .serboxr{
    float: right;
    width: 20%;
    }
.ser-searchbox .serboxr .more1{
    text-align: left;
    }
.ser-searchbox .serboxr .more1 input{
    border-radius: 0;
    }
.ser-result{
    margin-bottom: 35px;
    }
.ser-result table{
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    }
.ser-result table th{
    font-size: 18px;
    line-height: 30px;
    padding: 18px;
    text-align: center;
    background: #f9f9f9;
    }
.ser-result table td{
    padding: 18px;
    border: 1px solid #ddd;
    }

.terms .tab{
    border: 1px solid #e9e9e9;
    border-top: none;
    }
.terms .title10{
    line-height: 50px;
    min-height: 50px;
    text-align: center;
    background: url(/public/images/titlebg.jpg) no-repeat center;
    }
.terms .tabname{
    margin-left: 21%;
    padding-top: 40px;
    }
.terms .tabcont .list{
    padding: 30px;
    padding-top: 0;
    }

/*download*/
.depart,
.groupcont{
    border: 1px solid #eee;
    background-color: #fff;
    }
.depart{
    margin-bottom: 30px;
    }
.group{
    margin-right: 2%;
    padding-left: 2%;
    background: #f6f6f6;
    }
.group .group-left{
    float: left;
    width: 9%;
    text-align: right;
    border-bottom: 1px dotted #ccc;
    background: #f6f6f6;
    }
.group .group-left h5{
    font-size: 14px;
    font-weight: bold;
    padding: 20px 20px 20px 0;
    color: #333;
    }
.group .group-right{
    float: right;
    width: 91%;
    padding: 21px 20px;
    color: #777;
    border-bottom: 1px dotted #ccc;
    background: #fff;
    }
.group .group-right a{
    padding: 0 12px;
    }
.group .group-right a:hover,
.group .group-right .on,
.group_addmore a:hover,
.group_addmore .on{
    padding: 7px 12px;
    color: #fff;
    background: #e60012;
    }
.group .group-left.bdn,
.group .group-right.bdn{
    border-bottom: none;
    }
.group_addmore{
    display: none;
    padding: 15px 0 7px 0;
    }
.group_addmore a{
    line-height: 40px;
    }
.more-choice{
    float: right;
    margin-top: -7px;
    background: #f6f6f6;
    }
.group .group-right .more-choice a{
    display: block;
    padding: 7px 12px;
    color: #999;
    }
.group .group-right .more-choice a:hover{
    color: #fff;
    }
.groupcont .groupcont-title{
    font-size: 14px;
    font-weight: bold;
    padding: 13px 35px;
    color: #333;
    border-bottom: 1px solid #eee;
    background: url('/public/images/titlebg2.png') no-repeat 20px;
    }
.groupcont ul{
    margin: 10px 20px;
    }
.groupcont ul li{
    padding: 20px;
    border-bottom: 1px solid #eee;
    }
.groupcont ul li:hover{
    background: #f6f6f6;
    }
.groupcontleft{
    float: left;
    }
.groupcontleft h5{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #777;
    }
.groupcontleft h5 a{
    padding-left: 15px;
    color: #777;
    background: url(/public/images/icond1.png) no-repeat left center;
    }
.groupcontleft h5 a:hover{
    color: #e60012;
    background: url(/public/images/icond2.png) no-repeat left center;
    }
.groupcontleft p{
    color: #999;
    }
.groupcontright{
    float: right;
    margin-top: 15px;
    }
.groupcontright span{
    display: inline;
    }
.groupcontright span a{
    margin-left: 15px;
    padding: 8px 30px 8px 50px;
    cursor: pointer;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
    transition: all ease-in .2s;
    text-align: center;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    }
.groupcontright .n_download_view a{
    background: url(/public/images/icon_down_1.png) no-repeat 18px 10px;
    }
.groupcontright .n_download_view a:hover{
    color: #fff;
    border: 1px solid #e60012;
    background: url(/public/images/icon_down_1.png) no-repeat 18px -21px #e60012;
    }
.groupcontright .n_download_down a{
    background: url(/public/images/icon_down_2.png) no-repeat 18px 7px;
    }
.groupcontright .n_download_down a:hover{
    color: #fff;
    border: 1px solid #e60012;
    background: url(/public/images/icon_down_2.png) no-repeat 18px -21px #e60012;
    }

/*faq*/
.faqlist .technical-name{
    font-size: 14px;
    font-weight: bold;
    color: #3f3a39;
    }
.faqlist .add .technical-name{
    color: #e60012;
    }
.faqlist .technical-name{
    border: 1px solid #eee;
    background: #f6f6f6 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.add .technical-name{
    background: #f6f6f6 url(/public/images/r-p.png) no-repeat 98% -23px;
    }
.faqlist .faqtt{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    }
.faqlist .faqtt.q{
    color: #e60012;
    }
.faqlist .faqtt.a{
    float: left;
    padding-top: 3px;
    color: #3f3a39;
    }
.faqlist .technical-detail{
    padding: 20px;
    }
.faqlist .technical-detail{
    border: 1px solid #eee;
    background: #f6f6f6;
    }
.faqlist li{
    margin-bottom: 10px;
    }

/*sunshine*/
.college p img{
    float: right;
    width: 342px;
    height: 290px;
    margin-left: 30px;
    }
.ft2{
    background: #f5f5f5;
    }
.ft2 .ewm{
    float: left;
    margin-right: 25px;
    padding: 10px;
    border: 1px solid #d5d5d5;
    background: #fff;
    }
.ft2 .ewm img{
    width: 122px;
    height: 122px;
    }
.ft2 .ft2r p{
    font-weight: bold;
    color: #3f3a39;
    }
.ft2 .ft2r .more3{
    float: left;
    margin-top: 30px;
    margin-right: 15px;
    }

/*.ft2 .ft2r .more3 a {
    padding: 6px 22px;
    border-radius:0;
    }*/

/*community*/
.community .brdio{
    margin: 30px 0;
    }

/*activity*/
.activity .daytime .s_tab_content .list{
    display: block;
    }
.activity .daytime .s_tab_content{
    margin-top: 0;
    }

/* contactus */
.contactus .threeli li{
    margin-bottom: 30px;
    }

/*join*/
.join2{
    position: relative;
    }
.join2 li{
    position: relative;
    width: 242px;
    height: 160px;
    border: none;
    }
.join2 li:hover{
    border: none;
    }
.join2 .picscroll span{
    position: static;
    display: inline-block;
    width: 44px;
    height: 46px;
    margin-top: 20px;
    cursor: pointer;
    }
.join2 .picscroll span.pre{
    margin-left: 47%;
    background: url(/public/images/left3.png) no-repeat center;
    }
.join2 .picscroll span.next{
    background: url(/public/images/right3.png) no-repeat center;
    }

/*cul-act*/
.culact{
    background: url(/public/images/actbg.jpg) no-repeat center;
    }
.culact .tj_content li{
    height: 500px;
    }
.culact .tj_content .tj_content_img{
    float: right;
    }
.culact .tj_content .tj_content_img{
    float: right;
    }
.culact .tj_num{
    right: 20%;
    }
.culact .title5,
.purch .title5{
    padding-bottom: 40px;
    text-align: center;
    }

/*purch*/
.purl{
    float: left;
    width: 50%;
    }
.purl p{
    text-align: center;
    }
.purr{
    float: right;
    width: 50%;
    }

/* join3 */

.join3list .fourlist li{
    width: 23%;
    margin-right: 20px;
    padding: 25px;
    *padding:25px 0;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    }
.join3list .fourlist .mn{
    margin-right: 0;
    }
.join3list .fourlist li p{
    text-align: left;
    }
.join3list .fourlist li .jimg{
    line-height: 160px;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f6f6f6;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    }
.join3list .fourlist li .jimg img{
    vertical-align: middle;
    }
.join3list .fourlist li:hover{
    background: url(/public/images/hoverbg.jpg) repeat-x left top;
    }
.join3list .fourlist li:hover .jimg{
    background: #fff;
    }
.join3list .fourlist li:hover p,
.join3list .fourlist li:hover .title11{
    color: #fff;
    }

/* hr join */
.hrbig{
    /* padding: 50px 0; */
    position: relative;
    overflow: hidden;
    min-height: 640px;
    max-height: 640px;
    }
.hrbig img{
    z-index: -1;
    max-width: none;
    }
.hrbig .hrbox{
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    }
.hrbig .wp{
    position: relative;
    z-index: 1;
    }
.hrbig .title5{
    padding-bottom: 30px;
    }
.hrbig .parg{
    text-align: center;
    }
.hrlist{
    position: relative;
    overflow: hidden;
    margin: 40px auto;
    }
.hrlist span{
    position: absolute;
    top: 46%;
    display: inline-block;
    display: none;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.hrlist span.pre{
    left: 0;
    background: url(/public/images/left3.png) no-repeat center;
    }
.hrlist span.next{
    right: 20px;
    background: url(/public/images/right3.png) no-repeat center;
    }
.hrlist ul{
    overflow: hidden;
    width: 999999px;
    height: 275px;
    }
.hrlist li{
    float: left;
    width: 230px;
    *width:200px;
    margin-right: 20px;
    padding: 20px;
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    background: #fff;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.hrlist .hrlist-time,
.hrdetail-title .time{
    font-size: 14px;
    line-height: 28px;
    color: #ccc;
    }
.hrlist .hrlist-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #797979;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.hrlist .hrlist-title a{
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: #333;
    }
.hrlist .hrlist-cont{
    padding-bottom: 20px;
    text-align: left;
    }
.hrlist-cont-tit{
    font-size: 14px;
    line-height: 36px;
    color: #666;
    }
.hrlist li .more3{
    text-align: left;
    }
.hrlist li .more3 a{
    color: #999;
    border: 1px solid #ccc;
    }
.hrlist li:hover,
.hrlist li:hover .hrlist-title a,
.hrlist li:hover .hrlist-time,
.hrlist li:hover .hrlist-cont-tit{
    color: #fff;
    background: #e60012;
    }
.hrlist li:hover .hrlist-title{
    border-bottom: 1px solid #fff;
    }
.hrlist li .more3 a:hover,
.hrlist li:hover .more3 a{
    color: #e60012;
    border: 1px solid #fff;
    background: #fff;
    }

/*hr detail*/
.window{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url(/public/images/bg.png) repeat;
    }
.hr_window .hr_reg_window{
    position: absolute;
    top: 15%;
    left: 31.7%;
    width: 660px;
    height: 530px;
    padding: 30px;
    overflow:auto;
    border-radius: 5px;
    background: #fff;
    }

/*.hr_window .hr_reg_window::-webkit-scrollbar{width:5px;    }
.hr_window .hr_reg_window::-webkit-scrollbar-track{background-color:#fff;    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb{background-color:#ccc;    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb:hover {background-color:#aaa    }
.hr_window .hr_reg_window::-webkit-scrollbar-thumb:active {background-color:#aaa;    }*/
.hr_reg_window .jobdescription {
    max-height:none;
    }
.close_btn,
.resetpwd_window .close_btn{
    position: absolute;
    z-index: 99;
    top: 15px;
    right: 15px;
    }
.hrdetail-title{
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f1f1f1;
    }
.hrdetail-name{
    font-size: 20px;
    font-weight: bold;
    line-height: 21px;
    padding-right: 1em;
    color: #333;
    }
.hrdetail-title .time{
    float: right;
    }
.hr_reg_window .more4{
    margin-top: 75px;
    *margin-top:30px;
    text-align: right;
    }

/*contact*/
.mapadd{
    padding: 10px;
    border: 1px solid #f2f2f2;
    }
.mapadd .map{
    float: left;
    }
.mapadd .map{
    width: 100%;
    width: 68%;
    margin-right: 1%;
    }
.mapadd .map img{
    max-width: none;
    }
.mapadd .add{
    line-height: 28px;
    float: right;
    float: right;
    width: 31%;
    min-height: 360px;
    padding: 40px 35px;
    *padding:0;
    color: #777;
    background: #f6f6f6;
    }
.mapadd .add p{
    line-height: 28px;
    }
.infor{
    margin-top: 30px;
    border-left: 1px solid #f2f2f2;
    }
.infor li{
    min-height: 190px;
    padding: 10px 20px;
    *width:20.8%;
    word-break: break-word;
    border-right: 1px solid #f2f2f2;
    }
.infor li .title12{
    padding-bottom: 10px;
    }
.infor li p{
    line-height: 18px;
    padding-bottom: 10px;
    }
.online{
    border-top: 1px solid #f2f2f2;
    }
.online span{
    display: inline;
    float: left;
    padding-right: 20px;
    text-align: left;
    }
.online span .title13{
    padding-top: 5px;
    }
.online span p{
    color: #999;
    }
.online .more1{
    float: right;
    margin-top: 19px;
    }
.online .title14{
    font-family: Arial;
    font-weight: bold;
    color: #e60012;
    }

/*message*/
#message{
    background: #f1f1f1;
    }
#message .title14{
    margin-bottom: 30px;
    text-align: center;
    color: #3f3a39;
    }
#message li{
    position: relative;
    *width:31.9%;
    text-align: left;
    }
#message li .inp{
    width: 100%;
    *width:80%;
    *margin-left:66px;
    text-align: left;
    }
#message textarea,
#message li input,
.inpdiv input{
    width: 100%;
    color: #aaa;
    border: none;
    }
#message li input,
.inpdiv input{
    text-indent: 5em;
    }
.inpdiv{
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    color: #aaa;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.inpdiv:hover{
    border: 1px solid #e60012;
    }
.tips{
    color: #e60012;
    }
#message span{
    position: absolute;
    left: 15px;
    }
#message .tips{
    position: absolute;
    right: 10px;
    left: auto;
    }
.more1 input{
    border: none;
    }
#message .inpdiv{
    background: #fff url(/public/images/dt3.gif) no-repeat;
    }

/* 限制图片 */
.daytime .s_tab_content .list .threeli .year-pic a,
.inewspic a{
    display: block;
    overflow: hidden;
    }
.inewspic a{
    width: 318px;
    height: 207px;
    }
.inewspic img{
    height: 207px;
    }
.icase .icasepic{
    overflow: hidden;
    /*height: 212px;*/
    /*2018-12-18nick*/
    height: 312px;
    width: 450px;
    }
.icase .icasepic img{
    min-height: 312px;
    max-height: 312px;
    }
.tj_content .tj_content_img img{
    width: 500px;
    height: 349px;
    }
.daytime .s_tab_content .list .threeli .year-pic a{
    line-height: 189px;
    width: 270px;
    height: 189px;
    text-align: center;
    background-color: #f5f5f5;
    }

.ser1pic{
    overflow: hidden;
    width: 320px;
    height: 224px;
    }
.products .fourlist li .prosimg{
    line-height: 186px;
    display: block;
    }
.products .fourlist li img{
    max-width: 192px;    
	/* max-width: 208px; 2019-02-11*/
    /* min-height: 186px; */
    max-height: 186px;
    text-align: center;
    vertical-align: middle;
    }

/* 限高 */
.inewstab .ipubp{
    min-height: 122px;
    }
.abfivelist li{
    min-height: 250px;
    }
.products .tabcont .fourlist li
 {
     height: 329px;
     *width:20.8%;
     }
.products .tabcont .fourlist li a:first-child{
    display: block;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    }
.abtwolist img{
    height: 350px;
    }
.ipropic li a.pbt{
    height: 48px;
    }

/* text-indent */
.ser11 .cont p,
.service2 .list p,
.college .parg p,
.bigpic p{
    text-indent: 2em;
    }

/* 95 menu erji p */
.ilist li p{
    line-height: 24px;
    }

/*404*/
.lr_bg2{
    /* width:100%; */
    height: 100%;
    background: #efefef;
    }
.dis_table{
    display: table;
    width: 100%;
    *position: relative;
    }
.dis_cell{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    }
.dis_logo{
    float: left;
    width: 100%;
    height: 135px;
    background: url('/public/images/downloads_top.png') no-repeat 0 35px;
    background-size: 100% 100%;
    }
.regi_copy{
    padding: 45px 0;
    text-align: center;
    color: #999;
    }
.page_bg{
    width: 1000px;
    height: 571px;
    margin: 0 auto 0;
    margin-top: 140px;
    border-radius: 5px;
    background: url('/public/images/404_img.png') no-repeat;
    background-size: 100% 100%;
    }
.tit_back_button{
    line-height: 38px;
    width: 190px;
    margin: 0 auto;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
    background-color: #ec4942;
    }
.tit_back_button a{
    color: #fff;
    }
.tit_back_button:hover{
    background-color: #da433d;
    }
.page_bg .page_box{
    width: 1000px;
    height: 110px;
    padding-top: 360px;
    text-align: center;
    }
.page_bg .page_box_sf{
    padding-top: 210px;
    }
.page_bg .page_box .tit_back{
    margin: 25px 0;
    color: #afafaf;
    }
.page_bg .page_box .tit{
    margin: 25px 0;
    }
.page_bg .page_box .tit_back a{
    color: #afafaf;
    }
.page_bg .page_box .tit_back a:hover{
    text-decoration: underline;
    color: #da433d;
    }
.scc .page_bg{
    background: #fff;
    }
.scc .suc{
    font-weight: bold;
    }
.sb .page_bg{
    background: #fff;
    }
.sb .fail{
    font-weight: bold;
    }
.tsy{
    line-height: 47px;
    height: 47px;
    margin-bottom: 50px;
    }
.tsy img{
    padding-right: 15px;
    vertical-align: text-bottom;
    }
.dlag{
    /*display: none;产品内页下载en cn版本切换*/
    }
.jobdescription{
    overflow: hidden;
    min-height: 84px;
    max-height: 84px;
    }
@media (max-width:1440px){
.case-main .icasepic{
        max-height: 320px;
        }
.case-main .icasepic img{
        min-height: 320px;
        }
.case-main .icasebox .mask{
        width: 96%;
        height: 94%;
        }
.bigpic img{
        margin-left: -25%;
        }
    }
@media (max-width:999px){
.wp,
.ipro .wp,
.inews .wp,
.icase .wp,
.iabout .wp{
        padding-right: 2%;
        padding-left: 2%;
        }
.com_pub_box,
.featuresbox .threeli li,
.mask{
        width: 100% !important;
        }
.fd-top{
        display: none;
        }
.n_bar{
        padding-top: 60px;
        }
.baner,
.baner_box,
.n_baner{
        width: 100%;
        margin: 0;
        margin-top: 30px;
        padding: 0;
        }
.n_baner .num .left{
        left: 40%;
        }
.n_baner .num .right{
        right: 40%;
        }
.inewstab .tabcont .list li{
        min-height: 467px;
        }
.inr-news-main{
        margin-top: 2%;
        }
    #fd{
        padding: 0;
        }
    #fd dl.fd-right{
        padding-left: 3%;
        }
    #fd .fd-copy,
.big-right{
        margin: 0;
        }
.location{
        padding-right: 2%;
        }
    /*关于*/
.iaboutbox .iaboutl{
        width: 62%;
        }
.iaboutbox .iaboutr{
        width: 38%;
        padding: 0;
        padding-top: 3.2%;
        padding-left: 2%;
        background: none;
        }
.abtwolist li{
        min-height: initial;
        max-height: none;
        }
    /*产品*/
.pro-picshow .pro-picshow-left .tabcont .list{
        width: 100% !important;
        }
.proshow-local{
        margin-top: 5%;
        }
    /*案例*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 220px;
        max-height: 220px;
        }
.case-main li:hover .mask{
        top: 2px;
        }
    /*新闻*/
.daytime .s_tab_name{
        background: #3f3a39;
        }
.daytime .s_tab_name .daytime_ul{
        width: 72%;
        }
    /*客户服务*/
.ser1top .ser1tr{
        width: 50%;
        }
.ser1top .ser1tl{
        width: 48%;
        margin-right: 2%;
        }
.group{
        margin: 0;
        padding: 0;
        }
.group .group-left h5{
        padding-left: 2%;
        }
.group .group-left{
        float: none;
        width: 100%;
        text-align: left;
        }
.group .group-right{
        float: none;
        width: 100%;
        }
.group .group-right a{
        line-height: 36px;
        }
    /*学院*/
    /*加入固德威*/
.purr{
        width: 48%;
        }
.join3list .fourlist li .jimg{
        line-height: 120px;
        width: 120px;
        height: 120px;
        margin-bottom: 3%;
        }
.join3list .fourlist li{
        margin-right: 2%;
        }
.close_btn{
        position: initial;
        float: right;
        }
.hr_window .hr_reg_window{
        position: initial;
        width: 100%;
        margin: 0 auto;
        margin-top: 14%;
        }
.tj_content{
        width: 100%!important;
        }
.tj_bar li{
        width: 100%;
        }
.tj_content .tj_content_img,
.tj_content .tj_content_cc{
        width: 50%;
        }
    #main2 .bigpic,
.bigpic{
        height: auto;
        width:100%;
        }
.bigpic img{
        margin-left: 0;
        }
.bigpic .wp{
        position: relative;
        }
.bigpic .p_main{
        padding-top: 0;
        }
.big-left,
.big-right{
        width: 100%;
        }
.bigpic .ff,
.bigpic .ff p{
        color: #000;
        }
.hrbig{
        min-height: initial;
        max-height: none;
        padding: 2% 0;
        width:100%;
        }
.hrbig .hrbox{
        position: relative;
        padding-top: 1%;
        }
.hrbig .title5{
        padding-bottom: 1%;
        }
.hrlist{
        margin: 2% auto;
        }
    /*联系我们*/
.p_main .downloadbox{margin-left:0 !important;    }
    }
@media (max-width:1200px){
    #hd{
        display: none;
        }
.m-hd{
        display: block;
        }
    }
/*平板端*/
@media (min-width:768px)and (max-width:999px){
    #hd{
        display: none;
        }
.m-hd{
        display: block;
        }
.abtwolist .twolist .twolistl,
.abtwolist .twolist .twolistr{
        float: none;
        width: 100%;
        }
.abtwolist .twolist .twolistl img,
.abtwolist .twolist .twolistr img{
        width: 100%;
        }
.abtwolist img{
        height: auto;
        }
.fancybox-next{
        right: 0;
        }
.fancybox-prev{
        left: 0;
        }
    }
@media (max-width:780px){
    #backtop,
.tj_bar,
.resad{
        display: none;
        }
    /*products*/
.pro-picshow .pro-picshow-left .tabcont .list img,
.bigpic img{
        width: 100%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
        width: 100%;
        padding-bottom: 5%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
        margin-right: 4%;
        }
.products1 .fourlist li .ebd img{
        max-width: 100%;
        height: auto;
        max-height: 192px;
        }
.more-choice{
        display: inline-block;
        float: none;
        margin: 0;
        margin-top: 1%;
        }
.group .group-right .more-choice a{
        padding: 0;
        padding: 0 10px;
        }
.group_addmore{
        padding-top: 1%;
        }
    /*案例*/
.icasecont{
        padding: 0;
        }
.mask img{
        padding-top: 15%;
        }
.icase .mask img{
        padding-top: 35%;
        }
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 180px;
        max-height: 180px;
        }
.case-main li:hover .mask{
        top: 0;
        }
.daytime .s_tab_content .list .threeli .year-pic a{
        line-height: 135px;
        width: 100%;
        height: 135px;
        }
.daytime .s_tab_content .list .threeli .year-cont{
        overflow: hidden;
        height: 130px;
        }
.daytime .s_tab_content .list .threeli .year-tt{
        overflow: hidden;
        max-height: 56px;
        }
.terms .tabname{
        margin-left: 10%;
        }
    /*联系我们*/
.mapadd .map,
.mapadd .add{
        float: none;
        width: 100%;
        }
.mapadd .add{
        min-height: initial;
        }
    /*   2016-11-25   */
.service .fourlist li {
        width:49%;
        }
.service .fourlist li:nth-child(even){
        margin-right:0;
        }
.serctu .fourlist li {
        width:49%;
        margin:0;
        }
.serctu .fourlist li:nth-child(odd) {
        margin-right:2%;
        margin-bottom:2%
        }
.sertwolist li img {
        max-height:none;
        width: auto;
        height: 100%;
        }
.serthreelist li .threeliimg, .serthreelist li img {
        height:auto;
        }
.sertwolist li {
        max-height:none;
        margin-bottom:2%;
        }
.serthreelist li img {
        width:100%;
        }
.sertwolist .twolist .twolistl,
.sertwolist .twolist .twolistr {
        width:100%;
        }
.sertwolist .twolist .twolistl img ,
.sertwolist .twolist .twolistr img {
        width:100%;
        }
    }

/*手机*/
@media (max-width:767px){
    #hd,
.iaboutbox .iaboutl .iabouttt,
.iaboutl .iaboutll .vmore,
.iaboutl .iaboutlr .dot,
.iaboutbox .iaboutr img,
.course-list .butn,
    #backtop,
.icase .mask{
        display: none;
        }
.m-hd{
        display: block;
        }
.vedio_kuai .vedio_kuai_play,
.vedio_kuai img,
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden,
.vedio_kuai .vedio_kuai_play p,
.inewspic a,
.abtop .vedio_kuai .vedio_kuai_play,
.abtop .vedio_kuai,
.abtop .vedio_kuai .vedio_kuai_play p,
.tj_content .tj_content_img img,
.newsshow-pnl{
        width: 100%;
        }
    /* .vedio_kuai img,
.vedio_kuai,
.vedio_kuai {
        height: auto;
        } */
.vedio_kuai img,
.vedio_kuai,
.vedio_kuai{
        width: auto;
        max-width: none;
        height: 100%;
        }
.iaboutl .iaboutlr .vedio_kuai img{
        width: 100%;
        }
    /*   index   */
.inewspic a,
.inewspic img,
.icase .icasepic,
.mask{
        height: 160px;
        }
.iabout{
        max-height: none;
        }
.iaboutbox .iaboutl,
.iaboutbox .iaboutr,
.iaboutl .iaboutll,
.iaboutl .iaboutlr,
.tj_content .tj_content_img,
.tj_content .tj_content_cc,
.purl,
.purr{
        float: none;
        width: 100%;
        }
.purch .purl{
        margin-bottom: 2%;
        text-align: center;
        }
.iaboutl .iaboutll{
        margin-top: 0;
        margin-bottom: 2%;
        }
.iaboutl .iaboutll li{
        width: 100%;
        min-height: initial;
        text-align: center;
        }
.iaboutbox .iaboutr{
        width: 100%;
        min-height: initial;
        padding: 0;
        padding-top: 3.2%;
        padding-left: 2%;
        background: none;
        }
    /* .vedio_kuai .vedio_kuai_play p {
        display: block;
        max-height: 538px;
        min-height: 337px;
        background: url(/public/images/play.png) no-repeat 50% 74%;
        } */
    /*关于*/
.course-list,
.course-list li,
.course-list .ovh{
        width: 100%;
        }
.course-list .ovh{
        background: none;
        }
.course-list .ovh ul{
        width: 100%!important;
        }
.course-list li .top{
        padding: 0;
        background: #e8e8e8;
        }
.course-list li{
        position: relative;
        float: none;
        margin-top: 0!important;
        margin-bottom: 2%;
        }
.course-list li:hover .top,
.course-list li.odd:hover .top{
        background: #e60012;
        }
.course-list .main{
        overflow: auto;
        width: 100%;
        min-height: initial;
        max-height: none;
        }
.course-list li.odd .top{
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0;
        background: #e8e8e8;
        }
.course-list li.odd .main{
        padding-top: 55px;
        }
    /*产品*/
.technical-detail{
        overflow-x: scroll;
        }
.technical-detail table{
        font-size: .8rem;
        width: 1000px;
        -webkit-text-size-adjust: 100%;
        }
.technical-detail{
        overflow-x: scroll!important;
        }
    /*案例*/
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 66%;
        }
    /*客户服务*/
    /*学院*/
    /*加入固德威*/
.culact{
        background: url(/public/images/actbg.jpg) repeat top center;
        }
.tj_content .tj_content_img,
.tj_content .tj_content_cc,
.culact .tj_content li,
.resad .tj_bar,
.resad .tj_content li{
        height: auto;
        }
.tj_content .tj_content_img{
        margin-bottom: 2%;
        }
    }
@media (max-width: 640px){
.location{
        display: none;
        }
    }
@media (max-width: 640px){
.pc_hide{
        display: block;
        }
.case-depart a{
        display: block;
        width: 100%;
        padding: 0 2%;
        }
.cmobile,
.mobile_hide{
        display: none;
        }
.case-depart-choice{
        float: none;
        margin-top: 2%;
        }
.case-depart-choice ul{
        position: static;
        text-align: left;
        }
.case-depart-choice .sxtj,
    #cmenu a{
        background: #fff url(/public/images/icon1.png) no-repeat 98%;
        }
.join3list .fourlist li{
        width: 47%;
        margin-bottom: 2%;
        }
    }
@media (max-width: 620px){
.inewspic a,
.inewspic img,
.icasepic img,
.icase .icasepic,
.mask{
        height: 120px;
        }
.inewstab .tabcont .list li{
        min-height: 367px;
        }
.vedio_kuai .vedio_kuai_play p{
        background: url(/public/images/play.png) no-repeat 50% 64%;
        }
    /*关于*/
.abfivelist li{
        padding: 2% 0;
        border: 0;
        border-bottom: 1px dashed #e8e8e8;
        }
    /*产品*/
.pro-picshow .pro-picshow-left,
.pro-picshow .pro-picshow-right,
.abfivelist li,
.groupcontleft,
.groupcontright{
        float: none;
        width: 100% !important;
        padding-left:0 !important;
        }
.pro-picshow .pro-picshow-right{
        padding: 2%;
        /*padding-top: 2%;*/
        }
.groupcontright span a{
        margin: 0;
        margin-right: 2%;
        }
.groupcontright{
        margin-top: 30px;
        margin-bottom: 2%;
        }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
        margin-right: 2%;
        }
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 63%;
        }
.daytime .s_tab_content .list .threeli li{
        width: 48%;
        }
.daytime .s_tab_content .list .threeli li.mn{
        margin-right: 2%;
        }
    /*客户服务*/
.groupcont ul li{
        padding: 0;
        padding-top: 4%;
        padding-bottom: 4%;
        }
    /*联系我们*/
.infor{
        border: 0;
        }
.infor li{
        float: none;
        width: 100%;
        border-bottom: 1px dashed #f2f2f2;
        }
.twolist .twolistl,
.twolist .twolistr{
        float: none;
        width: 100%;
        padding: 2%;
        }
.online .more1{
        display: inline-block;
        float: none;
        margin-bottom: 2%;
        }
    }
@media (max-width: 550px){
    /* .vedio_kuai .vedio_kuai_play p {
        background: url(/public/images/play.png) no-repeat 50% 46%;
        } */
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 58%;
        }
    }
@media (max-width: 521px){
    /*新闻*/
.daytime .s_tab_name .daytime_ul{
        width: 56%;
        }
    }

/*手机480*/
@media (max-width: 479px){
    #hd,
.n_baner .num{
        display: none;
        }
.m-hd{
        display: block;
        }
.inewspic a,
.inewspic img,
.icasepic img,
.icase .icasepic{
        height: auto;
        margin-bottom: 2%;
        }
.inewstab .tabname,
.terms .tabname{
        padding-bottom: 2%;
        }
.inewstab .tabname ul{
        margin: 0;
        }
.inewstab .tabname li,
.terms .tabname li{
        float: none;
        margin-bottom: 2%;
        }
.inewstab .tabcont .list li{
        width: 100%;
        min-height: 367px;
        margin-bottom: 2%;
        }
.inewstab .inewspic,
.inewstab .inewspic img,
.icase .icasepic img,
.mask{
        width: 100%;
        min-width: initial;
        max-width: none;
        height: auto;
        }
.icase .icasepic,
.icase .icasepic img,
.mask{
        height: 223px;
        min-height: 223px;
        max-height: 223px;
        }
.icasebox .mask{
        min-height: inherit;
        max-height: none;
        }
.icase .mask img{
        padding-top: 22%;
        }
.inewspic a{
        height: auto;
        }
.threeli li,
.twoli li,
.pthreeli li,
.threeli li,
.twolist li,
.twolist .twolistl,
.twolist .twolistr,
.fivelist li,
.fourlist li,
.products1 .fourlist li,
.ser1top .ser1tr,
.ser1top .ser1tl,
.ser-searchbox .serboxl,
.ser-searchbox .serboxr,
.group_addmore,
.sub_nav li a,
.case-main .threeli li,
.daytime .s_tab_content .list .threeli li{
        float: none;
        width: 100% !important;
        }
.main_box,
.main_box_1{
        height: initial;
        }
.sub_nav li{
        border-bottom: 1px dashed #e8e8e8;
        /* background:#ffffff; */
        }
.sub_nav li a{
        line-height: 36px;
        display: block;
        text-align: center;
        }
    /*about*/
.abtwolist img{
        height: auto;
        }
    /*case*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 320px;
        max-height: 320px;
        }
.case-main .icasebox .mask{
        height: 97%;
        }
    /*pro*/
.proshow-local{
        margin-top: 40px;
        }
.certification li img{
        margin-right: 4%;
        }
.certification li .cer-down{
        padding: 0 5%;
        }
    /*新闻*/
.daytime .s_tab_name .year-sx,
.big-left,
.big-right{
        width: 100%;
        }
.daytime .s_tab_content .list .threeli .year-pic a{
        line-height: 189px;
        width: 100%;
        height: 189px;
        }
    /*客户服务*/
.service1{
        background: none;
        }
.ser-searchbox .serboxr .more1{
        margin-top: 2%;
        text-align: center;
        }
.ser-searchbox .serboxr .more1 input{
        width: 100%;
        }
.terms .tabname{
        margin: 0;
        padding-top: 5%;
        }
    /*客户服务*/
.ser11 li img,
.ser1pic{
        width: 100%;
        max-height: none;
        }
    /*学院*/
.college .parg{
        text-align: center;
        }
.college .parg{
        text-align: left;
        }
.college p img{
        float: none;
        margin: 0;
        }
    /*加入固德威*/
.join2 .picscroll span.pre{
        margin-left: 40%;
        }
.join3list .fourlist li{
        width: 100%;
        }
.big-right{
        margin-left: 0;
        }
.hrbig{
        padding: 5% 0;
        }
    /*联系我们*/
.ft2 .ewm{
        float: none;
        margin: 0;
        margin-bottom: 2%;
        text-align: center;
        }
    /*2016-11-25*/
.sers .fourlist li {
        width:100%;
        margin-bottom:2%;
        }
.serctu .fourlist li {
        width:100%;
        margin-bottom:2%;
        }
.sertwolist li {
        max-height:none;
        margin-bottom:2%;
        }
.serthreelist li img {
        width:100%;
        }
    }
@media (max-width: 320px){
.groupcontright span{
        display: block;
        margin: 10% 0;
        }
    /*case*/
.case-main .icasepic,
.case-main .icasepic img{
        min-height: 220px;
        max-height: 220px;
        }
.case-main .icasebox .mask{
        height: 96%;
        }
.certification li img{
        margin-right: 4%;
        }
.certification li .cer-down{
        float: none;
        padding: 0 5%;
        border: none;
        }
.certification li .cer-down .icon-download2{
        width: 120px;
        background-position: right top;
        }

.overlay{
    position: fixed;
    z-index: 8888;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: #000;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    }
.video-box{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 640px;
    height: 360px;
    margin: auto;
    }
.video-box video{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 640px;
    height: 360px;
    margin: auto;
    }

/*zero1-7*/
.bigpics{ background: url('/uploads/image/bigpics_bj.jpg') no-repeat center center;width:100%;height:450px    }
.bigpics_nr{width:1000px; margin:auto    }
.bigpics .left,.bigpics .right{width:50%;float:left;padding-top:80px    }
.bigpics .right h3{ font-size:30px; font-weight:bold;color:#333;padding:50px 0 15px 0;    }
.bigpics .right p{color:#666; line-height:28px;font-size:14px;text-indent: 2em;    }
o-repeat left top;  *width: 45%;      }
.iaboutbox .iaboutr .title2{
    padding-bottom: 25px;
    }
.iaboutbox .iaboutr img{
    position: absolute;
    top: 10%;
    right: 0;
    }
.iaboutbox .iaboutr p{
    color: #666;
    }
.vedio_kuai{
    position: relative;
    overflow: hidden;
    /* width: 360px; */
    width: 100%;
    height: 263px;
    cursor: pointer;
    }
.vedio_kuai:hover .vedio_kuai_play{
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    opacity: 1;
    background: rgba(0, 0, 0, .2);
    filter: alpha(opacity=100);
    -mos-background: rgba(0, 0, 0, .2);
    -ms-background: rgba(0, 0, 0, .2);
    -o-background: rgba(0, 0, 0, .2);
    -webkit-background: rgba(0, 0, 0, .2);
    -mos-transition: all .25s linear;
    }
.vedio_kuai .vedio_kuai_play{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 360px;
    height: 263px;
    opacity: 1;
    filter: alpha(opacity=100);
    }
.vedio_kuai .vedio_kuai_play p{
    position: absolute;
    z-index: 5;
    width: 360px;
    height: 263px;
    background: url(/public/images/play.png) center no-repeat;
    }
.vedio_kuai:hover .vedio_kuai_play p{
    background: url(/public/images/play2.png) center no-repeat;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_playon{
    position: absolute;
    z-index: 10;
    bottom: 107px;
    }
.vedio_kuai .vedio_kuai_play .vedio_kuai_hidden{
    position: absolute;
    bottom: 0;
    display: block;
    width: 360px;
    height: 263px;
    }
#main1{
    padding: 40px 0;
    background: #f1f1f1;
    }
#main2{
    background: #f1f1f1;
    }
.inboxshadow{
    -webkit-box-shadow: 0 5px 5px #e6e6e6 inset;
    -moz-box-shadow: 0 5px 5px #e6e6e6 inset;
    box-shadow: 0 5px 5px #e6e6e6 inset;
    -ms-box-shadow: 0 5px 5px #e6e6e6 inset;
    -o-box-shadow: 0 5px 5px #e6e6e6 inset;
    }
.n_bar{
    position: relative;
    font-size:0;
    }
.n_bar .wp{
    position: absolute;
    right: 0;
    left: 0;
    *left: 24%;
    }
.n_bar .title2{
    font-weight: bold;
    margin-top: 9%;
    }
.n_bar span{
    display: block;
    width: 60px;
    height: 3px;
    margin-top: 2%;
    background-color: #e60012;
    }
.main_box{
    width: 100%;
    height: 77px;
    padding: 0;
    }
.main_box_1{
    height: 77px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    }
.com_pub{
    display: block;
    }
.com_pub_box{
    width: 1000px;
    margin: 0 auto;
    }
.sub_nav li a{
    font-size: 14px;
    line-height: 77px;
    float: left;
    padding: 0 10px;
    }
.sub_nav li a:hover,
.sub_nav li a.on{
    color: #fff;
    background: url(/public/images/botline2.jpg);
    }
.com_pub_box .vmore,
.com_pub_box .location{
    line-height: 77px;
    }

.com_pub_box .vmore img{
    display:none;
    }
#backtop a,
.com_pub_box .vmore a{
    padding: 12px 20px;
    color: #777;
    border: 1px solid #e5e5e5;
    background:#fff url(/public/images/backtop.png) 75px center no-repeat;
    }
#backtop a img,
.com_pub_box .vmore a img{
    vertical-align: sub;
    }
#backtop a:hover,
.com_pub_box .vmore a:hover{
    border: 1px solid #e60012;
    }
.inr-title{
    line-height: 60px;
    padding-bottom: 30px;
    }
.inr-title .title3{
    float: left;
    }
.location{
    float: right;
    padding-left: 18px;
    background: url(/public/images/home.png) no-repeat left center;
    }

/* about */
.abtop li{
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    border-radius: 0 0 25px 0;
    -o-border-radius: 0 0 25px 0;
    -ms-border-radius: 0 0 25px 0;
    }
.abtop .title2{
    padding-bottom: 2%;
    }
.abtop .parg p{
    color: #ffc0c5;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_play p{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai .vedio_kuai_hidden{
    width: 500px;
    height: 280px;
    }
.abtop .vedio_kuai{
    width: 500px;
    height: 280px;
    }
.abtop .abtopr{
    padding: 45px 35px;
    }
.abparg{
    text-align: center;
    }
.abparg .twoli{
    font-size: 14px;
    line-height: 28px;
    color: #333;
    }
.abparg .twoli li{
    padding-top: 40px;
    padding-bottom: 60px;
    }
.abparg .twoli span{
    font-family: Arial;
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    }
.abtwolist li{
    margin-bottom: 30px;
    background: #f6f6f6;
    }
.abtwolist li{
    overflow: hidden;
    min-height: 312px;
    max-height: 400px;
    margin-bottom: 30px;
    background: #f6f6f6;
    }

/* culture */

.abcul .twolistr ul li{
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px dashed #cbcbcb;
    }
.abcul .twolistr ul li:hover{
    cursor: pointer;
    }
.abcul .twolistr ul .on .title6{
    font-weight: bold;
    }

/* responsibility */
.abfivelist{
    padding-bottom: 40px;
    }
.abfivelist li{
    padding: 0 25px;
    border-left: 1px dashed #ccc;
    }
.abfivelist .title7{
    padding-bottom: 10px;
    }
.abfivelist p{
    line-height: 21px;
    color: #999;
    }
.resad{
    background: url(/public/images/res_bg.png) no-repeat top center;
    }
.resad .tj_bar,
.resad .tj_content li{
    height: 300px;
    }

.resad .tj_num a{
    width: 15px;
    height: 7px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #bbb;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    }
.resad .tj_num a.on{
    width: 25px;
    background: #e60012;
    }
.resad .tj_content .tj_content_cc{
    margin: 0;
    }
.resad .tj_content .tj_content_cc a{
    width: 100%;
    }
.resad .tj_content .tj_content_cc a p{
    color: #666;
    }
.resad .tj_content .tj_content_cc .name{
    font-size: 24px;
    line-height: 48px;
    }

/* products */
.productsbar .n_baner .num{
    background: none;
    }
.productsbar .n_baner .num a{
    opacity: .5;
    border: 1px solid #000;
    background: #fff;
    filter: alpha(opacity=50);
    }
.productsbar .n_baner .num .on{
    opacity: 1;
    border: 1px solid #000;
    filter: alpha(opacity=100);
    }
.products .fourlist li{
    cursor: pointer;
    border: 1px solid #e4e4e4;
    }
.products .tabname{
    border: none;
	background: #FAFAFA;
	margin:  0 0 30px 0;
	/* border: none; 2019-02-11 
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 5px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;  */
    }

/*2019-02-11*/
.fourlist li {
    float: left;
    width: 23%;
    margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
}

.products .tabname li{
    font-size: 14px;
    line-height: 60px;
    color: #999;
	border: 1px solid #dbdbdb;     /* border: none; 2019-02-11*/
	margin-top: 8px;
	margin-bottom: 8px;
    margin-right: 0.5%;
	margin-left: 0.5%;
    }
.products .tabname .on,
.products .tabname li:hover{
    font-size: 16px;
    color: #333;
    background: #EDBB19;
   /* background: #e4e4e4; 2019-02-11*/
    }
.products .tabcont li{
    overflow: hidden;
    padding: 25px 20px;
    }
.products .tabcont li a{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #3f3a39;
	text-align: center;
    }
.products .tabcont li p{
    line-height: 18px;
    min-height: 60px;
    word-wrap: break-word;
    color: #999;
    }
.products .fivelist li{
    cursor: pointer;
    }
.products1 .fourlist li{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    border: 1px solid #fff;
    }
.products1 .fourlist li .ebd{
    padding: 2%;
    border: 5px solid #fff;
    }
.products1 .fourlist li .ebd img{
    max-width: 195px;
    border-bottom: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover{
    border: 1px solid #e5e5e5;
    }
.products1 .fourlist li:hover .ebd{
    border: 5px solid #f6f6f6;
    }
.products1 .fourlist li a{
    color: #777;
    }


/*productshow*/
.proshow-local{
    padding: 40px 0;
    border-bottom: 1px solid #e0e0e0;
    }
.proshow-local .location{
    float: left;
    }
.proshow-local .more1{
    float: right;
    }
.proshow-local .more1 a{
    padding: 6px 8px;
    }
.proshowbox .main_box_1{
    border-top: 1px solid #e5e5e5;
    }

/*picshow*/

.pro-picshow .pro-picshow-left{
    position: relative;
    float: left;
    width: 50%;
    }
.picscroll{
    overflow: hidden;
    }
.picscroll ul{
    width: 9999999px;
    margin-top: 20px;
    }
.picscroll li{
    margin-right: 20px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    }
.picscroll li:hover{
    border: 1px solid #e60012;
    }
.picscroll span{
    position: absolute;
    top: 35%;
    display: block;
    width: 44px;
    height: 46px;
    cursor: pointer;
    }
.picscroll span:hover{
    opacity: .8;
    filter: alpha(opacity=80);
    }
.picscroll span.pre{
    left: 0;
    background: url(/public/images/ps-l.jpg) no-repeat center;
    }
.picscroll span.next{
    right: 0;
    background: url(/public/images/ps-r.jpg) no-repeat center;
    }

.pro-picshow .pro-picshow-left .tabcont .list{
    line-height: 347px;
    width: 500px;
    height: 350px;
    text-align: center;
    border: 1px solid #e9e9e9;
    }
.pro-picshow .pro-picshow-left .tabcont .list img{
    max-width: 497px;
    max-height: 347px;
    vertical-align: middle;
    }
.pro-picshow .pro-picshow-right{
    float: right;
    width: 50%;
    padding-left: 40px;
    *width:45%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-title{
    font-size: 26px;
    line-height: 40px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-type{
    font-size: 20px;
    line-height: 40px;
    color: #666;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont{
    margin: 20px 0;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-cont p{
    line-height: 24px;
    color: #999;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function{
    padding: 28px 0px 12px 40px;
    border: 1px solid #e9e9e9;
    background: #f6f6f6;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function a{
    font-size: 18px;
    line-height: 24px;
    color: #3f3a39;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function span{
    /* display:block; */
    float: left;
    width: 26px;
    height: 26px;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li{
    width: 50%;
    margin-bottom: 2%;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-cust{
    background: url(/public/images/icon-cust.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-download{
    background: url(/public/images/icon-download.png) no-repeat left bottom;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li .icon-lianjie{
    background: url(/public/images/icon-lianjie.png) no-repeat left top;
    }
.pro-picshow .pro-picshow-right .pro-picshow-right-function .twolist li:hover .icon-lianjie{
    background: url(/public/images/icon-lianjie.png) no-repeat left bottom;
    }
span.f2{
    display: block;
    height: 1px;
    margin-top: 3px;
    }
.featuresbox .threeli li{
    /*font-size: 16px;*/
    font-size: 14px;
    margin-bottom: 20px;
    padding: 17px 29px;
    *padding: 17px 0;
    color: #777;
    border: 1px solid #e9e9e9;
    background: #f6f6f6 url(/public/images/icon-type1.png) no-repeat left center;
    }
.technical-name{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px;
    padding: 12px 16px;
    color: #fff;
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% 15px;
    }
.technicalbox .add .technical-name{
    background: #4c4746 url(/public/images/r-p.png) no-repeat 98% -23px;
    }

/*download下载*/
.p_main .technicalbox .download{background:url(/public/images/download.png) no-repeat left;font-size:18px;padding: 12px 0 10px 36px;     }
.p_main .downloadbox{width:106px;height:40px;border:1px solid #e5e5e5;margin-left: 894px;text-align: center;line-height: 40px;margin-bottom: 10px;    }

.technical-detail{
    display: none;
    /* border: 1px solid #efefef; */
    margin-bottom: 6px;
    }
.technical-detail table{
    line-height: 35px;
    width: 100%;
    color: #777;
    }
.technical-detail thead{
    background: #e60012;
    }
.technical-detail thead th{
    font-size: 14px;
    text-align: center;
    color: #fff;
    }
.technical-detail tr,
.technical-detail td,
.technical-detail thead th{
    border: 1px solid #efefef;
    }

/*program*/
.programbox .threeli li{
    overflow: hidden;
    width: 33.33%;
    height: 224px;
    margin: 0;
    }
.programbox .icasepic img{
    width: 333px;
    height: 233px;
    }
.programbox .mask,
.case-main li:hover .mask{
    /*width: 300px;*/
    /* height: 224px; */
    margin: 5px;
    background: url(/public/images/mask_bj2.png);
    }
.programbox li:hover .mask,
.case-main li:hover .mask{
    top: 0;
    display: block;
    }
.programbox .icasecont a{
    font-size: 18px;
    color: #777;
    }
.programbox .icasecont p{
    font-size: 14px;
    color: #999;
    }
.programbox .more1{
    margin-top: 35px;
    }
.programbox .more1 a{
    padding: 10px 51px;
    }

/*certification*/
.certification{
    margin-bottom: 20px;
    }
.certification li{
    line-height: 60px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #f2f2f2;
    }
.certification li a{
    color: #777;
    }
.certification li img{
    float: left;
    margin-right: 30px;
    }
.certification li .cer-down{
    float: right;
    padding: 0 30px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    }
.certification li .cer-down .icon-download2{
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 21px;
    margin-right: 5px;
    background: url(/public/images/icon-download2.png) no-repeat left top;
    }
.certification li .cer-down a:hover .icon-download2{
    background: url(/public/images/icon-download2.png) no-repeat left bottom;
    }
.certification .loadingmore{
    margin-top: 20px;
    }

/* case */
.fancybox-inner{
    border: 5px solid #fff;
    }
.fancybox-close{
    width: 60px;
    height: 60px;
    /* top: -70px;
    right: -60%; */
    background: url(/public/images/x-btn.png) no-repeat left top;
    }
.fancybox-nav span{
    visibility: visible !important;
    width: 44px !important;
    height: 44px !important;
    background: none !important;
    }
.fancybox-prev span{
    background: url(/public/images/ar_l2.png) no-repeat left top !important;
    }
.fancybox-next span{
    background: url(/public/images/ar_r2.png) no-repeat left top !important;
    }
.case-depart a{
    font-size: 14px;
    line-height: 38px;
    margin-right: 6px;
    padding: 8px 28px;
    color: #777;
    border: 1px solid #e5e5e5;
    background: #fff;
    }
.case-depart a:hover,
.case-depart a.on{
    color: #e60012;
    border: 1px solid #e60012;
    }
.case-depart-choice{
    float: right;
    }
/*2018-3-22*/
.newsshow-cont p.p_img{
    text-indent: 0;
    }
/*2018-5-21*/
#hd .wp{
    max-width: 1163px;
    }
#hd{
    background: #fff
    }
.isearch{
    width: 125px
    }
#nav{
    width: 760px;
    float: right
    }
.head_txt{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    float: left;
    color: #999;
    margin-top: 22px;
    line-height: 1.8;
    }
/*2018-12-18nick修改*/
.threeli2 li{
    width: 45%;
    float: right;
    margin-right: 3.5%;
    }

.daytime .s_tab_content .list .threeli .year-pic img {
    width: auto;
    width: 270px;
    height: 189px;
    vertical-align: middle;
    }

.ab_fivelist li{
    float: left;
    width: 20%;
   /* 2019-02-14 */
    }


.n_drop[data-name="2"] .ilist li {
    float: left;
    width: 35%;
}

/**
**/