@charset "ut f-8";
/* CSS Document */
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:Arial, Helvetica,'微软雅黑','\5B8B\4F53'; }
body{font-size:12px;text-align:center;background:#fff;}
*{margin:0px;padding:0px;text-align:left;}
li{list-style-type:none;}
a{text-decoration:none;}
img{border:0px; vertical-align:middle;}
.pub{width:1300px;height:auto;margin:auto;}
.over{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.bg01{ background: #f5f5f5;}

/*头部*/
.top{ overflow: hidden; width: 100%; background: #fff; position: fixed; z-index: 999; top:0;}
.logo{ width: 280px; float: left; margin-left: 10%; width: 20%;}
.nav{ float: left; margin-left: 5%; width: 65%;}
.nav li{ margin-right: 5%; text-align: center; float: left; line-height: 98px;}
.nav li a{ font-size: 18px; color: #4d4948;}
.nav li a:hover{ color: #da251c;}

/*首页 menu*/
.index_menu{ overflow: hidden;}
.index_menu_list{ width: 25%; overflow: hidden; float: left;}
.index_menu_list_title{ height: 110px; padding-left:20px; background: #f5f5f5;}
.index_menu_list a .index_menu_list_title p{ color: #666; font-size: 16px;}
.index_menu_list .index_menu_list_title p:first-child{ font-size: 24px; padding-top: 20px; color: #333;}
.index_menu_list .index_menu_list_title p:last-child{ font-size: 16px; margin-top: 20px; color: #666;}
.index_menu_list:hover .index_menu_list_title{ background: #da251c;}
.index_menu_list:hover .index_menu_list_title p{ color: #fff;}
.index_menu_list div:last-child {overflow: hidden;}
.index_menu_list div:last-child img{ width: 100%; height: 100%;}
.index_ioc_01{position: absolute; margin-left: 18%; margin-top: -30px; background: url('../images/index_ico_01.png') no-repeat; width: 30px; height: 30px;}
.index_menu_list:hover .index_menu_list_title .index_ioc_01{ background: url('../images/index_ico_02.png') no-repeat; width: 30px; height: 30px;}

/*************焦点图开始***************/
.banner{width:100%;height:auto;text-align:center; margin-top: 98px;}
.banner img{ width: 100%;}

.index_pro_list{ overflow: hidden;}
.index_pro_list li{ float: left; width: 259px; border-right: 1px solid #dddddd; padding: 10px 0px;}
.index_pro_list li:last-child{ border: 0;}
.index_pro_list li:hover{ cursor: pointer;}
.index_pro_list li p{ text-align: center;}
.index_pro_list li p:last-child{ font-size: 20px; margin-top: 15px; color: #666666;}
.index_pro_list li img{ transition: all 0.6s; max-height: 50px;}
.index_pro_list li:hover p:first-child img{ transform: scale(1.2); transition: all 0.6s;}
.index_pro_list li:hover p:last-child{ color: #da251c;}

.index_pk{ overflow: hidden; width: 100%; background: #1f1a17; height: 180px;}
.index_pk_list{ overflow: hidden;}
.index_pk_list li{ float: left; width: 260px; padding-top:35px; height: 180px;}
.index_pk_list li p{ text-align: center;}
.index_pk_list li p:nth-child(2){ font-size: 22px; color: #EEE; margin-top: 20px;}
.index_pk_list li p:last-child{ font-size: 16px; color: #EEE; margin-top: 5px;}
.index_pk_list li:hover{ background: #da251c; cursor: pointer;}
.index_pk_list li.pk_overbg{ background: #da251c;}

.index_pk_con{ display: none; overflow: hidden; background:#FFF url('../images/index_pk_con_bg.jpg') no-repeat; width: 100%; height: 840px; padding-bottom: 80px;}
.index_pk_con_01 p{ text-align: center;}
.index_pk_con_01 p:first-child{ font-size: 34px; margin-top: 80px; color: #333;}
.index_pk_con_01 p:nth-child(2){ font-size: 18px; margin-top: 50px; color: #666;}
.index_pk_con_01 p:last-child{ margin-top: 80px;}
.index_pk_con.selected{ display: block;}

.index_about_bg{ background: url('../images/index_about_bg.jpg') no-repeat; width: 100%; height: 880px;}
.index_about{position: absolute; margin: 0 auto; width: 100%; height: 880px; text-align: center; background: #000; opacity: 0.6; z-index: 800;}

.index_about_con{ overflow: hidden;}
.index_about_video{ width: 780px; float: left; height: 471px; overflow: hidden; padding-top: 120px;}
.index_about_info{ float: left; margin-left: 70px; width: 1300px; padding-top: 120px; overflow: hidden; height: 471px;}
.index_about_info p:first-child{ font-size: 34px; color: #EEE; margin-top: 20px;}
.index_about_info p:first-child span{ font-size: 20px; margin-left: 15px;}
.index_about_info p:nth-child(2){ font-size: 24px; color: #EEE; margin-top: 50px;}
.index_about_info p:nth-child(3){ font-size: 20px; color: #EEE; margin-top: 30px; font-variant: all-petite-caps;}
.index_about_info p:nth-child(4){ font-size: 18px; color: #EEE; margin-top: 50px; line-height: 30px;}
.index_about_info p:last-child{ font-size: 16px; margin-top: 40px;}
.index_about_info p:last-child a{ color: #EEE; border:1px solid #EEE; padding:10px 30px; border-radius: 20px;}
.index_about_info p:last-child a:hover{ background: #da251c; color: #EEE; border:1px solid #da251c;}

.index_about_num{ overflow: hidden; margin-top: 90px;}
.index_about_num li{ float: left; width: 325px; font-size: 46px; color: #EEE; text-align: left; text-align: center;}
.index_about_num li span{ font-size: 30px; margin-left: 5px;}
.index_about_num li p{ text-align: left; font-size: 24px; text-align: center;}

.index_news{ overflow: hidden; margin-bottom: 80px;}
.index_news_list{ float: left; width: 600px; margin-right: 100px; margin-bottom: 50px;}
.index_news_list:nth-child(2n+0){ margin-right: 0px;}
.index_news_list_pic{ width: 259px; height: 195px; float: left;}
.index_news_list_pic img{ width: 259px; height: 195px;}
.index_news_list_con{float: left; margin-left: 25px; width: 316px;}
.index_news_list_con p:first-child{ font-size: 22px; height: 70px; border-bottom: 1px solid #CCC;}
.index_news_list_con p:first-child a{ color: #333;}
.index_news_list_con p:first-child a:hover{ color: #da251c;}
.index_news_list_con p:nth-child(2){ margin-top: 30px; font-size: 16px; color: #999; height: 70px;}
.index_news_list_con p:last-child{ font-size: 18px; color: #999;}

.foot_bg{ background: #1f1a17; overflow: hidden;width:100%}
.foot{ overflow: hidden; padding-top: 60px;}
.foot_left{ width: 850px; float: left;}
.foot_left li{ float: left; width: 120px;}
.foot_left li p{ text-align: center; line-height: 40px; font-size:14px;}
.foot_left li p a{ color: #666;}
.foot_left li p:first-child{ font-size: 14px;}
.foot_left li p:first-child a{ color: #cccccc;}
.foot_right{ float: left; width: 400px; margin-left: 50px; margin-top: 20px;}
.foot_right_logo{ text-align: right;}
.foot_right_tel{ margin-top: 50px; color: #EEE;}
.foot_right_tel p:first-child{ font-size: 16px; text-align: right;}
.foot_right_tel p:last-child{ font-size: 26px; margin-top: 10px; text-align: right;}
.bq{ overflow: hidden; margin-top: 40px; padding-bottom: 50px;}
.bq_nav{width: 400px; float: left;}
.bq_nav li{ float: left; margin-right: 20px;}
.bq_nav li a{ color: #666; font-size: 14px;}
.bq_info{ width: 900px; text-align: right; float: right; color: #666; font-size: 14px;}
.bq_info a{ color: #666; margin-left: 20px;}
.bq_info a.gongan{ background: url('../images/beian.png') no-repeat; width: 20px; height: 20px; padding-left: 25px;}

/*首页通用样式*/
.index_title{ overflow: hidden; margin-top: 90px; margin-bottom: 50px;}
.index_title p:first-child{ font-size: 34px; color: #333; text-align: center;}
.index_title p:last-child{ font-size: 16px; color: #666; text-align: center; margin-top: 15px;}

/*************内页导航菜单***************/
.about_nav_bg{ width: 100%; overflow: hidden; border-bottom: 1px solid #FFF; margin-bottom: 80px; background: #FFF;}
.about_nav{ width: 90%; margin: 0 auto; overflow: hidden;}
.about_nav_title{ float: left; margin: 30px 0; font-size: 26px; color: #333; line-height: 50px;}
.about_nav_list{float:right; margin: 30px 0px;}
.about_nav_list li{ float:left; width: 130px; margin-right: 20px; text-align: center; border-right: 1px solid #EEE; margin:15px 0px; font-size: 16px;}
.about_nav_list li:last-child{ border-right: 0px;}
.about_nav_list li a{ color: #333;}
.about_nav_list li:hover a{color: #da251c;}
.about_nav_list li.about_nav_over a{ color: #da251c;}

.about_con{ overflow: hidden; margin-bottom: 80px;}
.about_con p{ line-height: 30px; font-size: 16px; color: #333;}

/*内页新闻中心*/
.news_list{ float: left; width: 100%; margin-right: 100px; margin-bottom: 50px;}
.news_list:hover{ background: #f8f8f8;}
.news_list:hover .news_list_pic img{ transform: scale(1.2); transition: all 0.6s;}
.news_list_pic{ width: 259px; height: 195px; float: left; overflow: hidden;}
.news_list_pic img{ transition: all 0.6s;}
.news_list_con{float: left; margin-left: 50px; width: 951px;}
.news_list_con p:first-child{ font-size: 22px; height: 70px; line-height: 70px; border-bottom: 1px solid #F1F1F1;}
.news_list_con p:first-child a{ color: #333;}
.news_list_con p:first-child a:hover{ color: #da251c;}
.news_list_con p:nth-child(2){ margin-top: 15px; font-size: 16px; color: #999; height: 70px; line-height: 30px;}
.news_list_con p:last-child{ font-size: 18px; color: #999;}

.news_detail{ width: 80%; margin: 0 auto; overflow: hidden; margin-top: 50px; margin-bottom: 80px;}
.news_detail .news_detail_title{ font-size: 26px; text-align: center;}
.news_detail .news_detail_time{ margin-top: 30px; font-size: 16px; color: #555; text-align: center;}
.news_detail .news_detail_time span{ margin-right: 30px;}
.news_detail .news_detail_time span:last-child{ margin-right: 0px;}
.news_detail .news_detail_content{ margin-top: 50px; line-height: 28px; font-size: 16px; color: #333;}

/*产品*/
.pro_list{ overflow: hidden; margin-top: 50px; margin-bottom: 80px;}
.pro_list li{ float: left; width: 620px; height: 660px; background: #fff; margin-right: 60px; margin-bottom: 60px; overflow: hidden;}
.pro_list li:nth-child(2n+0){ margin-right: 0px;}
.pro_list li p:first-child{ font-size: 24px; color: #333; text-align: center; margin:50px 0px 30px 0px; font-weight: bold;}
.pro_list li p:nth-child(2){ font-size: 30px; text-align: center; color: #666;}
.pro_list li p:last-child{ margin-top: 40px; text-align: center;}
.pro_list li p:last-child img{ transition: all 1s;}
.pro_list li:hover p:last-child img{ transform: scale(1.1); transition: all 1s; cursor: pointer;}

/*************成功案例***************/
.index_case{ width: 100%; overflow: hidden;}
.case_list{ width: 90%; margin: 0px auto;}
.case_list li{ width:23%; float: left; margin-left:1%; margin-right: 1%; overflow: hidden; border-bottom: 1px solid #EEE; margin-bottom: 30px; padding-bottom: 30px;}
.case_list li:hover{ border-bottom: 1px solid #da251c;}
.case_list li:hover .p1{ color: #da251c;}
.case_list li .case_img{ overflow: hidden;}
.case_list li:hover{ cursor:pointer;}
.case_list li:hover .case_img img{ transition: all 1.5s; transform: scale(1.2);}
.case_list li .p1{ font-size: 18px; color: #333; line-height: 28px; margin-top: 25px;}
.case_list li .p2{ font-size: 14px; color: #999; line-height: 28px; margin-top: 5px;}

/*服务中心*/
.fangwei{ overflow: hidden; margin-top: 50px; margin-bottom: 100px;}
.fangwei li{ float: left; width: 360px; margin-right: 70px;}
.fangwei li:last-child{ margin-right: 0px;}
.fangwei li p{ text-align: center;}
.fangwei li p:nth-child(2){ font-size: 24px; margin-top: 20px; color: #333;}
.fangwei li p:last-child{ font-size: 16px; color: #666; margin-top: 20px; line-height: 30px;}
.fangwei_400{ overflow: hidden; margin-top: 50px; background: url("../images/fangwei_400_bg.jpg") no-repeat; padding:40px 0px;}
.fangwei_400 p{ text-align: center;}
.fangwei_400 p:first-child{ font-size: 24px; color: #FFF;}
.fangwei_400 p:last-child{ font-size: 30px; margin-top: 20px; color: #FFF; background: url("../images/tel.png") no-repeat center; background-size: 40px; padding-left: 240px; margin-left: -190px;}
.faq{ margin-top: 50px; margin-bottom: 100px;}
.faq li{ background: #fff; padding:30px; margin-bottom: 20px;}
.faq li p:first-child{ font-size: 18px; color: #333;}
.faq li P:last-child{ font-size: 16px; color: #666; margin-top: 20px; line-height: 28px;}
.faq li:hover{ background: #1f1a17; cursor: pointer;}
.faq li:hover p{ color: #fff;}
.index_contact_bg{ width: 100%; overflow: hidden; background: #da251c; margin-top: 50px;}
.index_contact{ padding:80px; overflow: hidden;}
.index_contact .foot_title{ font-size: 34px; color: #fff; margin-bottom: 50px; background: url("../images/dingzhi.png") no-repeat left; background-size: 50px; padding-left: 70px; line-height: 40px;}
.index_contact li{ float: left; margin-right: 20px;}
.index_contact li input[type="text"]{ width: 230px; height: 46px; line-height: 46px; font-size: 16px; padding-left: 5px; color: #333; border-radius: 5px; border:0px;}
.index_contact li input[type="submit"]{ width: 150px; height: 46px; line-height: 46px; background: #FFF; color: #1f1a17; font-size: 18px; text-align: center; border:0; border-radius: 5px;}
.index_contact li input[type="submit"]:hover{ background: #1f1a17; cursor: pointer; color: #FFF;}
.index_contact .foot_tel{ width: 100%; float:left; margin-top: 50px; font-size: 40px; color: #fff; text-align: center;}

/*联系我们*/
.contact{ margin-bottom: 100px;}
.contact_list{ overflow: hidden; margin-bottom: 30px; width:100%; background: #fff; padding:30px}
.contact_list_left{ width: 550px; float: left; margin-right: 50px;}
.contact_list_left p:first-child{ font-size: 20px; color: #333; margin-bottom: 20px;}
.contact_list_left p{ font-size: 16px; color: #666; line-height: 40px;}
.contact_list_right{ width: 700px; float: right; height: 230px;}

/*合作加盟*/
.join{overflow: hidden;}

/*页面*/
.poster_img img{ width: 100%;}