body{

    font-family: 'microsoft yahei',Arial,Helvetica, sans-serif;

    color: #2F2F2F;

}

input{

    outline: none;

}

a{

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

}

ul{

    list-style:none;

    padding-left: 0;

}

.clear{

    clear: both;

}

.pos_rel{

    position: relative;

}

.img-thumbnail{

    transition : opacity 0.7s;

}

.img-thumbnail:hover,

.opacity_img:hover{

    opacity: 0.75;

}
.slider{
    margin-top: 100px;
}
.slider li{
    width: 100%;
}
.slider li img{
    width: 100%;
}


header{

    background-color: #fff;

}

.info{text-align:center;}





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

}



@media screen and (min-width: 768px) {



}













.flash img{

    width: 100%;

    margin-top: 100px;

}

.flash ul.bxslider{

    list-style:none;

}

.flash div.bx-pager{

    bottom: 4%;

}

.flash div.bx-controls-direction{

    display:none;

}





.left_search{

    margin: 10px 0px 0px 0px;

}

.search_group{

    border:1px solid #b9b9b9;

    border-radius:5px;

}

.search_group input.form-control{

    border-radius: 0px;

    box-shadow: none;

    color: #585A5A;

    padding: 0px 0px 0px 15px;

    height: 26px;

    background: transparent;

    border: none;

}

.search_group input.form-control:focus{

    box-shadow: none;

    border-color: #b2e0fb;

}

#search_submit{

    background-color: #0066db;

    border-radius:3px;

    color:#fff;

    height: 28px;

    font-size: 16px;

    padding-top: 5px;

    margin-top: -1px;

}

#search_submit:hover{

    color:#fff;

    background-color: #03b29c;

    cursor: pointer;

}





.left_nav{

    padding: 20px 15px 30px 15px;

    background: url(../image/left_head.jpg) no-repeat top center #0066d9;

    margin-top: 25px;

    margin-bottom: 20px;

}

.left_nav h3{

    text-align: center;

    color: #fff;

    margin:0px 0px 4px 0px;

}

.left_nav p{

    text-align: center;

    color: #fff;

    font-size: 14px;

    letter-spacing:2px;

    margin-bottom: 10px;

}

.left_nav_bg{

    background: url(../image/left_nav_bg.jpg) center bottom no-repeat #fff;

    padding: 10px 15px 22px 15px;

}

.left_nav_tel{

    margin: 220px 0px 0px 0px;

    text-align: center;

    color: #fff;

    font-size: 24px;

    font-weight: bold;

}

.left_nav_ul{

    list-style:none;

    padding:0px;

    margin:15px 0px 0px 0px;

    padding-bottom: 10px;

}

.left_nav_ul > li > a{

    display: block;

    text-decoration:none;

    color:#fff;

    font-size:15px;

    background-color: #0066d9;

    border-radius: 5px;

    padding:6px 0px 6px 18px;

    margin-bottom: 8px;

}

.left_nav_ul > li > a:hover,

.left_nav_ul li a.left_active{

    color:#fff;

    background-color: #03b29c;

}



ul.left_snav_ul{

    list-style:none;

    padding:0px;

}

ul.left_snav_ul > li{

    margin:0px;

}

ul.left_snav_ul > li > a{

    display: block;

    text-decoration:none;

    color:#fff;

    padding:5px 0px 5px 30px;

    background: url(../image/left_tree.gif) 20px 8px no-repeat #5f9fe6;

    border-radius: 5px;

    margin-bottom:8px;

}

ul.left_snav_ul > li > a:hover{

    color:#fff;

    background-color: #03b29c;

}





.left_h3{

    margin-top: 19px;

    font-size: 22px;

    font-weight: normal;

    color: #545454;

    line-height: 50px;

    border-bottom: 1px solid #ebebeb;

}

.left_h3 span{

    display: inline-block;

    height: 50px;

    border-bottom: 1px solid #0066d9 ;

}

.left_column ul.left_nav_ul{

    list-style:none;

    padding:0px;

    margin:15px 0px 0px 0px;

    padding-bottom: 10px;

}

.left_column ul.left_nav_ul > li{

    margin-bottom: 10px;

    

    border-bottom: 1px dashed #fff;

    position: relative;



}

.left_column ul.left_nav_ul > li.active .menu_head{

    background-image: url(../image/libgon.png);

    color: #009fe7;

    transform: rotate(90deg);

}

.left_column ul.left_nav_ul > li.active a{

    color: #009fe7;

}

.left_column ul.left_nav_ul > li.active .xlMBox dl dd a{

    color: #4e5059;

}

.left_nav_ul .xlMBox{

    display: none;

}

.left_nav_ul .xlMBox dl dd{

    height: 35px;

    line-height: 35px;

}











.menu_head{

    background: #ebf0f5 url(../image/libg.png) no-repeat center;

    position: absolute;

    height: 18px;

    top: 2px;

    width: 35px;

    margin-right: 8px;

    right: 0px;

    cursor: pointer;

}

.menu_head:hover{

    background-image: url(../image/libgon.png);

    color: #009fe7;



}

.left_column ul.left_nav_ul > li:hover a{

    color: #0066DB;



}

.left_column ul.left_nav_ul > li > a{

    display: block;

    text-decoration:none;

    color:#666;

    font-size:14px;

    background:transparent;

    border-radius:0px;

    padding:6px 0px 6px 18px;

    margin-bottom: 0;

}

.left_column ul.left_nav_ul > li > a:hover,

.left_column ul.left_nav_ul li a.left_active{

    color: #0066DB;

}

.Msearch {

    background: #ebf0f5;

    padding: 35px 15px;

    border-bottom: 1px dashed #fbfbfb;

}

.Msearch .MsearchInput {

    position: relative;

    padding: 5px 45px 5px 15px;

    border: 1px solid #d3dce5;

    background: #fff;

    height: 34px;

    line-height: 34px;

}

.Msearch .MsearchInput input {

    width: 100%;

    border: none;

    padding: 0;

    line-height: normal;

    display: block;

    outline: none;

}

.Msearch .MsearchInput input{



}

.Msearch .MsearchInput .btn {

    position: absolute;

    right: 0;

    top: 0;

    width: 32px;

    height: 32px;

    background: #6989aa url(../image/msearch.png) no-repeat center;

    display: block;

}









.left_column ul.left_snav_ul{

    list-style:none;

    padding:0px;

}

.left_column ul.left_snav_ul > li{

    margin-bottom: 7px;

    border-bottom: 1px solid #f2f2f2;

    background: url(../image/left_sli.gif) 15px 11px no-repeat;

}

.left_column ul.left_snav_ul > li > a{

    display: block;

    text-decoration:none;

    color:#000;

    padding:5px 0px 5px 25px;

    background: transparent;

    border-radius: 25px;

    margin-bottom:8px;

}

.left_column ul.left_snav_ul > li > a:hover{

    color:#03b29c;

    background:transparent;

}





.left_news{

    clear: both;

    list-style:none;

    margin:0px;

    padding:0px;

}

.left_news li{

    color:#545455;

    border-bottom: 1px dotted #dddddd;

    background: url(../image/li.png) no-repeat left 15px;

    line-height:21px;

    padding: 10px 0px;

    padding-left:14px;

}

.left_news li a{

    color:#2F2F2F;

}

.left_news li a:hover,

.left_news li a:focus{

    text-decoration:none;

    color:#03b29c;

}





.left_contact{

    margin:30px 0px 35px 0px;

}

.left_contact p{

    clear: both;

}





.product_head{

    margin-top: 60px;

    margin-bottom: 30px;

}

.product_head p,.product_head h2{margin:0;padding:0;}

.ev-module-edit{width:100%; z-index:1;}

.ev-module-edit2{width:100%;z-index:2!important;}

.ev-module-edit2 P{text-align:center;line-height:28px;}

.ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3}

