body,a,input,td,textarea{ font-family:'Microsoft YaHei'; font-size:12px; color:#666666; }
a:hover{color:#2281b7}
body{ background:#fff}
/**header css**/
#box_main{ min-width:320px; max-width:640px; min-height:435px; overflow:hidden; margin:0 auto; _zoom:1; position:relative; padding-bottom:45px;}
.search_con{ position:fixed; left:0px; top:0px; z-index:333333; width:100%; height:100%; background:url(../images/shade.png) repeat; display:none}
.search_con .list{ padding-top:46px; background:#003a6c;}
.search_con .list a{ display:inline-block; float:left; padding:0 5px; height:32px; line-height:32px; font-size:14px; color:#fff;}
.search_con .list a.on{ background:#005dae;}
.search_form{ width:90%; overflow:hidden; margin:0 auto; padding-top:8px;}
.search_form input{ float:left}
.search_form input[type=text]{ height:16px; line-height:16px; padding:8px 0 8px 5px; border:1px solid #ccc;box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset; width:75%}
.search_form input[type=submit]{ height:34px; border:1px solid #ccc; line-height:34px; width:20%; text-align:center; color:#fff; font-size:14px; background:#004178}
#box_header{}
#box_header .top{ height:46px;line-height: 46px; position:relative; background:#fff; z-index:444444}
#box_header .top img{ max-width:160px; max-height:46px;vertical-align: middle}
#box_header .top .tool{ position:absolute; height:46px; top:0px; right:0px; z-index:999;}
#box_header .top .tool span{ background-image:url(../images/common.png); float:left; background-size:400px; width:38px; height:46px; display:block;}
#box_header .top .tool span a{ display:block; height:46px; text-indent:-9999px;}
#box_header .top .tool .search{ background-position:-100px 0px;}
#box_header .top .tool .down{ background-position:-176px 0px;}

#box_header .top .tab{position: absolute; right: 12px; top: 0px;}
#box_header .top .tab a{display: inline-block; margin: 0 0 0 5px;}


#box_header .nav{ background:#064cb5; height:36px; position:relative}
#box_header .nav .show_nav li{ float:left; width:70px; height:36px; }
#box_header .nav .show_nav li:first-child{border:none;}
#box_header .nav .show_nav li.first{ border:none}
#box_header .nav .show_nav li a{ display:block; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff;}
#box_header .nav .show_nav li a.on{ background:#004178}
#box_header .hide_Nav{ position:absolute; z-index:9999; right:0px; top:0px;}
#box_header .nav_btn{ display:block; background:url(../images/nav_btn.jpg) no-repeat; width:38px; height:36px; cursor:pointer; float:right; cursor:pointer}
#box_header .hide_Nav .hide_nav{ display:none}
#box_header .hide_Nav .hide_nav li{ height:35px; background:#064cb5; width:110px;}
#box_header .hide_Nav .hide_nav li a{ display:block; height:35px; line-height:35px; font-size:14px; color:#fff; padding-left:10px;}
#slide{ overflow:hidden; position:relative}
#slide img{ width:100%}
#slide a{ display:block; position:absolute; width:24px; height:40px; background:#878787; top:50%; margin-top:-20px; z-index:999; line-height:40px; text-align:center; font-size:24px; color:#fff;}
.pagination{
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index:9999
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #000;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
#slide .arrow-left{ left:0; background: url(../images/slide-arrow.png) left center no-repeat #878787;}
#slide .arrow-right{ right:0; background: url(../images/slide-arrow.png) right center no-repeat #878787;}
.device{position: relative;}
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}






#footer{ height:42px; position:fixed; left:0px; bottom:0px; background:#064cb5; z-index:555555; width:100%}
#footer a{ display:block; width:20%; float:left; height:42px; background:url(../images/line.png) no-repeat right bottom; text-align:center; line-height:20px; color:#fff;}
#footer a.message{ background:none;}
#footer a span{ display:block; width:30px; height:20px; background-size:400px; background-image:url(../images/common.png); margin:4px auto 0;}
#footer .phone span{ background-position:-90px -110px}
#footer .email span{ background-position:0px -110px}
#footer .map span{ background-position:-120px -110px}
#footer .share span{ background-position:-60px -110px}
#footer .more span{ background-position:-150px -110px}

#footer .message span{ background-position:-30px -110px}
#footer .home span{background-position:-180px -110px}

#footer a em{}
#footer .footer_more{ position:fixed; width:110px; right:10px; bottom:48px; background:#015AA7;border-radius:10px; box-shadow:#333 0 0 20px 2px ; display:none}
#footer .footer_more a{ width:100% !important; height:40px; line-height:40px; text-indent:12px; text-align:left; border-bottom:1px solid #347BB9; background:none !important}
#footer .footer_more .member{ border:none}
#footer .footer_more a span{ float:left; margin:12px 0 0 5px}
#footer .footer_more .message span{ background-position:-30px -110px}
#footer .footer_more .cart span{ background-position:-212px -110px}
#footer .footer_more .member span{ background-position:-240px -110px}

#main{ background:#fff;}
#main h3{ background:#0066ff; height:34px; line-height:34px; padding-left:12px; font-size:14px; color:#fff;}


#main .tit{border-left: 8px solid #b10400; height: 20px; line-height: 20px; position: relative; margin-top: 20px;}
#main .tit span{position: absolute; display: inline-block; left: 1px; border-left: 4px solid #b10400; padding-left: 4px; color: #000; font-size: 16px;}
#main .tit .more{position: absolute; display: inline-block; right: 12px; color: #000; font-family: "瀹嬩綋"; font-size: 16px; font-weight: bold;}


.index_service .text{ line-height:24px; padding:5px 12px;}

.index_products .list{ padding:2% 0; margin: 15px 1% 0; border: 1px solid #cacaca;  overflow: hidden;}
.index_products .list ul{width:33%; overflow:hidden; float: left;}
.index_products .list a{ display:block; width: 98%; padding-left: 2%; position:relative; margin-bottom: 10px;}
.index_products .list a img{ width:100%; margin-bottom: 1px;}
.index_products .list a h4{ font-size:14px; height:30px; line-height:30px; width: 100%; display: block; background: #064cb5; color: #fff; text-align: center;}


.index_news .list{margin: 15px 0;}

.index_news .list a{display: block; padding: 0 12px; line-height: 36px; border-bottom: 1px solid #eaeaea; position: relative; text-indent: 15px;}
.index_news .list a .icon{display: block; width: 5px; height: 5px; border-radius: 50%; background: #064cb5; position: absolute; top: 15px; left: 12px;}
.index_news .list a .time{display: inline-block; position: absolute; right: 20px;}

.index_news .list a.first{text-indent: 0;}
.index_news .list a.first img{width: 100%;}
.index_news .list a.first .list-tit{color: #000; font-weight: bold; display: block; height: 24px; overflow: hidden; padding: 5px 0;}
.index_news .list a.first .memo{color: #707070; display: block; height: 66px; line-height: 22px; overflow: hidden; margin: 5px 0;}


.copyright{ background:#c8c8c8; text-align:center; color:#333; padding:10px 0; line-height:24px;}
.sub_main h3{ position:relative; background:#c7dbe9; border-bottom:1px solid #b2bdc2; text-align:left;}
.sub_main h3 span{ color:#fff; font-size:14px; position:absolute; left:10px;}
.sub_main .classTWO span{ color:#fff; font-size:14px; position:relative; left:10px;}
.sub_main h3>span>a{ display:inline-block; line-height:35px; height:22px; text-align:center;  color:#ccc; border-radius:4px; top:6px; cursor:pointer}
.sub_main h3>a{ display:block; position:absolute; border:1px solid #b3bec3; height:22px; width:40px; text-align:center; line-height:22px; color:#ccc; border-radius:4px; top:6px; cursor:pointer}
.sub_main h3 .font{ right:50px;}
.sub_main h3 .more{ right:4px;}
.font_select{ position:absolute; width:40px; top:34px; right:50px; background:#fff; border:1px solid #ccc; border-radius:4px; overflow:hidden; display:none; box-shadow:#333 0 0 20px 2px; z-index:888}
.font_select li{ display:block; height:30px; width:40px; line-height:30px; text-align:center; color:#333; cursor:pointer}
.font_select .li1{ font-size:12px;}
.font_select .li2{ font-size:13px;}
.font_select .li3{ font-size:14px;}
.sub_main .text{ padding:8px 10px; line-height:24px;}
.sub_main .text img{ max-width:100%;}
.font_change1{ font-size:12px !important;}
.font_change1 a{ font-size:12px !important;}
.font_change2{ font-size:13px !important;}
.font_change2 a{ font-size:13px !important;}
.font_change3{ font-size:14px !important;}
.font_change3 a{ font-size:14px !important;}
#moreCon{ position:fixed; width:0; height:100%; right:0px; top:0px; z-index:888888;}
#moreCon .left{ width:10%; background:#000; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50); position:absolute; left:0px; top:0px; height:100%;}
#moreCon .left a{ width:16px;height:30px; display:block; background:url(../images/common.png) no-repeat 0 -190px; overflow: hidden; background-size:400px; text-indent:-999px; margin:30px auto 0;}
#moreCon .right{ position:absolute; height:100%; right:0px; top:0px; width:90%; background:#064cb5;}
.rightCon{ border-left:4px solid #C8DAE9; height:100%; overflow:hidden}
.rightCon .title{ height:30px; line-height:30px; font-size:14px; color:#fff; background:#064cb5; margin-top:10px; padding-left:12px;}
.rightCon .content{ line-height:24px; padding:8px 12px; color:#fff;}
.join_list a{ display:block; height:36px; line-height:36px; border:1px solid #16588f; background:#064cb5; font-size:16px; text-indent:8px; color:#fff; width:30%; margin-left:2%; margin-top:4px; float:left;}
.join_more{ margin-top:10px; overflow:hidden; border-bottom:1px solid #3172AA}
.join_more a{ display:block; height:36px; line-height:36px; border-top:1px solid #3172AA; color:#fff; font-size:14px; padding-left:12px; position:relative}
.join_more a span{ position:absolute; right:5px; top:0px; height:36px; line-height:36px; display:block; border-left:1px solid #3172AA; width:36px; text-align:center; font-size:14px;}
.join_more a.on{ background:#004079}
.join_more a:hover{ background:#004079}




.case_list{ overflow:hidden}
.case_list a{ overflow:hidden; width:30%; text-align:center; display:inline-block; margin:10px 1%;}
.case_list a img{ width:100%;}

.case_list a h4{ font-size:14px; height:24px; line-height:24px;}
.case_list a .memo{ line-height:20px;}
.case_show{ background:#fff;}
.case_show h3{ position:relative; height:44px; line-height:44px; text-align:center; font-size:14px; color:#fff;border-bottom:1px solid #2e6491; background:#064cb5}
.case_show h3 .back{ position:absolute; left:12px; color:#fff;}
.case_show h3 .font{ right:10px;display:block; position:absolute; border:1px solid #b3bec3; height:22px; width:40px; text-align:center; line-height:22px; color:#ccc; border-radius:4px; top:12px; cursor:pointer}
.case_show h4{ height:29px; line-height:29px; background:#c7dbe9; border-bottom:1px solid #b2bdc2; padding-left:12px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#caseCon{text-align:center; margin:10px 0; line-height:24px; padding:10px;}
#caseCon img{ width:90%;}
#caseCon p{ text-align:left}
.case_show h5{ height:30px; line-height:30px; font-size:14px; color:#fff; padding-left:12px;background:#004c8d}
.case_time{ padding:5px 10px 12px; line-height:24px;}
.case_time input{ width:45%; height:30px; border:none; border-radius:6px; height:32px; line-height:32px; font-size:14px;}
.case_time input[type=submit]{ background:red; color:#fff;}
.case_time input[type=button]{ background:#ccc; color:#333;}
.case_memo{ padding:8px 10px; line-height:24px;}
.case_memo img{width: 90%}

.news_list{}
.news_list a{ display:block; padding:10px 0; position:relative; line-height:24px;}
.news_list p{ line-height:24px; font-size:14px; padding-right:30px;}
.news_list a .ico{ position:absolute; display:block; background:url(../images/pro_ico.jpg) no-repeat; width:7px; height:12px; top:50%; margin-top:-6px; right:10px;}
.key{ text-align:left}
.key a{ display:inline-block; background:#004B8D; height:24px; line-height:24px; padding:0 10px; color:#fff;}
.key span{ display:inline-block; padding:0 10px;}
.pager a{ display:block; background:#C8DAE9; width:49%; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.pager .prev{ float:left; text-align:right}
.pager .next{ float:right; text-align:left}
.pro_list{ overflow:hidden}
.pro_list a{ display:block; float:left; width:33%; text-align:center;}
.pro_list a img{ width:95%;}
.pro_list a p{ height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.message_title{ height:34px; margin-top:1px;}
.message_title a{ display:block; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; width:50%; display:block; float:left; background:#064cb5}
.message_title a.on{ background:#0066ff;}

.message_title1{ height:34px; margin-top:1px;}
.message_title1 a{ display:block; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; width:50%; display:block; float:left; background:#064cb5}
.message_title1 a.on{ background:#0066ff;}

.message_tab{ display:none}
.message_con{ padding:0 6px;}
.message_do{ padding:10px;}
.message_do textarea{ width:100%;background:#f6f6f6; border:1px solid #cacaca; line-height:24px; height:128px; margin-bottom:8px; color:#000}
.message_do input[type=text]{ height:32px; line-height:32px; background:#f6f6f6; border:1px solid #cacaca; width:100%; margin-bottom:10px;color:#000}
.message_do input.special{ width:40%;}
.message_do input[type=submit]{ background:#064cb5; height:32px; line-height:32px; width:86px; text-align:center; color:#fff; font-size:14px; border:none;}
.message_list{ padding:10px 0;}
.message_list li{ padding:5px 0; line-height:20px;}
.message_list li .name{ color:red; font-size:13px;}
.reg{ padding:0 10px;}
.reg_con{ background:#f5f5f5; width:100%; margin:20px auto 0; border:1px solid #c9c9c9; border-radius:8px;}
.reg_con li{ height:36px; overflow:hidden; border-bottom:1px solid #c9c9c9;}
.reg_con li.last{ border:none;}
.reg_con li label{ display:inline-block; width:30%; line-height:36px; text-align:right; color:#000; font-size:14px;}
.reg_con li input{ height:18px; line-height:18px; border:none; width:60%; background:none; margin-top:6px}
.reg_con li input.on{ background:#fff; border:2px solid #015DAE; border-radius:4px;}
.reg .radio{ margin-top:10px;}
.reg a{ color:red; text-decoration:underline}
.reg .submit{ width:95%; height:36px; line-height:36px; color:#000; background:url(../images/reg_bg.jpg) repeat-x; border:none; cursor:pointer; border-radius:6px; margin-top:15px; font-size:14px;}
.login_btn{ margin-top:15px; text-align:center}
.login_btn input{height:36px; line-height:36px; color:#000;border:none; cursor:pointer; border-radius:6px; width:49.5%; font-size:14px;}
.login_btn .button{ background:url(../images/reg_bg.jpg) repeat-x; float:left}
.login_btn .login{ background:#015DAE; color:#fff; float:right}
.reg .special{ height:30px; line-height:30px; padding:10px}

.success{ position:fixed; width:90%; height:40px; color:#fff; line-height:40px; text-align:center; top:50%; margin-top:-20px; margin-left:5%;}
.success span{ position:absolute; background:#000; opacity:0.5; -moz-opacity:0.5; filter:Alpha(opacity=50);box-shadow:#333 0 0 20px 2px; display:block; z-index:-1; left:0px; top:0px; width:100%; height:100%; border-radius:8px;}
.success em{ font-size:14px;}

/***searchShow css***/
.searchShow{ overflow:scroll; background:#fff; padding-top:10px; display:none}
.searchShow .proshow a{ display: inline-block;  width:33%; text-align:center;}
.searchShow .proshow a img{ width:95%;}
.searchShow .proshow a p{ height:30px; line-height:30px}
.searchShow .newsshow a{ display: block; line-height: 24px;height: 24px; width: 90%; margin: 0 auto;overflow: hidden;}


/********emial css*********/
#email .title{ height:30px; line-height:30px; width:90%; margin:10px auto 0;}
.email_form{ width:90%; margin:0 auto;}
.email_form .left{ width:65%; float:left;}
.email_form .left input{ width:100%; border:1px solid #cacaca; height:30px; line-height:30px; background:#f6f6f6; margin-top:10px;}
.email_form .right{ width:30%; float:right;}
.email_form .right input{ width:100%; height:74px; line-height:74px; text-align:center; background:#005eae; border:none; color:#fff; font-size:14px; margin-top:10px;}
.email_form textarea{ width:100%; border:1px solid #cacaca; height:128px; background:#f6f6f6; margin-top:10px;}
.email_form .code{ margin-top:10px;}
.email_form .code input{width:55%; border:1px solid #cacaca; height:30px; line-height:30px; background:#f6f6f6;}
.email_form .code img{ width:25%; height:32px;}
/********map css********/
#map{ width:90%; padding:10px 0; line-height:24px;}
.cart{ width:90%; margin:10px auto 0;}
.cart dt li{ font-size:14px; height:30px; line-height:30px; padding-bottom:10px; color:#333;}
.cart dd{ margin-bottom:10px;}
.cart li{ width:25%; text-align:center; float:left}
.cart dd li.li1,.cart dd li.li3,.cart dd li.li4{ padding-top:35px;}
.cart li img{ width:80%}
.cart li input[type=text]{ width:40px; text-align:center}

.bor_t{border-top:1px solid #538FC3; margin-top:5px;}