
ul{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt10{padding:10px 0;}
.pt20{padding:20px 0;}
.clear{clear:both;}
.dis{display:none;}
.text-center{text-align:center;}
.text-hide{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
body{background:#fff;}
i,em{ font-style:normal;}
::-webkit-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
:-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
::-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
:-ms-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}

.notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#0072C6;}
.notsupport h1{font-size:100px;margin-top:200px;margin-bottom:30px;}
.notsupport h2{font-size:30px;margin-bottom:30px;}



.bg_header{background:#030408;height:70px;}
.bg_gray{background:#fafafa;padding:20px 0 40px 0;}
.width{width:1200px;margin:0 auto;}

.header{background:#fff;min-height:110px;}
.header .fr{min-height:110px;padding:30px 0 0 60px;}
.header .fr span{margin:0;padding:0 0 0 40px;float:left;}
.header .fr span a{font-size:18px;color:#2A95E5;display:block;float:none;margin:0;}
.header .fr .tel{font-size: 24px;padding-left: 50px; color: #1184da;font-weight: bold;background:url(../img/tel.png) no-repeat;}

.bg_nav{background:#1184DA;}
.nav{list-style:none;margin:0;padding:0;}


.banner{position:relative;}
.banner .box_skitter{width:100%;z-index:2;}
.bg_inner{height:320px;padding:0;position: relative;}
.banner_inner{width: 100%; margin: 0px auto; text-align: center; line-height: 24px;}
.banner_inner .con{position:absolute;width: 200px;min-height:44px;max-height:60px; left: 50%;margin-left: -600px;top: 45%;margin-top: 50px; line-height: 30px;text-align: left; font-size: 36px;font-weight: bold; color: #fff;border-left: 2px solid #fff;padding-left: 18px;}
.banner_inner .con span{font-size: 14px;font-weight: normal;display: block;line-height:40px;}

.arctype_id_1{background:url(../img/cate_bg_about.jpg) center center no-repeat;}
.arctype_id_2{background:url(../img/cate_bg_news.jpg) center center no-repeat;}
.arctype_id_3{background:url(../img/cate_bg_product.jpg) center center no-repeat;}
.arctype_id_4{background:url(../img/cate_bg_case.jpg) center center no-repeat;}
.arctype_id_5{background:url(../img/cate_bg_down.jpg) center center no-repeat;}
.arctype_id_23{background:url(../img/cate_bg_talent.jpg) center center no-repeat;}
.arctype_id_54{background:url(../img/cate_bg_contact.jpg) center center no-repeat;}
.arctype_id_search{background:url(../img/cate_bg_search.jpg) center center no-repeat;}
.arctype_id_tag{background:url(../img/cate_bg_tag.jpg) center center no-repeat;}

.subject{border-bottom:1px solid #eaeaea;}
.subject b{border-bottom:1px solid #ffc000;height:40px;line-height:40px;display:inline-block;margin-bottom:-1px;font-weight:normal;color:#3b3b3b;font-size:18px;font-family:microsoft yahei;}
.subject .more{float:right;}
.more a{font-size:14px;color:#999;}
.more a:hover{color:#f99f2e;}

.home_title{width:1080px;margin:20px auto;text-align:center; font-size: 14px;line-height: 24px;}
.home_title .border{padding:20px 0;margin:-25px auto -14px auto; color:#999999}
.home_title h2{font-size:32px;font-weight: 300;color: #37474f;display:inline-block;padding:0 30px;}

.home_title p{font-size:14px;color:#999;background:#fafafa;display:inline-block;padding:0 10px;margin:0;font-weight:400;}

.home_more{width:1080px;margin:20px auto;text-align:center; font-size: 14px;line-height: 24px;}
span.more{display: inline-block;width: auto; position: relative; margin-bottom: 10px;}
span.more a{display: block; padding: 5px 18px; color: #2384D5;margin: 0 2px; border-radius: 2px;border: 1px solid #2384D5; line-height:26px;}
span.more a:hover{background: #2384D5;color: #fff;border: 1px solid #2384D5;}
span.more a .fa {
    padding-left: 10px;
}

.bg_white .border{border-color:#f3f3f3;}
.bg_white .home_title h2,.bg_white .home_title p{background:#fff;}


.home_about{clear:both;overflow:hidden;}
.home_about .left{float:left;width:410px;margin-right:30px;}
.home_about .left video{background:#000;}
.home_about .right{float:right;width:750px;line-height:30px;font-size:14px;}
.home_about .right h2{font-size: 25px;font-weight: 600;margin-bottom: 15px;}
.home_about .right p{font-size:15px;line-height:28px;margin:0 0 10px 0; color:#777}
.home_about .right a.btn-about{padding: 10px 20px;}

.home_nav{text-align:center;}
.home_nav ul{margin:25px auto;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;}
.home_nav ul li a{display:block;padding:6px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#2384D5;margin:0 2px;}

.home_nav ul li dl{display:none;background:#2384D5;padding:2px 0;margin:16px 0 0 0;z-index:999;}
.home_nav ul .hover dl{display:none;text-align:left;position:absolute;top:20px;left:3px;}
.home_nav ul .hover dl dt a{display:block;font-weight:normal;color:#fff;background:#2384D5;min-width:200px;border:0;}
.home_nav ul .hover dl dt a:hover{background:#fff;color:#333;border:0;}

.home_pro{margin:30px 0 0px 0;width:1206px;clear:both;}
.home_pro ul li{width:24%;margin:0 1% 1% 0;float:left;}
.home_pro ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;}
.home_pro ul li a div{overflow:hidden;width:100%;height:100%;min-height:279px;text-align:center;}
.home_pro ul li a div img{max-width:279px;max-height:279px;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.home_pro ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.home_pro ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.home_pro ul li a p{text-align:left;font-size:14px;color:#333;margin:0;padding:10px;}
.home_pro ul li a:hover p{color:#f30;}
.home_pro ul li a .title{min-height:70px;}
.home_pro ul li a .price{min-height:40px;color:#f60;font-family:Lucida Grande, Arial, 微软雅黑, 宋体;font-weight:400;padding:0 10px 10px 10px;}
.home_pro ul li a .price span{float:right;font-weight:normal;color:#999;}

.home_news{margin-bottom:20px;background:#fff;}
.home_news_list{}
.home_news_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.home_news_list li .date{float: left; width: 86px;height: 80px;}
.home_news_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.home_news_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.home_news_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.home_news_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}

.news_list{}
.news_list li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:12px 0 12px 0;}
.news_list li .date{background:#ffc000;color:#fff;display:inline-block;margin-right:20px;float:left;text-align:center;font-size:30px;width: 70px;font-weight: bold}
.news_list li .date em{display:block;font-style:normal;font-weight: normal; font-size:14px;background:#eee;margin-top:5px;color: #888}
.news_list li div{color:#999;font-size:12px;margin-left:95px;line-height:22px;}
.news_list li div a{display:block;font-size:18px;color:#333;margin-bottom:5px;}
.news_list li div a:hover{color:#f30;}

.dow_list{}
.dow_list li{border-bottom:1px solid #E6E6E6;overflow:hidden;padding:12px 0 12px 0;}
.dow_list li .img{float: left; width:124px;height:88px;border: 1px solid #e9e9e9;overflow: hidden;background: url(../img/noImges.png)}
.dow_list li .img img{width:127px;height:88px;}
.dow_list li .txt{color:#999;font-size:12px;margin-left:140px;line-height:22px;}
.dow_list li .txt a{display:block;font-size:18px;color:#333;line-height: 30px;margin-bottom:5px;}
.dow_list li .txt a:hover{color:#f30;}
.dow_list li .txt .property{font-size: 14px;line-height: 26px;}
.dow_list li .txt .property span{margin-right: 20px;}

.home_logo{margin-bottom:20px;}
.home_logo ul{}
.home_logo ul li{float:left;width:10%;margin-bottom:1%;}
.home_logo ul li img{border:1px solid #eee;width:104px;height:40px;}

.bg_link{background:#1184DA;}
.link{padding:10px 0;color:#fff;}
.link a{color:#BBDFFA;margin-right:15px;}
.link a:hover{color:#fff;}

.bg_footer{background:#2A95E5;}
.footer{padding:30px 0 0 0;}
.footer .fl{width:400px;float:left;padding:20px 0;}
.footer .fl h1{color:#fff;font-size:20px;font-weight:400;margin:0;padding:0;}
.footer .fl h5{font-size:12px;color:#A8CFF0;margin:0;padding:0;font-weight:normal;}
.footer .fl form{margin-top:25px;}
.footer .fl form input[type=text]{border:1px solid #1184DA;padding:6px 10px;width:200px;}
.footer .fl form input[type=submit]{border:1px solid #1184DA;background:#1184DA;color:#fff;padding:6px 15px;}
.footer .fr{width:800px;float:left;padding:20px 0;}
.footer .fr .left{padding:0 20px 0 40px;float:left;width:20%;min-height:110px;}
.footer .fr h6{color:#fff;font-size:16px;margin:0 0 10px 0;padding:0;font-weight:400;}
.footer .fr .left ul{margin:0;padding:0;}
.footer .fr .left ul li{text-align:left;font-size:12px;color:#fff;font-family:microsoft yahei;line-height:24px;font-weight:normal;}
.footer .fr .left ul li a{color:#B0D8F6;font-size:14px;}
.footer .fr .left ul li a:hover{color:#ff0;}

.copyright{border-top:1px solid #69B5ED;text-align:center;padding:15px 0;color:#fff;font-size:12px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.inner_container{min-height:600px;padding:20px 0;}
.inner_container h1{text-align:center;font-size:30px;font-weight:400;margin:0 0 20px 0;padding:0;}

.page_show a{color:#06C;}
.page_show a:hover{color:#f30;}

/*标签相关*/
.tags{}
.tags li{display:inline;width:auto;}
.tags li a{display:inline-block;padding:10px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px 5px 0;border-radius:2px;border:1px solid #E7E7E7;}
.tags li a:hover{background:#2384D5;color:#fff;border:1px solid #2384D5;}
.tags .hover a{display:inline;padding:10px 30px;color:#fff;font-size:14px;background:#2384D5;color:#fff;border:1px solid #2384D5;margin:0 2px;border-radius:2px;border-radius:0;}

/*筛选相关*/
.filter{border:1px solid #fff;padding:6px 20px;margin-top:30px;padding:15px;}
.filter dl{margin:0;}
.filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.filter dl dt{margin:0 0 0 80px;}
.filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.filter dl dt a:hover{background:#3BB4F2;color:#fff;cursor: pointer;}
.filter dl dt .hover{background:#3BB4F2;color:#fff;}

/*瀑布流布局*/
.piclist{width:1190px;margin-top:40px;}
.piclist ul{width:1220px;}
.piclist li{float:left;width:275px;margin-right:25px;}
.piclist li a{display:block;padding:4px;margin-bottom:25px;border:1px solid #eee;}
.piclist li a:hover{box-shadow:0 0 6px rgba(0, 0, 0, 0.17);}
.piclist li a img{width:100%;}
.piclist li a p{font-size:14px;padding:0 10px;}

/*新闻——图片*/
.list_pic{margin:30px 0 0px 0;width:1206px;clear:both;}
.list_pic ul li{width:24%;margin:0 1% 1% 0;float:left;}
.list_pic ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;}
.list_pic ul li a div{overflow:hidden;width:100%;height:100%;text-align:center;}
.list_pic ul li a div img{max-width:279px;max-height:200px;border:0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.list_pic ul li:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.1);}
.list_pic ul li a:hover div img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
.list_pic ul li a p{text-align:left;font-size:14px;color:#333;margin:0;padding:10px;}
.list_pic ul li a:hover p{color:#f30;}
.list_pic ul li a .title{min-height:30px;text-align:center;}

/*新闻相关*/
.news_show h1{text-align:left;font-size:26px;font-weight:400;margin:0;padding:0;}
.news_show .info{border-left:3px solid #ffc000;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}
.news_show .prenext p{font-weight:bold;}
.news_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.news_show .prenext a span{font-size:18px;margin-right:10px;}
.news_show .prenext a em{font-style:normal;font-size:18px;}
.news_show .prenext a:hover{background:#ffc000;border-color:#ffc000;color:#fff;}
.news_show .prenext a:hover span{color:#fff;}
.news_show .prenext .pre{float: left;}
.news_show .prenext .next{float: right;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}


.news_show_list{}
.news_show_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.news_show_list li .date{float: left; width: 86px;height: 80px;}
.news_show_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#ffc000;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.news_show_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.news_show_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.news_show_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}
/*下载相关*/

.dow_show .infobox{background-color:#f8f8f8;padding:30px;overflow: hidden;}
.dow_show .infobox .img{float: left; width:124px;height:88px;border: 1px solid #e9e9e9;overflow: hidden;background: url(../img/noImges.png)}
.dow_show .infobox .img img{width:127px;height:88px;}
.dow_show .infobox .txt{color:#999;font-size:12px;margin-left:140px;line-height:22px;}
.dow_show .infobox .txt h2{display:block;font-size:30px;color:#333;line-height: 50px;margin-bottom:5px;font-weight: normal;}
.dow_show .infobox .txt .property{font-size: 14px;line-height: 26px;}
.dow_show .infobox .txt .property span{margin-right: 20px;}

.dow_show .xia{margin-top:20px;color:#999;background-color: #fff;padding:10px 14px;}
.dow_show .xia .xiazai a{background:url(../img/down.png) left center no-repeat;color:#333;display:inline-block;margin-right:10px;text-align:center;font-size:14px;padding:5px 0 5px 20px;}
.dow_show .intro a{color:#06C;}
.dow_show .intro a:hover{color:#f30;}
.dow_show .intro img{max-width:100%;height:auto;}
.dow_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}
.dow_show .prenext p{font-weight:bold;}
.dow_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.dow_show .prenext a span{font-size:18px;margin-right:10px;}
.dow_show .prenext a em{font-style:normal;font-size:18px;}
.dow_show .prenext a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.dow_show .prenext a:hover span{color:#fff;}
.dow_show .prenext .pre{float: left;}
.dow_show .prenext .next{float: right;}
.dow_show .tags{font-weight:500;}
.dow_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.dow_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
/*招聘相关*/
.job_show{}
.job_show h1{text-align:left;font-size:30px;font-weight:400;margin:0;padding:0;color:#06C;}
.job_show h2{text-align:left;font-size:20px;font-weight:400;margin:10px 0;padding:0;color:#06C;}
.job_show .info{margin:15px 0;padding:0px;font-size:14px;}
.job_show .info ul{overflow:hidden;}
.job_show .info ul li{float:left;width:23.5%;border-left:1px solid #dadada;padding-left:1.5%;line-height:30px;}
.job_show .info ul li span{color:#999;}
.job_show .intro a{color:#06C;}
.job_show .intro a:hover{color:#f30;}
.job_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}
.job_show .prenext p{font-weight:bold;}
.job_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.job_show .prenext a span{font-size:18px;margin-right:10px;}
.job_show .prenext a em{font-style:normal;font-size:18px;}
.job_show .prenext a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.job_show .prenext a:hover span{color:#fff;}
.job_show .prenext .pre{float: left;}
.job_show .prenext .next{float: right;}
.job_show .tags{font-weight:500;}
.job_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.job_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.job_show .action{text-align:center;}
.job_show .action a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #2384D5;padding:6px 20px;min-width:100px;background:#2384D5;color:#fff;}
.job_show .action a:hover{color:#fff;border-color:#f60;background:#f60;}
/*招聘弹出框*/
.job-popup{width: 580px;padding: 20px;font: 14px "microsoft yahei", arial, sans-serif;color: #555;overflow: hidden;position: relative;}
.job-popup dl{float: left; margin: 4px 0; position: relative; width: 100%; min-height:40px ; overflow: hidden;}
.job-popup dl dt,.job-popup dl dd{float: left;}
.job-popup dl dt{width: 80px;margin-top: 8px;text-align: right;line-height: 36px;}
.job-popup dl dd{width: 400px;margin-left: 10px;line-height: 36px;}
.job-popup dl dd input{padding: 0 4px;height: 36px;width: 400px;display: inline-block;border: 1px solid #d9d9d9;border-radius: 4px;-webkit-transition: all .3s;transition: all .3s}
.job-popup dl dd select{padding: 0 4px;border: 1px solid #d9d9d9;height: 36px;width: 400px;border-radius: 4px;}
.job-popup dl dd textarea{padding: 4px;border: 1px solid #d9d9d9;line-height: 20px;width: 400px;height: 100px;border-radius: 4px;}
::-webkit-input-placeholder{color:#bbb}
.job-popup dl dd input:focus{border: 1px solid #97cdf5;outline: 0;-webkit-box-shadow: 0 0 2px rgba(191,189,189,1);box-shadow: 0 0 2px rgba(191,189,189,1)}
.job-popup dl dd .bt{border: 0;padding: 8px 20px;background-color:#0e90d2;border-radius: 4px;color: #fff;}
.job-popup dl dd .bt:focus{border: 1px solid #97cdf5;outline: 0;-webkit-box-shadow: 0 0 2px rgba(191,189,189,1);box-shadow: 0 0 2px rgba(191,189,189,1)}
.job-popup .tit{line-height: 40px;text-align: center;font-size:16px;font-weight: bold;height: 40px}

#bg{ display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70)}
#show{display: none;position: fixed;top:50%;left:50%;margin-top:-350px;margin-left: -280px;width:560px;  height:auto;background:#fff;z-index:1002;overflow: hidden;}
#show #btnclose {cursor: pointer;width: 22px;height: 22px;line-height: 20px;position: absolute;right: 35px;top: 10px;font-size: 24px;border: 0px;background: #fff;}


/*商品相关*/
.pro_show{box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.pro_show .left{float:left;width:650px;text-align:center;border-right:1px solid #f3f3f3;padding:40px;}
.pro_show .left .zoom{text-align:center;}
.pro_show .left .zoom img{width:auto;max-width:500px;}
.pro_show .left .thumb_pic{margin:40px 0 0 0;text-align:center;}
.pro_show .left .thumb_pic ul{margin:0 auto;}
.pro_show .left .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:3px;cursor:pointer;position:relative;}
.pro_show .left .thumb_pic ul li.hover{border:1px solid #f90;background:#fff;}
.pro_show .left .thumb_pic ul li.hover:after{content:" ";position:absolute;right:27px;top:-6px;width:11px;height:11px;border:#f90 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#f90;z-index:-1;}

.pro_show .right{margin-left:650px;padding:40px;}
.pro_show .right h1{font-size:24px;margin:0;padding:0;font-weight:400;text-align:left;}
.pro_show .right h5{font-size:14px;margin:10px 0;padding:0;color:#999;font-weight:normal;}
.pro_show .right .intro{font-size:14px;margin:0;padding:0;font-weight:400;text-align:left;}
.pro_show .right .attribute{}
.pro_show .right .attribute li{font-size:14px;line-height:30px;}
.pro_show .right .attribute li em{display:inline-block;width:80px;font-style:normal;color:#555;font-size:14px;}
.pro_show .right .price{font-size:14px;line-height:30px;margin:20px 0;}
.pro_show .right .price span{font-size:36px;color:#f60;}
.pro_show .right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.pro_show .right .tags{margin:20px 0;}
.pro_show .right .tags a{margin-left:10px;display:inline-block;border-radius:4px;border:1px solid #dadada;background:#fff;padding:2px 6px;font-weight:normal;font-size:14px;}
.pro_show .right .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.pro_show .right .action{margin:30px 0 50px 0;}
.pro_intro{margin:20px 0;}
.pro_intro .left{width:320px;margin-right:20px;float:left;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .plist{margin:15px;width:300px;}
.pro_intro .plist ul{width:304px;}
.pro_intro .plist ul li{float:left;width:137px;margin: 0 15px 15px 0;}
.pro_intro .plist ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px;}
.pro_intro .plist ul li a div{overflow:hidden;width:100%;height:100%;}
.pro_intro .plist ul li a div img{width:100%;height:100%;max-height:127px;min-height:127px;display:block;border:0;}
.pro_intro .plist ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0;}
.pro_intro .plist ul li a:hover p{color:#f30;}

.pro_intro .right{float:left;width:850px;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .tabs{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul li{float:left;}
.pro_intro .tabs ul li a{display:block;padding:10px 30px;text-align:center;font-size:14px;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;background:#fff;color:#999;border-top:2px solid #fff;}
.pro_intro .tabs ul li.hover a{border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#333;border-top:2px solid #2384D5;}
.pro_intro .intro{padding:30px;}
.pro_intro .intro p{margin:0;padding:0;}
.pro_intro .intro img{max-width:790px;}
.pro_intro .intro a{color:#06C;}
.pro_intro .intro a:hover{color:#f30;}

.pro_intro .intro .extend{}
.pro_intro .intro .extend li{font-size:14px;line-height:30px;}
.pro_intro .intro .extend li em{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px;}

.ordershow{margin:10px 0 0 0;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.ordershow .tips{margin:20px 40px 30px 40px;position:relative;}
.ordershow .tips h3{font-size:24px;font-family:microsoft yahei;font-weight:400;margin:0;}
.ordershow .tips p{font-size:15px;padding-left:68px;}
.ordershow .tips div{font-size:20px;position:absolute;bottom:20px;right:0;}
.ordershow .tips div em{color:#f30;font-style:normal;}
.ordershow .tips p em{color:#f30;font-style:normal;}
.ordershow h5{font-size:20px;font-family:microsoft yahei;font-weight:400;padding-left:30px;background:#fafafa;border:1px solid #f3f3f3;border-left:0;border-right:0;height:50px;line-height:50px;margin:10px 0;}
.ordershow .info{margin:0;list-style:none;}
.ordershow .info li{padding:0 0 10px 0;font-size:14px;}
.ordershow .info li span{display:inline-block;width:120px;text-align:right;padding-right:10px;color:#999;}
.ordershow .info li em{color:#f30;font-style:normal;}
.ordershow .pay{margin:0 20px 5px 20px;list-style:none;overflow:hidden;}
.ordershow .pay li{float:left;width:19%;margin:5px 1% 1% 0;cursor:pointer;}
.ordershow .pay li div{border:1px solid #efefef;text-align:center;margin-left:10px;position:relative;}
.ordershow .pay li div em{display:none;width:20px;height:20px;position:absolute;right:0;bottom:0;z-index:9;background:url(../img/selected.gif) no-repeat bottom;}
.ordershow .pay .active div{border-color:#90BAFF;}
.ordershow .pay .active div em{display:block;}

.ordershow .bottom{height:70px;line-height:70px;bottom:0;background:#fafafa;border-top:1px solid #eee;text-align:center;padding:0 20px;}
.ordershow .bottom button{margin-left:15px;border:0;background:#0075DC;color:#fff;padding:10px 30px;border-radius:4px;}

/*自定义表单*/
.form-add input[type=number],.form-add input[type=search],.form-add input[type=text],.form-add input[type=password],.form-add input[type=datetime],.form-add input[type=datetime-local],.form-add input[type=date],.form-add input[type=month],.form-add input[type=time],.form-add input[type=week],.form-add input[type=email],.form-add input[type=url],.form-add input[type=tel],.form-add input[type=color],.form-add select,.form-add textarea,.am-form-field{width:auto;display:inline;border-color:#ddd;border-radius:3px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.065) inset;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.form-add .w420{width:480px;}
.form-add .w400{width:400px;}
.form-add input{border:1px solid #ddd;width:60px;padding:5px 10px}
.form-add em{color:#999;font-style:normal;}

/*表单内容*/
.formshow{}
.formshow .item{font-size:14px;line-height:30px;clear:both;}
.formshow .item .lefter{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px;float:left;}
.formshow .item .righter{margin-left:120px;line-height:30px;}
.formshow .item .righter .pic{max-width:400px;margin:10px 0;}
.formshow .item .righter video{width:450px;height:300px;}

.imagelist{overflow:hidden;}
.imagelist ul{margin:0;padding:0;list-style:none;}
.imagelist ul li{float:left;width:19%;margin-right:1%;border:1px solid #ddd;padding:5px;border-radius:4px;margin-top:15px;cursor:pointer;position:relative;}
.imagelist ul li .preview{height:140px;background:#fafafa;overflow:hidden;text-align:center;}
.imagelist ul li .preview img{vertical-align:middle;max-width:100%;max-height:140px;}
.imagelist ul li .preview:after{content:' ';width:0;height:100%;display:inline-block;vertical-align:middle;overflow:hidden;}
.imagelist ul li .intro textarea{width:100%;margin:5px 0;padding:8px 10px;font-size:14px;height:50px;color:#999;}
.imagelist ul li .action{text-align:center;overflow:hidden;}
.imagelist ul li .action a{text-align:center;color:#999;outline:none;width:33.3333%;float:left;}
.imagelist ul li .action a:hover{color:#f30;}
.imagelist ul .hover{border:1px solid #6b0;}
.imagelist ul .hover:after{width:0;height:0;border-top:40px solid #66bb00;border-left:40px solid transparent;position:absolute;display:block;right:0;content:"";top:0;z-index:1001;}
.imagelist ul .hover:before{font:normal normal normal 14px/1 FontAwesome;content:"f00c";display:block;position:absolute;top:5px;right:4px;z-index:1002;color:#fff;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#ffc000;background:#ffc000;color:#fff;}
.pagelist li.active a{border-color:#ffc000;background:#ffc000;color:#fff;}

/*网站地图*/
.map_one{border-bottom:1px solid #eee;line-height:40px;}
.map_one a{font-size:20px;}
.map_two{margin:15px 0;}
.map_two a{display:inline-block;margin-right:15px;}

/*右侧浮动相关*/
.plug_service{position:fixed;right:1%;bottom:5%;z-index:999;}
.plug_service li{margin-bottom:-1px;position:relative;}
.plug_service li a{display:block;text-align:center;background:#fff;border:1px solid #ececec;padding:2px 8px 6px 8px;font-size:12px;font-family:microsoft yahei;color:#505050;outline:none;}
.plug_service li a span{display:block;font-size:24px;color:#888;}
.plug_service li a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.plug_service li a:hover span{color:#fff;}
.plug_service .hover a{display:block;text-align:center;background:#2384D5;border:1px solid #2384D5;padding:2px 8px 6px 8px;font-size:12px;font-family:microsoft yahei;color:#fff;outline:none;}
.plug_service .hover a span{color:#fff;}
.plug_service .hotline{position:absolute;display:none;background:#fff;padding:10px 15px 0 15px;left:-200px;bottom:0px;width:210px;border:1px solid #ddd;width:180px;height:68px;font-size:12px;color:#999;line-height:24px;border-radius:4px;}
.plug_service .hotline b{display:block;font-size:16px;color:#333;}
.plug_service .hotline:after{content:" ";position:absolute;right:-10px;top:25px;width:20px;height:20px;border:#ddd solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;}
.plug_service .weixin_pic{position:absolute;display:none;background:#fff;padding:5px;left:-230px;bottom:-70px;width:210px;border:1px solid #ddd;border-radius:4px;}
.plug_service .weixin_pic p{text-align:center;margin:0 0 10px 0;padding:0;}
.plug_service .weixin_pic p span{color:#f30;}
.plug_service .weixin_pic:after{content:" ";position:absolute;right:-10px;top:130px;width:20px;height:20px;border:#ddd solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;}
.plug_service li:hover div{display:block;}
.plug_service li:last-child{margin-top:5px;}

/*无缝滚动*/
.str_wrap{overflow:hidden;width:100%;position:relative;white-space:nowrap;}
.str_move {white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,
.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.str_wrap img {max-width:none !important;}


/*焦点图*/

/*本站通用*/
.clearborderright{border-right:none !important;}
.none{display:none;}
.margintop20{margin-top:20px;}
.color1{color:White;}
.color2{color:#333333;}

/*图片特效*/
.piccontext{width:998px;border:1px solid #e4e4e4;margin:12px auto 0px;background:white;overflow:hidden;}
.piccontext h2{width:950px;height:46px;line-height:46px;overflow:hidden;font-size:20px;color:#2c2c2c;margin-top:18px;margin-left:25px;font-weight:normal;}
.source{width:950px;height:20px;line-height:20px;overflow:hidden;margin-left:25px; font-family:"宋体";}
.source_left{float:left;height:20px;font-family: "helvetica_neue_lt_pro35_thin",Helvetica,Verdana;font-size: 14px;color: #ababab;}
.source_left a{color:#666666;}
.source_left a:hover{color:#ff5d11; text-decoration:underline;}
.source_left span{color:#ababab;padding-left:15px; font-family:Arial, Helvetica, sans-serif;}
.source_right{float:right;height:20px;color:#666666;}
.source_right a{color:#666666;}
.source_right span{padding:0px 10px;}
.source_right1{float:right;height:20px;color:#666666;display:none;}
.support{float:left;height:20px;overflow:hidden;font-family: "helvetica_neue_lt_pro35_thin",Helvetica,Verdana;font-size: 14px;}
.support img{padding:0px 5px;}
.spell{background:url("../img/spel.jpg") 0px -1px no-repeat;padding-left:23px;}
a.spell:hover{background:url("../img/spel_1.jpg") 1px -1px no-repeat;}
.list{background:url("../img/list.jpg") 1px 1px no-repeat;padding-left:23px;font-family: "helvetica_neue_lt_pro35_thin",Helvetica,Verdana;font-size: 14px;}
a.list:hover{background:url("../img/list_1.jpg") 0px 0px no-repeat;}
/*大图展示*/
.picshow{width:950px;margin-top:20px;margin-left:25px;overflow:hidden;}
.picshowtop{width:950px;text-align:center;position:relative;z-index:1;overflow:hidden;}
#pic1{max-width:950px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:80px;}
#preArrow_A{left:0px;background:url('../img/left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('../img/right.png') 0px 0px no-repeat;display:none;}
.picshowtxt{width:950px;min-height:40px;_height:40px;margin-top:20px;}
.picshowtxt_left{float:left;width:50px; height:50px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.picshowtxt_left span{color:#e55656;font-size:30px;}
.picshowtxt_left i{color:#666666;font-size:20px;}
.picshowtxt_right{float:left;display:inline;line-height:23px;color:#666666;width:880px;font: 15px/32px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",serif;}
.picshowlist{width:950px;margin-top:20px;padding-bottom:20px;overflow:hidden;}
.picshowlist_left{float:left;width:120px;overflow:hidden;overflow:hidden;}
.picleftimg{width:120px;height:80px;background:url('../img/photo.jpg') no-repeat;padding-top:9px;padding-left:5px;overflow:hidden;}
.picleftimg img{width:106px;height:66px;}
.piclefttxt{width:120px;line-height:20px; font-family:"宋体";}
.piclefttxt a{color:#444444;display: block;width: 106px;text-align: center;font: 12px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",serif;}
.piclefttxt a:hover{color:#ff5d11; text-decoration:underline;}
.picshowlist_mid{float:left;width:680px;margin-left:15px;display:inline;overflow:hidden;height:76px;}
.picmidleft{float:left;width:24px;height:76px;overflow:hidden;}
.picmidleft a{display:block;width:24px;height:76px;}
.picmidmid{float:left;width:630px;overflow:hidden;height:76px;padding-left:2px;}
.picmidmid ul{width:630px;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li{float:left;margin-left:8px;display:inline;width:116px;text-align:center;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li img{max-width:106px;height:76px;}
.selectpic{border:5px solid #cacaca;height:100% !important;}
.picmidright{float:left;width:24px;height:76px;overflow:hidden;}
.picmidright a{display:block;width:24px;height:76px;}
.picshowlist_right{float:left;width:120px;float:right;overflow:hidden;}
/*列表展示*/
.piclistshow{width:998px;overflow:hidden;border-top:1px solid #e4e4e4;margin-top:10px;display:none;}
.piclistshow ul li{width:248px;height:274px;float:left;border-bottom:1px solid #e4e4e4;overflow:hidden;border-right:1px solid #e4e4e4;cursor:pointer;padding-top:40px;}
.piclistshow .picimg{width:228px;height:160px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;padding:0px 10px;}
.picimg img{max-width:228px;max-height:160px;}
.pictxt{padding:15px 20px 0;line-height:25px;text-align:center; height:80px; overflow:hidden;}
.pictxt h3{font-size:14px;font-weight:normal;}
.gaoqing{background:url("../img/gaoqing.jpg") 1px 1px no-repeat;padding-left:26px;}
a.gaoqing:hover{background:url("../img/gaoqing_1.jpg") 1px 1px no-repeat;color:#FF702D;text-decoration:underline;}
/*弹出层*/
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:250px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:270px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('../img/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../img/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;margin-left:75px;}
.returnbtn a{width:115px;height:32px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;text-decoration:underline;border:1px solid #8d5a00;}
.firsttop{width:300px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:300px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}



/*人才招聘*/
.am-table thead,.am-table td{font-size: 14px;}

/*字体渲染*/
.fa-angle-right:before {
    content: "\f105";
}

.ding {
    position: relative;
}

.top {
    width: 100%;
    min-width: 1200px;
    height: 30px;
}

.topn {
    float: right;
  
}

.topn>li {
    padding-left: 15px;
    padding-right: 15px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    float: left;
    list-style: none;
    line-height: 30px;
}

.topn>li>a {
    color: #fff;
}

.topn>li:nth-of-type(2) {
    margin-top: 10px;
    height: 13px;
    border-left: 1px  dashed;
    padding: 0;
}

.topn>li:nth-of-type(4) {
    margin-top: 10px;
    height: 13px;
    border-left: 1px  dashed;
    padding: 0;
}

.topn>li:nth-of-type(6) {
    margin-top: 10px;
    height: 13px;
    border-left: 1px  dashed;
    padding: 0;
}

.zt {
    position: relative;
}

#video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    overflow: hidden;
    min-width: 1200px;
}

#video::after {
    content: "";
    display: table;
    clear: both;
}

.video_bj {
    width: 100%;
    height: 100%;
    background: url(../img/video_cover.png);
    position: absolute;
}

#play {
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    vertical-align: baseline;
    object-fit: contain;
}

#over {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 -180px 200px rgba(0,0,0,.6);
}

.dao {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
   
    width: 100%;
    min-width: 1200px;
 
    background: rgba(0,0,0,.5);
    color: #fff;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    z-index: 9999;
    transition: 1s;
	border-bottom: 1px solid #454545;
}

.daob {
    position: fixed;
    width: 100%;
    height: 75px;
    min-width: 1200px;
    line-height: 75px;
    font-size: 14px;
    background: rgba(0,0,0,.5);
    color: #fff;
    z-index: 9999;
    top: 0px;
    transition: 1s;
	border-bottom: 1px solid #454545;
}

@media (min-width:1280px) {
    .dao {
        height: 80px;
        line-height: 80px;
        font-size: 16px;
    }

    .daob {
        font-size: 16px;
    }
}

@media (min-width:1450px) {
    .dao {
        height: 75px;
        line-height: 75px;
        font-size: 18px;
    }

    .daob {
        font-size: 18px;
    }
}

.logo {
    margin-top: 15px;
    width: 147px;
    height: 39px;
    background: url(../img/logo.png)  no-repeat;
    background-size: cover;
    float: left;
    margin-left: 50px;
    transition: 1s;
}

.logob {
    margin-top: 10px;
    width: 190px;
    height: 50px;
    background: url(../img/logo.png)  no-repeat;
    background-size: cover;
    float: left;
    margin-left: 10px;
    transition: 1s;
}

@media (min-width:1280px) {
    .logo {
        margin-top: 15px;
        width: 168px;
        height: 44px;
    }
}

@media (min-width:1450px) {
    .logo {
        margin-top: 10px;
        width: 195px;
        height: 50px;
    }
}

.dh {
    height: 100%;
    float: left;
}

.dh >li {
    list-style: none;
    float: left;
    height: 100%;
    text-align: center;
    width: 95px;
    cursor: pointer;
    margin-left: 25px;
}

.dh >li> a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.dh >li:hover {
    background: #ff7200;
    color: #fff;
}

.dh >li:hover a {
    color: #fff;
}

.dh >li:hover .dul {
    display: block;
}

.dh .dul {
    width: 140px;
    position: absolute;
    background: #fff;
    display: none;
    overflow: hidden;
    padding-bottom: 20px;
}

.dh .dul {
    border-top: 2px solid #ff7200;
}

.dh .dul a li {
    width: 100px;
    text-align: center;
    color: #acacac;
    font-size: 14px;
    height: 50px;
    margin-top: 10px;
}

.dh .dul a li:hover {
    color: #ff7200;
}

.phone {
    width: 182px;
    height: 51px;
    float: right;
  
    background: url(../img/dianhua.png) no-repeat;
    background-size: cover;
    transition: 1s;
}

.phoneb {
    width: 280px;
    height: 75px;
    float: right;
    
    background: url(../img/dianhua.png) no-repeat;
    background-size: cover;
}

@media (min-width:1280px) {
    .phone {
        width: 208px;
        height: 58px;
    }
}

@media (min-width:1450px) {
    .phone {
        width: 280px;
        height: 75px;
    }
}

.kong {
    height: 300px;
}

.zyzixun {
    position: relative;
    margin-left: 25px;
}

.sx {
    width: 622px;
    height: 77px;
    font-size: 51px;
    font-weight: bold;
    color: #FFD800;
    padding-left: -20px;
    overflow: hidden;
}

@media (min-width:1280px) {
    .sx {
        width: 711px;
        height: 88px;
        font-size: 59px;
    }
}

@media (min-width:1450px) {
    .sx {
        width: 840px;
        height: 100px;
        font-size: 70px;
    }
}

.xx {
    font-size: 16px;
    width: 566px;
    height: 70px;
    color: #b9b9b9;
    margin-left: 30px;
    overflow: hidden;
	    margin-top: 20px;
}

@media (min-width:1280px) {
    .xx {
        font-size: 18px;
        width: 665px;
    }
}

@media (min-width:1450px) {
    .xx {
        font-size: 22px;
        width: 800px;
    }
}

.lj {
    margin-top: 30px;
    margin-left: 30px;
}

.lj>a {
    display: inline-block;
    width: 175px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.lj>a:nth-of-type(1) {
    background: #121415;
    color: #ff7200;
    border: 1px  solid #ff7200;
}

.lj>a:nth-of-type(1):hover {
    background: #ff7200;
    color: #fff;
}

.lj>a:nth-of-type(2) {
    background: #6D1D07;
    color: #FFC000;
    margin-left: 20px;
    border: 1px  solid  #FF3200;
}

.lj>a:nth-of-type(2):hover {
    background: #9F1600;
    color: #FECF69;
}

.kong1 {
    height: 140px;
}

.cp {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 95%;
    max-width: 1600px;
    min-width: 1200px;
    z-index: 1;
}

.fww {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

@media (min-width:1280px) {
    .fww {
        width: 25%;
        padding: 10px;
        box-sizing: border-box;
    }
}

.fw {
    color: #BD9010;
    font-weight: bold;
    width: 100%;
    border: 1px dashed #BD9010;
    padding: 10px;
    box-sizing: border-box;
    background: #000;
    opacity: 0.8;
}

.fw>a {
    float: right;
    color: #BD9010;
}

.zongcp {
    width: 50%;
    margin-top: 10px;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    font-size: 16px;
}

@media (min-width:1280px) {
    .zongcp {
        width: 25%;
        margin-top: 10px;
        padding: 10px;
        float: left;
        box-sizing: border-box;
        font-size: 14px;
    }
}

.cpjs {
    position: relative;
  
}

.xian {
  
}

.xian:hover .cpm {
    background: #ff7200;
}

.xian:hover .cpm .cpm1 {
    color: #000;
}

.cpjs::before {
    content: "";
    padding-top: 56.25%;
    display: block;
}

.tp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.xian:hover .hui {
    display: none;
}

.tp>a>img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	opacity:0.6;
filter:alpha(opacity=60);
}

.cpm {
    height: 105px;
    width: 100%;
    border: 1px solid #535353;
    box-sizing: border-box;
    background: #2e2b2a;
    padding: 10px;
    padding-left: 30px;
    padding-right: 60px;
	border-bottom-left-radius:10px;

    border-bottom-right-radius:10px;
	opacity:0.6;
filter:alpha(opacity=60);
}

.cpm1 {
    font-size: 24px;
    color: #fff;
}
.cpm1 a{color: #fff;}
.cpm2 a{color: #fff;}
.zongcp .xian:hover a{color: #fff;}
.cpm2 {
    color: #fff;
    opacity: .4;
    width: 100%;
    height: 55%;
    overflow: hidden;
}

.jianbian {
    position: absolute;
    width: 100%;
    min-width: 1200px;
    bottom: -60px;
    z-index: 0;
}

.jianbian::before {
    content: "";
    padding-top: 10.5%;
    display: block;
    background: url(../img/jianbian.png);
}

.anli {
    width: 100%;
    min-width: 1200px;
    position: relative;
  	padding-top:50px;
	margin-top:80px;
	background-color:#fff;
}

.jcal {
    color: #000;
    text-align: center;
    font-size: 40px;
}

.kfal {
    width: 520px;
    height: 30px;
    border-radius: 30px;
    border: 1px dotted #6F6F6F;
    color: #6F6F6F;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 18px;
}

.alfl {
    width: 1010px;
    margin: 0 auto;
    margin-top: 50px;
}

.alfl a li {
    width: 110px;
    height: 39px;
    float: left;
    color: #6F6F6F;
    text-align: center;
    margin-left: 40px;
}

.alfl a li:hover {
    background: url(../img/kuang.png) no-repeat top center;
    color: #000;
}

.alfl a:nth-of-type(1) li {
    margin: 0px;
}

.alfl .bjk {
    background: url(../img/kuang.png) no-repeat top center;
    color: #000;
}

.altp {
    width: 100%;
    min-width: 1200px;
    margin-top: 25px;
}

.altp .al_tp:hover .hui {
    display: none;
}

.hui {
    position: absolute;
    z-index: 3;
    background: rgba(0,0,0,0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.altp .al_tp {
    position: relative;
    width: 25%;
    float: left;
}

.altp .al_tp:before {
    content: "";
    display: block;
    padding-top: 79%;
}

.altp .al_tp img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
}

.altp .al_tp  img:hover {
    border: 3px solid #FFC000;
    cursor: pointer;
}

.gdal {
    width: 225px;
    height: 40px;
    border: 1px solid #ff7200;
    border-radius: 40px;
    text-align: center;
    margin: 0 auto;
    margin-top: 55px;
    margin-bottom: 55px;
    line-height: 40px;
    color: #ff7200;
}

.zfwpp {
    width: 100%;
    min-width: 1200px;
    background: #eeeeee;
    padding-top: 70px;
}

.pptitle {
    font-size: 40px;
    text-align: center;
}

.ppjs {
    width: 720px;
    height: 30px;
    line-height: 30px;
    border: 1px dotted;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 20px;
}

.ppwk {
    width: 80%;
    margin: 0 auto;
    margin-top: 55px;
    padding-bottom: 75px;
}

.pptp {
    width: 16.2%;
    border: 1px dashed #CCC;
    box-sizing: border-box;
    border-radius: 20px;
    float: left;
    margin-left: 0.56%;
    margin-top: 0.56%;
    overflow: hidden;
    position: relative;
}

.pptp:nth-of-type(1),.pptp:nth-of-type(7) {
    margin-left: 0px;
}

.pptp img {
    width: 100%;
    height: 100%;
}

.pptp:before {
    content: "";
    display: block;
    padding-top: 46%;
}

.pptp img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ldzk {
    width: 100%;
    min-width: 1200px;
    padding-top: 80px;
}

.ldzkbt {
    color: #000;
    text-align: center;
    font-size: 40px;
}

.ldzkjs {
    width: 480px;
    height: 30px;
    border-radius: 30px;
    border: 1px dotted #6F6F6F;
    color: #6F6F6F;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 18px;
}

.xw {
    width: 900px;
    margin: 60px auto;
}

.xw a li {
    float: left;
    margin-left: 80px;
    color: #6F6F6F;
	width: 113px;
    height: 40px;
	text-align:center;
}

.xw a:nth-of-type(1) li {
    margin: 0px;
}

.xw .huang {
    color: #fff;
	background: url(../img/kuang.png) no-repeat top center;
	
}

.xwnr {
    width: 81%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: 0px auto;
    display: none;
}

.xwnr1 {
    width: 47.6%;
    height: 28.1em;
    float: left;
	background-color:#f8f8f8;
	    border-radius: 20px;
		border: 1px dashed #dadada;
		box-shadow: darkgrey 1px 2px 20px 1px ;
	 
}

.xwnr2 {
    width: 47.6%;
    height: 28.1em;
    float: right;
   
	background-color: #f8f8f8;
    border-radius: 20px;
   border: 1px dashed #dadada;
    box-shadow: darkgrey 1px 2px 20px 1px;
	
}

.xwtp {
    width: 100%;
  
    overflow: hidden;
	text-align:center;
	 margin-top:1.25em;
}

.xwtp img {
    width: 98%;
    height: 14.6em;
	 border-radius: 20px;
	
}

.xwbt {
    width: 100%;
    height: 1.56em;
    overflow: hidden;
    font-size: 18px;
    margin-top: 1.56em;
    color: #000;
    text-align: center;
    letter-spacing: 1rem;
}

.xwjs {
    width: 90%;
    height: 3.12em;
    overflow: hidden;
    margin-top: 1.25em;
    color: #6F6F6F;
    font-size: 14px;
    text-indent: 2rem;
	padding-left:5%;
	
}

.gdxw {
    width: 90%;
    height: 30px;
    overflow: hidden;
    position: relative;
	margin-left:5%;
}

.gdxw a {
    width: 3.75em;
    height: 1.87em;
    line-height: 1.87em;
    text-align: center;
    display: block;
    float: right;
    color: #fff;
    box-sizing: border-box;
    border-radius: 30px;
    font-size: 14px;
	background-color:#ff7200
  
}

.xuxian {
    width: 89%;
    position: absolute;
    left: 0px;
    border-top: 1px dotted #6F6F6F;
    height: 1px;
    margin-top: 14px;
}

.gdxw span {
    position: relative;
    padding-left: 10px;
    display: block;
    height: 30px;
    line-height: 30px;
    float: right;
    color: #6F6F6F;
    background: #202020;
}

.xw2 a li {
    width: 100%;
    height: 6em;
    overflow: hidden;
    position: relative;
    margin-top: 0.62em;
}
.xw2 a:hover li { background-color:#ff7200;color:#fff}

.xw2 a:nth-of-type(1) li {
margin-top:1.25em;

}

.xw2 a li:hover .xw2_bt {
    color: #fff;
}
.xw2 a li:hover .xw2_js{
    color: #fff;}

.xw2 a li:hover .xwrq div{color: #fff;}
.xw2 a li:hover .xwrq{    border-right: 1px solid #fff;}
.xwrq {
    width: 5.62em;
    height: 5em;
    border-right: 1px solid #7E7E7E;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
	margin-top:0.625em;
	margin-left:1.25em;
}

.xwrq div:nth-of-type(1) {
    color: #000;
    font-size: 24px;
	line-height:3em;
}

.xwrq div:nth-of-type(2) {
    color: #7E7E7E;
    font-size: 14px;
}

.xw2_nr {
    width: 100%;
    float: left;
  
    overflow: hidden;
    margin-left: 0.625em;
    position: absolute;
    left: 8em;
}

.xw2_bt {
    color: #000;
	font-size:17px;
	padding-top:0.625em;
	
}

.xw2_js {
    color: #7E7E7E;
    font-size: 14px;
  
    display: block;
   
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
}

.ldtp {
    width: 100%;
    min-width: 1200px;
}

.ldtp img {
    width: 100%;
    height: auto;
	vertical-align:bottom;
}

.di {
    width: 100%;
    min-width: 1200px;
    height: 320px;
    background: #2E2B2A;
    padding-top: 90px;
    box-sizing: border-box;
}

.din {
    width: 100%;
    max-width: 1400px;
    min-width: 1200px;
    margin: 0px auto;
    height: 145px;
}

.dlogo {
    float: left;
    margin-left: 20px;
}

.did {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #6B5523;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}

.did>li {
    float: left;
    list-style: none;
    margin-left: 40px;
}

.did>li:nth-of-type(1) {
    margin-left: 0px;
}

.did>li>a {
    color: #D09D0D;
}

.fenxiang {
    float: right;
    margin-right: 20px;
}

.shejiao {
    float: right;
    margin-left: 20px;
    margin-top: 75px;
    color: #fff;
    font-size: 14px;
}

.fwb {
    width: 34px;
    height: 34px;
    float: left;
    background: url(../img/weibo.png)  no-repeat;
    background-size: cover;
}

.fx {
    margin-top: 10px;
}

.fx>a>div:hover {
    opacity: 0.5;
}

.fwx {
    width: 34px;
    height: 34px;
    float: left;
    margin-left: 5px;
    background: url(../img/weixin.png)  no-repeat;
    background-size: cover;
}

.fjiao {
    width: 34px;
    height: 34px;
    float: left;
    margin-left: 5px;
    background: url(../img/jiao.png)  no-repeat;
    background-size: cover;
}

.fg {
    width: 34px;
    height: 34px;
    float: left;
    margin-left: 5px;
    background: url(../img/g.png)  no-repeat;
    background-size: cover;
}

.shuzi {
    width: 100%;
    min-width: 1200px;
    height: 760px;
    overflow: hidden;
    position: relative;
}

.shuzi img {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.qianyan {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.qianyan img {
    width: 100%;
}

.liucheng {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.liucheng img {
    width: 100%;
}

.jzal {
    width: 100%;
    min-width: 1200px;
    background: url(../img/albj.png);
    padding-top: 80px;
    padding-bottom: 50px;
}

.albt {
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
}

.aljs {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    margin-top: 15px;
    color: #686868;
}

.jzalcp {
    width: 89.3%;
    margin: 0 auto;
    position: relative;
}

.jzalcp:before {
    content: "";
    display: block;
    padding-top: 60.35%;
}

.jzaltp {
    width: 32.3%;
    height: 44.5%;
    margin-left: 1.55%;
    float: left;
    margin-top: 3%;
}

.jzaltp >div:nth-of-type(1) {
    width: 100%;
    height: 89%;
    position: relative;
    overflow: hidden;
}

.jzaltp >div:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all .4s ease 0s;
}

.jzaltp >div:nth-of-type(1) img:hover {
    transform: scale(1.08,1.08);
}

.jzaltp >div:nth-of-type(2) {
    width: 100%;
    height: 11%;
    position: relative;
    font-size: 18px;
}

.jzaltp> div:nth-of-type(2) span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    color: #636468;
}

.shijian {
    width: 100%;
    min-width: 1200px;
    height: 470px;
    background: url(../img/gdjz4.png) no-repeat top center;
    padding-top: 105px;
    box-sizing: border-box;
}

.sjnr {
    width: 1175px;
    margin: 0 auto;
}

#num1,#num2,#num3,#num4,#num5 {
    width: 185px;
    height: 185px;
    border: 2px dotted #FFD002;
    border-radius: 20px;
    margin-left: 55px;
    float: left;
    text-align: center;
    line-height: 185px;
    font-size: 90px;
    color: #FFD002;
    font-family: Impact;
}

#num1 {
    margin: 0px;
}

.sjjs {
    color: #FFD002;
    margin-top: 30px;
}

.sjjs div {
    float: left;
    width: 190px;
    text-align: center;
    margin-left: 55px;
    font-size: 18px;
}

.sjjs div:nth-of-type(1) {
    margin: 0;
}

.jzxw {
    width: 100%;
    min-width: 1200px;
    height: 605px;
    padding-top: 65px;
    box-sizing: border-box;
}

.jzxwbt {
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
}

.jzxwjs {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    text-align: center;
    color: #686868;
    margin-top: 15px;
}

.jzxwnr {

    width: 1200px;
    height: 330px;
    margin: 0px auto;
    margin-top: 50px;
    background: url(../img/xinwen.png) no-repeat;
    padding-top: 25px;
    padding-left: 395px;
    box-sizing: border-box;
}

.jzxwb {
    width: 780px;
    height: 280px;
    background: #fff;
}

.jzxwul {
    width: 750px;
    margin: 0px auto;
    padding-top: 5px;
}

.jzxwul a:nth-of-type(1) li {
    border: none;
}

.jzxwul a li {
    height: 90px;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    border-top: 1px dotted #ccc;
}

.jzxwrq {
    width: 155px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 34px;
    color: #DEDEDE;
    float: left;
}

.jzxwul li:hover .jzxin div:nth-of-type(1) {
    color: #FFC000;
}

.jzxin {
    float: left;
    padding-top: 20px;
}

.jzxin div:nth-of-type(1) {
    width: 575px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    overflow: hidden;
    color: #000;
}

.jzxin div:nth-of-type(2) {
    width: 575px;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    overflow: hidden;
    margin-top: 10px;
    color: #A6A6A6;
}

.zixun {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.zixun img {
    width: 100%;
    display: block;
}

.zxzz {
    display: block;
    position: absolute;
    width: 9.1%;
    height: 40px;
    top: 65.13%;
    left: 38.54%;
    text-align: center;
    line-height:40px;
    font-size: 23px;
    color: #fc391d; 
    background: #fff;

}
#zxzz_on{
    background: #fc391d;
    color: #fff;
}
.zxzz_1 {
    display: block;
    position: absolute;
    width: 9.1%;
    height: 40px;
    top: 65.13%;
    left: 52%;
    line-height:40px;
    font-size: 23px;
    color: #fc391d;
    background: #fff;
    text-align: center;
}
.yewu {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.yewu> img {
    width: 100%;
    display: block;
}

.yewujs {
    width: 100%;
    position: absolute;
    top: 45%;
    box-sizing: border-box;
}

.yewujs div:nth-of-type(1) {
    margin-left: 20%;
}

.yewujs div {
    width: 7.8%;
    margin-left: 3%;
    float: left;
    text-align: center;
}

.yewujs div span {
    display: block;
    margin-top: 10%;
    font-size: 14px;
    font-weight: 800;
}

@media (min-width:1366px) {
    .yewujs div span {
        font-size: 13px;
        font-weight: 800;
    }
}

@media (min-width:1680px) {
    .yewujs div span {
        font-size: 14px;
        font-weight: 800;
    }
}

.yewujs div img {
    width: 100%;
    transition: 0.5s;
}

.yewujs div img:hover {
    transform: rotateZ(360deg);
}

.zujian {
    width: 100%;
    min-width: 1200px;
    height: 1046px;
    position: relative;
    overflow: hidden;
}

.zujian>img {
    display: block;
    transform-origin: top;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
}

.zujiann {
    width: 1074px;
    height: 688px;
    position: absolute;
    top: 235px;
    left: 50%;
    margin-left: -537px;
}

.zujiann> img {
    width: 100%;
    height: 100%;
   
}

.zjdh {
    animation: zujian 1s;
}

.zjdhl {
    animation: zujianl 1s;
}

@keyframes zujian {
    from {
        opacity: 0;
        transform: rotateY(0deg);
    }

    to {
        opacity: 1;
        transform: rotateY(360deg);
    }
}

@keyframes zujianl {
    from {
        opacity: 1;
        transform: rotateY(0deg);
    }

    to {
        opacity: 0;
        transform: rotateY(360deg);
    }
}

.ppkh {
    width: 100%;
    min-width: 1200px;
    padding-top: 100px;
    box-sizing: border-box;
    text-align: center;
}

.ppbt {
    font-size: 40px;
    font-weight: bold;
}

.ppbt span {
    color: #FF6C15;
}

.ppkhjs {
    margin-top: 20px;
    font-size: 14px;
    color: #A3A3A3;
}

.ppxx {
    width: 87.5%;
    margin: 0px auto;
    margin-top: 45px;
    margin-bottom: 55px;
}

.ppxx >div:nth-of-type(1) {
    margin: 0px;
}

.ppxx >div {
    width: 16.4%;
    margin-left: 0.3%;
    position: relative;
    float: left;
    color: #fff;
}

.ppxx >div:before {
    content: "";
    display: block;
    padding-top: 216%;
}

.ppxx >div:hover .sbk,.ppxx >div:hover .xbk {
    background: #D30800;
}

.sbk {
    width: 100%;
    height: 100%;
    height: 4.5%;
    position: absolute;
    top: 0;
    left: 0;
}

.zjtp {
    width: 100%;
    height: 81.5%;
    position: absolute;
    top: 4.5%;
    left: 0;
}

.zjtp img {
    width: 100%;
    height: 100%;
}

.xbk {
    width: 100%;
    height: 14%;
    position: absolute;
    top: 86%;
    left: 0;
}

.xbk a {
    width: 170px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px dotted #fff;
}

.akf {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.akf:before {
    content: "";
    display: block;
    padding-top: 39.3%;
}

.akf img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.azl {
    width: 100%;
    min-width: 1200px;
    height: 496px;
    background: url(../img/app2.jpg) no-repeat top center;
    padding-top: 135px;
    box-sizing: border-box;
}

.app {
    width: 1080px;
    margin: 0 auto;
}

.app a div {
    width: 170px;
    height: 213px;
    margin-left: 45px;
    float: left;
}

.app a:nth-of-type(1) div {
    background: url(../img/tb1.png) no-repeat;
}

.app a:nth-of-type(2) div {
    background: url(../img/tb2.png) no-repeat;
}

.app a:nth-of-type(3) div {
    background: url(../img/tb3.png) no-repeat;
}

.app a:nth-of-type(4) div {
    background: url(../img/tb4.png) no-repeat;
}

.app a:nth-of-type(5) div {
    background: url(../img/tb5.png) no-repeat;
}

.app a:nth-of-type(1) div:hover {
    background: url(../img/tbb1.png) no-repeat;
}

.app a:nth-of-type(2) div:hover {
    background: url(../img/tbb2.png) no-repeat;
}

.app a:nth-of-type(3) div:hover {
    background: url(../img/tbb3.png) no-repeat;
}

.app a:nth-of-type(4) div:hover {
    background: url(../img/tbb4.png) no-repeat;
}

.app a:nth-of-type(5) div:hover {
    background: url(../img/tbb5.png) no-repeat;
}

.jjfa {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.jjfa:before {
    content: "";
    display: block;
    padding-top: 42.2%;
}

.jjfa img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.hlwzj {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.hlwzj:before {
    content: "";
    display: block;
    padding-top: 38%;
}

.hlwzj img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.zuo {
    position: relative;
    width: 50%;
    float: left;
    padding-right: 3px;
    box-sizing: border-box;
    border: 1px solid #535353;
}

.zuo::before {
    content: "";
    padding-top: 59%;
    display: block;
}

.zuo>img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.you {
    position: relative;
    width: 50%;
    float: left;
    padding-left: 3px;
    box-sizing: border-box;
    border: 1px solid #535353;
}

.you::before {
    content: "";
    padding-top: 59%;
    display: block;
}

.you>img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.tx {
    position: relative;
    width: 100%;
    min-width: 1200px;
}

.tx::before {
    content: "";
    padding-top: 32.8%;
    display: block;
}

.tx>img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.ziyuan {
    position: relative;
    width: 100%;
    min-width: 1200px;
    margin-top: 2px;
}

.ziyuan::before {
    content: "";
    padding-top: 28.5%;
    display: block;
}

.ziyuan>img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.wzyh {
    width: 100%;
    min-width: 1200px;
    position: relative;
    margin-top: 3px;
}

.wzyh:before {
    content: "";
    display: block;
    padding-top: 32%;
}

.wzyh img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.wz1 {
    width: 100%;
    min-width: 1200px;
    margin-top: 2px;
}

.caiji {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.caiji:before {
    content: "";
    display: block;
    padding-top: 33.4%;
}

.caiji img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.chanchu {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.chanchu:before {
    content: "";
    display: block;
    padding-top: 32.2%;
}

.chanchu img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.zhicheng {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.zhicheng:before {
    content: "";
    display: block;
    padding-top: 29.9%;
}

.zhicheng img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fwpp {
    width: 100%;
    min-width: 1200px;
    background: #EDEFFF;
    padding-top: 70px;
}

.wxdi {
    width: 100%;
    min-width: 1200px;
    height: 1040px;
    background: #282828;
    position: relative;
    overflow: hidden;
}

.wxdi img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.my-map {
    width: 1920px;
    height: 490px;
    position: absolute;
    top: 450px;
    left: 50%;
    margin-left: -960px;
}

.my-map .icon {
    background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;
}

.my-map .icon-cir {
    height: 31px;
    width: 28px;
}

.my-map .icon-cir-red {
    background-position: -11px -5px;
}

.amap-container {
    height: 100%;
}

.gywm {
    width: 100%;
    min-width: 1200px;
}

.gywm1 {
    width: 100%;
    height: 815px;
    background: url(../img/gywm1.jpg) no-repeat top center;
}

.gywm2 {
    width: 100%;
    height: 982px;
    background: url(../img/gywm2.png) no-repeat top center;
}

.gywm3 {
    width: 100%;
    height: 936px;
    background: url(../img/gywm3.png) no-repeat top center;
}

.lxwm {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.lxwm1 {
    width: 100%;
    height: 815px;
    background: url(../img/lxwm1.jpg) no-repeat top center;
}

.lxwm2 {
    width: 100%;
    height: 965px;
    background: url(../img/lxwm2.jpg) no-repeat top center;
}

.lxwm3 {
    width: 100%;
    height: 593px;
    background: url(../img/lxwm3.png) no-repeat top center;
}

#wmnz {
    height: 2440px;
    width: 100%;
    min-width: 1200px;
    background: #74ace4;
    padding-top: 0px;
    box-sizing: border-box;
}

.box_shadow{
    position: relative;
    float: left;
    width: 370px;
    height: 180px;
    background: url(../img/bottom_shadow.png) bottom no-repeat;
    z-index: 99;
    margin-top: 30px;
    margin-right: 20px;
}
.box_shadow img{
    position: absolute;
    border-radius: 15px;
    top: 0;
    left: 0;
}
.wrap{position:absolute; z-index:99; width:1200px; margin:0 auto; top:0; right:0; bottom:0;  left:0;}
.wrap1{width:1200px; margin:0 auto;}
.caiji h2.caiji_title{font-size: 45px; color:#fff; margin-top: 249px; letter-spacing: 7px;}
.caiji p.caiji_cont{color: #fff; font-size: 16px; letter-spacing: 2px; font-weight: 600; margin-top: 20px;}
.chanchu h2.chanchu_title{font-size: 45px; color:#01339d; margin-top: 165px; letter-spacing: 7px;}
.chanchu p.chanchu_cont1{color: #00329d; font-size: 16px; letter-spacing: 2px; font-weight: 600; margin-top: 20px;}
.chanchu p.chanchu_cont2{color: #00329d; font-family: 14px; letter-spacing: 1px; font-weight: 400; margin-top: 70px}
.zhicheng h2.zhicheng_title{font-size: 60px; color:#fff; margin-top: 160px; letter-spacing: 7px;}
.zhicheng p.zhicheng_cont1{color: #fff; font-size: 16px; letter-spacing: 2px; font-weight: 600; margin-top: 20px;}
.zhicheng p.zhicheng_cont2{color: #d6a2a6; font-family: 14px; letter-spacing: 1px; font-weight: 400; margin-top: 36px}
.anli_title{width: 100%; height: 100px;}
.anli_title > .line{position: relative; width: 1180px; height: 1px; border-top: 1px dashed #b1d0f0; top: 83px; right: 0px; bottom: 0px; left: 0px; margin: 0 auto;}
.anli_title > .tit{position: relative; z-index: 2; width: 300px; height: 100px; background: #74ace4; top: 35px; right: 0px; bottom: 0px; left: 0px; margin: 0 auto; text-align: center;}
.anli_title > .tit > .tit1{font-size: 38px; color: #fff; padding-left: 8px;}
.anli_title > .tit > .tit2{font-size: 23px; color: #fff; letter-spacing: 3px;}
.anli_desc{color: #fff; text-align: center; width: 100%; height: 55px; margin-top: 55px; font-family: '宋体'; letter-spacing: 2px;}
.anli_nav{width: 100%; height: 46px; background: #7fb9f2; position: relative; top: 288px; left: 0px; z-index: 99;}
.anli_nav > ul{margin: 0 auto; width: 1020px; height: 46px;}
.anli_nav > ul > li{width: 140px; height: 46px; float: left;}
.anli_nav > ul > li.line{width: 1px; height: 16px; background: #bfdcf9; float: left; margin-top: 15px;}
.anli_nav > ul > li > a{font-size: 16px; color: #e9f2fc; display: block; width: 140px; height: 42px; text-align: center; line-height: 46px;}
.anli_nav > ul > li:hover > a{color: #584000; background: #ffc000;}
.anli_nav > ul > li .a_line{display: block; width: 100%; height: 2px; background: #ffc000; margin-top: 3px; transform: scale(0,0);}
.anli_nav > ul > li:hover .a_line{display: block; transform: scaleX(1); transition: transform .3s linear;}
.anli_nav > ul > li.on a{color: #584000; background: #ffc000;}
.anli_nav > ul > li.on .a_line{display: block; width: 100%; height: 2px; background: #ffc000; margin-top: 3px; transform: scaleX(1);}
.jianshe_title{text-align: center; margin-bottom: 70px; margin-top: 65px;}
.jianshe_title h2{font-size: 38px; color: #282828; font-weight: 500; letter-spacing: 2px;}
.jianshe_title .desc{font-size: 18px; color: #686868;}
.liucheng{padding-bottom: 80px;}
#tabbox{ width:100%; overflow:hidden;}
.tab_con{display:block;}
.tabs{height:50px; line-height:23px; width: 1120px; margin: 50px auto 20px;}
.tabs li{float:left; margin:0 10px; cursor:pointer; color: #000; width: 113px; height: 40px; overflow: hidden; text-align: center; position: relative;}	
.tabs li a{color: #000;}
.tabs li:hover{background: url('../img/kuang.png') no-repeat; width: 113px; height: 40px;}
.tabs li:hover a{color: #fff;}
.tabs .thistab{background: url('../img/kuang.png') no-repeat; color: #202020; width: 113px; height: 40px;}
.tab_con dl{line-height: 0px;}
.tab_con dl dd{float: left; width: 25%; overflow: hidden; line-height: 0px; position: relative; margin-top: -1px;}
.tab_con dl dd img{width: 100%; line-height: 0px; padding: 2px;}
.tab_con dl dd:hover::before{content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;border: 3px solid #ff7200; z-index: 3;}
.tab_con dl dd:after{content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2; background: rgba(0,0,0,.2);}
.yewu_title{position: absolute; top: 10%; left: 0; right:0; bottom:0; margin:0 auto; text-align: center;}
.yewu_title h2{font-size: 40px;}
.yewu_title .desc{font-size: 17px; color: #8a8d91;}
.jiejue{width: 100%; height: 1247px; background: url('../img/app.jpg') no-repeat;}
.jiejue .jiejue_title{text-align: center; padding-top: 90px;}
.jiejue .jiejue_title h2{font-size: 40px; color: #4a4d54; font-weight: 500;}
.jiejue .jiejue_title .desc{font-size: 16px; color: #4a4d54;}
.jiejue .jiejue_title .line{width: 80px; height: 2px; background: #6d6f71; margin: 18px auto;}
.jiejue .jiejue_title > p{color: #767b81; line-height: 23px; letter-spacing: 1px;}
.jiejue .cont{margin-top: 55px;}
.jiejue .cont .cont_left{width: 570px; height: 664px; background: url('../img/phone.png') no-repeat -50px 0px; float: left;}
.jiejue .cont .cont_right{width: 600px; height: 664px; float: right;}
.jiejue .cont ul li.common{width: 257px; height: 130px; margin-top: 16px; margin-right: 16px; float: left; padding: 20px 0 0 26px;}
.jiejue .cont .cont_bottom{margin-left: 2px;}
.jiejue .cont .cont_right li:nth-of-type(1){background: #308999;}
.jiejue .cont .cont_right li:nth-of-type(2){background: #e7b45b;}
.jiejue .cont .cont_right li:nth-of-type(3){background: #1ab1d0;}
.jiejue .cont .cont_right li:nth-of-type(4){background: #e78931;}
.jiejue .cont .cont_right li:nth-of-type(5){background: #7456a0;}
.jiejue .cont .cont_right li:nth-of-type(6){background: #23637e;}
.jiejue .cont .cont_right li:nth-of-type(7){background: #86bc40;}
.jiejue .cont .cont_right li:nth-of-type(8){background: #bdbb32;}
/*----*/
.jiejue .cont .cont_bottom li:nth-of-type(1){background: #16c357;}
.jiejue .cont .cont_bottom li:nth-of-type(2){background: #d130ee;}
.jiejue .cont .cont_bottom li:nth-of-type(3){background: #d35d15;}
.jiejue .cont .cont_bottom li:nth-of-type(4){background: #1a6eeb;}
.jiejue .cont ul li.common h3.cn{color: #fff; font-size: 30px; font-weight: 500; line-height: 35px;}
.jiejue .cont ul li.common h3.en{color: #fff; font-size: 14px; font-weight: 300; opacity: .4; line-height: 24px; margin-bottom: 3px;}
.jiejue .cont ul li.common p{color: #fff; font-size: 15px;}
.jiejue .cont ul li.common .tl{-webkit-transition: transform .2s linear;-o-transition: transform .2s linear; -moz-transition: transform .2s linear; -ms-transition: transform .2s linear; transition: transform .2s linear;}
.jiejue .cont ul li.common:hover{cursor: pointer;}
.jiejue .cont ul li.common:hover .tl{transform: translateY(-5px);}
.zhuanjia{width: 100%; height: 710px;}
.zhuanjia .zhuanjia_title{text-align: center; padding-top: 90px;}
.zhuanjia .zhuanjia_title h2{font-size: 40px; color: #4a4d54; font-weight: 500;}
.zhuanjia .zhuanjia_title .desc{font-size: 18px; color: #a5a5a5;}
.zhuanjia .zhuanjia_title .line{width: 80px; height: 2px; background: #6d6f71; margin: 18px auto 50px;}
.zhuanjia .cont{width: 1145px; height: 430px; margin: 0 auto;}
.zhuanjia .cont ul li{float: left; width: 370px; height: 430px; margin-right: 11px;}
.zhuanjia .cont ul li .li_img{width: 370px; height: 202px; display: block; position: relative;}
.zhuanjia .cont ul li img{display: block; width: 358px; height: 190px; margin: 0px auto; position: absolute; top: 6px; left: 0; right: 0;}
.zhuanjia .cont ul li img:hover{ position: absolute; top: 0px; left: 0; right: 0;}
.zhuanjia .cont ul li img.pic1:hover{border: 6px solid #ffe2d0;}
.zhuanjia .cont ul li img.pic2:hover{border: 6px solid #9ac6f6;}
.zhuanjia .cont ul li img.pic3:hover{border: 6px solid #b5c0cc;}
.zhuanjia .cont ul li .li_tit{text-align: center; font-size: 21px; color: #313131; display: block; width: 100%; margin: 25px 0; line-height: 24px;}
.zhuanjia .cont ul li p{font-size: 14px; line-height: 24px; color: #999999;}


/*内页案例 start*/
.m_case{width: 100%; padding-bottom: 110px; background:url(../img/case_bg.jpg) center center no-repeat; }	
.m_case_title{width: 1200px; height: 110px; position: relative; top: 100px; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.m_case_title .m_case_tit{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 330px; height: 100px; background: #74ACE4; z-index: 2;}
.m_case_title .m_case_tit h4{text-align: center; font-size: 38px; line-height: 40px; margin-bottom: 10px; color: #fff;}
.m_case_title .m_case_tit h5{text-align: center; font-size: 23px; line-height: 25px; color: #fff; letter-spacing: 2px;}
.m_case_title .line{position: absolute; top: 33px; left: 0; width: 100%; height: 1px; border-top: 1px dashed #B1D0F0;}
.m_case_desc{position: relative; top: 100px; right: 0; bottom: 0; left: 0; margin: 0 auto; text-align: center; color: #fff; letter-spacing: 2px;}
.m_case_nav{width: 100%; height: 48px; background: #ffd453; position: relative; top: 0px; left: 0;}
.m_case_nav ul{display: block; width: 1130px; height: 100%; margin: 0 auto;}
.m_case_nav > ul > li{width: 140px; height: 46px; float: left;}
.m_case_nav > ul > li.line{width: 1px; height: 16px; background: #c1c1c1; float: left; margin-top: 15px;}
.m_case_nav > ul > li > a{font-size: 16px; color: #584000; display: block; width: 140px; height: 42px; text-align: center; line-height: 46px;}
.m_case_nav > ul > li:hover > a{color: #584000; background: #fff;}
.m_case_nav > ul > li .a_line{display: block; width: 100%; height: 2px; background: #fff; margin-top: 3px; transform: scale(0,0);}
.m_case_nav > ul > li:hover .a_line{display: block; transform: scaleX(1); transition: transform .3s linear;}
.m_case_nav > ul > li.on a{color: #584000; background: #ffc000;}
.m_case_nav > ul > li.on .a_line{display: block; width: 100%; height: 2px; background: #ffc000; margin-top: 3px; transform: scaleX(1);}
.m_case_list{overflow: hidden; }
.m_case_list ul{display: block； width:90%; margin-left: 5%;}
.m_case_list ul li{float: left; width: 30%; height: 25%; margin-right: 2%; margin-bottom:20px;}
.m_case_list ul li img{width: 100%;}
.m_case_list ul li h2{line-height: 30px; color: #313131;}
.m_case_list ul li:hover img{}
.m_case_list ul li:hover h2{color: #000;}
.gdwzjs{background:#727171; font-size:14px; color:#fff; display:inline-block; padding: 0 5px;}
.pro_desc{font-size:14px; padding-top:10px; color:#232323;  display:inline-block; height:90px; overflow:hidden; text-indent:2rem;}
.m_case .met_pager{z-index: 99; position: relative; top: 40px;}
.met_pager .PreSpan{background: #F5F5F5; color: #858585; border-radius: 2px; border: 1px solid #e0e0e0;}
.met_pager .NextSpan{background: #F5F5F5; color: #858585; border-radius: 2px; border: 1px solid #e0e0e0;}
.met_pager a{background: #F5F5F5; color: #858585; border-radius: 2px; margin: 0 2px;}
.met_pager a:hover{color: #000;}
.met_pager .NextA{background: #F5F5F5; color: #858585;}
.met_pager .PreA{background: #F5F5F5; color: #858585;}
.met_pager .PreA:hover{color: #000;}
.met_pager .Ahover{font-weight: 500; background: #FFC000; color: #4777A5; border-color: #ffc000;}
.met_pager input[type="text"]{border-radius: 2px;}
.met_pager input[type="button"]{border-radius: 2px;}
.met_pager .PageText{color: #858585;}
.m_case .met_pager .PageText{color: #858585;}
/*内页案例 end*/

/*首页foot部分 start*/
/*样式版一*/
/*.m_foot{width: 100%; height: 468px; background: #2e2b2a;}
.m_wrap{width: 1200px; height: 100%; position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.m_foot .m_foot_left{position: absolute; top: 55px; left: 0;}
.m_foot .m_foot_left .m_foot_logo{width: 440px; height: 70px;}
.m_foot .m_foot_left .m_foot_cont{color: #bebebd;  width: 400px; height: 145px; overflow: hidden;}
.m_foot .m_foot_left .m_foot_code span{float: left; display: block; width: 220px;}
.m_foot .m_foot_left .m_foot_code span img{margin: 0 auto; display: block;}
.m_foot .m_foot_left .m_foot_code span .desc{color: #bebebd; font-size: 12px; line-height: 50px; text-align: center;}
.m_foot .m_foot_right{position: absolute; top: 55px; left: 450px;}
.m_foot .m_foot_right .m_foot_nav ul li{float: left; width: 125px;}
.m_foot .m_foot_right .m_foot_nav ul li > a{color: #d0cfcf; font-size: 14px; font-weight: 800; line-height: 15px;}
.m_foot .m_foot_right .m_foot_nav ul li dl{margin-top: 15px;}
.m_foot .m_foot_right .m_foot_nav ul li dl dd > a{color: #acabab; font-size: 12px; font-weight: 500; line-height: 24px;}*/
/*样式版二*/
.m_foot{width: 100%; height: 542px; background: #2e2b2a;}
.m_wrap{width: 1200px; height: 100%; position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.m_foot_left{position: absolute; top: 43px; left: 0; width: 255px;}
.m_foot_left .m_foot_logo{width: 100%; height: 55px; overflow: hidden; margin-left: 30px;}
.m_foot_left .m_foot_code1{width: 255px; margin-top: 20px;}
.m_foot_left .m_foot_code1 img{margin:0 auto; width: 150px; display: block;}
.m_foot_left .m_foot_code1 .desc{color: #bebebd; text-indent: 16px; line-height: 40px;}
.m_foot_left .m_foot_code2{width: 255px; margin-top: 5px;}
.m_foot_left .m_foot_code2 img{margin:0 auto; width: 150px; display: block;}
.m_foot_left .m_foot_code2 .desc{color: #bebebd; text-indent: 0px; line-height: 40px;}
.m_foot .m_foot_right{position: absolute; top: 50px; left: 335px;}
.m_foot .m_foot_right .m_foot_nav{height: 240px; margin-top: 27px;}
.m_foot .m_foot_right .m_foot_nav ul li{float: left; width: 190px;}
.m_foot .m_foot_right .m_foot_nav ul li.last_nav{width: 80px;}
.m_foot .m_foot_right .m_foot_nav ul li > a{color: #fff; font-size: 20px; font-weight: 800; line-height: 15px;}
.m_foot .m_foot_right .m_foot_nav ul li dl{margin-top: 15px;}
.m_foot .m_foot_right .m_foot_nav ul li dl dd > a{color: #acabab; font-size: 13px; font-weight: 500; line-height: 24px;}
.m_foot .foot_contact{width: 862px; height: 100px; border-top: 1px solid #434140;  border-bottom: 1px solid #434140; color: #bebebd; padding-left: 80px;}
.foot_copyright{padding-left: 80px; color: #bebebd;}
/*首页foot部分 end*/

/*内页foot部分 start*/
.n_contact{width: 100%; height: 815px; background: #fff;}
.n_wrap{width: 1200px; height: 100%; margin: 0 auto;}
.n_contact .n_title{text-align: center; padding-top: 55px;}
.n_contact .n_title h3{font-size: 40px; color: #282828; line-height: 70px; font-weight: 500;}
.n_contact .n_title span{font-size: 18px; color: #aaa; line-height: 20px;}
.n_contact .ui-from{margin-top:-20px;}
.n_contact .c_i{ overflow: hidden; margin-top: 85px; position: relative; }
.n_contact .c_i_l{ width: 625px; height: 561px; display: block; float: left; margin-left: 150px; }
.n_contact .c_i_r{ width: 340px; height: 483px; display: block; float: right; background: url(../img/c_au.png) no-repeat left top; }
.n_contact .c_i_l_m{ background: url(../img/c_m.png) no-repeat left top; padding-top: 60px; }
.n_contact .c_i_l_m h2{ font-size: 18px; font-weight: normal; margin-bottom: 23px; }
.n_contact .c_i_i{ overflow: hidden; margin-top: 10px; }
.n_contact .c_i_i span{ width: 150px; height: 43px; display: block; float: left; font-size: 18px; }
.n_contact .c_i_i .text{ width: 386px; height: 39px; border: 1px solid #b8b8b8; border-radius: 5px; }
.n_contact .c_i_i .area{ width: 425px; height: 95px; border: 1px solid #b8b8b8; border-radius: 5px; }
.n_contact .c_i_i .verify{ width: 78px; height: 39px; border: 1px solid #b8b8b8; border-radius: 5px; }
.n_contact .c_i_i .v_code{ overflow: hidden; display: inline; }
.n_contact .c_i_i .v_code img{ width: 160px; height: 41px; }
.n_contact .c_i_s{ overflow: hidden; position: absolute; left: 50%; top: 91%; display: block; overflow: hidden; width: 200px; height: 39px; }
.n_contact .c_i_s .submit{ width: 200px; height: 39px; background: #cd004f; border-radius: 5px; }
.n_map{background: url('../img/n_map.jpg') no-repeat; width: 100%; height: 490px;}
.m_400{width: 100%; height: 100px;}
.m_400 > img{width: 100%;}
/*内页foot部分 end*/

/*大数据 start*/
.shuju{width: 100%; margin-bottom: -8px;}
.shuju img{width: 100%;}
/*大数据 end*/

/*服务 start*/
.m_fuwu{width: 100%;}
.f_wrap{width: 1200px; margin:0 auto; position: relative; top: 0; right: 0; bottom: 0; left: 0;}
.fuwu_row2_cont{position: absolute; top: 0; left: -60px; width: 566px; height: 100%;}
.fuwu_row2_cont .title{font-size: 40px; color: #37170b; font-weight: 800; padding-top: 216px;}
.fuwu_row2_cont .desc{font-size: 16px; color: #37170b; margin-top: 70px;}
.fuwu_row4_cont{position: absolute; top: 0; right: -60px; width: 510px; height: 100%;}
.fuwu_row4_cont .title{font-size: 40px; color: #37170b; font-weight: 800; padding-top: 216px; text-shadow: 8px 8px 2px  rgba(0,0,0,.1);}
.fuwu_row4_cont .desc{font-size: 16px; color: #37170b; margin-top: 30px;}
/*服务 end*/

.xian:hover .cpm .cpm2{color:#1a1a1a; opacity: 1;}


#cen_right_top{width: 100%;
    overflow: hidden;}
#cen_right_top dt{height: 50px;
    line-height: 23px;
    width: 700px;
    margin: 50px auto 20px;}
#cen_right_top .active{background: url('../img/kuang.png') no-repeat; width: 113px; height: 40px;color:#fff;}
#cen_right_top .active a{color:#fff;}
#cen_right_top h3{    float: left;
    margin: 0 30px;
    cursor: pointer;
    color: #000;
    width: 113px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    position: relative;}
#cen_right_top div{
    display: none;
    clear: both;
   
    overflow: hidden;}

	.m_case_nav1 {
    width: 100%;
    height: 48px;
    background: #ffd453;
    position: relative;
    top: 0px;
    left: 0;
}
	
	
	/* All */
.nav {
 
  display: block;
    width: 1130px;
    height: 100%;
    margin: 0 auto;
}
.nav ul {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
  height:48px;
  width:200px;
  line-height:48px;
      color: #584000;
  
  text-align:center;
  font-size: 16px;
}
.nav a:hover {
  text-decoration: none;
  background: #ff7200;
  color:#fff;
}
.nav li ul {
  background: #ffd453;
}
.nav li ul li {
  width: 200px;
}
.nav li ul a {
  border: none;
}
.nav li ul a:hover {
  
}
/* Not Animated
============================== */
.nav1 ul > li:hover ul {
  left: 0;
}
.nav1 li ul {
  position: absolute;
  left: -9999em;
  top: 36px;
  z-index: 1;
}
/* Fade In and Out
============================== */
.nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav2 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
/* Slide Down
============================== */
.nav3 ul > li:hover ul li {
  height: 36px;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav3 li ul li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}
/* Slide Down 2
============================== */
.nav4 ul > li:hover ul li {
  max-height: 150px;
}
.nav4 li ul {
  position: absolute;
  left: 0;
  top: 36px;
  z-index: 1;
}
.nav4 li ul li {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 500ms ease;
  -moz-transition: max-height 500ms ease;
  -o-transition: max-height 500ms ease;
  transition: max-height 500ms ease;
}
/* Fold Out
============================== */
.nav5 ul > li:hover ul {
  max-height: 1000px;
  -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.nav5 li ul {
  position: absolute;
  left: 0;
  top: 48px;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 350ms;
  -moz-transition: 350ms;
  -o-transition: 350ms;
  transition: 350ms;
}

	
.m_case_nav1 .a_line {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: 3px;
    transform: scale(0,0);
	
}
	
.m_case_nav1 .line {
    width: 1px;
    height: 16px;
    background: #c1c1c1;
    float: left;
    margin-top: 15px;
}	

.col-md-3{float:left;}
.col-sm-6{    margin-left: 55px;}

.demo{ padding: 2em 0;}
.counter{
	padding: 20px 0;
	text-align: center;
	position: relative;
}
.counter .counter-content{
	width: 185px;
    height: 185px;
    border: 2px dotted #FFD002;
    border-radius: 20px;

   
    text-align: center;
    line-height: 185px;
    font-size: 90px;
    color: #FFD002;
    font-family: Impact;
}
.counter .counter-content:before{
	
}
.counter .counter-content:after{
	
}
.counter .counter-icon{
	display: block;
	font-size: 50px;
	color: #f19f48;
	line-height: 50px;
}
.counter .counter-value{
	    font-size: 90px;
    color: #FFD002;
    font-family: Impact;
	line-height:185px;
}
.counter .title{
	display: inline-block;
	padding-top:34px;
	    color: #FFD002;
	width:185px;
	font-size: 18px;
	text-align:center;
	
	
	
	
	margin: 0;
}
.counter.red .counter-content:before{
	border-color: #ef5f61;
	border-bottom-color: transparent;
}
.counter.red .counter-content:after{ border-top-color: #ef5f61; }
.counter.red .counter-icon{ color: #ef5f61; }
.counter.red .title{ background: #ef5f61; }
.counter.blue .counter-content:before{
	border-color: #4d9fcf;
	border-bottom-color: transparent;
}
.counter.blue .counter-content:after{ border-top-color: #4d9fcf; }
.counter.blue .counter-icon{ color: #4d9fcf; }
.counter.blue .title{ background: #4d9fcf; }
.counter.purple .counter-content:before{
	border-color: #a98ceb;
	border-bottom-color: transparent;
}
.counter.purple .counter-content:after{ border-top-color: #a98ceb; }
.counter.purple .counter-icon{ color: #a98ceb; }
.counter.purple .title{ background: #a98ceb; }


.zong .flash img {
    width: 100%;
    height: auto;
    max-width: 1920px!important;
}
.met_section article {
   
    width: 100%;
}

#showproduct dl.pshow dt {
    float: left;
    position: relative;
    font-size: 30px;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ddd;
}
#showproduct dl.pshow dt .met_box {
    margin: 0 auto;
    visibility: hidden;
}
#showproduct dl.pshow dt .my-simple-gallery figure {
    float: left;
    margin: 0;
}
#showproduct dl.pshow dt .met_box figcaption {
    display: none;
}
#showproduct dl.pshow dd {
    float: left;
    width: 100%;
}
#showproduct dl.pshow dd .met_box {
    padding: 0 20px;
}
#showproduct dl.pshow dd .met_box h1 {
    font-size: 24px;
    padding: 20px 5px;
    border-bottom: 1px solid #ddd;
}
#showproduct dl.pshow dd .met_box ul li {
    list-style: none;
    color: #818181;
    padding: 8px 5px 8px 90px;
    border-bottom: 1px solid #ddd;
    position: relative;
	min-height:20px;
}
#showproduct dl.pshow dd .met_box ul li span {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 5px;
    width: 80px;
    word-wrap: break-word;
}
#showproduct .met_nav_contbox {
    padding: 10px;
}
.met_editor img{max-width:100%}

#showproduct dl.pshow {
    overflow: hidden;
}

#xinwen {
    width: 100%;
    min-width: 1200px;
    height: 90px;
    background: #282828;
    line-height: 90px;
}

#xwk {
    margin: 0px auto;
    width: 1160px;
}

#xinwen  dl {
    float: left;
    width: 230px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

#xinwen  dl a {
    color: #fff;
}

#xinwen  dl .on {
    background: url(../img/xuanze.png) no-repeat top center;
}

#xinwen  dl .on a {
    color: #000;
}

#xinwen  dl:hover {
    background: url(../img/xuanze.png) no-repeat top center;
}

#xinwen  #xwk  dl:hover  dt>a {
    color: #000;
}

.m_case_list{margin-top:30px;}






