*{ list-style: none; margin: 0; padding: 0;  text-decoration: none; font-family:"微软雅黑";  border-collapse: collapse; }
h1,h2,h3,h4{font-weight: normal;}
img{ border: none}
input,button{ border: none; outline: none;}
.clearfix{ clear:both;}

/*                         澶撮儴                        */

.header{width:100%;position:relative;}
.header .top{width:100%;}
.header .top .top-content{width:1200px;margin:0 auto;padding:20px 0px;}
.header .top .top-content .top-content-left{float:left;width: 65%;margin-top:24px;}
.header .top .top-content .top-content-right{float:right;}
.header .top .top-content .top-content-left ul{display:flex;justify-content: space-between;}
.header .top .top-content .top-content-left ul li a{font-size:14px;color:#555;}
.mobile-nav-btn{display: none;position: absolute;top: 34px;left: 28px;font-size: 30px;color: #777;cursor: pointer;}
.mobile-nav-list{display: none;width: 100%;background: #fff;position: absolute;top: 105px;left: 0px;z-index: 999999999999;padding-bottom: 10px;}
.mobile-nav-list li{border-bottom: 1px solid #eee;}
.mobile-nav-list li a{display: block;padding-left: 4%;line-height: 36px;font-size: 14px;color: #555;}

/*                         banner                        */

.banner{ width:100%;}
.banner img{width:100%;}
.banner-neiye{width:100%;}
.banner-neiye img{width:100%;}
.banner-mobile{ width:100%;display: none;}
.banner-mobile img{width:100%;}


/*                         鍐呭                        */
.content{width:100%;}
.content .content-content{width:100%;padding:50px 0px 80px 0px;}
.content .content-title{width:1200px;margin:0 auto;padding: 50px 0px;}
.content .content-title>ul{display: flex;justify-content: space-between;}
.content .content-title>ul>li{width:30%;border-radius: 5px;box-shadow: 0px 2px 5px #e9ebed;background-color: #fff;padding-bottom: 50px;}
.content .content-title>ul>li img{display:block;width:100px;margin: 27px auto;margin-bottom: 34px;}
.content .content-title>ul>li h1{margin-bottom: 18px; font-size:30px;color:#777;text-align: center;font-weight: bold;}
.content .content-title>ul>li h1 span{color:#E5521E;}
.content .content-title>ul>li p{width:68%;margin:0 auto;margin-bottom:16px;font-size:16px;color:#777;text-align: center;line-height: 32px;}
.content .content-title>ul>li .p-seo{width:40%;}
.content .content-title>ul>li .p-p-seo{width:100%;}
.content .content-title>ul>li p span{font-weight: bold;}
.content .content-title>ul>li p .span-seo{font-size:36px;}
.content .content-title>ul>li ul li{width: 68%;margin: 0 auto;padding-left: 24px;background:url(../images/gou.png) left 4px no-repeat;color:#777;line-height: 24px;}

.content-banner{width:100%;background-color: #777;}
.content-banner .content-banner-content{width:1200px;margin:0 auto;padding:40px 0px;}
.content-banner h1{float:left;color:#fff;font-size:34px;}
.content-banner a{display:block;padding:16px 158px;float:right;color:#fff;font-size:16px;background-color:#e5521e;border-radius: 10px;}
.content-banner .content-banner-content-second{width:1200px;margin:0 auto;padding:40px 0px;}
.content-banner .content-banner-content-second h1{float:none;color:#fff;font-size:34px;}


.content .content-first{width:1200px;margin:0 auto;position:relative;}
.content .content-first .content-first-left{float:left;width:50%;}
.content .content-first .content-first-right{float:right;width:46%;position: relative;top:21px;}
.content .content-first .content-first-left .content-first-left-title{width:100%;padding:10px 0px 10px 0px;}
.content .content-first .content-first-left .content-first-left-title h1{color:#333;font-size:26px;}
.content .content-first .content-first-left .content-first-left-content{width:100%;margin-top:10px;}
.content .content-first .content-first-left .content-first-left-content p{color:#777;font-size:16px;text-align: left;line-height: 25px;margin-bottom: 20px;}
.content .content-first .content-first-left .content-first-left-content p:nth-child(2){margin-bottom: 28px;}
.content .content-first .content-first-left .content-first-left-content a{color:#fff;padding:8px 18px;background-color: #e5521e;font-size:16px;border-radius: 5px;}
.content .content-first .content-first-right img:first-child{width:100%;}
.content .content-first .content-first-right p{margin-top: 10px;color:#777;font-size:16px;text-align: center;line-height: 25px;font-weight: bold;}
.content .content-first .content-first-right .img-shiping-secend,.content .content-first .content-first-right .img-shiping-secend2{position: absolute;top: 30%;left: 45%;opacity: 0.58;cursor: pointer;}
.content-first #video-secend,.content-first #video-secend2{position: fixed; width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 999999999999;display: none;}
.content-first #video-secend #movie-secend,.content-first #video-secend2 #movie-secend2{position: absolute;width: 50%;left: 25%;top: 18vh;box-sizing: border-box;border-radius: 7px;cursor: pointer;}
.content-first #video-secend #close-secend,.content-first #video-secend2 #close-secend2{position: absolute;left: 75%;top: 18vh;width: 32px;height: 32px;border-radius: 50%;background-color: #ccc;text-align: center;line-height: 32px;margin-left: -20px; margin-top: -13px;font-size: 26px;cursor: pointer;}    



.content .content-scend{width:1200px;margin:0 auto;padding: 50px 0px;position:relative;}
.content .content-scend .content-scend-left{float:left;width:50%;}
.content .content-scend .content-scend-right{float:right;width:46%;position: relative;}
.content .content-scend .content-scend-left .content-scend-left-title{width:100%;padding:10px 0px 10px 0px;}
.content .content-scend .content-scend-left .content-scend-left-title h1{color:#333;font-size:26px;}
.content .content-scend .content-scend-left .content-scend-left-content{width:100%;margin-top:10px;}
.content .content-scend .content-scend-left .content-scend-left-content p{color:#777;font-size:16px;text-align: left;line-height: 25px;}
.content .content-scend .content-scend-left .content-scend-left-content .p-p{margin-top: 28px;font-weight: bold;}
.content .content-scend .content-scend-right img:first-child{width:100%;}
.content .content-scend .content-scend-right .img-shiping-third{position:absolute;top:45%;left:42%;cursor: pointer;}
.content .content-scend .content-scend-right p{margin-top: 10px;color:#777;font-size:16px;text-align: center;line-height: 25px;font-weight: bold;}
.content-scend #video-third{position: fixed; width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 999999999999;display: none;}
.content-scend #video-third #movie-third{position: absolute;width: 50%;left: 25%;top: 18vh;box-sizing: border-box;border-radius: 7px;cursor: pointer;}
.content-scend #video-third #close-third{position: absolute;left: 75%;top: 18vh;width: 32px;height: 32px;border-radius: 50%;background-color: #ccc;text-align: center;line-height: 32px;margin-left: -20px; margin-top: -13px;font-size: 26px;cursor: pointer;}    


.content .content-third{width:1200px;margin:0 auto;position:relative;}
.content .content-third .content-third-left{float:left;width:50%;}
.content .content-third .content-third-right{float:right;width:46%;position: relative;}
.content .content-third .content-third-left .content-third-left-title{width:100%;padding:10px 0px 10px 0px;}
.content .content-third .content-third-left .content-third-left-title h1{color:#333;font-size:26px;}
.content .content-third .content-third-left .content-third-left-content{width:100%;margin-top:10px;}
.content .content-third .content-third-left .content-third-left-content p{color:#777;font-size:16px;text-align: left;line-height: 25px;}
.content .content-third .content-third-left .content-third-left-content p:nth-child(3){margin-top: 28px;}
.content .content-third .content-third-right img:first-child{width:100%;}

.content-third #video-fourth{position: fixed; width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 999999999999;display: none;}
.content-third #video-fourth #movie-fourth{position: absolute;width: 50%;left: 25%;top: 18vh;box-sizing: border-box;border-radius: 7px;cursor: pointer;}
.content-third #video-fourth #close-fourth{position: absolute;left: 75%;top: 18vh;width: 32px;height: 32px;border-radius: 50%;background-color: #ccc;text-align: center;line-height: 32px;margin-left: -20px; margin-top: -13px;font-size: 26px;cursor: pointer;}   

.content .content-fourth{width:1200px;margin:0 auto;padding: 50px 0px;padding-bottom: 75px;}
.content .content-fourth .content-fourth-title{width:100%;margin-bottom: 50px;}
.content .content-fourth .content-fourth-title .content-fourth-title-left{float:left;width:50%;}
.content .content-fourth .content-fourth-title .content-fourth-title-left img{width:100%;}
.content .content-fourth .content-fourth-title .content-fourth-title-right{float:right;width:40%;margin-top: 150px;}
.content .content-fourth .content-fourth-title .content-fourth-title-right span{font-size:32px;color:#e5521e;}
.content .content-fourth .content-fourth-title .content-fourth-title-right span a{font-size:32px;color:#e5521e;}
.content .content-fourth .content-fourth-title .content-fourth-title-right span a img
.content .content-fourth .content-fourth-bottom{width:100%;}
.content .content-fourth .content-fourth-bottom img{width:100%;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian{width:100%;margin-top: 30px;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian .img-fl{float:left;width:23%;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian .content-fourth-bottom-tupian-fr{float:right;width:22%;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian .content-fourth-bottom-tupian-fr img{float:left;width:34%;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian .content-fourth-bottom-tupian-fr p{float:left;width:57%;margin-left:22px;}
.content .content-fourth .content-fourth-bottom .content-fourth-bottom-tupian .content-fourth-bottom-tupian-fr p:nth-child(2){width:38%;margin-top:20px;margin-bottom: 4px;}

.contact_form{width:100%;}
.contact_form {width: 100%;background-image: url(../images/contact_bg.png);background-repeat: no-repeat;background-size:cover;margin-top: 80px; background-position:center}
.contact_boc {padding: 43px 0;width: 1200px;margin: auto;text-align: center;}
.contact_boc h2 {font-size: 24px;color: #fff;font-weight: normal;margin-bottom: 18px;}
.contact_boc p {font-size: 17px;line-height: 25px;color: #fff;text-align: center;width: 600px;margin: auto;margin-bottom: 30px;}
.contact_boc ul{width:100%;}
.contact_boc ul li{float:left;width:33%;text-align:center;color:#fff;font-size:16px;}
/*.contact_boc ul li:nth-child(1){text-align:left;}
.contact_boc ul li:nth-child(2){text-align:center;}
.contact_boc ul li:nth-child(3){text-align:right;}*/



/*                         鑴氶儴                       */
.footer{width:100%;background:url(../images/foot.jpg) no-repeat center center;}
.footer .footer-ul{width:1200px;margin:0 auto;padding:50px 0px 20px 0px;}
.footer ul .footer-first{float:left;width:22%;margin-right: 3%;}
.footer ul .footer-secend{float:left;width:22%;margin-right: 3%}
.footer ul .footer-third{float:left;width:18%;margin-right: 6%}
.footer ul .footer-fouth{float:left;width:24%;}
.footer ul .footer-first h1{padding-bottom: 10px; font-size: 24px;color:#a8a8a8;border-bottom: 1px solid #353535;margin-bottom: 20px;}
.footer ul .footer-first ul li{float:left;width:48%;padding-top:10px;padding-bottom: 10px;margin-right:2%;font-size:14px;}
.footer ul .footer-first ul li a{display: inline;padding-bottom: 10px;border-bottom: 1px solid #353535;color:#d0d0d0;}
.footer ul .footer-secend h1{padding-bottom: 10px; font-size: 24px;color:#a8a8a8;border-bottom: 1px solid #353535;margin-bottom: 20px;}
.footer ul .footer-secend ul li{font-size:14px;color:#7d7d7d;line-height:40px;}
.footer ul .footer-third  h1{padding-bottom: 10px; font-size: 24px;color:#a8a8a8;border-bottom: 1px solid #353535;margin-bottom: 20px;}
.footer ul .footer-third ul li{margin:5px 0px;}
.footer ul .footer-third ul li img{display: block; width:70%;}
.footer ul .footer-fouth h1{padding-bottom: 10px; font-size: 24px;color:#a8a8a8;border-bottom: 1px solid #353535;margin-bottom: 20px;}
.footer ul .footer-fouth ul{width: 50%;display: flex; justify-content: space-between;flex-wrap: wrap;margin-top: 15px;}
.footer ul .footer-fouth .erweima{display: block;width: 36%;margin-left: 10px;margin-bottom: 20px;}
.footer ul .footer-fouth ul li{margin-bottom: 3px;}    
.footer .footer-copyright{padding:10px 0px;}
.footer .footer-copyright p{width:1200px;margin:0 auto;color:#999999;font-size: 10px;}
.footer .footer-copyright p a{color:#999999;font-size: 10px;}