*{margin: 0;padding: 0; font-family: "微软雅黑";}
ul,li{list-style: none;}
a,b,i,em,strong,span{display: inline-block; text-decoration: none;list-style: none;font-style: normal;font-weight: normal;}
a:hover{text-decoration: none!important;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{ border:0;display: inherit;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
/*以上是公共的样式*/
.nav{width: 100%; height: auto;position: relative;}
.nav:before{content:"";position: absolute; left: 0; top:0; width: 100%; height: 4px; background: #cc0107;}
.nav:after{content: ""; position: absolute; right: 0; top:0;width:550px; border-bottom:4px solid #09357B;border-left:15px solid transparent; }
.nav_con{width: 1400px; height: auto;margin: 0 auto;overflow: hidden;}
.logo{padding: 9px 0 25px;}
.nav_list{margin-left: 260px;overflow: hidden;margin-top: 15px;}
.nav_list li{float: left;margin-right: 40px;cursor: pointer;}
.nav_list li a{width: 100%;color: #666; font-size: 18px;line-height: 40px;}
.nav_list_color{color: #cc0107!important;border-bottom: 2px solid #cc0107;}
.nav_list_color a{color: #cc0107!important;}
.tel{margin-top:25px; color: #cc0107; font-size: 24px;}
.tel b{position: relative; top:5px; margin-right: 5px;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:17px; overflow:hidden; position:absolute; left: 45%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; border: 1px solid #fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; border: 1px solid #f00; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.left_right{ width:1400px; height: 100%; margin: 0 auto 0 -700px;position: absolute; top:0; left: 50%;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox01{ width:100%; height:230px; overflow:hidden; position:relative;}
.slideBox01 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox01 .bd li{ width:291px;zoom:1; vertical-align:middle;display: flex;justify-content:space-between;align-content:space-between;}
.swiper-container{ width: 100%; overflow: hidden; position: relative;}
.swiper-wrapper{
    width: 100%;
    height: 100%;}
.swiper-wrapper li{ float: left;}
.left_right{ width:1400px; height: 100%; margin: 0 auto 0 -700px;position: absolute; top:0; left: 50%;}
.slideBox01 .prev,
.slideBox01 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; z-index: 10; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox01 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox01 .prev:hover,
.slideBox01 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox01 .prevStop{ display:none;  }
.slideBox01 .nextStop{ display:none;  }
.index_news{width: 100%; height: 50px; background: #f7f7f7;}
.txtScroll-top{ width:1200px;  overflow:hidden; position:relative;margin: 0 auto;}
.txtScroll-top .bd{ padding:15px; width: 1000px;display: inline-block;}
.txtScroll-top .infoList li{ height:24px; line-height:24px;   }
.txtScroll-top .infoList li a{color: #687180; font-size: 14px;}
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
.icon-laba{position: relative; top:-3px;font-size: 20px!important; color: #0a4299;}
.txtScroll_more{width: 100px; line-height: 50px;position: relative; top:-9px; color: #686f82;}
.index_four{width: 100%; height: auto;justify-content:space-between;align-content:space-between;display: flex;}
.index_four_one{ width: 300px; padding: 20px 50px; text-align: center;}
.index_four_one img{display: inline-block;}
.index_four_one h6{font-size: 26px; line-height: 40px;}
.index_four_one h5{font-size: 16px; color: #666; line-height: 25px; margin: 10px 0;}
.index_four_one a{width:150px; line-height: 35px; border-radius: 35px; border: 1px solid #ddd; text-align: center; color: #666;}
.index_four_one a:hover{border: 1px solid #cc0007; background: #cc0007; color: #fff;}
.icon-changjiantou{font-size: 30px!important;position: relative; top:5px;}
.index_case{width: 100%; height: auto; background: #ebeef5; padding: 50px 0;}
.index_case_more{width: 200px; height: 40px; line-height:31px; border-radius: 40px; border: 1px solid #666; text-align: center; color: #666;position: relative; left: 50%; margin-left: -100px;}
.index_about{width: 100%; height: auto; padding: 50px 0; background: #fff;}
.index_about_con{width: 1200px; height: auto;display: flex; justify-content: space-around; align-content:space-between;margin:30px auto 0;}
.index_about_con_left p{font-size: 40px; color: #666; line-height: 40px;}
.index_about_con_left h5{font-size: 14px; color: #094399; line-height:22px; margin: 30px 0;}
.index_about_con_left h6{font-size: 22px; color: #094399; line-height: 22px; margin: 30px 0 10px;}
.index_about_con_left h4{font-size: 16px; color: #666; line-height: 22px;}
.index_about_con_left{margin-right: 100px;}
.index_case_con{width: 1200px; height: auto; margin: 0 auto;}
.left_right01{width:1150px; height: 100%; margin: 0 auto 0 -575px;position: absolute; top:0; left: 50%;}
/*about us*/
.about_banner{width: 100%; height:auto;}
.about_content{width: 1200px; height: auto; margin:50px auto;}
.about_content_top{width: 100%; text-align:center;}
.about_content_top p{font-size:42px; color:rgba(7,55,127,1);}
.about_content_top h6{font-size:20px;position: relative; color:#999;font-weight: normal; line-height: 40px;display: inline-block; background: #f0f0f0;}
.about_content_top h6:before{content:""; position: absolute;top:20px;left: -50px; width: 40px; height: 1px; background: #999;}
.about_content_top h6:after{content:""; position: absolute;top:20px;right: -50px; width: 40px; height: 1px; background: #999;}
.about_content_text{width: 100%; height: auto;}
.fix_right{width: 83px;height: auto; position: fixed; right:0;top:45%;}
.fix_right a{width: 100%; height: auto; padding: 10px 0; background: #07377f; border-bottom: 1px solid #fff;color: #fff; text-align: center;font-size: 12px; line-height: 20px;}
.fix_right a:nth-child(4){border: none;}
.about_content_foot{width: 100%; height: auto;padding: 50px 0;display: flex;justify-content:space-between;align-content:space-between;}
.about_content_foot span{width: 100px; height: 100px;line-height: 100px; background: #094399; border: 4px solid #07377f; border-radius: 100%;text-align: center;}
.about_content_foot div{text-align: center;}
.about_content_foot p{font-size:16px;   color:#667080; line-height: 35px;}
.about_content_foot h6{font-size:18px; font-weight: normal; color:rgba(9,67,153,1);}
.footer{width: 100%; height: auto;background:#07377F; padding: 50px 0; border-top: 5px solid #cc0107;}
.footer_con{width: 1200px; height: auto; margin: 0 auto;justify-content:space-between;align-content:space-between;display: flex;}
.foot_con_left p{color: #fff; line-height: 50px;font-size: 18px;}
.foot_con_left h5{color: #fff; margin-top: 50px;font-size: 14px; font-weight: normal;}
.foot_con_left h6{color: #889fc2; font-size: 14px; line-height: 30px;font-weight: normal;}
.foot_con_center p{ font-size: 16px; color: #fff;}
.foot_con_center p b{position: relative; top:8px;margin-right: 5px;}
.foot_con_center h6{color: #fff;font-size: 14px; font-weight: normal;margin-left:30px; line-height: 40px;}
.foot_con_center h5{color: #fff; font-size: 28px; line-height: 30px;font-weight: normal; margin-top: 50px;}
.foot_con_center h5 b{position: relative; top:3px;margin-right: 5px;}
.foot_con_right p{line-height: 10px; text-align: center; font-size: 14px; color: #fff;}
/*经典案例*/
.case_con{ width: 100%; height: auto; margin: 50px auto;display: flex;flex-wrap:wrap;}
.case_con_list{width: 291px; height:200px;position: relative;overflow: hidden;margin:4px;}
.case_con_list_img{position: absolute;top:0; left: 0; width: 100%; height: 100%;}
.case_con_list_img p{position: absolute; bottom:0; left: 0; background: rgba(0,0,0,.3); color: #fff; line-height: 45px; width: 100%; text-align: center; font-size: 18px;}
.case_con_list_write{position: absolute;top:0; left: 0; z-index: 1; width: 100%; height: 100%;background:rgba(7,55,127,.5);color: #fff;text-align: center;-webkit-transform: translate(0,290px);-webkit-transition: all 0.5s;}
.case_con_list_write img{display: inline-block; margin-top: 20px;}
.case_con_list_write h5{font-size: 24px; line-height: 30px; margin: 5px auto 0;}
.case_con_list_write h6{font-size: 14px; line-height: 20px; width: 85%; margin: 20px auto 0;}
.case_con_list:hover .case_con_list_write{-webkit-transform: translate(0,0);-webkit-transition: all 0.5s;}
#pageGro{ width:400px; height:25px; margin:0px auto; padding-top:30px;}
#pageGro div,#pageGro div ul li{ font-size:12px; color:#999; line-height:23px; float:left; margin-left:5px;}
#pageGro div ul li a{ width:22px; height: 22px; text-align:center; border:1px solid #999; color:#999; cursor:pointer;border-radius: 22px;}
#pageGro div ul li.active a{ color:#fff; background:#cc0007; border:1px solid #cc0007;}
.end,.first{ width: 50px!important;}
#pageGro .prev,#pageGro .next{width: 80px!important;}
#pageGro .pageUp,#pageGro .pageDown{ width:63px; border:1px solid #999; cursor:pointer;line-height:20px;border-radius: 20px;text-align: center;}
.case_details_con{width: 100%; height: auto;}
.case_details_top{width: 100%; height: auto;}
.case_details_top p{font-size: 36px; color: #cc0007;text-align: center; line-height: 40px;}
.case_details_top h6{font-size: 18px; color: #959595; line-height: 40px; text-align: center;}
.case_details_text{width: 94%;padding: 3%; height: auto; background: #fff; margin-top: 30px;}
.case_details_img{margin-bottom: 50px;}
.case_details_before{font-size: 16px; color: #cc0007; line-height: 30px;display: block;}
.case_details_before b{font-size: 16px; color: #666; line-height: 30px;}
.case_details_list{width: 240px; height: 50px; line-height: 50px; border: 2px solid #cc0007; color: #cc0007; border-radius: 50px; margin: 20px 480px; text-align: center;}
.case_details_list b{position:relative; top:10px;left: -5px;}
.ban{ width:500px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;}
/*news*/
.about_news_list_con{width: 98%; height: auto; background: #fff;justify-content:space-between;align-content:space-between;display: flex;padding: 1%; margin-bottom: 20px;-webkit-transition: all 1s;}
.about_news_list_con:hover{box-shadow: 2px 2px 5px #ddd;-webkit-transition: all 1s;}
.about_news_list_con_left{width: 760px;}
.about_news_list_con_left p{font-size: 20px; color: #cc0007;line-height: 30px;}
.about_news_list_con_left h5{font-size: 18px; color: #787877;line-height: 30px;}
.about_news_list_con_left h6{font-size: 14px; color: #787878;line-height: 20px; margin-bottom: 10px;}
.about_news_list_con_left a{line-height: 38px; border: 1px solid #cc0007; text-align: center;color: #cc0007;width: 177px; border-radius: 38px;-webkit-transition: all 1s;}
.about_news_list_con_left a:hover{background: #cc0007; color: #fff;width: 200px;-webkit-transition: all 1s;}
/*contact*/
.contact_con{width: 100%; height: auto;background: #fff;}
.contact_text{width: 96%; height: auto; padding: 2%;justify-content:space-between;align-content:space-between;display: flex;}
.contact_list_left p{font-size: 24px; color: #cc0007; margin-bottom: 20px;}
.contact_list_left h5{color: #333;line-height: 30px;}
.contact_list_left h5 b{color: #999;}
.contact_list_right{text-align: center;line-height: 40px;}
/*product*/
.accordion { width: 100%; max-width: 260px;  background: #FFF;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;float: left;}
.accordion .link { cursor: pointer;  display: block;  padding: 15px 15px 15px 20px;  color: #4D4D4D;  font-size: 14px;  font-weight: 700;  border-bottom: 1px solid #CCC;  position: relative;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;  }
.accordion li:last-child .link { border-bottom: 0;  }
.accordion li i { position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  color: #595959;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;  }
.accordion li i.fa-chevron-down { right: 12px;  left: auto;  font-size: 16px;  }
.accordion li.open .link { color: #094399;  }
.accordion li.open i { color: #094399;  }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);  }
.submenu { display: none;  background: #f5f5f5;  font-size: 14px;  }
.submenu li { border-bottom: 1px solid #ddd;  }
.submenu a { display: block;text-decoration: none;color: #333;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {background: #094399;color: #FFF;}
.product_con{width: 1200px; height: auto; margin: 50px auto;}
.product_tab_top{width:720px; height: 50px; border: 1px solid #b9b8b8; background: #fff; margin: 0 auto 30px; line-height: 50px;justify-content:space-between;align-content:space-between;display: flex;}
.product_tab_top a{text-align: center;width: 25%; border-right: 1px solid #b9b8b8; color: #000;}
.product_tab_top a:nth-child(4){border: none;}
.product_con_color{background: #cc0007; color: #fff!important;}
.product_con_text{margin-top: 30px;width: 100%;overflow: hidden;}
.product_list{justify-content:space-between;align-content:space-between;flex-wrap:wrap;display: flex;padding-right: 20px;}
.product_list a{width: 30%; background: #fff;padding-bottom: 20px; margin-bottom: 20px; border: 1px solid #fff;}
.product_list_name{font-size: 22px; line-height: 30px; padding-left: 10px; color: #000;}
.product_list a h6{font-size: 14px; color: #07377F; line-height: 20px; margin-top: 10px; padding-left: 10px;}
.product_list a:hover{-webkit-box-shadow: 5px 5px 10px #ddd; border: 1px solid #cc0007;}
.product_list a:hover .product_list_name{color: #cc0007;}
.product_right_con{width: 880px; float: right; }
.nocontent{text-align: center; border:1px #CCC dashed; height: 30px; line-height: 30px;}
.product_details_left{width: 500px; display: inline-block;}
.product_details_right{width: 350px; display: inline-block; float: right;}
.product_details_right p{ color:#cc0007; font-size: 30px; line-height: 50px; border-bottom: 1px solid #ddd;}
.product_details_right h6{ font-size: 16px; color: #07377F; line-height: 25px; margin: 15px 0 40px;}
.product_details_right h5{ line-height: 35px; font-size: 16px; color: #000; padding-left: 15px;position: relative;}
.product_details_right h5:before{content: "";position: absolute; left: 0; top:10.5px; width: 5px; height: 5px; background: #CC0007;}
.product_details_con{width: 100%; height: auto;}
.product_details_con_top{width: 100%; height: 50px; line-height: 50px; background: #dfdfdf;}
.product_details_con_top a{color: #666; line-height:47px; margin: 0px 40px;}
.product_details_con_top_color{ border-bottom: 2px solid #cc0007;color: #cc0007!important;}
.product_details_list_top{margin: 60px 0 40px; line-height: 35px; border-bottom: 1px solid #dfdfdf; color: #333;position: relative; font-size: 18px;}
.product_details_list_top:before{position: absolute; content: ""; bottom:0; left: 0; width:70px; height: 1px; background: #000;}
.product_details_list_use{width: 880px; height: 210px;}
.product_details_list_use_img{width: 1500px;}
.product_details_more{margin-top: 30px;}