@charset "utf-8";

b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}

abbr,acronym,fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}

q:after,q:before{content:''}

i{font-style:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

caption,td,th{text-align:left;font-weight:400;}

a,button,img{border:none;text-decoration:none;}

a,button{text-decoration:none;}

button:focus,input:focus{outline:0;}

textarea{font-family:"Microsoft YaHei";}

img{border:none;outline:0}

a{color:#333;text-decoration:none;outline:0; cursor: pointer;}

ol,ul{list-style:none;}

table{word-break:break-all;word-wrap:break-word;}

body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;min-width:1200px;}

select::-ms-expand{display:none;}

::-webkit-input-placeholder{color:#999;}

::-moz-placeholder{color:#999;}

:-ms-input-placeholder{color:#999;}

.clear{clear:both;}

.w1200{width:1200px;margin:0 auto;}

.w100{width:100%;}

.left{float:left;}

.right{float:right;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.search_big_box { background: #fff;}

.boxs{

    box-sizing: border-box; 

    -ms-box-sizing: border-box; 

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

}

input{ border: none;}

.trion{

    transition:all .3s;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */

}

a:hover{ text-decoration: none;}





/* header */

.header_box{

    width:100%;

    height:40px;

    background:#F5F5F5;
    border-bottom: 1px solid #e2e2e2;
}

.header_box p{

    line-height: 40px;

    float: left;

    color:#000;

    font-size:12px;

}

.header_box ul{

    float: right;

}

.header_box ul li{

    float: left;

    line-height: 40px;

    margin-left:15px;

    color:#898989;

    font-size:12px;

}

.header_box ul li a{

    color: #000;

}
.header_box ul li .phone_num{

    color:#ff3c00;
    font-weight: bold;
}


.header_box ul li span{

    margin-left:15px;

}

.header_box ul li img{

    margin-right:8px;

    position: relative;

    top:2px;

    width:14px;

    height:12px;

}



/* search */

.search_box{

    padding-top:24px;

    height:87px;

    margin-bottom: 30px;
}

.search_box img{

    float: left;

}

.search_right{

    float:right;

    margin-top:8px;



}

.search{

    /* width:463px; */

    height: 39px;

    border:1px solid #FF2A00;

    float: left;

    

}

.search select{
	
    font-size: 12px;
    width: 72px;
    height: 39px;
    line-height: 39px;
    float: left;
    border: none;
    border-right: 1px solid #D6D6D6;
    padding-left: 20px;
    outline: none;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/down_tip.png) no-repeat 52px;

}

.search input{

    width:374px;

    height:39px;

    float: left;

    padding-left:15px;

    font-size:12px;

    color:#9E9E9E;

}

.search .search_button{

    width:80px;

    height:40px;

    background:#FF2A00;

    float: left;

    line-height: 40px;

    text-align: center;

    font-size:15px ;

    color:#fff;

    cursor: pointer;
	
	border: none;

}

.search_right button{

    width:108px;

    height:41px;

    border:1px solid #707070;

    background:#fff;

    font-size:15px;

    color:#666666;

    float: left;

    margin-left:15px;
	
	cursor: pointer;

}

.search_right .search_tj{

    width:546px;





}

.search_right ul li{

    float: left;

    margin-right:15px;



}

.search_right ul li a{

    font-size:12px;

    color:#676767;

}



.header_seach_select {

    width: 72px;

    height: 40px;

    float: left;

    color: #282828;

    text-align: center;

    transition: all .3s;

}

.header_seach_select .set{

    font-size:12px;

    color:#282828;

    width:71px;

    height:39px;

    line-height: 39px;

    border-right:1px solid #D6D6D6;

}

.header_seach_select .set span{

    float: left;

    margin-left:23px;

}

.header_seach_select .set img{

    width:11px;

    height:10px;

    float: right;

    margin-top:12px;

    margin-right:5px;

}

.header_seach_select .new{

    width:71px;

    height:72px;

    border:1px solid #FF2A00;



    margin-left:-1px;

    position: relative;

    z-index:5;

    display: none;

}

.header_seach_select .new li{

    width:100%;

    text-align: center;

    line-height: 35px;

    background:#fff;

    font-size:12px;

}

.header_seach_select .new li:first-child{

    border-bottom:1px solid #FF2A00;

}



/* banner */

.index_banner{

    width:100%;

    height:504px;

    background: url(../img/index_banner.jpg) no-repeat center;

}



.index_banner_left{

    width:210px;

    height:504px;

    background:#2C2D3D;

    float: left;

}

.index_banner_left li{

    line-height:62px;

    transition:all .3s;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */



}

.index_banner_left li a{

    width:100%;

    height: 100%;

    display: block;

}

.banner_tb{

    width:12px;

    height:auto;

    margin-left:18px;

    position: relative;

    top:3px;

    margin-right:10px;

}

.index_banner_left li a span{

    font-size:16px;

    color:#fff;

}

.banner_go{

    float: right;

    margin-top:26px;

    margin-right:20px;

}



.index_banner_center{

    width:612px;

    margin-left:68px;

    float: left;

}

.index_banner_center p{

    font-size:60px;

    font-weight:bold;

    color:#FFFFFF;

    text-align: center;

    padding-top:120px;

    margin-bottom:40px;

}

.index_banner_center h2{

    font-size:20px;

    color:#fff;

    text-align: center;



}

.index_banner_center a{

    font-size:20px;

    color:#3025DB;

    display: block;

    width:200px;

    height:50px;

    background:#fff;

    margin:auto;

    line-height: 50px;

    text-align: center;

    border-radius: 100px;

    margin-top:50px;

}



.index_banner_right{

    width:243px;

    height:482px;

    background:#fff;

    float: right;

    position: relative;

    top:6px;

    border-radius: 4px;

}

.in_ba_r_top{

    width:100%;

    height:123px;

    background:#F7F8FC;

}



.in_ba_r_top img{

    display: block;

    margin:auto;

    padding-top:28px;

    margin-bottom:18px;

}

.in_ba_r_top p{

    font-size:16px;

    text-align: center;

    color:#333333;

}

.in_ba_r_top p span{

    color:#E60000;

}

.in_ba_r_center{

    width:218px;

    margin:auto;

    height:74px;

    background:#F3F3F3;

    border-radius: 4px;

    margin-top:8px;

    position: relative;

}

.in_ba_r_center p{

    font-size:14px;

    color:#FF2A00;

    position: absolute;

    top:18px;

    left:20px;





}

.in_ba_r_center h2{

    font-size:12px;

    color:#666666;

    position: absolute;

    top:40px;

    left:20px;

}

.in_ba_r_center img{

    

    position: absolute;

    right: 8px;

    top: 6px;

}

.in_ba_r_bottom{

    width:100%;

    height:88px;

    margin-top:10px;



}

.in_ba_r_bottom li{

    float: left;

    width:119px;

    height:42px;

    text-align: center;

    line-height: 42px;

    border:1px solid #ECEEF3;

    

}

.in_ba_r_bottom img{

    position: relative;

    top:2px;

    margin-right:5px;

}





/* footer_banner */

.footer_banner{

    width:100%;

    height:100px;

    background:url(../img/footer_banner_bg.jpg) no-repeat center;

    margin-top:46px;

    line-height:100px;

}

.footer_banner p{

    font-size: 30px;

    color:#FFFFFF;

    margin-left:130px;

    float: left;

}

.footer_banner h2{

    font-size: 18px;

    color:#FFFFFF;

    margin-left:40px;

    float: left;

}

.footer_banner a{

    width:162px;

    height:42px;

    display: block;

    background:#fff;

    line-height: 42px;

    text-align: center;

    border-radius: 100px;

    font-size: 20px;

    color:#0b37c7;

    margin-left:40px;

    float: right;

    margin-top:28px;

}

/* footer */

.footer_box{

    width:100%;

    height:425px;

    background:#000000;

}

.footer_top{

    height:160px;

    border-bottom:1px solid #414141;

    overflow: hidden;

}

.footer_top p{

    font-size:20px;

    color:#BBBBBB;

    font-weight:bold;

    padding-top:22px;

    margin-bottom:10px;

}

.footer_top ul li{

    float: left;

    margin-right:67px;

    line-height: 30px;

}

.footer_top ul li a{

    font-size:14px;

    color:#BBBBBB;

    transition:all .3s;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */

}

.footer_bottom ul{

    width:650px;

    height:133px;

    border-right:1px solid #434343;

    margin-top:55px;

    float: left;

}

.footer_bottom ul li{

    margin-right:50px;

    float: left;

    line-height:34px;

    font-size: 14px;

}

.footer_bottom ul li a{

    color:#9E9E9E;

    transition:all .3s;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */

}

.footer_bottom ul li a:hover{

    color:#fff;

}

.footer_right{

    float: left;

    margin-top:65px;

    margin-left:72px;

}

.footer_right img{

    width:104px;

    height:104px;

    float: left;

}

.fr_right{

    float: left;

    margin-left:30px;



}

.fr_right p{

    font-size:14px;

    color:#9E9E9E;

    margin-bottom:5px;

}

.fr_right h2{

    font-size:18px;

    color:#9E9E9E;

    margin-bottom:15px;

    font-weight: bold;

}

.fr_right h3{

    font-size:12px;

    color:#9E9E9E;

    margin-bottom:5px;

}

.fb{

    font-size:12px;

    color:#9E9E9E;

    text-align: center;

    margin-top:45px;

}

.footer_top ul li a:hover{

    color:#fff;

}



/* nav */

/* nav */

.hui_bg{

    background: #F6F6F6;

}

.nav_box{

    position: relative;

}

.nav_fl{

    width:210px;

    height:39px;

    background:#ff3c00;

    line-height: 39px;

    color:#fff;

    float: left;

}

.nav_fl img{

    margin-left:18px;

    position: relative;

    top:2px;

    margin-right:10px;

}

.nav_ul{

    float: left;

    margin-left:32px;

}

.nav_ul li{

    float: left;

    margin-left:60px;

    position: relative;

}

.nav_ul li img{

    width:14px;

    height:17px;

    position: absolute;

    top: -10px;

    left: 24px;



}

.nav_ul li:first-child{

    margin-left:0;

}

.nav_ul li a{

    display: block;

    line-height: 37px;

    color:#333333;

    font-size:16px;

    transition:all .3s;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */

}

.nav_ul li a:hover{

    color:#FF2A00;

}

.nav_img{

    position: absolute;

    right:-33px;

    bottom:0;



}

.nav_ul .index_nav_active a{

    color:#FF2A00;

    font-weight:bold;

    border-bottom:1.5px solid #FF2A00;

}





/* 详情页nav */

.nav_detail_box .nav_fl{

    width:192px;

    padding-left:18px;

}

.nav_detail_box .nav_fl img{

    margin-left:82px;

}

.nav_left{

    width:210px;

    position: relative;

    height:39px;

    float: left;

    z-index: 999;

}

.nav_left .index_banner_left{



    position: absolute;

    top:39px;

    display: none;

}

.cz_left .index_banner_left{

    display: block;

}





.index_banner_left {

    position: relative;

}



.index_banner_left li p {

    background: #fff;

    position: absolute;

    left: 210px;

    top: 0;

    width: 656px;

    height: 405px;

    padding:50px 30px;

    box-shadow: 0 0 6px rgba(0,0,0,.16);

    display: none;



}

.index_banner_left li p a{

    padding: 0 14px;

    display: inline;

    font-size:14px;

    white-space: nowrap;

    transition:all .3s;

    border-left: 1px solid #999;

    -moz-transition:all .3s; /* Firefox 4 */

    -webkit-transition:all .3s; /* Safari and Chrome */

    -o-transition:all .3s; /* Opera */

}
.index_banner_left li p a:first-child{
    border: none;
}
.index_banner_left li p a:hover{

    color:#ff3c00;

}

.index_banner_left li.active{

    background: #ff3c00;

}



/* 右侧栏 */

.sidebar ul {
    list-style: none;
}

.sidebar {
    width: 36px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #252221;
    z-index: 10000;
}


/* 右边上面 */

.right_top {
    width: 100%;
    height: 500px;
    background: url(../img/right_bj.png) no-repeat;
    padding-top: 1px;
}

.r_sidebar_con {
    position: relative;
    width: 36px;
    z-index: 99999;
    margin-top: 0px;
}

.r_sidebar_bottom {
    position: absolute;
}

.r_sidebar_con li {
    position: relative;
    width: 36px;
    height: 34px;
    cursor: pointer;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-bottom: 14px;
}

.r_sidebar_con a {
    text-decoration: none;
    color: #555;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-transition: color .1s linear, background-color .1s linear;
    -moz-transition: color .1s linear, background-color .1s linear;
    -ms-transition: color .1s linear, background-color .1s linear;
    -o-transition: color .1s linear, background-color .1s linear;
    transition: color .1s linear, background-color .1s linear;
}

.r_sidebar_con li s {
    width: 36px;
    height: 38px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #3f3c3c;
    z-index: 66;
}

.r_sidebar_con li span {
    width: 120px;
    height: 38px;
    padding-left: 18px;
    padding-right: 3px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 38px;
    color: #fff;
    border-radius: 2px;
    background: #ff3636;
    font-size: 14px;
    display: inline-block;
    z-index: 60;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    -ms-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.2s;
}

.r_sidebar_con li.user_ico s {
    background: url(../img/gerenzx.png) no-repeat center #252221;
}

.r_sidebar_con li.user_ico:hover s {
    background: url(../img/gerenzx.png) no-repeat center;
}

.r_sidebar_con li.code_ico s {
    background: url(../img/kf.png) no-repeat center #252221;
}

.r_sidebar_con li.code_ico:hover s {
    background: url(../img/kf.png) no-repeat center;
}

.r_sidebar_con li.phone_ico s {
    background: url(../img/fk.png) no-repeat center #252221;
}

.r_sidebar_con li.phone_ico:hover s {
    background: url(../img/fk.png) no-repeat center;
}

.r_sidebar_con li.client_ico s {
    background: url(../img/wx.png) no-repeat center #252221;
}

.r_sidebar_con li.client_ico:hover s {
    background: url(../img/wx.png) no-repeat center #ff3636;
}

.r_sidebar_con li.top_ico s {
    background: url(../img/top_d.png) no-repeat center #252221;
}

.r_sidebar_con li.top_ico:hover s {
    background: url(../img/top_d.png) no-repeat center;
}

.prism_yhd_code {
    position: absolute;
    left: -148px;
    top: -40px;
    width: 141px;
    height: 172px;
    display: none;
    background: #ff3636;
}

.prism_yhd_code p {
    text-align: center;
    margin-left: -10px;
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
}

.prism_yhd_code img {
    padding-left: 11px;
    padding-top: 8px;
    width: 120px;
    height: 120px;
}

.r_sidebar_con li:hover span {
    display: block !important;
    left: -100px;
}

.r_sidebar_con li.client_ico:hover .prism_yhd_code {
    display: block;
}




.index_service_c{ height: 196px; padding-bottom: 30px; background: #fff;}
.index_service{ height: 196px;}
.index_service ul li{ width: 291px; height: 196px; float: left; padding: 20px; margin-left: 12px;
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);  
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.16); 
    box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.index_service ul li:first-child{ background: url(../img/service_01.png) #fff 215px 40px no-repeat; margin-left: 0px;}
.index_service ul li:nth-child(2){ background: url(../img/service_02.png) #fff 215px 40px no-repeat;}
.index_service ul li:nth-child(3){ background: url(../img/service_03.png) #fff 215px 40px no-repeat;}
.index_service ul li:nth-child(4){ background: url(../img/service_04.png) #fff 215px 40px no-repeat;}
.index_service h2{ font-size: 23px; font-weight: bold; padding-top: 10px;}
.index_service span{ color: #AAAAAA; font-size: 10px; margin: 8px 0px; display: block;}
.index_service i{ width: 30px; height: 3px; display: block; background: #FEAB2E;}
.index_service p{ font-size: 12px; color: #666666; margin-top: 25px; line-height: 20px;}


.relevant_con{ border: 1px solid #E1E1E1; background: #fff; padding: 20px; margin-top: 20px; margin-bottom: 50px;}
.relevant_con_up{ height: auto;}
.relevant_con_l{ font-size: 16px; width: 80px; float: left; margin-right: 15px;}
.relevant_con_r{ font-size: 12px; line-height: 28px; float: left; width: 1060px;}
.relevant_con_r a{ color: #333;}
.relevant_con_r ul li{ float: left; width: 20%;}
.relevant_con .m-top20{ margin-top: 20px;}


.art_ul{margin-top: 20px;width: 104%;}
.art_ul li{float: left; width: 220px;height: 265px; background: #F2F2F2;
    text-align: center;
    margin: 0px 24px 23px 0px;}
.art_ul li img{width: 216px; height: 170px; margin-top: 34px;}
.art_ul li p{font-size: 14px;color: #333333; margin: 10px 0px;}
.art_ul li:nth-child(5n){margin-right: 0px;}
.m-top10{ margin-top: 10px;}

.hyej_con_right{ width: 277px; float: right;}
.hyej_con_right_up{ height: auto; background: #fff; padding-bottom: 25px;}
.hyej_con_right_up p{ height: 55px; line-height: 55px; font-size: 18px; font-weight: bold;}
.hyej_con_right_up p i{ width: 4px; height: 20px; background:#FE6600; display: inline-block; position: relative; top: 3px; margin-right: 12px;}
.hyej_con_right_up ul li{ width: 240px; height: 48px; background: #F7F7F7; line-height: 48px; margin: 0 auto; margin-bottom: 5px;}
.hyej_con_right_up ul li span{ width: 5px; height: 5px; background: #333333; border-radius: 50%; display: inline-block; position: relative; margin-left: 20px; margin-right: 11px; top: -3px;}
.hyej_con_right_up ul li a{ font-size: 17px;}
.hyej_con_right_up ul li:hover{ background: #FE6600;}
.hyej_con_right_up ul li:hover a{ color: #fff;}
.hyej_con_right_up ul li:hover span{ background: #fff;}
.hyej_con_right_con{ width: 240px; height: 69px; background: #F6F6F6; margin: 0 auto; margin-bottom: 5px;}
.hyej_con_right_con span{ width: 5px; height: 5px; float: left; background: #333333; border-radius: 50%; display: inline-block; position: relative; margin-left: 20px; margin-right: 11px; top: 20px;}
.hyej_con_right_con h3{ float: left; width: 190px; font-size: 16px; line-height: 25px; padding: 8px 0px;}


.title{margin-top: 42px;}
.title p{float: left;width: 5px;height: 26px;background: #FE6600;}
.title h6{float: left;color: #333333;font-size: 24px;margin-top:-3px;margin-left: 9px;font-weight: bold;}
.title h6 span{color: #FE6600;}