.ev-module-edit span{font-size:56px;color:#F7F7F7;}

.ev-module-edit2 span{font-size: 26px;font-weight: bold;color: #074488;font-weight: 800;}

.ev-module-edit-box{height:100%;width:100%}



.product_list{

    clear: both;

    padding: 0px;

    margin-right: -15px;

    margin-left: -15px;

}

.product_list2{

    padding-top: 20px;

}

.product_img img{

    margin-right: auto;

    margin-left: auto;

    display: block;

    max-width: 100%;

    height: auto;

    margin-bottom: 10px;

    padding: 0px 0px 0px 0px;

}

.product_list2 div.product_img{

    min-height: 340px;

}

.product_title{

    text-align: center;

    line-height: 30px;

    padding-left: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    margin-bottom: 0;

    color: #666;

}

.desc{

    text-align: left;

    height: 30px;

    padding-left: 10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 12px;

    color: #999;

}

.product_title a{

    color: #2F2F2F;

}

.product_title a:hover{

    text-decoration: none;

    color:#0071bf;

}



.center_tel{

    height: 274px;

    background-position: center center;

}





.case_bg{

    margin-top:65px;

    background: #f3f4f7 url(404.png) no-repeat center top;

    overflow: hidden;

}

.case_head{

    margin-top: 60px;

    margin-bottom: 30px;

}

.case_head h2{

    font-size: 32px;

    color: #fff;

    font-weight: 800;

    text-align: center;

    margin-top: 50px;

}

.case_head p{

    text-align: center;

    font-size: 18px;

    color: #fff;

}

.case_head .text{

    font-size:14px;

    line-height:28px;

}

.case_list{

    clear: both;

    padding: 25px 0px 0px 0px;

    margin-right: -15px;

    margin-left: -15px;

}

.case_list2{

    padding-top: 20px;

}

.case_img{

    padding-left: 15px;

    padding-right: 15px;

    min-height: 270px;

}

.case_img img{

    margin-right: auto;

    margin-left: auto;

    display: block;

    width: 100%;

    max-width: 100%;

    height: auto;

    margin-bottom: 10px;

    padding: 0px 0px 0px 0px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.case_list2 div.case_img{

    min-height: 220px;

}

.case_title{

    text-align: center;

}

.case_title a{

    color: #2F2F2F;

}

.case_title a:hover{

    text-decoration: none;

    color:#0071bf;

}

.newplan .case_border{

    border: 1px solid #ccc;

    height:375px;

    padding: 5px;

    margin-bottom: 25px;

}

.newplan .case_border a{

    width: 100%;

    height: 180px;

    display: inline-block;

    overflow: hidden;

}

.newplan .case_border a:hover .opacity_img{

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

.newplan .case_border h4.tit{

    padding-left:10px;

    padding-right:10px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.newplan .case_border .case_title{

    padding-left:10px;

    padding-right:10px;

    min-height: 66px;

    overflow: hidden;



}

.newplan .case_border .case_title a{

    height: auto;

    font-size: 12px;

    line-height:22px;

    color: #777;

    display: -webkit-box;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    word-wrap: break-word;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    text-align: left;

    margin-bottom: 15px;



}

.newplan .case_border .date{

    text-align: center;

    margin: 10px 0;



}

.newplan .case_border .com-more .sp-r {

    margin-left: 5px;

    width: 32px;

    height: 18px;

    background-position: 0 -57px;

    vertical-align: text-bottom;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.newplan .case_border .date a{

    position: relative;

    z-index: 1;

    display: inline-block;

    width: 130px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    text-align: center;

    color: #074488;

    border: 1px solid #074488;

    font-size: 14px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.newplan .case_border .com-more .sp {

    position: relative;

    display: inline-block;

    background-image: url(../image/sprite_1.png);

    background-repeat: no-repeat;

    vertical-align: sub;

}

.newplan .case_border .com-more:hover, .newplan .case_border .more:hover .com-more {

    color: #fff;

    background: #074488;

}

.newplan .case_border .com-more:hover .sp-r {

    background-position: -32px -57px;

}





.advantage_head h2{

    text-align: center;

    margin-top: 60px;

    font-size: 36px;

    color: #0066d9;



}

.advantage_head p{

    text-align: center;

    font-size: 18px;

    color: #666666;

    margin-top:8px;

}

.advantage_head span{

    display: block;

    margin: 0 auto;

    width: 50px;

    height:2px;

    background-color: #0066d9;

    margin-bottom: 50px;

}

.advantage_left img{

    width: 50%;

    float: left;

}

.advantage_left h3{

    width: 50%;

    float: right;

    text-align: right;

    font-size: 28px;

    font-weight: bold;

    color: #0066d9;

}

.advantage_left h3 span{

    font-weight: bold;

    font-size: 45px;

}

.advantage_left p{

    font-size: 16px;

    width: 50%;

    float: right;

    text-align: right;

    color: #666666;

    line-height: 47px;

    margin-top: 15px;

    padding-right: 28px;

    background: url(../image/advantage_libg.jpg) repeat-y right 13px;

}

.advantage_right img{

    width: 50%;

    float: right;

}

.advantage_right h3{

    width: 50%;

    float: left;

    text-align: left;

    font-size: 28px;

    font-weight: bold;

    color: #0066d9;

}

.advantage_right h3 span{

    font-weight: bold;

    font-size: 45px;

}

.advantage_right p{

    font-size: 16px;

    width: 50%;

    float: left;

    text-align: left;

    color: #666666;

    line-height: 47px;

    margin-top: 15px;

    padding-left: 28px;

    background: url(../image/advantage_libg.jpg) repeat-y left 13px;

}





.news_bg{

    background-color: #f7f7f7;

}

.news_head{

    margin-top: 60px;

    margin-bottom: 30px;

}

.news_head h2{

    font-size: 32px;

    color: #074488;

    font-weight: 800;

    text-align: center;

}

.news_head p{

    text-align: center;

    font-size: 18px;

    color: #555;

    margin-top:8px;

}

.news_h3{

    background: url(../image/news_title.jpg) left bottom no-repeat;

    padding: 10px 0px 10px 0px;

    font-size: 18px;

    font-weight: bold;

}.news_ul:hover{

     background: #074488;

 }

.news_ul:hover .news_img{

    overflow: hidden;

    height: 195px;

}

.news_ul:hover .news_img img{

    transform: scale(1.1);

    -ms-transform:scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform:scale(1.1);

}

.news_ul:hover .firm_con .title,.news_ul:hover .firm_con h5,.news_ul:hover .firm_con p{

    color: #fff;

}

.news_ul .news_img img{

    transition: 0.5s all;

}

.news_ul{

    clear: both;

    list-style:none;

    margin-top:10px;

    padding:0px;

    margin-bottom:40px;

    background: #f5f5f4;

    overflow: hidden;

}

.news_ul li{

    color:#545455;

    line-height:21px;

}

.news_ul li .firm_con{

    padding:20px;

}

.news_ul li .firm_con .title{

    color: #a3a0a1;

    font-size: 12px;



}

.news_ul li .firm_con .title span{

    position: relative;

    padding-right: 10px;

}

.news_ul li .firm_con .title span:first-child:after{

    content: "";

    position: absolute;

    right: 3px;

    top: 2px;

    width: 1px;

    height: 80%;

    background: #a3a0a1;

}

.news_ul li .firm_con h5{

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333333;



}

.news_ul li .firm_con p{

    font-size: 12px;

    color: #929390;

}

.news_ul li a{

    color:#2F2F2F;

}

.news_ul li a:hover{

    text-decoration:none;

    color:#0071bf;

}

.news_time{

    float:right;

}

.news_img img{

    width: 100%;

    max-width: 100%;

    max-height: 195px;

}

.news_img a{

    font-weight: bold;

    font-size: 16px;

}

.news_img p{

    margin-top: 12px;

    line-height: 26px;

}

.answer_ul{

    clear: both;

    list-style:none;

    margin-top:5px;

    padding:0px;

}

.answer_ul li{

    color:#545455;

    line-height:21px;

    padding: 7px 0px;

    height:80px;

    cursor: pointer;

}

.answer_ul li .new_time_box{

    width: 70px;

    height: 70px;

    border-radius: 4px;

    border: 1px solid #e8e5e2;

    float: left;

    margin-right: 20px;

}

.answer_ul li .new_time_box strong{

    text-align: center;

    display: block;

    font-size: 28px;

    line-height: 30px;

    margin-top: 9px;

    margin-bottom: 1px;

    font-weight: normal;



}

.answer_ul li .new_time_box .time{

    font-size: 12px;

    text-align: center;

}

.answer_ul li a{

    display: block;

    

    padding-left: 28px;

    color:#333;

    font-weight:bold;

}

.answer_ul li:hover .new_time_box{

    background: #0071BF;

    color: #fff;

    border: 1px solid #0071BF;

}

.answer_ul li:hover  a{

    color: #0071BF;

}

.answer_ul li p{

    

    line-height: 22px;

    color: #555;

    display: -webkit-box;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    word-wrap: break-word;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





.about_bg{

    background:#F3F4F7;

    padding-bottom:80px;

}

.about_head{

    margin-bottom: 30px;

}

.about_head2{

    padding-top:50px;

}

.about_head h2{

    font-size: 32px;

    color: #074488;

    font-weight: 800;

    text-align: center;

}

.about_head p{

    text-align: center;

    font-size: 18px;

    color: #555;

    margin-top:8px;

}

.about_h3{

    font-family: Arial;

    color: #0066d9;

    font-size: 50px;

    font-weight: bold;

    margin: 0px;

}

.about_p{

    font-size: 16px;

    color: #000;

    padding-bottom: 20px;

    border-bottom: 1px solid #dadada;

}

.about_content{

    line-height: 30px;

    color: #555;

    margin-top:20px;

}

.about_btn{

    display: block;

    text-align: center;

    width: 140px;

    padding: 7px 0px;

    color: #fff;

    text-decoration: none;

    border-radius: 15px;

    background-color: #0066d9;

    margin-top: 20px;

}

.about_btn:hover,.about_btn:focus{

    color: #fff;

    text-decoration: none;

    background-color: #03b29c;

}

.about_video{

    width: 100%;

}





.cooperation_head{

    margin-top: 50px;

    margin-bottom: 30px;

}

.cooperation_head p{

    text-align: center;

    font-size: 24px;

    color: #333;

    margin-top:8px;

}

.cooperation_head span{

    display: block;

    height: 3px;

    background: url(../image/cooperation_title.jpg) center center no-repeat;

}

.cooperation_img{

    padding-left: 15px;

    padding-right: 15px;

    min-height: 180px;

}

.cooperation_img img{

    margin-right: auto;

    margin-left: auto;

    display: block;

    max-height: 170px;

    max-width: 100%;

    height: auto;

    margin-bottom: 10px;

    padding: 0px 0px 0px 0px;

}





.page_bg{

    margin-top: 100px;

    height:220px;

    margin-bottom: 0px;

}





.bread_bg{

    border-bottom: 1px solid #f3f3f3;

    color: #03499a;

}

.bread_nav{

    padding: 10px 0px 10px 0px;

}

.bread_nav span{

    border-left: 8px solid #0066d9;

    padding-left: 8px;

}

.bread_nav a{

    color: #03499a;

}

.bread_nav a:hover{

    color: #0071bf;

    text-decoration: none;

}





.right_head{

    clear: both;

}

.right_head h2{

    height: 50px;

    font-size: 22px;

    font-weight: normal;

    color: #545454;

    line-height: 50px;

    border-bottom: 1px solid #ebebeb;

}

.right_head h2 span{

    display: inline-block;

    height: 50px;

    border-bottom: 1px solid #0066d9;

}

.right_contents{

    clear: both;

    padding:15px 0px 15px 0px;

    line-height:28px;

    overflow: auto;

}

.right_contents_h1{

    margin: 0px;

    padding: 10px 0px;

    text-align: center;

    color: #000;

    font-size:24px;

    color:#434343;

    font-weight:bold;

    line-height: 34px;

}

.right_contents img {

    max-width: 840px;

}





.right_new{

    clear: both;

    list-style:none;

    margin:0px;

    padding:0px 0px 20px 0px;

}

.right_new li{

    color:#898989;

    

    font-size: 16px;

    line-height:22px;

    padding:25px 0px;

    border-bottom: 1px dashed #e3e2e2;

    position: relative;

}

.right_new2 li{

    font-size: 14px;

    line-height:42px;

    padding:0px;

}

.right_new li a{

    color:#2F2F2F;

}

.right_new li a:hover,

.right_new li a:focus{

    text-decoration:none;

    color:#0071bf;

}

.right_new_time{

    float:right;

}

.relevant_new ul.right_new li{

    font-size: 14px;

}



.addnew .imgbox{

    width: 30%;

    float: left;

    margin-right: 2%;

    overflow: hidden;

    height:180px;

}

.addnew li:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 100%;

    opacity: 0;

    border-bottom: 1px dashed #074488;

    -webkit-transform: translateY(15px);

    -ms-transform: translateY(15px);

    -o-transform: translateY(15px);

    transform: translateY(15px);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.addnew li:hover:before{

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

    opacity: 1;

}

.addnew .imgbox img{

    max-width: none;

    max-height: none;

    width: 100%;

    height: 100%;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.addnew .imgbox:hover img{

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

.addnew .cate{

    padding: 0 10px;

    display: inline-block;

    border: 1px solid #ddd;

    color: #888;

    border-radius: 10px;

    line-height: 24px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.addnew .cate:hover {

    color: #074488;

    border-color: #074488;

}

.addnew .tit{

    margin-bottom: 10px;

    padding-top: 5px;

    font-size:18px;

    color: #333;

}



.addnew .tit:hover{

    color: #005188;

}

.addnew .des{

    margin-top: 25px;

    line-height: 32px;

    display: -webkit-box;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    word-wrap: break-word;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-bottom: 20px;

    font-size:14px;

}

.addnew .news_time{

    float: none;

    color: #999;

    font-size: 14px;

}

.addnew .com-more{

    float: right;

    z-index: 1;

    display: inline-block;

    width: 130px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    text-align: center;

    color: #074488;

    margin-top: 28px;

    border: 1px solid #074488;

    font-size: 14px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.addnew .com-more .sp-r {

    margin-left: 5px;

    width: 32px;

    height: 18px;

    background-position: 0 -57px;

    vertical-align: text-bottom;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.addnew .com-more .sp {

    position: relative;

    display: inline-block;

    background-image: url(../image/sprite_1.png);

    background-repeat: no-repeat;

    vertical-align: sub;

}

.addnew a.com-more:hover, .addnew .more:hover a.com-more {

    color: #fff;

    background: #074488;

}

.com-more:hover .sp-r, .more:hover .com-more .sp-r {

    background-position: -32px -57px;

}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}







.page{

    clear:both;

    margin:20px 0px 20px 0px;

    text-align: center;

}

.page a{

    display: inline-block;

    font-family: Arial;

    font-size: 13px;

    border: #dbdbdb 1px solid;

    padding:4px 9px;

    margin: 2px;

    margin-bottom: 5px;

    color: #31363c;

    text-decoration: none

}

.page a:hover,.page a:focus{

    font-family: Arial;

    font-size: 13px;

    border: #0071be 1px solid;

    padding:4px 9px;color: #fff;

    background-color: #0071be;

}

.page .current{

    font-family: Arial;

    border: #0071be 1px solid;

    font-size: 13px;

    padding:5px 9px;

    color: #fff;

    margin: 2px;

    background-color: #0071be

}





.showpic_box,.proinfo_box{

    margin: 30px 0px 20px 0px;

}

.product_h1{

    margin:0px;

    line-height:22px;

    color: #333;

    padding-bottom:10px;

    border-bottom: 1px dotted #cccccc;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 5px;

}

.product_info{

    list-style:none;

    margin-top:10px;

    margin-top: 20px;

    padding: 15px 18px;

    color: #666;

    font-size: 14px;

    line-height: 1.5;

    background: #F6F6F6;

    border-top: 1px solid #E3E3E3;

    border-bottom: 1px solid #E3E3E3;

    line-height: 180%;

}





.product-xg{ height:180px; width:100%; border:1px solid #eee; margin-bottom:20px;margin-top: 20px;}

.product-xg h3{ width:40px; background-color:#164886; height:180px; color:#FFF; text-align:center; line-height:28px; margin:0;font-size:16px; font-weight:bold; float:left;}

.product-xg h3 span{ padding-top:40px; display:inline-block;}

.product-xg ul{ float:left; overflow:hidden;}

.product-xg ul li{ float:1eft; width: 170px; height:170px; text-align:center; display:inline-block;margin-left:15px; overflow:hidden; padding:5px;}

.product-xg ul li .pic{ height:128px; }

.product-xg ul li img{ width:100%;vertical-align:middle;height:128px;}

.product-xg ul .tit{ line-height:30px;}



.zixun-box{margin-top: 35px; height: 54px;}

.zx{display: inline-block; margin-right: 10px;height: 48px;text-align: center; font-size: 18px; line-height: 48px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;border-radius: 3px;border-radius: 3px;}

.zx-qq {

    color: #fff;

    background: #074488;

    padding: 0 20px;

}

.zx-mall {

    color: #F19F3F;

    border: 1px solid #F19F3F;

}

.zx .ico {

    margin-right: 18px;

}

.zx-qq .ico {

    width: 25px;

    height: 24px;

    background: url(404.png) no-repeat;

    display: inline-block;

    vertical-align: middle;

}

.zx-mall .ico {

    width: 28px;

    height: 24px;

    background: url(404.png) no-repeat;

}

.zx-dt {

    padding: 0;

    width: 48px;

    height: 48px;

    background: url(404.png) no-repeat center;

    border: 1px solid #ccc;

}

.bshare-custom a {

    padding-left: 19px;

    height: 16px;

    _height: 18px;

    text-decoration: none;

    zoom: 1;

    vertical-align: middle;

    cursor: pointer;

    color: #333;

    margin-right: 3px;

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}

.bshare-custom .bshare-sinaminiblog {

    background: url(../image/top_logos_sprite.png) no-repeat 0 -270px;

    *display: inline;

    display: inline-block;

}

.bshare-custom .bshare-qzone {

    background: url(../image/top_logos_sprite.png) no-repeat 0 -234px;

    *display: inline;

    display: inline-block;

}

.bshare-custom .bshare-weixin {

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

    *display: inline;

    display: inline-block;

}

.bshare-custom .bshare-qqmb {

    background: url(../image/top_logos_sprite.png) no-repeat 0 -198px;

    *display: inline;

    display: inline-block;

}

.bshare-custom .bshare-neteasemb {

    background: url(../image/top_logos_sprite.png) no-repeat 0 -162px;

    *display: inline;

    display: inline-block;

}

.bshare-custom .bshare-more.more-style-addthis {

    background: url(../image/more-style-addthis.png) no-repeat;

    display: inline-block;

}

.bshare-custom .bshare-share-count {

    width: 41px;

    background: transparent url(../image/counter_box_18.gif) no-repeat;

    height: 18px;

    line-height: 18px !important;

    color: #333;

    text-align: center;

    font: bold 11px Arial,宋体,sans-serif;

    zoom: 1;

    _padding-top: 2px;

    *display: inline;

    display: inline-block;

}



.f-r, .fr {

    float: right;

}

.prodPic{max-width: 500px;}

.prodPic .big{position:relative;z-index:1;border:1px solid #e3e3e3;}

.prodPic .big a{background:#fff;display:table-cell;text-align:center;vertical-align:middle;}

.prodPic .big a img{vertical-align:middle;max-width:100%;max-height:100%;}

.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url(../image/mask.png);cursor:move;z-index:1;}

.prodPic .list{

    overflow: hidden;

    position: relative;

    margin-top: 1px;

}

.prodPic .list .thumb {position: relative;z-index: 100;margin-bottom: 10px;}

.prodPic .list .thumb ul li{background:none;width:76px;height:76px;position:relative;float: left;margin-top: 5px;}

.prodPic .list .thumb ul li ~ li {margin-left: 8px;}

.prodPic .list .thumb ul li a{display:block;width:76px;height:76px;border:1px solid #e3e3e3;text-align:center;background:#fff}

.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}

.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}

.prodPic .list .thumb ul li a.selected{border-color:#074488;}

.product_info p{

    line-height:28px;

}

.product_btn{

    margin-top: 25px;

}

#pic-page{

    text-align: center;

    margin-top:10px;

}

#pic-page a{

    margin: 0 2px;

}

#pic-page a img

{

    width:40px;

    padding: 2px;

    border: solid #ccc 1px;

    margin-bottom:5px;

}

#pic-page a:hover img,

#pic-page a.active img {

    border: solid #5280DD 1px;

}

.product_con {

    clear: both;

    border-top: 1px dotted #a9a9a9;

    margin:10px 0px 20px 0px;

    padding:20px 0px 0px 0px;

    line-height:26px;

    overflow: auto;

}

.photo_con {

    clear: both;

    margin:0px 0px 20px 0px;

    padding:10px 0px 20px 0px;

    line-height:26px;

    overflow: auto;

}

.product_con img,

.photo_con img {

    max-width: 840px;

}





.download_btn {

    float: right;

    display: block;

    margin: 10px 10px 20px 0px;

}

.page-btn {

    display: inline-block;

    float: left;

    background-color: #0071bf;

    border-radius: 0px;

    border: none;

    transition:background 0.3s;

    margin-right: 15px;

}

.page-btn:hover,

.page-btn:focus {

    background-color:#02b29c;

}

.grey-btn {

    border-radius: 0px;

    border: none;

    background-color: #E8E8E8;

}

.grey-btn:hover,

.grey-btn:focus {

    background-color: #ccc;

}





.feedback {

    margin-top: 50px;

}

.form-horizontal .form-group{

    margin-right: -10px;

    margin-left: -10px;

}

.codeimg{

    margin: 0px 0px -10px -18px;

}



#file{display: none;}

.filelabel{color: #ccc;margin-top: 25px;}

.filelabel span{width: 79px;height: 25px;line-height: 25px;color: #666666;text-align: center;background: #fbfbfb;

    background: -moz-linear-gradient(top,  #fbfbfb 0%, #eeedeb 100%);

    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#eeedeb 100%);

    background: linear-gradient(to bottom,  #fbfbfb 0%,#eeedeb 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#eeedeb',GradientType=0 );

    display: inline-block;cursor: pointer;border: 1px solid #c9c5bf;border-radius: 4px;line-height: 22px;margin-right: 10px;}

.productfeed .btn-primary{

    background: #f7a934;

    background: -moz-linear-gradient(top,  #f7a934 0%, #f58f37 100%);

    background: -webkit-linear-gradient(top,  #f7a934 0%,#f58f37 100%);

    background: linear-gradient(to bottom,  #f7a934 0%,#f58f37 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a934', endColorstr='#f58f37',GradientType=0 );

    border-radius: 4px;border: 1px solid #ee852e;

}

.productfeed .num_unit input{

    width: 75%;

    float: left;

}

.productfeed .num_unit select{

    width: 20%;

    float: right;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    border: 1px solid #ccc;

    border-radius: 4px;

}

.personcard h6{

    font-size: 16px;

    color: #333;

    margin-bottom: 25px;

    border-left: 3px solid #006699;

    margin-top: 30px;

    padding-left: 10px;

    font-weight: bold;

}

.personcard .ewm_img{

    width: 100%;

    display: block;

    margin: 0 auto;

    margin-top: 20px;

}

.personcard .text{text-align: center;}

.personcard p span{vertical-align: text-bottom;}

.personcard .icon{

    width: 13px;

    margin-right: 5px;

    height: auto;

}

.personcard .card_mp{

    margin-top: 40px;

    min-height: 240px;

    margin-bottom: 20px;

}

.personcard .card_mp img{

    width: 90%;

    padding: 5px;

    border: 1px solid #ccc;

}

.needbox h6{

    font-size: 16px;

    color: #333333;

    position: relative;

    font-weight: bold;

}

.needbox h6:after{

    content: "";

    position: absolute;

    left: 0;

    top: 170%;

    width: 30px;

    height: 3px;

    background: #333;

    margin-bottom: 25px;

}



.need_feed p{color: #999;font-size: 14px;margin-bottom: 15px;margin-top: 20px;}

.need_feed input{width: 100%;display: block;margin-bottom: 10px;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

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

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.need_feed  .yzm{

    margin: 20px 0;

    height: 35px;

}





.point{

    clear: both;

    margin:20px 0px 40px 0px;

    padding-bottom: 40px;

    line-height:22px;

}

.point span.to_prev{

    text-align:center;

}

.point span.to_prev a{

    color:#337AB7;

}

.point span.to_prev a:hover{

    color: #ea042b;

}

.point span.to_next{

    text-align:center;

}

.point span.to_next a{

    color:#337AB7;

}

.point span.to_next a:hover{

    color: #ea042b;

}





.tags{

    margin: 18px 0px 10px 0px;

}

.tags a{

    margin: 0px 5px 8px 0px;

}

.tags_list{

    padding: 5px 10px 100px 10px;

}

.tags_ul{

    margin-top: 0px;

}

.tags_ul li{

    line-height: 28px;

    margin-bottom: 8px;

    padding-bottom: 10px;

}

.tags_ul h3{

    font-size: 14px;

    padding: 0px;

    margin: 0px;

    line-height: 20px;

}

.tags_ul p{

    font-size: 13px;

    padding: 0px;

    margin: 0px;

    color: #777;

    line-height: 20px;

    padding-top: 8px;

}





ul.ul_sitemap{

    margin: 30px 0px 40px 30px;

}

ul.ul_sitemap li{

    list-style: none;

    line-height: 26px;

    clear: both;

}

ul.ul_sitemap li a{

    color: #7d7d7d;

}

li.small_li_sitemap{

    clear: both;

    padding-left: 12px;

}

li.small_li2_sitemap{

    float: left;

    padding-left: 20px;

}



.link_box{

    background-color: #1a1a1d;

    padding: 20px 0px 20px 0px;

    text-align: center;

    color: #999999;

    font-size: 13px;

}

.link_box a{

    color: #999999;

    padding:0px 0px 0px 10px;

    font-size: 13px;

}

.link_box a:hover{

    text-decoration: none;

    color: #fff;

}

.link_box a:last-child{

    border-right:0px;

}

.link_box button{

    display: none;

}

.link_title{

    font-size: 13px;

    margin-right: -6px;

}

.link_title:after{

    content:"：";

}





.tags_box{

    background-color: #1a1a1d;

    padding: 5px 0px 20px 0px;

    text-align: center;

    color: #999999;

    font-size: 13px;

}

.tags_box a{

    color: #999999;

    padding:0px 2px 0px 8px;

    font-size: 13px;

}

.tags_box a:hover{

    text-decoration: none;

    color: #fff;

}

.tags_box a:last-child{

    border-right:0px;

}

.tags_box button{

    display: none;

}

.tags_title{

    font-size: 13px;

    margin-right: -6px;

}

.tags_title a{

    padding:0px;

}

.tags_title:after{

    content:"：";

}





.tags_box{

    background-color: #1a1a1d;

    padding: 5px 0px 20px 0px;

    text-align: center;

    color: #999999;

    font-size: 13px;

}

.tags_box a{

    color: #999999;

    padding:0px 2px 0px 8px;

    font-size: 13px;

}

.tags_box a:hover{

    text-decoration: none;

    color: #fff;

}

.tags_box a:last-child{

    border-right:0px;

}

.tags_box button{

    display: none;

}

.tags_title{

    font-size: 13px;

    margin-right: -6px;

}

.tags_title a{

    padding:0px;

}

.tags_title:after{

    content:"：";

}*/





footer{

    margin-top: 20px;

    color:#9a9a9a;

    padding:60px 0px 0 0px;

    background-color: #151b27;

}

footer a{color:#9a9a9a;}

footer a:hover{color:#9a9a9a;}

.footer_logo{

    max-width: 196px;

}

.footer_logo_text{

    width: 196px;

    text-align: center;

    margin-top: 15px;

    padding-top: 15px;

    line-height: 22px;

}

.footer_sitemap{

    color: #9a9a9a;

}

.footer_sitemap:hover,

.footer_sitemap:focus {

    color: #fff;

    text-decoration: none;

}



footer{

    margin-top: 20px;

    color:#9a9a9a;

    padding:60px 0px 40px 0px;

    background-color: #333333;

    border-top: 5px solid #0066d9;

}

footer a{color:#9a9a9a;}

footer a:hover{color:#9a9a9a;}

.footer_logo{

    max-width: 196px;

}

.footer_logo_text{

    width: 196px;

    text-align: center;

    margin-top: 15px;

    padding-top: 15px;

    border-top: 1px solid #5f5f5f;

    line-height: 22px;

}

.footer_sitemap{

    color: #9a9a9a;

}

.footer_sitemap:hover,

.footer_sitemap:focus {

    color: #fff;

    text-decoration: none;

}



.footer_menu a{

    color: #9a9a9a;

}

.footer_menu a:hover{

    color: #fff;

    text-decoration: none;

}

.footer_menu_first{

    font-weight: bold;

}

.footer_qrcode{

    max-width: 130px;

}

.footer_qrcode_text{

    width: 130px;

    text-align: center;

    margin-top: 15px;

}





.translate{

    background-color: #005188;

}

.translate_btn{

    width:130px;

    margin: 0 auto;

    padding-top:20px;

}





table{

    margin-bottom:10px;

    border-collapse:collapse;

    display:table;

}

td,th{

    padding: 5px 10px;

    border: 1px solid #DDD;

    width: 100%;

    height: auto;

    display: block;
}

caption{

    border:1px dashed #DDD;

    border-bottom:0;

    padding:3px;

    text-align:center;

}

th{

    border-top:1px solid #BBB;

    background-color:#F7F7F7;

}

table tr.firstRow th{

    border-top-width:2px;

}

.ue-table-interlace-color-single{

    background-color: #fcfcfc;

}

.ue-table-interlace-color-double{

    background-color: #f7faff;

}

td p{

    margin:0;

    padding:0;

}









a:hover,a:focus{text-decoration: none !important;}

.dropdown-menu{

    width: 100% !important;

}

.nav > li,.dropdown{

    position: static;

}



.news-class{ padding:5px 0; margin-bottom:45px; height:45px; text-align:center;}

.news-class .lis{ display:inline-block; padding:0 35px; line-height:30px; border:1px solid #aaa; margin:0 8px; border-radius:20px; background-color:#FFF; position:relative; z-index:9;}

.news-class .lis{ font-size:18px; color:#333;}

.news-class .line03{ height:1px;  margin-top:-16px; position:relative; z-index:1; background:url(../image/lin03.png) no-repeat center;}

.news-class a:hover.lis,.news-class .cur{ background-color:#074488; color:#FFF;border:1px solid #074488;}



.blist{zoom:1; position:relative;padding-top:10px; padding-bottom:10px;}

.blist ul{  zoom:1;   }

.blist .sPrev,.blist .sNext{ position:absolute; left:0; top:200px; display:block; width:26px; height:45px; background:url(../image/in_arrow.png) no-repeat 0 0;z-index: 2; }

.blist .sNext{ left:auto; right:0; background-position:-26px 0; }

.blist .sPrev:hover,.blist .sNext:hover{ border-color:#f60;  }



.index-fangan{ width: 100%;  padding: 0 0 60px;}



.index-fangan h5,.casebox  h5{ padding-top: 30px; font-size: 20px; color: #333; padding-bottom: 20px; }

.index-fangan .main_pic img,.casebox .main_pic img{width: 90%;display: block;margin: 0 auto;}

.index-fangan p,.casebox p{ font-size: 14px; color: #666; line-height: 30px; padding-top: 25px; }

.index-fangan li,.casebox  li{ transition: 0.3s; float: left;  width: 281px; height: 446px; -webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2);



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

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

    transform:translate3d(0, -2px, 0); margin:0 12px; background-color:#FFF; position:relative; overflow:hidden; }

.casebox .swiper-slide{box-shadow: 0 0 5px 2px rgba(137,137,137,0.2);}

.index-fangan .ybox{ padding:0 20px;}



.index-pbg{ background-color:#f3f4f7; width:100%; height:auto;}

.index-product {  padding-bottom: 60px; position:relative;}

.index-product-content { overflow:hidden;position:relative;padding-bottom:40px;}

.index-product-content .hdbox{ float:left; width:150px;position:relative; }

.index-product-content .bdbox{ float:left;position:relative;}

.index-product-content .tempWrap{position:relative;}



.hdbox .hover-t{padding-bottom:10px;}

.hdbox .hover-t a{ font-size:24px; color:#074488;font-weight:bold;}

.hdbox li{line-height:28px; }

.hdbox li a{ font-size:14px; font-weight:bold;color: #666;}

.hdbox li.on{}

.hdbox li.on a{ font-size:18px; color:#074488; line-height:none; }

.hdbox ul{ margin-bottom:15px; background:url(404.png) no-repeat left bottom;  padding-bottom:15px; height:220px;padding-left: 0;}



.bdbox .slideBox{padding:10px; overflow:hidden;}

.bdbox ul{overflow:hidden; zoom:1;width: calc(100% - 200px);float:left; _display:inline;}

.bdbox ul li{float:left;width:19%;margin-right:15px; _display:inline; overflow:hidden; text-align:center;  }

.bdbox ul li.null-r{ margin-right:0;}

.bdbox ul li .pic{ text-align:center; width:100%; height:auto;background-color:#FFF;border:1px solid #e2e3ea; overflow:hidden;}

.bdbox ul li .pic img{ width:100%;  display:block;}

.bdbox ul li .pic a:hover img{ border-color:#999;  }

.bdbox ul li .title{line-height:30px; font-size:14px;text-align:center; }

.bdbox ul li .title a{color: #333;font-size: 14px;}



.bdbox ul li .pic img {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}

.bdbox ul li:hover .pic img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}





.gr-cont {

    margin-top: 30px;

}

.gr-cont .des {

    margin-top: 10px;

    color: #FFF;

    font-size: 36px;

    font-family: fantasy;

}

.foot-focus {

    color: #FFF;

    line-height: 180%;

}

.foot-focus .tit {

    margin-top: 15px;

    margin-bottom: 12px;

}

.fwx{

    position: absolute;

    right: 18%;

    bottom: -29px;

}

.casewarp .swiper-button-prev,.casewarp .swiper-button-next{

    display: none;

}



.product_list .img-thumbnail{

    border: none;



}

.product_list .border{

    border: 1px solid #ddd;

    margin-bottom: 20px;

    position: relative;

}

.product_list .mask{

    position: absolute;

    left: 0;

    top: 102%;

    width: 100%;

    height: 100%;

    background: rgba(0,102,217,0.9);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;



}

.product_list .product_img{

    overflow: hidden;

}

.product_list .imgbox{

    overflow: hidden;

}

.product_list .mask .txt{

    text-align: center;

    color: #fff;

    font-size: 14px;

}

.product_list .mask .intr{

    padding: 10px 10px 0 10px;

    margin-bottom: 10px;

    color: #fff;

    display: -webkit-box;

    overflow: hidden;

    white-space: normal!important;

    text-overflow: ellipsis;

    word-wrap: break-word;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

}

.product_list .mask ul{

    overflow: hidden;

    list-style: decimal;

    list-style: none;

}

.product_list .addicon{

    position: absolute;

    right: 10px;

    bottom: 24px;

    color: #aaa;

    transition: all 0.5s;

    font-size: 35px;

    font-family: serif;

}

.product_list .mask ul li{

    width: 45%;

    float: left;

    padding: 5px 0 5px 2%;

    margin: 0;

    line-height: 24px;

}

.product_list .mask ul li a{

    color: #fff;

}

.product_list .mask .pdt a {

    display: inline-block;

    padding: 3px 5px;

    margin-right: 20px;

    color: #fff;

}

.product_list .product_img:hover .mask{

    top: 0;

}

.product_list .product_img:hover .addicon{

    color: #084588;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.index_mobile .hdbox .hover-t a{

    font-size: 16px;

}

.index_mobile .hdbox li.on a {

    font-size: 14px;

}



















.copyright{

    background: #050b0b;

    height: 60px;

    line-height: 60px;

    color: #fff;

    font-size: 12px;

}

.copyright a{color: #fff;}

.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.product_slider{

    background: #ebf0f5;

    border-radius: 36px 0 0 0;

    overflow: hidden;

    margin-top: 35px;

}

.product_slider .left_h3{

    background: #009fe7;

    color: #fff;

    padding-left: 25px;

    height: 72px;

    line-height: 72px;

    margin-top: 0;

    margin-bottom: 0;

}

.product_slider .left_h3 span{

    border: none;

}









@media screen and (min-width: 992px) {

    







}



@media screen and (min-width: 769px) {

    .casewarp{

        display: none;

    }

    .index_mobile{

        display: none;

    }

    .logo {

        margin:14px 0px 0px 0px;

        max-width:500px;

        max-height: 75px;

    }

    

    .navbar-nav > li:hover .dropdown-menu{

        z-index: 20;

    }





    .navbar {

        margin: 0px;

        border:none;

        background-color: #fff;

        min-height: 100px;

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

    }

    .navbar-nav{

        float:right;

    }

    .navbar-nav > li {



    }

    .navbar-nav > li:first-child {

    }

    .navbar-nav > li:last-child {

    }

    .navbar-nav > li > a {

        text-align: center;

    }

    .navbar-default .navbar-nav > li > a {

        color: #333;

        padding-top: 40px;

        padding-bottom:40px;

        transition: none;

    }

    .navbar-default .navbar-nav > li > a:hover,

    .navbar-default .navbar-nav > li > a:focus,

    .navbar-default .navbar-nav > li > a.active,

    .navbar-default .navbar-nav > .active > a,

    .navbar-default .navbar-nav > .active > a:hover,

    .navbar-default .navbar-nav > .open > a,

    .navbar-default .navbar-nav > .open > a:hover,

    .navbar-default .navbar-nav > .open > a:focus {

        background: #0066d9 url(../image/nav_hover.jpg) no-repeat center bottom;

        color: #fff;

    }

    .navbar-brand {

        display: none;

    }



    

    .dropdown-menu{

        border: none !important;

        box-shadow: none !important;

        padding: 0 !important;

    }

    #app_menudown,

    #search_btn {

        display:none;

    }

    .mfoot_box {

        display:none;

    }

    .nav_small li{

        padding: 60px 0;

        float: left;

    }

    .nav_small li:nth-child(1){

        width: 60%;

        background: #f5f5f5;

        padding: 59px 5% 50px 5%;

        min-height: 320px

    }

    .link-b.ico_1{background:url(404.png) no-repeat 8% center}

    .link-b.ico_2{background:url(404.png) no-repeat 8% center}

    .link-b.ico_3{background:url(404.png) no-repeat 8% center}

    .link-b.ico_4{background:url(404.png) no-repeat 8% center}

    .link-b.ico_5{background:url(404.png) no-repeat 8% center}

    .link-b.ico_6{background:url(404.png) no-repeat 8% center}

    .link-b.ico_7{background:url(404.png) no-repeat 8% center}

    .link-b.ico_8{background:url(404.png) no-repeat 8% center}

    .link-b.ico_9{background:url(404.png) no-repeat 8% center}

    .link-b.ico_10{background:url(404.png) no-repeat 8% center}



    .link-b.cur{color:#fff}

    .link-b.cur span{background:url(404.png) no-repeat right 8% center}

    .link-b.ico_1.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_2.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_3.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_4.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_5.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_6.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_7.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_8.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_9.cur{background:#0a56ae url(404.png) no-repeat 8% center}

    .link-b.ico_10.cur{background:#0a56ae url(404.png) no-repeat 8% center}





    .nav_small li:nth-child(2){

        width: 40%;

        background: #fff;

        padding: 40px 13.5% 30px 6%;

    }

    .log-four {

        width: 25%;

        float: left;

    }

    .log-four .font {

        padding-left: 22.6%;

        font-size: 15px;

        color: #666;

        display: block;

        width: 100%;

        line-height: 27px;

        text-align: left;

    }

    .link-b.ico_105 {

        background: url(404.png) no-repeat 8% center;

    }

    .link-b.ico_105:hover {

        background: #0a56ae url(404.png) no-repeat 8% center;

    }

    .link-b {

        padding-left: 22.6%;



    }

    .link-b {

        width: 100%;

        display: block;

        float: left;

        text-align: left;

        font-size: 15px;

        color: #333;

        line-height: 40px;

        margin-bottom: 5px;

        transition: background .3s,color .3s;

    }

    .about_list .link-b {

        background-position: 5% center;

    }

    .about_list .link-b{

        width: 50%;

        clear: none;

        float: left;

        padding: 0 !important;

        padding-left: 60px !important;

        line-height: 40px;

    }

    .product_img_list{

padding-top: 15px
;
    padding-bottom: 10px
!important;
    height: 255px;

    }

    .about_list .link-b:hover span{

        color: #fff;

        background: url(404.png) no-repeat right 8% center;

    }

    .link-b.cur span {

        color: #fff;

    }

    .link-b span {

        width: 100%;

        padding-left:10px;

        display: block;

        font-size: 14px;

        color: #333;

        line-height:32px;

    }

    .log-four .font:hover {

        color: #d9271b;

    }

    .link-b.ico_105.cur {

        background: #0a56ae url(404.png) no-repeat 8% center;

    }

    .link-b.cur span {

        background: url(404.png) no-repeat right 8% center;

    }

    .link-b.anli{

        width: 25%;

        clear: none;

        display: inline-block;

        float: left;

    }

    .nav_small li .content {

        float: left;

        width: 71.5%;

    }

    .nav_small li .content img{

        max-width: 100%;

    }

    .nav_small li .content p {

        text-align: left;

        font-size: 14px;

        color: #666;

        line-height: 24px;

        margin-top: 22px;

    }

    .nav_small li .content .more {

        width: 155px;

        height: 40px;

        line-height: 40px;

        padding-left: 36px;

        font-size: 14px;

        background: #0a56ae url(404.png) no-repeat 103px center;

        display: block;

        text-align: left;

        color: #fff;

        margin-top: 15px;

    }





}

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

    .newplan .case_border a {

        height: 150px;

    }



}

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

    .newplan .case_border a {

        height: 100px;

    }



}



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

    .prodPic .list .thumb ul li,.prodPic .list .thumb ul li a{

        width: 56px;

        height: 56px;

    }

    .product-xg h3{

        width: 100%;

        height: 40px;

        line-height: 40px;

    }

    .product-xg h3 span{

        padding-top: 0;

    }

    .product-xg{

        height: auto;

        overflow: hidden;

    }

    .newplan{

        padding: 15px;

        margin-right: 0;

    }

    .newplan .col-mm-6{

        padding-right: 0;



    }

    .newplan .case_border a{

        height: 120px;

    }

    .case_title {

        min-height: 51px;

    }

    .nav > li, .dropdown {

        position: relative;

    }

    .dropdown-menu li a{

        text-align: left !important;

    }

    .dropdown-menu li .log-four a:nth-child(1){

        padding: 5px 15px 5px 25px;

        color: #000;

        display: block;

    }

    .dropdown-menu li .log-four a:nth-child(n+2){

        display: none;

    }

    .dropdown-menu li:nth-child(2),.dropdown-menu li img{

        display: none;

    }

    .addnew .imgbox{

        width: 100%;

        float: none;

    }

    .right_new li{

        padding: 20px;

    }

    .right_new2 li{

        font-size: 14px;

        line-height:42px;

        padding:0px;

    }

    .index_mobile{



    }

    .swiper-wrapper{

        height:auto!important;

    }

    .swiper-container{

        height:auto!important;

        margin-bottom:40px;

    }

    .answer_ul{

        margin-bottom:40px;

    }

    .hdbox ul{

        margin-bottom: 0;

        height: auto;

        min-height: 180px;

    }

    .index-product-content .ulWrap  ul:nth-child(n+3),.index-product-content .bdbox,.product_list .addicon,.copyright{

        display: none;

    }

    .fwx{

        right: 10px;

    }

    .mobile_cp ul{width: 100%;}

    .mobile_cp ul li{

        width: 48%;

        margin: 1%;

        float: left;

    }

    .hdbox li {

        text-align: center;

    }

    .index-product-content .hdbox {

        width: 100%;

    }

    .hdbox .hover-t{

        text-align: center;

    }

    .mobile_cp ul li .pic {

        text-align: center;

        width: 100%;

        height: auto;

        background-color: #FFF;

        border: 1px solid #e2e3ea;

        overflow: hidden;

    }

    .mobile_cp  ul li .pic img {

        width: 100%;

        display: block;

    }

    .mobile_cp ul li .title {

        line-height: 30px;

        font-size: 14px;

        text-align: center;

    }

    .mobile_cp ul li .title a {

        color: #333;

        font-size: 14px;

    }





    

    .index-product-content{

        width: 100%;

        overflow: hidden;

    }

    .index-fangan {

        overflow: hidden;

        display: none;

    }

    .bdbox ul li{

        width: 48.5%;

        border: 1px solid #ededed;

        margin-bottom: 3%;

        margin-right: 3%;







    }

    .casebox{padding-left: 15px !important;}

    .index-product-content .bdbox {

        margin-left: 0px;

    }





    .logo {

        margin:5px 0px 5px 10px;

        max-width:250px;

        max-height: 40px;

    }

    .navbar {

        margin: 0px;

        border:0px;

        min-height: 50px;

        background-color: #fff;

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

    }

    .navbar-default .navbar-brand {

        color: #0066d9;

        font-size: 16px;

    }

    .navbar-default .navbar-brand:hover,

    .navbar-default .navbar-brand:focus {

        color: #fff;

    }

    .navbar-toggle {

        border:none;

    }

    .navbar-default .navbar-collapse,

    .navbar-default .navbar-form {

        border:none;

    }

    .navbar-default .navbar-toggle:hover,

    .navbar-default .navbar-toggle:focus {

        background-color: #fff;

    }

    .navbar-default .navbar-toggle .icon-bar {



    }

    .navbar-default .navbar-nav {

        margin-top: 0px;

        margin-bottom: 0px;

    }

    .navbar-default .navbar-nav > li:last-child{

        border: none;

    }

    .navbar-default .navbar-nav > li > a,

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #000;

    }

    .navbar-default .navbar-nav > li > a:hover,

    .navbar-default .navbar-nav > li > a:focus,

    .navbar-default .navbar-nav > .active > a,

    .navbar-default .navbar-nav > .active > a:hover,

    .navbar-default .navbar-nav > .active > a:focus,

    .navbar-default .navbar-nav > .open > a,

    .navbar-default .navbar-nav > .open > a:hover,

    .navbar-default .navbar-nav > .open > a:focus,

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {

        background-color: #0066d9; color: #fff;

    }

    #app_menudown {

        position: absolute;

        top:0px;

        right:0px;

        font-size: 16px;

    }

    #app_menudown:hover {

        background-color: #0066d9;

    }

    .flash img{

        margin-top: 50px;

    }





    

    .product_head {

        margin-top: 20px;

        margin-bottom:0px;

        background-image: none;

    }

    .product_head h2,.product_head p {

        padding: 0;

        margin:0;

    }

    .bread_bg{

        margin-top:60px;

    }

    .newplan .case_border{height:auto}

    .case_bg{margin-top:40px;}

    .ev-module-edit2{width:100%;margin:0; z-index:2;}

    .ev-module-edit2 P{text-align:center;line-height:28px;}

    .ev-module-edit h2{text-align:center;font-size:36px;font-weight:400;line-height:1.3}

    .ev-module-edit2 span{font-size:36px;color:#333333;}

    .ev-module-edit-box{height:100%;width:100%}

    .hidden-edit{display:none}

    



    .center_tel,.service_cate,.xlMBox{

        display:none;

    }

    .product_img {

        min-height: 240px;

    }

    .product_list2 div.product_img{

        min-height: 240px;

    }

    .product_list{

        padding-top:10px;

    }



    

    .case_head h2 {

        margin-top: 40px;

        font-size: 26px;

    }

    .case_head p {

        font-size: 14px;

        margin-top:4px;

    }

    .case_img {

        min-height: 150px;

    }

    .case_list2 div.case_img {

        min-height: 150px;

    }



    

    .news_bg{

        background-color: #fff;

    }

    .news_head{

        margin-bottom: 0px;

    }

    .news_head h2{

        margin-top: 30px;

        font-size: 26px;

    }

    .news_head span{

    }

    .news_head p{

        font-size: 14px;

        margin-top:4px;

    }

    .news_h3{

        text-align: center;

        background: url(../image/news_title.jpg) center bottom no-repeat;

        padding: 10px 0px 10px 0px;

        margin-bottom: 20px;

    }

    .news_ul li{

        color:#000;

        border-bottom: 1px dotted #dddddd;

        

        line-height:21px;

        padding:0px;

    }

    .news_time,

    .right_new_time,

    .news_time_p,

    .news_des {

        display: none;

    }

    .news_img img{

        max-width: 100%;

    }

    .news_img a{

        font-weight: normal;

        font-size: 14px;

    }



    

    .about_bg{

        background-color: #f7f7f7;

        padding-bottom: 50px;

    }

    .about_head{

        margin-bottom: 25px;

    }

    .about_head2{

        padding-top:20px;

    }

    .about_head h2{

        margin-top: 35px;

        font-size: 26px;

    }

    .about_head span{

    }

    .about_head p{

        font-size: 14px;

        margin-top:8px;

    }

    .about_content{

        margin-top:0px;

    }

    .about_btn{

        display: block;

        width: 200px;

        margin: 0 auto;

        margin-top: 20px;

        margin-bottom: 40px;

    }



    

    .cooperation_head{

        margin-top: 40px;

    }

    .cooperation_head p{

        font-size: 22px;

        margin-top:8px;

    }

    .cooperation_img{

        min-height: 100px;

    }



    .page_bg{

        display: none;

    }

    .right_contents img,

    .product_con img,

    .photo_con img {

        max-width: 100%;

    }

    .feedback{

        margin-top:20px;

    }

    .proinfo_box {

        margin-bottom: 80px;

    }

    #pic-page a img {

        width:35px;

    }

    #cmsFloatPanel{

        display: none;

    }

    .point span.to_prev,

    .point span.to_next {

        text-align:left;

        padding-bottom: 8px;

    }



    

    footer {

        padding-top: 40px;

        padding-bottom:0px;

    }

    .footer_logo,

    .footer_logo_text {

        display: none;

    }

    .footer_contact {

        margin-bottom:30px;

    }

    .footer_qrcode{

        display: block;

        max-width: 110px;

        margin: 0 auto;

        margin-top: 25px;

    }

    .footer_qrcode_text {

        width: 130px;

        margin: 0 auto;

        margin-top: 10px;

        margin-bottom: 35px;

    }



    

    .link_box {

        padding-left: 7px;

        margin-bottom: 50px;

    }

    .link_box a {

        display: block;

        border-right:0px;

        padding:4px 0px;

    }

    .link_title{

        display: block;

    }

    .link_title:after {

        content:"";

    }

    .link_box button{

        display: inline-block;

        background-color: transparent;

        border: none;

        float: right;

        margin-top: -20px;

    }

    .link_box button:hover,

    .link_box button:focus{

        color: #97f3e7;

    }

    .link_list{

        display: none;

        padding-top: 7px;

    }



    

    .tags_box{

        padding-left: 7px;

        margin-bottom: 50px;

    }

    .tags_box a{

        display: block;

        border-right:0px;

        padding:4px 0px;

    }

    .tags_title{

        display: block;

    }

    .tags_title:after{

        content:"";

    }

    .tags_box button{

        display: inline-block;

        background-color: transparent;

        border: none;

        float: right;

        margin-top: -20px;

    }

    .tags_box button:hover,

    .tags_box button:focus{

        color: #97f3e7;

    }

    .tags_rows{

        display: none;

        padding-top: 7px;

    }





    

    .mfoot_box{

        background-color: #fafafa;

    }

    .mfoot_nav {

        width:25%;

        float:left;

        background-color: #fafafa;

        text-align:center;

        color:#898989;

        cursor:pointer;

    }

    .mfoot_nav:hover,

    .mfoot_nav:focus {

        background-color: #e4e4e4;

        cursor:pointer;

    }

    .mfoot_nav a {

        color:#898989;

        display:block;

    }

    .mfoot_nav a:hover,

    .mfoot_nav a:focus{

        text-decoration:none;

    }

    .mfoot_nav span {

        display:block;

        padding:3px 0px 0px 0px;

    }

    .mfoot_share {

        width: 240px;

        padding: 5px;

    }

    .link-b.ico_3{background:none!important}

}



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

    .copyright_p,.index_procon{display:none;}

}





@media screen and (min-width:320px) and (max-width:768px) {

    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {

        float: left;

    }

    .col-mm-12 {

        width: 100%;

    }

    .col-mm-11 {

        width: 91.66666667%;

    }

    .col-mm-10 {

        width: 83.33333333%;

    }

    .col-mm-9 {

        width: 75%;

    }

    .col-mm-8 {

        width: 66.66666667%;

    }

    .col-mm-7 {

        width: 58.33333333%;

    }

    .col-mm-6 {

        width: 50%;

    }

    .col-mm-5 {

        width: 41.66666667%;

    }

    .col-mm-4 {

        width: 33.33333333%;

    }

    .col-mm-3 {

        width: 25%;

    }

    .col-mm-2 {

        width: 16.66666667%;

    }

    .col-mm-1 {

        width: 8.33333333%;

    }

}

@media screen and (min-width: 992px) {

    .casewarp .swiper-button-prev,.casewarp .swiper-button-next{

        display: block;

    }







}

@media screen and (min-width: 1200px) {

    .bdbox ul{

        width: 1320px;

    }

    .index-product-content .bdbox{

        width: 1030px;

    }

    .blist .sPrev{

        left:-50px;

    }

    .blist .sNext{

        right: -65px;

    }








}