.header{width:100%;height: 46px;background: #EFEFEF}
.header_cenetr{width:1200px;height: 46px;margin: 0 auto;}
.header_cenetr p{width:50%;height: 46px;line-height: 46px;font-size: 14px;color:#999999;float: left;}

.header_cenetr ul{width:240px;height: 46px;float: right;}
.header_cenetr ul li{width:80px;height: 15px;text-align: center;line-height: 15px;font-size: 14px;color:#999;float: left;list-style:none;margin-top: 17px;}
.header_cenetr ul li a{color:#999;text-decoration:none;}

.he_ewm{position: relative;}
.he_ewm img{width:80px;height: 80px;position: absolute;top:30px;left: 0px;display: none;}
.he_ewm:hover img{display: block;}
/*header_logo*/
.header_logo{width:100%;height:136px;}
.headr_lgcenter{width:1200px;height: 136px;margin:0 auto;}
.header_fl{width:95px;height: 136px;float: left;}
.header_fl img{margin:31.5px 0px}

.header_tie{width:400px;height: 136px;float: left;padding:38px 0px;}
.header_tie p{font-size: 22px;color:#00318a;margin-bottom: 5px;}
.header_tie b{font-size: 19px;color:#333;letter-spacing:3px;}

.header_right{width:380px;height: 136px;padding: 26px 0px;float: right;}
.header_right_fl{width:255px;padding-left: 63px;background: url(../img/header_tel.png)no-repeat 0px 15px;float: left;}
.header_right_fl b{font-size: 24px;color:#333;line-height: 29px;letter-spacing: 1.8px;}
.header_right_fl p{width:165px;height: 25px;background: #f20000;font-size: 16px;color:#fff;text-align: center;line-height: 25px;}

.header_right_fr{width:105px;height: 85px;float: right;}
.header_right_fr span{float: left;width: 15px;line-height: 14px;}
.header_right_fr img{width:86px;height: 86px;float: right;}

.nav{width:100%;height: 55px;background: #00318a;}
.nav_center{width:1200px;margin:0 auto;}
.nav_center .nav_ul{width:100%;height: 55px;}
.nav_center .nav_ul .home a{background: url(../img/hdader_home.png)no-repeat 20px 18px;text-indent: 25px;}
.nav_center .nav_ul .navli{width:149.7px;height: 55px;float: left;position: relative;}
.nav_center .nav_ul .navli:hover{background:#f20000;}
.nav_center .nav_ul .navli .nav_son{width:149.7px;position: absolute;top:55px;left:0px;z-index: 999;display: block;padding-top: 1px;display: none;}
.nav_center .nav_ul .navli .nav_son .nav_sonul{padding-left: 0px;padding-top: 1px;}
.nav_center .nav_ul .navli .nav_son .nav_sonli{background: #fff;width:100%;height: 40px;line-height: 40px;text-align: center;position: relative;}
.nav_center .nav_ul .navli .nav_son .nav_sonli .nav_sonlia{color:#333;}
.nav_center .nav_ul .navli:hover .nav_son{display:block;}
.nav_center .nav_ul .navli .nav_son .nav_sonli:hover{background:#f20000;}
.nav_center .nav_ul .navli .nav_son .nav_sonli:hover .nav_sonlia{color:#fff;}

.nav_center .nav_ul .navli .nav_li{color:#fff;font-size: 16px;line-height: 55px;width:100%;height: 55px;display: block;text-align: center;}
.nav_min{width:149.7px;position: absolute;top:0px;left:149.7px;padding-left: 1px;display: none;}
.nav_min .nav_minul{width:100%;padding:0px;}
.nav_min .nav_minul .nav_minli{width:100%;height:40px;text-align: center;line-height: 40px;background: #fff;}
.nav_min .nav_minul .nav_minli a{color:#535353;}

.nav_min .nav_minul .nav_minli:hover{background: #f20000;}
.nav_min .nav_minul .nav_minli:hover a{color:#fff;}
.nav_center .nav_ul .navli .nav_son .nav_sonli:hover .nav_min{display: block;}

.soso{width:100%;height: 70px;border-bottom:1px solid #EEEEEE;}
.soso_center{width:1200px;margin:0 auto;}
.soso_fl{width:50%;float: left;}
.soso_fl p{font-size: 14px;color:#666666;line-height: 70px;}
.soso_fl p a{color:#666;}

.soso_fr{width:280px;float: right;}
.soso_fr form{width:100%;height: 45px;margin:11px 0px;background: #F5F5F5;border-radius: 25px;}
.soso_fr form #q{width:100%;height: 45px;border:0px;border-radius: 25px;background: url(../img/fdj.png)no-repeat 240px 5px;text-indent:2em;font-size: 16px;color:#666;outline: none;}

.product{width:100%;height: 980px;}
.product_center{width:1200px;margin:0 auto;padding-top:60px;}
.product_center .title{width:100%;text-align: center;/*background: url(../img/product_tie.png)no-repeat center 30px;*/}
.product_center .title b{font-size: 40px;color:#555;}
.product_center .title p{font-size: 18px;color:#333;}

.product_content{width:100%;margin-top: 45px;}
.product_ul{width:100%;height: 71px;background: url(../img/product_ul.png)no-repeat 0px 0px;position: relative;}
.product_ul .product_ulli{width:226px;height: 71px;float: left;text-align: center;}
.product_ul .product_ulli span{font-size: 20px;color:#fff;line-height: 58px;width:100%;height:71px;display: block;}
.product_ul .product_ulli .prospan{background: url(../img/pronisj.png)no-repeat 0px 0px !important;color:#fff !important;}
.product_ul .more{width:70px;height:58px;float:right;text-align:center;}
.product_ul .more img{margin:15px 0px;}

.product_son{width:100%;height:660px;position: absolute;top:71px;left:0px;padding-top: 30px;display: none;}
.product_son ul{width:100%;}
.product_son ul li{width:295px;height: 280px;border:1px solid #eee;float: left;margin-right: 6px;margin-bottom: 22px;}
.product_son ul li:nth-child(4n){margin-right: 0px;}
.product_son ul li img{width:293px;height: 240px;}
.product_son ul li p{width:293px;height: 40px;color:#666;font-size: 16px;line-height: 40px;}
.product_son ul li p a{color:#666;}
.product_son ul li:hover {border:1px solid #00318a;}
.product_son ul li:hover p{background: #00318a;text-align: center;color:#fff;}
.product_son ul li:hover p a{color:#fff;}

.youshi{width:100%;padding-bottom: 130px;}
.youshi_her{width:100%;height: 237px;background: url(../img/youshi.png)no-repeat center center;}
.youshi_her_content{text-align: center;padding-top: 45px;}
.youshi_her_content b{font-size: 45px;color:#fff;}
.youshi_her_content p{font-size: 22px;color:#fff;}

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

.youshi01{position: relative;height: 500px;}
.youshi01 .ys_fl{width:590px;float: left;padding-top: 50px;}
.ys_title{width:100%;height: 110px;}
.youshi01 .ys_fl .ys_title{background:url(../img/ys01tie.png)no-repeat 0px 0px;margin-top: 70px;padding-left: 165px;padding-top: 5px;}
.youshi01 .ys_fl .ys_title b{font-size: 24px;color:#333;font-weight: 300;}
.youshi01 .ys_fl .ys_title p{font-size: 30px;font-weight: 600;}

.youshi01 .ys_fl ul{width:100%;margin-top: 25px;padding-left: 15px;}
.youshi01 .ys_fl ul li{font-size: 16px;color:#666;margin-bottom: 10px;line-height: 30px;list-style-type: disc;color:#f20000;}
.youshi01 .ys_fl ul li span{color:#666;}
.youshi01 img{position: absolute;right: 0px;top:50px;z-index: 99;}

.youshi02{position: relative;height: 500px;}
.youshi02 .ys_fr{width:590px;float: right;padding-top: 50px;}
.ys_title{width:100%;height: 110px;}
.youshi02 .ys_fr .ys_title{background:url(../img/ys02tie.png)no-repeat 0px 0px;margin-top: 95px;padding-left: 165px;padding-top: 5px;}
.youshi02 .ys_fr .ys_title b{font-size: 24px;color:#333;font-weight: 300;}
.youshi02 .ys_fr .ys_title p{font-size: 30px;font-weight: 600;}

.youshi02 .ys_fr ul{width:100%;margin-top: 25px;padding-left: 15px;}
.youshi02 .ys_fr ul li{font-size: 16px;color:#666;margin-bottom: 15px;line-height: 30px;list-style-type: disc;color:#f20000;}
.youshi02 .ys_fr ul li span{color:#666;}
.youshi02 img{position: absolute;left: 0px;top:50px;z-index: 99;}

.youshi03{position: relative;height: 500px;}
.youshi03 .ys_fl{width:590px;float: left;padding-top: 50px;}
.ys_title{width:100%;height: 110px;}
.youshi03 .ys_fl .ys_title{background:url(../img/ys03tie.png)no-repeat 0px 0px;margin-top: 70px;padding-left: 165px;padding-top: 5px;}
.youshi03 .ys_fl .ys_title b{font-size: 24px;color:#333;font-weight: 300;}
.youshi03 .ys_fl .ys_title p{font-size: 30px;font-weight: 600;}

.youshi03 .ys_fl ul{width:100%;margin-top: 25px;padding-left: 15px;}
.youshi03 .ys_fl ul li{font-size: 16px;color:#666;margin-bottom: 10px;line-height: 30px;list-style-type: disc;color:#f20000;}
.youshi03 .ys_fl ul li span{color:#666;}
.youshi03 img{position: absolute;right: 0px;top:50px;z-index: 99;}

.youshi04{position: relative;height: 500px;}
.youshi04 .ys_fr{width:590px;float: right;padding-top: 50px;}
.ys_title{width:100%;height: 110px;}
.youshi04 .ys_fr .ys_title{background:url(../img/ys04tie.png)no-repeat 0px 0px;margin-top: 95px;padding-left: 165px;padding-top: 5px;}
.youshi04 .ys_fr .ys_title b{font-size: 24px;color:#333;font-weight: 300;}
.youshi04 .ys_fr .ys_title p{font-size: 30px;font-weight: 600;}

.youshi04 .ys_fr ul{width:100%;margin-top: 25px;padding-left: 15px;}
.youshi04 .ys_fr ul li{font-size: 16px;color:#666;margin-bottom: 15px;line-height: 30px;list-style-type: disc;color:#f20000;}
.youshi04 .ys_fr ul li span{color:#666;}
.youshi04 img{position: absolute;left: 0px;top:50px;z-index: 99;}

.case{width:100%;height: 675px;background: url(../img/case.png)no-repeat 0px 0px;}
.case_center{width:1200px;margin:0 auto;padding-top: 70px;}
.case_center .title{width:100%;text-align: center;/*background: url(../img/case_tie.png)no-repeat center 30px;*/}
.case_center .title b{font-size: 40px;color:#fff;}
.case_center .title p{font-size: 18px;color:#fff;}

.case_content{width:100%;height: 420px;margin-top: 50px;}
.case_one{width:1200px;}
.case_one{width:1200px;height: 260px;background: #fff;padding:15px;}

/* 本例子css */
.slideBox{ width:1170px; height:230px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:290px; height:230px; display:block;float: left;}
.slideBox .bd .case_cont{width:810px;height: 230px;float: right;padding-right: 70px;}
.case_p1{font-size: 18px;color:#333;margin-top: 30px;margin-bottom: 10px;}
.case_cont span{font-size: 16px;color:#999;}
.case_p2{font-size: 14px;color:#666;margin-top: 10px;line-height: 25px;margin-bottom: 20px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; right:5%; top:11%; margin-top:-25px; display:block; width:46px; height:46px; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px;}
.slideBox .prev{background: url(../img/left.png)no-repeat 0px 0px;}
.slideBox .next{background: url(../img/rights.png)no-repeat 0px 0px;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prev:hover{background: url(../img/left.png)no-repeat 0px 0px;}
.slideBox .next:hover{background: url(../img/rights.png)no-repeat 0px 0px;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.case_two{width:100%;height: 155px; padding-top: 35px;}

/* 本例子css */
.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:210px;height: 120px;margin: 0px 20px;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:210px; height:120px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


.pinpai{width:100%;height: 640px;background: #fff;}
.pinpai_center{width:1200px;margin:0 auto;}
.pinpai_title{width:100%;height: 195px;text-align: center;padding-top: 70px;/*background: url(../img/pin_tie.png)no-repeat center 100px;*/}
.pinpai_title b{font-size: 40px;color:#555555;}
.pinpai_title p{font-size: 18px;color:#333;}


.pinpai_content{width:100%;height: 390px;}
.pinpai_content ul li{width:24%;height: 190px;float: left;text-align: center;background: #F7FAFD;margin-right:16px;margin-bottom:16px;}
.pinpai_content ul li:nth-child(4n){margin-right: 0px;}
.pinpai_content ul li img{margin-bottom: 10px;}
.pinpai_content ul li span{font-size: 18px;color:#333;}
.pinpai_content ul li p{font-size:14px;color:#7F7F80;margin-top: 5px;}

/*about*/
.about{width:100%;height: 850px;background:url(../img/about.png)no-repeat 0px 0px;}
.about_center{width:1200px;margin:0 auto;}
.about_title{width:100%;height: 195px;text-align: center;padding-top: 85px;}
.about_title b{font-size: 40px;color:#fff;}
.about_title p{font-size: 18px;color:#fff;}

.about_content{width:100%;height: 300px;font-size: 16px;color:#fff;margin:0 auto;margin-top: 25px;text-align: left;line-height: 35px;text-indent: 2em;}
.about_more{width:76px;margin:0 auto;margin-top: 25px;text-align: center;background: url(../img/about_mpre.png)no-repeat 0px 0px;}
.about_more a{font-size: 14px;color:#fff;display: block;height: 100px;line-height: 180px;}
.about_more a:hover{color:#fff;}

.about_pic{width:100%;height: 260px;background: #fff;margin-top: 40px;padding:0px 25px;padding-top: 50px;box-shadow: 0px 3px 10px 2px #F8F8F8;}
.about_img{width:100%;height: 220px;position: relative;}
.about_img .about_img_ul{width:214px;height: 195px;}
.about_img .about_img_ul .about_img_li{width:214px;height:60px;background: url(../img/about_img_back.png)no-repeat 0px 0px;padding:18px 32px;line-height: 18px;margin-bottom: 5px;}
.about_img .about_img_ul .about_img_li .about_lip{font-size: 18px;color:#333;}
.about_img .about_img_ul .about_img_li span{font-size: 12px;color:#999;}
.about_sonul{width:935px;height: 200px;position: absolute;left:214px;top:0px;display: none;}
.about_sonul li{width:215px;height: 200px;margin-left: 18px;float: left;}
.about_sonul li img{width:215px;height: 160px;}
.about_sonul li p{text-align: center;line-height: 41px;color:#333;font-size: 16px;}
.about_img_ul .active{background: url(../img/about_img_backs.png)no-repeat 0px 0px !important;}
.about_img_ul .active .about_lip{color:#fff !important;}
.about_img_ul .active span{color:#FFC3A3 !important;}


.news{width:100%;height:910px;}
.news_center{width:1200px;margin:0 auto;padding-top: 75px;}
.news_title{width:100%;text-align: center;/*background: url(../img/news_tie.png)no-repeat center 30px;*/}
.news_title b{font-size: 40px;color:#555;}
.news_title p{font-size: 18px;color:#333;}

.news_content{width:100%;margin-top:35px;}
.news_m1_tie{width:100%;height:45px;border-bottom: 1px solid #DDDDDD;background: url(../img/news_fe.png)no-repeat 0px 10px;padding-top: 6px;padding-left: 30px;margin-bottom: 30px;}
.news_m1_tie b{font-size: 18px;color:#00318a;}
.news_m1_tie  a{font-size: 14px;color:#333;float: right;}

.news_fl{width:584px;height: 460px;float: left;}
.news_fl img{width:584px;height: 294px;}
.news_01des{width:100%;height: 135px;padding-top: 25px;}
.news_01des b{font-size: 18px;color:#333;}
.news_01des p{font-size: 14px;color:#808080;padding-top: 10px;line-height: 25px;}
.news_01des p a{color:#00318a;}

.news_fr{width:545px;height: 460px;float: right;}
.news_fr_01{width:100%;height: 159px;border-bottom: 1px solid #DDDDDD;}
.news_fr_01 img{width:256px;height: 128px;float: left;}
.news_fr_min{width:260px;float: right;padding-top: 20px;}
.news_fr_min b{font-size: 18px;color:#00318a;}
.news_fr_min p{font-size: 14px;color:#666666;margin-top: 10px;}

.news_fr ul{width:100%;padding-top: 25px;}
.news_fr ul li{width:100%;height: 35px;font-size: 14px;color:#666;line-height: 35px;}
.news_fr ul li a{float: left;color:#666;}
.news_fr ul li  span{float: right;}

.news_qa{width:100%;height: 100px;background: url(../img/news_qa.png)no-repeat 0px 0px;float: left;}
.news_qa ul{width:1050px;height: 100px;float: right;padding: 10px 0px}
.news_qa ul li{width:31%;float: left;font-size: 14px;color:#666;height: 40px;line-height: 40px;list-style-type:circle;margin-left: 15px;}
.news_qa ul li a{color:#666;}

/*footer*/
.footer{width:100%;height:360px;background: url(../img/footer.png)no-repeat;}
.footer_center{width:1200px;margin:0 auto;}
.footer_fl{width:235px;height: 360px;background: #00318a;float: left;text-align: center;float: left;}
.footer_fl img{margin:108px 0px 70px 0px;}
.footer_fl p{font-size:16px;color:#fff;font-weight: 600;}

.footer_cet{width:535px;float: left;margin-left:70px;margin-top: 55px;}
.footer_cet .footer_ul{width:535px;height: 145px;border-top:2px solid #585857;border-bottom:2px solid #585857;padding-top: 25px;}
.footer_cet .footer_ul li{width:28%;float: left;height: 30px;line-height: 30px;text-indent: 1em;background: url(../img/sandian.png)no-repeat left center;margin-left: 28px;}
.footer_cet .footer_ul li a{color:#B2B2B2;font-size: 14px;}

.footer_lx{width:100%;height: 158px;padding:0px 20px;padding-top:20px;}
.footer_lx ul{width:100%;padding:0px 0px;}
.footer_lx ul li{width:44%;float: left;color:#B2B2B2;height: 25px;}

.footer_fr{width:260px;float: right;margin-top: 70px;}
.footer_fr_top{width:100%;height: 165px;}
.ewm1{width:110px;height: 110px;border:1px solid #A0A0A0;padding:6px;}

.footer_ewmfl{width:110px;height: 160px;float: left;margin-left: 20px;}
.footer_ewmfl .ewm1 img{width:96px;height: 96px;}
.footer_ewmfl p{text-align: center;line-height:40px;color:#B0B1B1;font-size: 14px;}

.footer_ewmfr{width:110px;height: 160px;float: right;}
.footer_ewmfr .ewm1 img{width:96px;height: 96px;}
.footer_ewmfr p{text-align: center;line-height:40px;color:#B0B1B1;font-size: 14px;}

.footer_fr_bot{width:100%;}
.footer_fr_bot p{font-size:14px;color:#B2B2B2;margin-bottom: 5px;text-align: right;}

.footer_link{width:100%;height: 65px;}
.footer_link_cenetr{width:1200px;margin:0 auto;}
.footer_link_cenetr p{font-size: 16px;color:#666;line-height: 65px;}
.footer_link_cenetr p b{font-size: 16px;color:#333;}
.footer_link_cenetr p b span{color:#00318a;}

.footer_link_cenetr p a{color:#666;}
.toolbar {
  width: 50px;
  position: fixed;
  right: 1%;
  top: 44%;
  z-index: 999;
}
@media (max-width: 767.98px) {
  .toolbar {
    display: none;
  }
}
.toolbar li {
  width: 50px;
  height: 50px;
  margin: 2px 0;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  transition: all 0.35s;
}
.toolbar li:hover {
  background-color: #00318a;
}
.toolbar .tel:hover .hover-grp {
  right: 0;
}
.toolbar .tel .hover-grp {
  display: block;
  min-width: 220px;
  font-size: 24px;
  line-height: 48px;
  border: 0;
  background-color: #00318a;
  color: #FFF;
  position: absolute;
  top: 0;
  right: -300px;
  overflow: hidden;
  border-radius: 50px;
  transition: all 0.35s;
}
.toolbar .tel .hover-grp img, .toolbar .tel .hover-grp span {
  display: inline-block;
  vertical-align: middle;
}
.toolbar .tel .hover-grp img {
  margin-right: 5px;
}
.toolbar .qr:hover .hover-grp {
  opacity: 1;
  visibility: visible;
}
.toolbar .qr .hover-grp {
  width: 160px;
  position: absolute;
  right: 65px;
  top: -51px;
  background: #00318a;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s;
  z-index: 99;
}
.toolbar .qr .hover-grp img {
  display: block;
  width: 120px;
  height: 120px;
  margin-bottom: 5px;
}
.toolbar .qr .hover-grp h3 {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}