*{margin: 0;padding: 0;}
html,body{height:100%;font-family:'Microsoft YaHei';}
li{list-style: none;}
a{text-decoration: none;}

.pc_none{display:none}

/*header*/
.header_bg{width:100%;}
.top_bg{background:#f69806;}
.top{height:46px;width:1200px;margin:0 auto;line-height: 44px;}
.top_l{float: left;}
.top_l span{color:#fff;font-size:12px;padding:0 29px;display:block;float:left;}


.top_r{float:right;color:#fff;}
.top_r span{display:block;float:left;padding:0 15px}
.top_r span a{color:#fff;font-size: 12px;padding:0 5px}
.top_l span.top_tel{background:url(../images/top_tel.png) no-repeat left center}
.top_l span.top_email{background:url(../images/top_email.png) no-repeat left center}
.top_r span.zhanqun{position:relative;}
.top_r span .zhanqun_div{position:absolute;display:none;top:100%;left:0;background:#ededed;width:255px;border:1px solid #ddd;padding:5px}
.top_r span .zhanqun_div li a{color:#333;display:block;padding-left:10px;font-weight: bold;font-size: 12px;line-height: 28px;}
.top_r span .zhanqun_div .sanjiao{border-left:5px solid transparent;left:50px;top:-10px;border-right:5px solid transparent;
border-bottom:10px solid #ededed; position:absolute;}
.top_r .zhanqun:hover{background:#f69806}
.top_r .zhanqun:hover .zhanqun_div{display:block;}
.top_r .zhanqun .zhanqun_div a:hover{color:#f69806}

.top_r span.ewm{}
.top_search{float: right;background:#fff;border-radius:12px;height:24px;padding:0 10px;margin-top:10px;line-height:0;}
.top_search .input_text{border:0;outline:0;height:24px;width: 210px;}
.top_search .input_submit{    display: block;
    float: right;
    width: 15px;
    margin-top: 5px;}
.nav_bg{width: 1200px;margin:0 auto;}
.nav_bg::after{content:"";display:block;clear:both}
.nav_bg .logo{float:left;padding:10px 0 0}
.nav_bg .logo img{height: 50px;}
.nav_bg .nav{float:right;}
.nav_bg .nav li{float:left;line-height:73px;position:relative;}

.nav_bg .nav li>a{padding:0 15px;color:#333;display:block;}
.nav_bg .nav li dl{position:absolute;top:100%;z-index:9;width:100%;background:#f69806;display:none}
.nav_bg .nav li dl a{color:#fff;font-size: 14px;text-align: center;display:block;line-height:3em;}
.nav_bg .nav li dl a:hover{background:#f69806;}
.nav_bg .nav li:hover>a{color:#f69806;}
.nav_bg .nav li:hover dl{display:block}
.banner{height:467px;width:100%;background:#666;position:relative;}
.banner ul{width:100%;height:100%;position:relative;}
.banner ul li{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover!important ;}
.ban_nav{position:absolute;left:50%;margin-left:300px;bottom:25px}
.ban_nav span{width:40px; height:10px;background:#f69806;float: left;margin-right: 4px;}
.ban_nav span.cur{background:#fff;}

.nei_ban{width:100%;height:220px}

.yqlj{width:150px;height:24px}
/*main*/
.index_main{width:1200px;margin:40px auto;}
.index_title{overflow: hidden;}
.index_pro_title{width:1200px;margin:0 auto}
.tit_nav{float:left;width:500px;float:left;padding-bottom: 10px;}
.tit_b{width:120px;height:36px;text-align: center;font-size:12px;line-height: 36px;float:left;background:#f69806;color:#fff;}
.tit_span{float:left;margin-left:10px;line-height: 36px;color:#f69806;text-transform: uppercase;}

.more{float:right;font-size: 12px;line-height: 36px;color: #333;}
.tit_nav li{width:237px;height:36px;background:#efefef;font-size: 12px;text-align: center; line-height: 36px;float:left;margin-right:10px;}
.tit_nav li.on{background:#f69806;color:#fff;}
.index_news{margin:20px 0;overflow:hidden}
.new_left{width:450px;height:305px;float:left;margin-right:20px;position:relative;}
.new_left img{display:block;width:450px;height:305px}
.new_tuijian{width:100%;height:100%;overflow:hidden}
.new_tuijian li{width:100%;height:100%;overflow:hidden;position:absolute;display:none;left:0;top:0}
.new_tuijian li p{background:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;color:#fff;font-size: 14px;padding:10px 5px;width:100%}
.new_left_btn{position:absolute;right:0;bottom:0;bottom: 10px;}
.new_left_btn span{display:block;cursor:pointer;text-align: center;line-height: 14px; width:14px;height:14px; background:#f69806;float:left;margin-right:5px;color:#fff;font-size: 12px;}
.new_left_btn span.cur{background:#fff;color:#f69806}

.new_right{float:left;width:730px;}
.new_right ul{padding-top: 10px;}
.new_right ul li{overflow:hidden;/*border-bottom:1px dotted #ddd;padding-bottom: 13px*/;margin-bottom:13px;}
.new_right ul li .new_time{width:74px;height:74px;background:#efefef;float:left;margin-right:10px;}
.new_right ul li .new_time b{display:block;text-align: center;color:#f39803;font-size: 24px;padding-top: 10px;font-weight: normal;}
.new_right ul li .new_time p{text-align: center;font-size: 12px;padding-top: 5px;}
.new_right ul li .new_p *{color:#333;}
.new_right ul li .new_p p.new_title{font-size: 14px;padding-bottom: 5px;color:#333}
.new_right ul li .new_p p.new_desc{font-size:12px;color:#777;line-height: 2em;}
.index_news_list ul{display:none}



.index_about{}
.about_left{width:780px;float:left;margin-right:40px}
.about_left .p{font-size: 14px;line-height: 2em;text-indent: 2em;color:#333}
.index_about_pic{float:left;width:292px;height:211px;margin-right:27px;}
.about_left_con{padding-top: 20px;display: flex;}

.about_right{float:left;width:380px;}
.about_r_t{background:#f69806;text-align: center;width:189px;float:left;color:#fff;padding:13px 0;margin-bottom: 1px;
    margin-right: 1px;}
.about_r_t p{line-height: 2em;padding-bottom: 5px;}
.about_r_t a{color:#fff;}
.about_r_t img{display:block;margin:0 auto;    height: 70px;}
.about_r_t:hover{ background:#f69806}

.about_r_t2 {background:#f69806;}
.about_r_b{width:212px;float:left;    height: 160px;
    overflow: hidden;}

.index-server-list{
   overflow: hidden;
   padding: 40px 0; 
}
.index-p{padding: 40px 0 0;text-align: center;}
.index-server-list li{
    float: left;
    width: 23%;
    margin: 1%;
    text-align: center;
    font-size: 18px;
    padding: 40px 0;
    background: #efefef;
}
.index-server-list li i{
    font-size: 28px;
    padding: 10px 0;
}

.index_video{}
.index_video img{display:block;width:100%}
.about_r_b2{background:#f69806;}
.about_r_b2 p{padding-top:32px;padding-left:32px;font-size: 18px;color:#fff;}
.about_r_b2 p:after{content:"";display:block;width:40px;height:2px;background-color:#fff;margin-top:10px;transition:all 0.5s}
.about_r_b2 span{font-size:12px;display:block;padding:10px;color:#fff;margin:38px 0 0 140px;}
.about_r_b2:hover p:after{width:80px}


.title_border{border-bottom:1px solid #ddd}
.index_pro{padding:30px 0;overflow:hidden;width:1200px;margin:0 auto}
.index_pro li{float:left;width:280px;height:220px;position:relative;margin:0 20px 0 0;}
/*.index_pro li:last-child{margin-right:0;}*/
.index_pro li img{display:block;width:280px;height:190px;margin:0 auto}
.index_pro li p{left:0;bottom:0;width:100%;color:#000;text-align: center;}
.index_pro li p span{display:block;font-size: 16px;line-height: 32px;}

#index_pro{overflow:hidden;}
#index_pro_all_div{width:9999px;overflow:hidden}
#pro_scroll,#pro_scroll2{float: left;at:left;overflow: hidden;}

/*footer*/
.footer_bg{background:#333;margin-top:20px}
.footer{width:1200px;margin:0 auto;color:#fff;}

.footer_left{float:left;width:600px;padding-right:100px;padding-top:40px;padding-bottom: 40px;line-height: 24px;}
.footer_left b{font-size:24px;font-weight: normal;display:block;padding-bottom: 20px;}
.footer_left p{font-size: 12px;line-height: 24px;}
.footer_left a{color: #fff;}
.footer_right{float:left;width:499px;padding:40px 0;}
.footer_right li{float:left;margin-left:120px;}
.footer_right li a{color:#fff;}
.footer_right li b{font-size: 16px;display:block;padding-bottom: 20px;}
.footer_right li p{font-size: 12px;line-height: 24px;}

.ft_ico{}
.ft_ico span{display:block;float:left;position:relative;font-size: 12px;line-height: 30px;margin-right:10px;}
.ft_ico .ft_ewm img{display:block;width:150px;height:150px;}

/*main*/
.main{width:1200px;margin:0 auto;overflow:hidden;padding-top:40px;}
.main_left{float:left;width:158px;margin-right:40px;}
.main_left .cur{background:#f69806;}
.main_left .cur a{color:#fff;}
.main_right{float:right;width:980px;}

.main_left b{font-size: 24px;
    color: #333;
    display: block;border-bottom:1px solid #ddd;padding-bottom: 10px;
    margin-bottom: 10px;display:block;font-weight: normal;}
.main_left ul{padding-bottom: 40px;}
.main_left ul li{border-bottom:1px solid #ddd}
.main_left ul li a{color:#333;display:block;line-height: 24px;font-size: 12px;padding:5px 10px;}
.main_left ul li a:hover{background:#f69806;color:#fff;}
.main_title{overflow:hidden;padding-bottom:10px;margin-bottom:10px;border-bottom: 1px solid #ddd;}
.page_title{float:left;font-size: 24px;font-weight: normal;color: #333;}
.pos{float:right;line-height: 30px;}
.pos a{font-size: 12px;color:#333;}

.content{line-height:2em;}
.showinfo h2{font-size: 20px;line-height: 2em;color:#f69806}
#Article{padding:20px 0 20px;border-bottom:1px dotted #ddd;margin-bottom:20px;}
#Article h1{color:#000;font-size: 18px;text-align: center;padding-bottom:20px}
#Article p{text-align:center;color:#333;font-size: 12px;}
#Article p a{color:#333}
.show_shangxia{padding:20px 0;font-size: 12px;color:#333;line-height: 24px;}
.show_shangxia a{color:#333;}

.show_pro_thumb{display: table-cell;vertical-align: middle;width:1025px;height:460px;}
.show_pro_thumb img{display:block;margin:0 auto;max-width: 1025px;max-height: 550px;}
.show_piclist{width:100%;margin:20px auto;position:relative;}
.show_piclist div.show_piclist_div{width:950px;height:92px;overflow:hidden;margin:0 auto;position:relative;}
.show_piclist .show_piclist_ul{width:9999px;overflow:hidden;position:absolute;left:0}
.show_piclist ul li{float:left;width:142px;margin-right:10px;padding:4px;background:#eee;cursor:pointer;}
.show_piclist ul li.cur{background:#f69806;}
.show_piclist ul li img{display:block;width:100%;height:84px;}

.show_piclist .pic_btn{position:absolute;height:92px;background:#eee;width:30px;text-align: center;line-height: 92px;cursor:pointer;-webkit-user-select:none;user-select:none;}
.show_piclist .left_btn{left:0;top:0}
.show_piclist .right_btn{right:0;top:0}
.list_pro{}

/*list新闻列表*/

.cat_tit{background:#eee;padding:5px 10px;overflow:hidden;margin-bottom:20px}
.cat_tit h2{font-size:18px;float:left;color:#333}
.cat_tit span{float:right;font-size: 12px;color:#333}

.list{padding-bottom:20px}
.list li{overflow:hidden;border-bottom:1px solid #ddd;padding:20px 0}
/*.list li:hover{background:#efefef;}*/

.list li a{font-size:14px;color:#000;font-weight: bold;}
.list li:hover a{color:#f69806;}
.list li span{font-size: 12px;color:#666;display:block}
.list li img{display:block;float:left;width:180px;height:130px;margin-right:20px;}
.list li p{color:#333;font-size: 12px;}
.list li .new_time{width:74px;height:74px;background:#efefef;float:left;margin-right:20px;}
.list li .new_time b{display:block;text-align: center;color:#f39803;font-size: 24px;padding-top: 10px;font-weight: normal;}
.list li .new_time p{text-align: center;font-size: 12px;padding-top: 5px;}


.list_pro{overflow:hidden;    padding: 40px 0;}
.list_pro li{float:left;width:304px;margin-right: 31px;border:1px solid #fff;}

.list_pro li:nth-child(3n){margin-right:0}
.list_pro li img{display:block;max-width:304px;max-height:224px;margin:0 auto}
.list_pro .list_pro_img{width:304px;height:224px;}
.list_pro li p{color:#333;padding:10px;text-align: center;}
.list_pro li:hover{border-color:#f69806;}
.list_pro li:hover p{background:#f69806;color:#fff;}



.listyeji{border-collapse: collapse;border:1px solid #333}
.listyeji th{background:#f69806;color:#fff;border:1px solid #333;line-height: 4em;}
.listyeji td{text-align:center;border:1px solid #333;padding:4px}
.listyeji th:nth-child(1){width:8%;}
.listyeji th:nth-child(5){width:8%;}

.licheng{border-collapse: collapse;}
.licheng table{width:100%}
.licheng tr{padding:20px 0}
.licheng td{padding:10px;line-height: 2em;border:0}
.licheng tr td:first-child{background:url(../images/fz_thBg.jpg) no-repeat right center;font-size:16px;width:15%;text-align:right;padding-right: 20px;padding-top:10px;}
.licheng tr td:last-child{margin:20px 0}
.licheng tr td div{background:#eee;padding:20px;border-radius:10px}


#pages{text-align: center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.layui-form{}
.layui-form dl{display: flex;margin:20px 0;}
.layui-form dl dd{flex: 1;display: flex;}
.layui-form dl dd:nth-child(2){margin-left:100px;}
.layui-form dl dd span{width: 100px;display: block;    line-height: 42px;}
.layui-form dl dd input,.layui-form dl dd textarea{flex: 1;font-size: 14px;line-height:3em;padding-left: 10px;}
.layui-form dl dd input{}
.my_form_btn{background: #f38031!important;margin:40px auto 0!important;display: block;width: 300px;font-size: 18px;}
#form_code{flex:0 0 200px;}
#code_img{margin: 0 auto 0 0;height: 42px;cursor:pointer}