body { background:#ffffff; margin:0; padding:0; font-family:"Noto Sans SC", "微软雅黑",Verdana, Geneva, sans-serif;  font-weight: normal;}
body::-webkit-scrollbar { width: 3px; height: 10px; background-color:rgba(0,0,0,0.1); }
body::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color:rgba(0,0,0,.2);
}
ul,li,dl,dt,dd { list-style:none; margin:0px; padding:0px;}
img { border:none; padding: 0px; margin: 0px; display: block;}
h1,h2,h3,h4 { margin:0px; padding:0; font-weight:bold;}
p { padding:0px; margin:0;}
a { text-decoration:none; color:#000000; transition: all .3s;}
a:hover { color:#1177de; text-decoration:none;}
/*public*/
#headerMain {  width: 100%; height: 90px; display: block; position: fixed; z-index: 9999; top: 25px; left: 0;  transition: all .3s; }
.headerMain-bg { background:rgba(0,0,0,.5); top: 0 !important;}
.logo { width:150px; height: 70px; overflow: hidden; display: inline-block; float: left; margin-top: 10px;}
.header_wd { width: 94%; height: 90px; display: block; max-width: 1600px; margin: 0px auto;}
.nav_ul { display: inline-block; height:70px; margin-top:15px;  float: right;}
.nav_ul li {width:100px; height:70px;  text-align: center; position: relative; box-sizing: border-box; transition: all .3s; float: left; }
.nav_ul li a { font-size: 15px; line-height: 70px; display: block; width: 100%; height: 70px; color: #ffffff;}
.nav_ul li .hr { width: 0px; height: 1px; background: #ffffff;  display: inline-block; transition: all .3s; margin-right: 5px; vertical-align: middle;}
.nav_ul li:hover .hr { width:20px;}
.nav_ul li .dot_cx { width: 10px; height: 7px; background:url(../image/dot_cx.png) no-repeat; display: inline-block; transition: all .3s; margin-left: 8px; }
.nav_ul li:hover .dot_cx { background:url(../image/dot_cx_h.png) no-repeat; }
.nav_tow { width: 170px; height: 0px; transition: all .2s; overflow: hidden; display: block; position: absolute; z-index: 99999; top: 70px; background: rgba(255,255,255,.9); border-radius: 8px; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.nav_ul li:hover .nav_tow { height: auto; padding: 10px 0px;}
.nav_tow_list { width: 100%; height: auto; overflow: hidden;display: block;}
.nav_tow_list a { color: #ffffff; line-height: 40px !important; height: 40px !important; color: #000000 !important; font-size: 14px !important; overflow: hidden; display: block; padding-left: 15px; box-sizing: border-box; text-align:left !important;}
.nav_tow_list a:hover { text-decoration: underline;}

.nav_img_bg { display: none; width:35px; height: 25px; margin:20px 0 0px 20px; text-align: right; cursor: pointer; float: right;}
.nav_u_down2 { display: none;}
.header_wap { display: none; overflow: hidden;}
.top_lau { float: right; color: #ffffff; width: 110px; line-height: 30px; height: 32px; text-align: center; position: relative; border: 1px solid rgba(255,255,255,.8); margin-top: 32px;  margin-left: 5%; font-size: 14px; box-sizing: border-box; }
.top_lau a { display:inline-block; background: url(../image/dot_lau.png) no-repeat left; padding-left: 30px; color: #ffffff;}
.top_lau_ab { width: 100%; height: auto; overflow: hidden; background: rgba(255,255,255,.9); position: absolute; z-index: 99999; top: 32px; padding: 10px 0px; box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.top_lau_ab a { display: block; font-size: 14px; line-height: 40px; color: #000000; overflow: hidden; padding-left: 0px;}
.top_lau_wap { display: none;}
/*banner start*/
.banner_bg { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.v{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); -webkit-transition: 1s opacity; transition: 1s opacity; background-color:skyblue; object-fit: cover;}
.banner_ab_con { width: 100%; height:auto; overflow: hidden; position: absolute; z-index: 999; display: block; text-align: center; top: 50%; transform: translateY(-50%);}
.banner_ab_tit { display: block; font-size: 75px; line-height: 90px; font-weight: bold; color: #ffffff; text-align: center; overflow: hidden; opacity: .9;}
.banner_ab_en { display: block; font-size: 25px; line-height: 40px;  color: #ffffff; text-align: center; overflow: hidden; margin-top: 10px; opacity: .9; font-weight: bold; text-transform: uppercase;} 
.banner_ab_des { display: block; font-size: 25px; line-height: 35px;  color: #ffffff; text-align: center; overflow: hidden; opacity: .9; margin-top: 10px;}
.banner_black {width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; background: rgba(0,0,0,.3); display: block; overflow: hidden; z-index: 9;}
.banner_btn { width: 26px; height: 46px; position: absolute; z-index: 99; bottom: 30px; left: 50%; margin-left: -13px;}
.banner_btn img { animation: myfirst 1s infinite; }
        
        @keyframes myfirst {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, -10px); opacity: .5;
            }
            100% {
                transform: translate(0px, 0px);
            }
        }
.banner_n { width: 100%; height:600px; overflow: hidden; display: block; position: relative;}
.banner_n .ab { width: 80%; height:auto; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); left: 10%; overflow: hidden;}
.banner_n .tit { font-size:45px; line-height: 60px; font-weight: bold; color: #ffffff; display: block; text-align: center; letter-spacing: 10px;}
.banner_n .tit span { display: block; text-align: center; font-size: 25px; line-height: 40px; margin-top: 10px; letter-spacing: 0px; font-weight: normal;}
.banner_n_fb { width: 100%; height:350px; overflow: hidden; display: block; position: relative;}
.banner_wap { display: none;}

.inum_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.tit_num { width: 94%; height: auto; max-width: 1300px; overflow: hidden; display: block; position: relative; font-size: 35px; font-weight:normal;color: #333333; text-align: center; margin: 0px auto;}
.tit_num span{ display: block; font-size: 17px; margin-top: 15px;}
.product-number-info { width: 100%; height: auto; display: block; overflow: hidden; margin:60px auto 0px auto; max-width: 1500px;}
.product-number-inner { width: 90%; height: auto; overflow: hidden; display: block; margin: 0px auto;}
.product-number-inner ul { display: block; overflow: hidden; }
.product-number-inner ul li { width: 33.3333%; height: auto; overflow: hidden; float: left; text-align: center; color: #333333; border-right: 1px solid rgba(0,0,0,.1); box-sizing: border-box;}
.product-number-inner ul li b { display: block; font-size: 60px; line-height: 80px; overflow: hidden; position: relative; color: #008ed1;}
.product-number-inner ul li b i { font-style: normal; }
.product-number-inner ul li.li-3 { border: none;}
.product-number-inner ul li p { display: block; font-size: 15px; line-height: 35px;}
.width { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}

.ibg_about { width: 100%; height: auto; overflow: hidden; display: block; background: #2665b2; padding: 70px 0px;}
.iabout_bg { width:100%; height: auto; overflow: hidden; display: block; font-size: 0;}
.iabout_img { width: 58.5%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.iabout_con { width: 37.5%; height: auto; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 4%;}
.iabout_tit { display: block; font-size: 30px; font-weight: bold; color: #ffffff; line-height: 40px; overflow: hidden;}
.iabout_hr { width: 40px; height: 5px; display: block; background: #ffffff; overflow: hidden; border-radius: 5px; margin-top: 25px;} 
.iabout_info { width:100%; height: auto; font-size: 15px; line-height: 40px; color: #ffffff; margin-top: 20px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6;}
.iabout_more { width: 180px; height: 40px; display: block; overflow: hidden; border-radius: 40px; margin-top: 40px;}
.iabout_more a { display: block; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; padding: 0px 30px; box-sizing: border-box; background: #f67d0e; background-image: linear-gradient(to right, #f6960e , #f66b0e); transition:0.3s;}
.iabout_more a span { width: 18px; height: 8px; display: inline-block; background: url(../image/dot_more.png) no-repeat center; margin-left:10px; vertical-align: middle;}

.tit_serv { width: 94%; height: auto; max-width: 1500px; overflow: hidden; display: block; position: relative; font-size: 35px; font-weight:normal;color: #333333; text-align: center; margin:80px auto 0px auto;}
.tit_serv span{ display: block; font-size: 17px; margin-top: 15px;}

.iserv_ul { width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.iserv_ul .swiper-serv { margin-top: 30px;}
.iserv_ul li { position: relative; overflow: hidden; padding: 90px 1%; box-sizing: border-box;}
.iserv_ul li a { color: #ffffff;}
.iserv_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.iserv_ul li .black_ab { width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0,0,0,.5); top: 0; left: 0; transition: all .3s;}
.iserv_ul li:hover .black_ab { background:rgba(7,40,97,.9);}
.iserv_ul .swiper-pagination-serv { position: relative; width: 100%; text-align: center; height: auto; overflow: hidden; margin-top: 50px;}
.iserv_ul .swiper-pagination-bullet { border-radius: 0; width: 10px; height: 10px; margin: 0px 2px; opacity: .4; outline: none;}
.iserv_ul .swiper-pagination-bullet-active { width: 18px; height: 18px; background: #fa5c06; opacity: 1; outline: none;}
.iserv_ul li .ab_con { width:90%; height: 260px; overflow: hidden; display: block; position: absolute; z-index: 11; top:50%; margin-top: -130px; left: 5%; transition: all .3s;}
.iserv_ul li .ab_img { width: 40%; height: auto; overflow: hidden; display: block; max-width: 80px; padding: 20px; border: 2px solid #ffffff; border-radius: 100%; margin: 0px auto;}
.iserv_ul li .ab_tit { display: block; font-size: 20px; text-align: center; overflow: hidden; line-height: 30px; margin-top: 30px; color: #ffffff;}
.iserv_ul li .ab_des { display: block; font-size: 14px; line-height: 25px; width: 100%; max-width: 250px; color: #ffffff;  margin: 20px auto 0px auto; text-align: center; padding: 0px 5%; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.iserv_ul li .ab_more { width: 100px; height: 30px; display: block; overflow: hidden; margin: 70px auto 0px auto; border: 1px solid #ffffff; text-align: center; font-size: 14px; line-height: 30px; opacity: 0; transition: all .5s;}
.iserv_ul li .ab_more a { display:block; line-height: 30px; color: #ffffff; overflow: hidden; transition: all .3s;}
.iserv_ul li:hover .ab_con { height: 320px;  margin-top: -160px; }
.iserv_ul li:hover .ab_more { opacity: 1; margin-top: 30px; }
.iserv_ul li .ab_more a:hover { color: #fe7200; background: #ffffff;}

.imap_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #2665b2; padding: 70px 0px; }
.imap_wd { width:100%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; position: relative;}
.imap_img { width: 100%; height: auto; overflow: hidden; display: block;}
@keyframes scale{
    0%{transform:scale(1)}
    50%,75%{transform:scale(2)}
    78%,100%{opacity:0}
}
.item {position: absolute; width: 35px; height: 35px; background-color: #05a6fa; border-radius: 50%; z-index: 9;}
.item:before {content: ''; display:block; width: 35px; height: 35px; border-radius: 50%; opacity: .7; background-color: #05a6fa; animation: scale 1.5s infinite cubic-bezier(0,0,.49,1.02); animation-delay: 200ms; }
.item_01 { top: 25%; left: 18%;}
.item_02 { bottom: 29%; left: 29.7%;}
.item_03 { top: 50%; left: 52%;}
.item_04 { top: 23%; right: 30%;}
.item_05 { bottom: 29%; right: 11.5%;}

.icoop_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px;}
.tit_coop { width: 100%; height: auto; overflow: hidden; display: block; position: relative; font-size: 35px; font-weight:normal;color: #333333; text-align: center;}
.tit_coop span{ display: block; font-size: 17px; margin-top: 15px;}
.icoop_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 35px;}
.icoop_ul li { width: 16.66666%; height: auto; overflow: hidden; display: block; padding: 0px 10px; box-sizing: border-box; margin-top: 30px; float: left;}
.icoop_ul li .img { width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #e2e2e2; box-sizing: border-box;}
.icoop_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .4s;}
.icoop_ul li:hover img{transform: scale(1.1, 1.1);transition: transform 0.4s ease 0s;}
.icoop_more { width: 180px; height: 40px; display: block; overflow: hidden; border-radius: 40px; margin: 60px auto 0px auto;}
.icoop_more a { display: block; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; padding: 0px 30px; box-sizing: border-box; background: #f67d0e; background-image: linear-gradient(to right, #2fa8e4 , #005dd1); transition:0.3s;}
.icoop_more a span { width: 18px; height: 8px; display: inline-block; background: url(../image/dot_more.png) no-repeat center; margin-left:10px; vertical-align: middle;}

.inews_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 70px 0px; background: url(../image/inews_bg.jpg) no-repeat center; background-size:cover ; }
.inews_l { width: 40%; height: auto; overflow: hidden; float: left; padding: 0px 45px; box-sizing: border-box; text-align: center;}
.inews_l .tit_en { display: block; font-size: 70px; font-weight: bold; line-height: 90px; overflow: hidden; text-align: center; margin-top: 30px;}
.inews_l .tit_en a { color: #ffbb05;}
.inews_l .tit { display: block; font-size: 50px; font-weight: bold; line-height:65px; overflow: hidden; text-align: center;}
.inews_l .tit a { color: #ffffff; }
.inews_hr { width: 30px; height: 5px; background: #ffffff; display: inline-block; overflow: hidden; margin-top: 25px;}
.inews_r { width: 50%; height: auto; overflow: hidden; float:right; padding: 0px ; box-sizing: border-box;}
.inews_r li { display: block; overflow: hidden; border-bottom: 1px dotted rgba(255,255,255,.5); padding: 20px 0px;}
.inews_r li .time_p { display: block; font-size: 15px; line-height: 25px; color: #ffffff; overflow: hidden; font-style: italic;}
.inews_r li .tit { display: block; font-size: 18px; line-height: 25px; color: #ffffff; margin-top: 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews_r li .tit a { color: #ffffff;}
.inews_r li .des { display: block; font-size: 14px; line-height: 25px; color:rgba(255,255,255,.8); overflow: hidden; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 15px;}
.inews_more { width: 180px; height: 40px; display:inline-block; overflow: hidden; border-radius: 40px; margin-top: 60px;}
.inews_more a { display: block; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; padding: 0px 30px; box-sizing: border-box; background: #f67d0e; background-image: linear-gradient(to right, #2fa8e4 , #005dd1); transition:0.3s;}
.inews_more a span { width: 18px; height: 8px; display: inline-block; background: url(../image/dot_more.png) no-repeat center; margin-left:10px; vertical-align: middle;}

/*foot_start*/
.foot_mar { width: 100%; height: 80px; display: block; overflow: hidden;}
.foot_bg { width: 100%; height: auto; overflow: hidden; display: block; padding-top:70px; background: #123075; box-sizing: border-box;}
.foot_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1200px; margin: 0px auto;  font-size: 0; border-bottom: 1px solid #354f8a; padding-bottom: 60px;}
.foot_left { width: 18%; height: auto; overflow: hidden; display: block; float: left;}
.foot_mdl { width: 18%; height: auto; overflow: hidden; display: block; float: left;}
.foot_mid { width: 25%; height: auto; overflow: hidden; display: block; float: left;}
.foot_right { width: 30%; height: auto; overflow: hidden; display: block; float:right;}
.foot_ma { width: 50%; height: auto; overflow: hidden; float: left; padding: 0px 15px 0px 0px; box-sizing: border-box; }
.foot_ma2 { width: 50%; height: auto; overflow: hidden; float: left; padding: 0px 0px 0px 15px; box-sizing: border-box; }
.foot_right .img { width: 100%; height: auto; overflow: hidden; display: block;}
.foot_right .img  img{ width: 100%; height: auto; overflow: hidden; display: block;}
.foot_right .tit { display: block; font-size: 15px; line-height: 25px; margin-top: 10px; color: #ffffff; text-align: center;}

.foot_tit { display: block; font-size: 18px; line-height: 30px; color: #ffffff; overflow: hidden; font-weight: bold;}
.foot_hr { width: 20px; height: 3px; background: #A2ABCA; display: block; overflow: hidden; margin-top: 10px;}
.foot_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.foot_ul li { width: 100%; display: block; height: auto; overflow: hidden; font-size: 15px; line-height: 40px; color: #a2abca; }
.foot_ul li a { color: #a2abca; display: block; overflow: hidden;}
.foot_ul li a:hover { color: #ffffff; display: block; overflow: hidden;}
.foot_ul li .dot { font-family: simsun; display: inline-block; vertical-align: middle; margin-left: 10px; font-weight: bold;}
.foot_ul li .tow_dl { width: 100%; display: none; overflow: hidden; height: auto;}
.foot_ul li:hover .tow_dl { display: block;}
.foot_ul li .tow_dl dd { display: block; font-size: 13px; line-height: 30px; overflow: hidden;}
.foot_ul li .tow_dl dd a { line-height: 30px !important; font-size: 13px !important;}

.foot_lx { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 15px;}
.foot_lx li { width: 100%; display: block; height: auto; overflow: hidden; font-size: 15px; line-height: 40px; color: #a2abca; padding-left: 30px; position: relative; box-sizing: border-box;}
.foot_lx li span { width: 23px; height: 23px; position: absolute; z-index: 9; top: 10px; left: 0;}

.banquan_info { width: 94%; height:auto; display: block; padding: 15px 0px; font-size: 13px; line-height: 25px; color: #babecf; text-align: center; overflow: hidden;  max-width: 1200px; margin: 0px auto;}
.banquan_info a { color: #babecf;}


/*新闻 */
.page_nav { width: 100%; height: auto; overflow: hidden; max-width: 1300px; margin: 50px auto 0px auto; padding:0px 30px 20px 30px; box-sizing: border-box; border-bottom: 1px solid #eeeeee; }
.page_nav li { width: 120px; height: 30px; float: left; overflow: hidden; text-align:left; font-size: 15px; line-height: 30px;}
.page_nav li span { width: 0px; height: 1px; background: #333333; margin-top: 15px; float: left; transition: all .3s; margin-right: 5px;}
.page_nav li:hover span { width:20px; background: #1177de;}
.page_nav li.sel span { width:20px; background: #1177de;}
.page_nav li.sel a { color:#1177de ;}
.news_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 20px auto 0px auto;}
.news_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; margin-top: 35px; padding: 0px 30px; box-sizing: border-box;}
.news_ul li .tit { font-size: 15px; line-height: 30px; display: block; overflow: hidden;}
.news_ul li .tit a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_ul li .des { display: block; font-size: 13px; line-height: 25px; margin-top: 5px; color: #777777; height: 50px;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_ul li .time { display: block; font-size: 13px; color: #8a8a8a; line-height: 25px; margin-top: 20px; font-style: italic; border-bottom: 1px solid #eeeeee; padding-bottom: 25px;}
.pagelist { width: 100%; height: auto; overflow: hidden; text-align: center; font-size: 12px; margin-top: 50px;}
.pagelist a { margin: 0px 1px 0px 1px; display: inline-block; overflow: hidden; padding: 0px 8px; line-height: 23px; border: 1px solid #dddddd; vertical-align: middle; font-size: 12px;}
.pagelist a.a1 { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #dddddd; vertical-align: middle;}
.pagelist a:hover { background: #2665b2; color: #ffffff;}
.pagelist span { display: inline-block; padding: 0px 8px; line-height: 25px; border: 1px solid #2665b2; vertical-align: bottom; background: #2665b2; color: #ffffff;}
.show_news_bg { width: 100%; height: auto; overflow: hidden; display: block; background: #f4f4f4; padding: 0px 0px 60px 0px;}
.show_news_wd { width: 96%; height: auto; overflow: hidden; background: #ffffff; padding: 30px 3%; box-sizing: border-box; max-width: 1300px; margin: 20px auto 0px auto;}
.show_news_tit { width: 100%; height: auto; display: block; font-size:20px; line-height: 35px; color: #000000; text-align: center; box-sizing: border-box;}
.value { display: block; font-size: 14px; line-height: 30px; color: #555555; margin-top: 10px; text-align: center;  padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.show_news_con { width: 100%; height: auto; overflow: hidden; display: block; font-size: 15px; line-height: 30px; color: #444444;  padding: 25px 0px;}
.show_news_con img { max-width: 100%; margin: 20px auto; display: block;}
/*联系我们*/
.contact_wd { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1200px; margin: 60px auto 0px auto; position: relative; font-size: 0;}
.contact_left { width: 40%; height: auto; overflow: hidden; display:inline-block; box-sizing: border-box; vertical-align: middle;}
.contact_tit_img { width: 80%; height: auto; overflow: hidden; display: block; max-width: 290px;}
.contact_tit { display: block; font-size: 30px; font-weight: bold; color: #000000; line-height: 35px; overflow: hidden; box-sizing: border-box; margin-top: 10px;}
.contact_name { display: block; font-size: 20px; line-height: 40px; margin-top: 30px; color: #333333; overflow: hidden; font-weight: bold;}
.contact_info { display: block; font-size: 15px; line-height: 35px; color: #333333; overflow: hidden; margin-top: 10px;}
.contact_right { width: 50%; height:auto;  display: inline-block; overflow: hidden; vertical-align: middle; margin-left: 10%;}
/*服务*/
.serv_wd { width: 90%; height: auto; overflow: hidden; display: block; position: relative; max-width: 1300px; margin: 0px auto;}
.serv_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px;}
.serv_img_l { width: 45%; height: auto; overflow: hidden; display: block; float: left; max-width: 500px;}
.serv_con_r { width: 45%; height: auto; overflow: hidden; position: absolute; z-index: 5; top: 50%; right: 0;  transform: translateY(-50%);}
.serv_img_r { width: 45%; height: auto; overflow: hidden; display: block; float: right; max-width: 500px;}
.serv_con_l { width: 45%; height: auto; overflow: hidden; position: absolute; z-index: 5; top: 50%; left: 0; transform: translateY(-50%);}

.serv_one_p { display: block; font-size: 17px; color: #ffffff; line-height: 30px; overflow: hidden;}
.serv_one_p span { width: 25px; height: 1px; background: #ffffff; float: left; margin-right: 5px; margin-top: 12px;}
.serv_one_h { display: block; font-size: 35px; color: #ffffff; line-height: 40px; overflow: hidden; font-weight: bold; margin-top: 15px;}
.serv_one_hr { width: 30px; height: 5px; background: #ffffff; display: block; overflow: hidden; margin-top: 20px;}
.serv_one_info { width: 100%; height: auto; display: block; font-size: 16px; line-height:30px; overflow: hidden; color: #ffffff; margin-top: 30px;}
.serv_tow_p { display: block; font-size: 15px; color: #000000; line-height: 25px; overflow: hidden;}
.serv_tow_p span { width: 25px; height: 1px; background: #000000; float: left; margin-right: 5px; margin-top: 12px;}
.serv_tow_h { display: block; font-size: 35px; color: #000000; line-height: 40px; overflow: hidden; font-weight: bold; margin-top: 15px;}
.serv_tow_hr { width: 30px; height: 5px; background: #000000; display: block; overflow: hidden; margin-top: 15px;}
.serv_tow_info { width: 100%; height: auto; display: block; font-size: 16px; line-height: 30px; overflow: hidden; color: #000000; margin-top: 30px;}

.serv_more{ width: 180px; height: 40px; display: block; overflow: hidden; border-radius: 40px; margin-top: 40px;}
.serv_more a { display: block; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; padding: 0px 30px; box-sizing: border-box; background: #f67d0e; background-image: linear-gradient(to right, #f6960e , #f66b0e); transition:0.3s;}
.serv_more a span { width: 18px; height: 8px; display: inline-block; background: url(../image/dot_more.png) no-repeat center; margin-left:10px; vertical-align: middle;}
.serv_tel{ width: 180px; height: 40px; display: none; overflow: hidden; border-radius: 40px; margin-top: 40px;}
.serv_tel a { display: block; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center; padding: 0px 30px; box-sizing: border-box; background: #f67d0e; background-image: linear-gradient(to right, #f6960e , #f66b0e); transition:0.3s;}
.serv_tel a span { width: 18px; height: 8px; display: inline-block; background: url(../image/dot_more.png) no-repeat center; margin-left:10px; vertical-align: middle;}

/*关于*/
.about_vd_bg { width: 100%; height: auto; overflow: hidden; min-height: 700px; position: relative; background: #000000;}
.about_v{ position: absolute; top: 0; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(0%); -webkit-transition: 1s opacity; transition: 1s opacity; background-color:skyblue; object-fit: cover;}
.about_black_bg { width: 100%; height: 100%; position: absolute; z-index: 9; top: 0; left: 0; background: rgba(0,0,0,.5); display: block; overflow: hidden;}
.about_v_tit { width: 94%; height: auto; max-width: 1500px; overflow: hidden; display: block; position: relative; font-size: 35px; font-weight:normal;color: #ffffff; text-align: center; margin: 120px auto 0px auto;}
.about_v_tit b { font-weight: bold; margin: 0px 10px;}
.about_v_tit span{ display: block; font-size: 17px; margin-top: 15px;}
.about_v_ul { width: 100%; height: auto; overflow: hidden; display: block; max-width: 1350px; margin: 70px auto 0px auto;}
.about_v_ul li { width: 33.3333%; height: auto; overflow: hidden; display: block; float: left; padding: 30px 3% 0px 3%; box-sizing: border-box;}
.about_v_ul li .img { width: 85px; height: 85px; overflow: hidden; border-radius: 100%; border: 1px solid #ffffff; display: block; margin: 0px auto; padding: 15px;}
.about_v_ul li .tit { display: block; font-size: 23px; color: #ffffff; line-height: 35px; margin-top: 20px; overflow: hidden; text-align: center; font-weight: bold;}
.about_v_ul li .info { display: block; font-size: 18px; line-height: 35px; overflow: hidden; color: #f2f2f2; margin-top: 25px; text-align: center; font-family: arial, "微软雅黑";}

.about_three_bg { width: 100%; height: auto; overflow: hidden; display: block; padding: 80px 0px; background: #ffffff;}
.about_three_con { width: 94%; height: auto; overflow: hidden; display: block; max-width: 1300px; margin: 0px auto; font-size: 0;}
.about_three_l { width: 47.5%; height:auto; overflow: hidden; display: inline-block; vertical-align: middle;}
.about_three_r { width: 47.5%; height:auto; overflow: hidden; display: inline-block; vertical-align: middle; margin-left: 5%;  box-sizing: border-box;}
.about_three_tit { display: block; font-size: 30px; line-height: 35px; overflow: hidden; color: #333333; overflow: hidden;}
.about_three_tit_en { display: block; font-size: 45px; line-height: 55px; overflow: hidden; color: #333333; overflow: hidden; font-family: arial; text-transform: uppercase;}
.about_three_info { font-size: 15px; line-height: 40px; color: #444444; display: block; overflow: hidden; margin-top: 40px;}

.chaxun_hr { width: 40px; height: 5px; border-radius: 5px; overflow: hidden; background: #555555; margin: 30px auto 0px auto;}
.chaxun_ul { width: 100%; height: auto; overflow: hidden; display: block; margin-top: 30px;}
.chaxun_ul li { width: 33.33333%; height: auto; overflow: hidden; display: block; padding: 0px 20px; box-sizing: border-box; margin-top: 35px; float: left;}
.chaxun_ul li .img { width: 100%; height: auto; overflow: hidden; display: block;}
.chaxun_ul li .img img { width: 100%; height: auto; overflow: hidden; display: block; transition: all .4s;}
.chaxun_ul li:hover img{transform: scale(1.1, 1.1);transition: transform 0.4s ease 0s;}
.chaxun_ul li .tit { display: block; font-size: 17px; line-height: 35px; margin-top: 10px; overflow: hidden;}

.float_qq {
	position: fixed; top: 50%; margin-top: -100px;
	right: 0;
	width: 50px;
	height: 203px;
	z-index: 6666;
}
.float_qq li {
	width: auto;
	height: 50px;
	z-index: 20;
}
.float_qq li.float_qq1, .float_qq li.float_qq4 {
	position: absolute;
	left: 0;
	width: 62px;
}
.float_qq li.float_qq1 {
	top: 0;
}
.float_qq li.float_qq2 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 126px;
}
.float_qq li.float_qq3 {
	position: absolute;
	top: 102px;
	left: 0;
	width: 172px;
}
.float_qq li.float_qq4 {
	top: 153px;
}
.float_qq4 {
	position: absolute;
	top: 153px;
	left: 0;
}
.float_qq li a {
	display: block;
	font-family: "Microsoft Yahei";
	color: #FFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #000;
	opacity: 0.8;
	border-radius: 6px;
}
.float_qq li a img {
	display: block;
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px;
}
.float_qq li a:hover {
	background-color: #c70c1f;
	opacity: 1;
}
.float_shwx {
	position: absolute;
	top: -150px;
	left: -200px;
	background: url(../image/ma.jpg) no-repeat bottom right;
	width: 170px;
	height: 170px;
	padding-bottom: 0px;
	display: none;
}
.float_shwx img {
	display: block;
	padding: 14px;
	background-color: #FFF;
	width: 170px;
	height: 170px;
}