@charset "utf-8";
/* CSS Document */

/*--------------------------------------html--------------------------------------*/
*{margin:0;padding:0;list-style:none;text-decoration:none;overflow:hidden;font-family:"微软雅黑";font-weight:400;}
* img{display:block;border:0;}
*:focus {outline:none;}
* b{font-weight:bold;}
* a:hover{color:#ea923f;}

select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:30px;background:none no-repeat scroll right center;}
select::-ms-expand {display: none;}

html,body{width:100%;min-width:1280px;height:auto;overflow:auto;font-size:14px;background:#FFFFFF;}

/*--------------------------------------layout--------------------------------------*/
#layout{width:100%;min-width:1280px;height:auto;position:relative;background:url(../images/bg_top.jpg) no-repeat center top;}

#container{width:1120px;height:auto;margin:0 auto;padding:40px 0;}

.max{width:100%;height:auto;position:relative;}

.main{width:1120px;height:auto;margin:0 auto;position:relative;}

.box{width:100%;height:auto;float:left;}

.fl{float:left;}
.fr{float:right;}

.trans{transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
.trans_05{transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;}
.delay_05{transition-delay: .5s;-webkit-transition-delay: .5s;transition-delay: .5s;}


#black{width:100%;height:100%;background:url(../images/bg_gray_80.png);position:absolute;left:0;top:0;z-index:2000;opacity:0;filter:alpha(opacity=0);display:none;}

.close{width:100%;height:45px;}
.close img{float:right;display:inline;margin:15px 15px 0 0;cursor:pointer;}

#overcode{width:280px;height:auto;margin:0 0 0 -160px;padding:15px;background:#fff;position:absolute;left:50%;top:100px;z-index:5500;display:none;opacity:0;filter:alpha(opacity=0);}
#overcode_content{width:100%;height:auto;text-align:center;}
#overcode_content img{max-width:280px;display:block;margin:0 auto;}
#overcode .close{width:100%;height:auto;text-align:right;}
#overcode .close img{float:right;cursor:pointer;}


/*--------------------------------------top--------------------------------------*/


#top{width: 100%;height: auto;padding:18px 0 20px 0;}

#logo{width: 300px;height: auto;float: left;}
#logo img{width: 100%;}

#top_box{float: right;padding: 5px 0 0 0;}
.top_select{float: right;margin: 0 0 0 50px;}
.top_select span{font-size: 14px;color: #666668;}

select.my_select{padding: 0;background:url(../images/arrow_lan.png) no-repeat right center;border: 0;color: #2e3993;}

.search_short{margin: 20px 0 0 0;}

#nav{width: 100%;height: 40px;margin:0 0 5px 0;background: #2E3993;line-height:40px;}
#nav ul li{width:224px;height:40px;float:left;text-align: center;}
#nav ul li a{width: 100%;height: 100%;display: block;background:#2E3993;color:#fff;font-size: 18px;font-weight: normal;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#nav ul li a:hover{background:#131b64;}
#nav ul li.on a{background:#131b64;}

/*--------------------------------------bottom--------------------------------------*/
#bottom{height: auto;padding: 35px 0;background: #2E3993;}
#bottom_nav{padding: 0 0 25px 0;}
#bottom_nav a{margin:0 50px 0 0;font-size: 16px;color: #FFFFFF;border-bottom: 1px solid #2E3993;font-weight: 100;}
#bottom_nav a:hover{border-bottom: 1px solid #FFFFFF;}

#bottom_contact{line-height: 20px;font-size: 14px;color: #FFFFFF;line-height: 180%;font-weight: 100;}

#bottom_logo{
    width: 200px;
    margin: -25px 0 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: .4;
}

#copyright{height:32px;color: #2e3993;line-height: 32px;font-size: 14px;}
#copyright a{float:right;color: #2E3993;}

/*--------------------------------------banner--------------------------------------*/
#banner{width:58%;height:100%;margin:0 0 5px 0;}

.obanner{width:100%;height:auto;}
.obanner img{width: 100%;}

/*--------------------------------------home--------------------------------------*/
#home_news{width: 42%;height: auto;float:left;}
#home_news li{width:calc(50% - 5px);margin: 0 0 5px 5px;}

.row_scroll{margin: 55px auto 0 auto;}
.row_scroll_title{height:48px;text-align: right;line-height:35px;}
.row_scroll_title h2{width:100%;float: left;color: #2E3993;font-size: 28px;font-weight: normal;text-align: center;line-height:40px;}
.row_scroll_title a{margin: 0 0 0 65px;padding: 0 0 2px 0;border-bottom:2px solid #fff;color:#2737bb;font-size: 16px;}
.row_scroll_title a:hover{border-bottom: 2px solid #2737bb;}
.row_scroll_title a.on{border-bottom: 2px solid #2737bb;}

.full_box {margin: 65px 0;background: #F2F2F2;}

#case_list{padding: 0 0 55px 0;}
#case_list a{color: #2e3993;}
#case_list h2{
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    color: #2E3993;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
}
#case_list h3{
    height: 52px;
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
}
#case_list li{width: 350px;height: auto;float: left;margin: 0 35px 0 0;}
#case_list li div{height: 350px;}
#case_list li:nth-child(3n){
    margin-right: 0;
}

/*--------------------------------------about--------------------------------------*/
#about{padding: 60px 0 65px 0;}
#about_title{padding: 0 0 20px 0;color: #2E3993;font-size: 28px;font-weight: bold;}
#about_box{color: #333333;line-height: 180%;font-size: 16px;}
.cat_title{color: #2E3993;font-size: 28px;font-weight: bold;text-align: center;}

.col_scroll{margin: 75px auto 0 auto;}


/*--------------------------------------single--------------------------------------*/
#cat_title{padding:0 0 20px 0;box-sizing: border-box;text-align:left;border-bottom: 2px solid #2e3993;}
#single_left{width: 340px;height: auto;float: left;}

.subnav{width: 100%;height: auto;float: left;}
.subnav a{padding: 0 0 0 25px;color: #4c4948;font-size: 16px;line-height: 35px;}
.subnav a.on{color: #2E3993;background: url(../images/icon_class.png) no-repeat left center;}
.subnav a.on span{border-bottom:2px solid #2E3993;font-weight: bold;}
.subnav a:hover{color: #2E3993;}

#single_right{width: 700px;height: auto;float: right;font-size: 14px;color: #595757;line-height: 150%;}
#single_right img{max-width: 100%;}



/*--------------------------------------honor--------------------------------------*/
#honor_title{width: 100%;height: auto;padding: 20px 0;border-top: 3px solid #2E3993;}
#honor_title h2{width: 100%;height: auto;font-size: 20px;color: #2E3993;font-weight: bold;}
#honor_title h3{width: 100%;height: auto;padding:5px 0 0 0;font-size: 16px;color: #2E3993;font-weight: bold;}



/*--------------------------------------contact--------------------------------------*/
#contact_left{width: 255px;height: auto;float: left;padding: 40px 0 60px 0;}
#contact_left_h2{width: 100%;height: auto;float: left;}
#contact_left_p{width: 100%;height: auto;float: left;color: #2E3993;font-size: 14px;line-height: 180%;}
#contact_left_content{width: 100%;height: auto;float: left;padding: 20px 0;color: #2E3993;font-size: 14px;line-height: 180%;}

#contact_icon{padding: 25px 0 20px 0;}
#contact_icon a{float: left;margin:0 0 0 40px;}

#contact_right{width: 730px;height: auto;float: right;padding: 40px 0 60px 0;}
#contact_right h2{color: #2E3993;font-size: 20px;font-weight: bold;}
#contact_right ul li{width: 230px;height: 40px;float: left;margin:15px 0 0 20px;padding: 8px 10px 12px 38px;box-sizing: border-box;border: 1px solid #b4b5b5;border-radius: 2px;background:no-repeat 12px center;}
#contact_right ul li input{width: 100%;height: 20px;border: 0;line-height: 20px;color: #5b5d5e;font-size: 16px;}
#contact_right ul li textarea{width: 100%;height: 200px;border: 0;line-height: 20px;color: #5b5d5e;font-size: 16px;}
#contact_right h3{padding: 25px 0 0 0;}
.btn_form{width: 100px;height: 50px;display: block;float: left;margin:0 8px 0 0;background: #2E3993;text-align: center;line-height: 50px;color: #FFFFFF;border: 1px solid #FFFFFF;}
.btn_form:hover{background: #FFFFFF;color: #2E3993;border: 1px solid #2E3993;}



/*--------------------------------------honor--------------------------------------*/
#join_title{width: 100%;height: auto;padding: 20px 0 60px 0;border-top: 3px solid #2E3993;}
#join_title h2{width: 102px;height: 40px;float: left;}
#join_title h3.btn_join{width: 125px;margin: 4px 0 0 18px;font-size: 16px;font-weight: bold;background: #2E3993;}

#join_form{float: right;margin: 4px 0 0 0;}
#join_form input{width: 480px;height: 35px;float: left;border: 0;color: #cecdd5;font-size: 20px;line-height: 35px;}

.btn_join{width: 115px;height: 35px;display: block;float: left;margin: 0 0 0 15px;background: #87898c;color: #FFFFFF;text-align: center;line-height: 35px;font-size: 16px;}
.btn_join:hover{background: #2E3993;color: #FFFFFF;}
.btn_join.on{background: #2E3993;color: #FFFFFF;}

#join_list ul{width: 1170px;}
#join_list ul li{width: 340px;height: 320px;float: left;padding: 30px 35px;box-sizing:border-box;margin: 0 50px 50px 0;border: 2px solid #e2e2e1;background: url(../images/bg_join.png) no-repeat right bottom;}
#join_list ul li h2{width: 100%;height: 30px;float: left;color: #595757;font-size: 22px;font-weight: bold;line-height: 30px;}
#join_list ul li h3{width: 100%;height: 30px;float: left;margin: 5px 0 0 0;color: #595757;font-size: 20px;line-height: 30px;}
#join_list ul li p{width: 100%;height: 50px;float: left;margin: 50px 0 0 0;color: #4c4948;font-size: 14px;line-height: 25px;}
#join_list ul li a{width: 110px;height: 45px;display: block;float: left;margin: 40px 0 0 0;box-sizing:border-box;background: #2E3993;text-align: center;line-height: 45px;color: #FFFFFF;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#join_list ul li a:hover{background: #FFFFFF;color: #2E3993;border: 1px solid #2E3993;}

#join_info li{float: left;margin: 0 80px 0 0;font-size: 16px;color: #595757;}
#join_info li span{font-weight: bold;}

#show_join_title{margin: 70px 0 0 0;color: #595757;font-size: 16px;font-weight: bold;}

#show_join{padding: 30px 0 100px 0;color: #595757;line-height: 180%;}



/*--------------------------------------news--------------------------------------*/
.show_title{
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0;
    font-size: 22px;
    color: #2e3993;
}


#news_left{width: 260px;height: auto;float: left;}

.news_nav{width: 100%;height: auto;float: left;}
.news_nav a{padding: 0 0 0 25px;color: #2E3993;font-size: 16px;line-height: 35px;background: url(../images/icon_class.png) no-repeat left center;font-weight: bold;}
.news_nav a.on{color: #2E3993;}
.news_nav a.on span{border-bottom:2px solid #2E3993;}
.news_nav a:hover{color: #2E3993;}
.news_nav a:hover span{border-bottom:2px solid #2E3993;}

#news_right{width: 860px;height: auto;float: right;border-top: 3px solid #2E3993;}
#news_right .cat_title{padding: 22px 0;text-align: left;font-size: 18px;}

#news_banner{padding: 0 0 30px 0;border-bottom: 1px solid #eaeaea;}
#news_banner img{max-width: 100%;}

#news_list{width: 880px;}
#news_list li{width: 200px;height: auto;float: left;margin: 0 20px 50px 0;}
#news_list li img{width: 200px;}
#news_list li h2{width: 100%;height: 50px;padding:20px 0 0 0;line-height: 25px;font-size: 16px;text-align: center;}
#news_list li h2 a{color: #595757;}
#news_list li h2 a:hover{color: #2E3993;}

#show_news{font-weight:100;color: #333333;line-height:150%;}
#show_news img{max-width:100%;}

/*--------------------------------------products--------------------------------------*/
#products_left{width: 200px;height: auto;float: left;}
.nav_organ{margin:0 0 10px 0;}
.nav_organ dt a{padding: 0 0 0 25px;color: #2E3993;font-size: 16px;line-height: 35px;}
.nav_organ dt span{font-weight:bold;}
.nav_organ.on dt a{color: #2E3993;background: url(../images/icon_class.png) no-repeat left center;}
.nav_organ.on dt a span{border-bottom:2px solid #2E3993;font-weight: bold;}
.nav_organ dt a:hover span{border-bottom:2px solid #2E3993;}

.nav_organ dd a{padding: 0 0 0 25px;color: #4c4948;font-size: 16px;line-height: 30px;}
.nav_organ dd a:hover{color: #2E3993;}
.nav_organ dd a.on{color: #2E3993;}


#products_right{width: 100%;height: auto;float: left;}
#products_right .cat_title{padding: 22px 0;text-align: left;font-size: 18px;}

#products_list{width: 100%;padding: 60px 0 0 0;}
#products_list li{width: 250px;height: auto;float: left;margin: 0 40px 80px 0;}
#products_list li:nth-child(4n){
    margin-right: 0;
}
#products_list li img{width: 100%;}
#products_list li h2{width: 100%;height: 20px;padding:20px 0 5px 0;line-height: 20px;font-size: 16px;}
#products_list li h2 a{color: #595757;}
#products_list li h2 a:hover{color: #2E3993;}
#products_list li p{width: 100%;height: 60px;color: #595757;font-size: 14px;line-height: 20px;}
#products_list li h3{width: 100%;height: auto;margin: 20px 0 0 0;}
#products_list li h3 a{width: 100%;height: 40px;display: block;box-sizing:border-box;border-radius: 3px;background: #2E3993;text-align: center;color: #FFFFFF;line-height: 40px;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#products_list li h3 a:hover{background: #FFFFFF;color: #2E3993;border:1px solid #2E3993}

#products_info{height:auto;padding: 30px 0;}
#products_pic{width: 500px;height: auto;float: left;margin: 0 15px 0 0;}
#thumb{width: 85px;height: auto;float: left;margin: 0 15px 0 0;}
#thumb a{width: 100%;height: auto;display:block;margin: 0 0 10px 0;background: #595757;}
#thumb a img{width: 100%;opacity: .7;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;}
#thumb a:hover img{opacity:1;}
#thumb a.on img{opacity:1;}

#bigpic{
    width: 370px;
    height: 370px;
}

#bigpic img{
    width: 100%;
}

#products_params{width: 600px;height: auto;float: right;}
#products_params h2{width: 100%;height: 90px;padding: 0;line-height: 30px;color:#333;font-size: 24px;font-weight: bold;}
#products_params ul{width: 100%;height: auto;float: left;margin: 25px 0 0 0;}
#products_params ul li{width: 100%;height: 50px;float: left;border-bottom:1px solid #e9e9e9;line-height: 50px;color: #595757;font-size: 16px;}
#products_params ul li label{float: right;}

#show_products_title{width:100%;float: left;margin: 20px 0 25px 0;border-top: 1px solid #2e3993;border-bottom: 1px solid #2e3993;font-size: 24px;color: #2e3993;font-weight: 400;line-height:60px}

#show_products{padding:0 0 50px 0;color: #595757;line-height: 180%;}


/*--------------- page ---------------*/
#page{margin:20px 0;line-height:30px;font-size:14px;text-align: center;}
#page a{width:35px;height:35px;display:inline-block;margin:0 3px;background:#2E3993;text-align: center;line-height: 35px;color: #FFFFFF;}
#page a:hover{background:#333333;}
#page label{width:35px;height:35px;display:inline-block;margin:0 3px;background:#333333;text-align: center;line-height: 35px;color: #FFFFFF;}











/*--------------------------------------top--------------------------------------*/











/*--------------------------------------top--------------------------------------*/