/*--统一设置--*/
@font-face{font-family: "myfont1"; src:url("../fonts/CALIBRI.ttf")}
@font-face{font-family: "myfont2"; src:url("../fonts/Lemon-Regular.ttf")}
html,body,dl,dd,dt{ font-size:12px; margin:0; padding:0; font-family:"myfont"; width:100%; height:100%; background-color:#fff;} 
ul{ list-style-type:none; padding:0px; margin:0}
form{margin:0}
.clear{clear:both}
.check_input{width:10px; height:10px; border:0;}
.height_clear{height:15px; clear:both}
.form_input{ border:none;height:42px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
.form_textarea{width:100%; height:80px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; outline:none}
.form_btn{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.search_input{border:1px solid #999; height:20px; width:150px;}
img{border:0}


.common_top{width:100%;   background: #464646;}
.common_top .top{width:1600px; margin: 0 auto; display: flex; justify-content: space-between; padding: 5px 0;}
.common_top .top .t_l{display: flex; align-items: center;}
.common_top .top .t_l span{color: #fff; display: flex; align-items: center; margin-left:25px; font-size:14px}
.common_top .top .t_r{display: flex; align-items: center;}
.common_top .top .t_r a{padding:0 5px}

.menus{width:1600px;  margin: 0 auto; display: flex; justify-content: space-between;  position: relative;}
.menus .menu_list{display:flex; justify-content: flex-start}
.menus .menu_list .m1{display: block; font-size: 16px; text-align: center;  color:#000; text-decoration: none;  padding:0 40px; line-height: 70px; margin: 0 10px}
.menus .menu_list .m1:hover{background:url("../images/is.png") no-repeat; background-position: left; border-radius: 24px; color:#02478b}
.menus .lan_list{display: flex; align-items: center; text-decoration: none; color:#000}


.banner{width: 1600px; height: auto; margin: 0 auto; position: relative; margin-top: 15px;}
.banner img{width:100%}
.dh{width:1580px; margin: 0 auto; height: 45px; background: #F5F5F5; color:#666; font-size:14px; display: flex; align-items: center; padding-left: 20px;}


.i_content{width:100%; margin-top:50px;}
.i_content .i_part1{width: 1600px; margin: 0 auto;}
.i_content .i_part1 .title{width:100%;}
.i_content .i_part1 .title .t1{width:100%; text-align: center; font-size:32px;color:#0655a4; margin: 0; text-transform: uppercase;}
.i_content .i_part1 .title .t2{width:100%; text-align: center; font-size:16px; color:#b7b7b8; margin: 0; text-transform: uppercase;}
.i_content .i_part1 .content{width:100%; display: flex; justify-content:space-between; flex-wrap: wrap;}
.i_content .i_part1 .content a{display: block; width:22%; text-decoration: none; margin-top: 50px;}
.i_content .i_part1 .content a .a0{display: block;background: #EEF1F2; padding:20px 0; margin: 0;}
.i_content .i_part1 .content a span{display: block; width:80%; padding-top:55%; text-align: center; position: relative; margin: 0 auto; overflow: hidden;}
.i_content .i_part1 .content a span img{width:100%; max-height: 190px; position: absolute; left: 0; top:0}
.i_content .i_part1 .content a p{ text-align: center; font-size: 14px;display: -webkit-box;   -webkit-line-clamp: 2;    -webkit-box-orient: vertical;  overflow: hidden;}
.i_content .i_part1 .content a .a1{color:#0655a4}
.i_content .i_part1 .content a .a2{color:#666}

.i_content .i_part2_wc{width: 100%; background: #EAF5FF; margin-top: 60px;}
.i_content .i_part2_wc .i_part2{width:1600px; margin:0 auto; display: flex; justify-content:space-between; padding: 20px 0;}
.i_content .i_part2_wc .i_part2 .i_part2_l{width:543px;}
.i_content .i_part2_wc .i_part2 .i_part2_r{width:950px;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r1{width:100%; font-size:30px; color:#0655a4; font-weight: 800; margin-top: 50px;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r2{width:100%; font-size:18px; color:#999; line-height: 32px; margin-top: 20px; padding-bottom: 20px;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r3{width:100%; font-size:16px; color:#0655a4; margin-top: 20px; display: flex; justify-content: flex-start;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r3 span{display: flex; align-items: center; width:180px;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r4{width:100%; margin-top: 30px;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r4 a{background: #0655a4; color:#fff; text-transform: uppercase; display: flex; justify-content: center; align-items: center; font-size:20px; width:180px; text-decoration: none; text-align: center; padding:15px 0; border-radius: 15px;}


.i_content .i_part3{width: 1600px; margin: 0 auto; display: flex; justify-content:flex-start; flex-wrap: wrap; padding:60px 0 90px 0;}
.i_content .i_part3 div{width:380px; margin: 30px 0 0 15px; padding-top: 20px;}
.i_content .i_part3 .texts .t1{font-size:30px; color:#0655a4; text-transform: uppercase; display: block; width:100%}
.i_content .i_part3 .texts .t2{border-bottom:5px solid #0655a4; display: block; width:80px; margin-top: 10px;}
.i_content .i_part3 .texts .t3{font-size:15px; color:#999; display: block; width:100%; margin-top: 10px; line-height: 30px;}
.i_content .i_part3 .list{background: #EAF5FF; text-align: center; border-radius: 15px;}
.i_content .i_part3 .list a{display: block; padding-top: 55%; width:70%; margin: 0 auto; position: relative; text-align: center; overflow: hidden;}
.i_content .i_part3 .list a img{position: absolute; top: 0; left: 0; width: 100%; max-height:209px ;}
.i_content .i_part3 .list p{font-size:18px}

.i_content .i_part4{width: 1600px; margin: 0 auto; padding:60px 0 90px 0;}
.i_content .i_part4 .top{width:100%; display: flex; justify-content: space-between; align-items: center;}
.i_content .i_part4 .top .t1{font-size:30px; color:#0655a4; text-transform: uppercase; display: block; width:100%}
.i_content .i_part4 .top .t2{border-bottom:5px solid #0655a4; display: block; width:80px; margin-top: 10px;}
.i_content .i_part4 .top .t3{font-size:15px; color:#999; display: block; width:100%; margin-top: 10px; line-height: 30px;}
.i_content .i_part4 .top a{display:block; background: #0655A4; text-decoration: none; color:#fff; padding:15px 40px; font-size:18px; border-radius: 30px; text-transform: uppercase;}
.i_content .i_part4 .content{width:100%; display: flex; justify-content:space-between; margin-top: 30px;}
.i_content .i_part4 .content .list{width:380px; border-radius: 15px; border:1px solid #cae4fb; overflow: hidden; padding-bottom: 15px;}
.i_content .i_part4 .content .list a{display: block; width:100%; padding-top:45%; position: relative; overflow: hidden;}
.i_content .i_part4 .content .list a img{width:100%; position: absolute; left: 0; top:0; max-height: 170px;}
.i_content .i_part4 .content .list .title{width:96%; margin: 0 auto; font-size:18px; margin-top: 15px;}
.i_content .i_part4 .content .list .date{width:96%; margin: 10px auto; font-size:16px; color:#999; display: flex; align-items: center;}
.i_content .i_part4 .content .list .ms{width:96%; margin: 0 auto; font-size:14px; color:#999}

.i_content .i_part5{width: 1600px; margin: 0 auto; padding:60px 0 90px 0;display: flex; justify-content: space-between;}
.i_content .i_part5 .list{width:380px;  text-align: center;}
.i_content .i_part5 .list .l1{display: block; width:100%; font-size:60px; color:#999999}
.i_content .i_part5 .list .l2{display: block; width:100%; font-size:18px; color:#999999}

.i_content .right{display: block; width:460px}
.i_content .right .right_one{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap}
.i_content .right .right_one .title{width:100%; display: flex; justify-content: space-between; margin-bottom: 10px}
.i_content .right .right_one .title .t1{font-size:18px; display: flex; align-items: center}
.i_content .right .right_one .title .t2{font-size:16px; text-decoration:none; color:#666}
.i_content .right .right_one .list{width:100%; display: flex; justify-content: space-between; margin-top: 15px}
.i_content .right .right_one .list .l1{width:320px; display: flex; justify-content: flex-start}
.i_content .right .right_one .list .l1 .l1_1{display: block; background: #ff4747; color:#fff; padding: 2px 6px}
.i_content .right .right_one .list .l1 .l1_2{display: block; text-decoration: none; color:#000; font-size:14px; margin-left: 10px}
.i_content .right .right_one .list .l2{display: block; font-size:14px;}
.i_content .right .right_one .cimg{width:90%; padding:20px 5%;  display: flex; justify-content: space-between; margin-top: 30px; border-radius: 20px; box-shadow:0 -10px 20px rgba(137, 137, 137, 0.2),10px 0 20px rgba(137, 137, 137, 0.2),0 10px 20px rgba(137, 137, 137, 0.2),-10px 0 20px rgba(137, 137, 137, 0.2); align-items: center}
.i_content .right .right_one .cimg .c1{font-size:28px; font-style: italic}
.i_content .right .right_one .cimg .c2{font-size:28px; color:#ff4747; font-style: italic}
.i_content .right .right_one .cimg .c3{font-size:16px; background: #000; color:#fff; text-decoration: none; border-radius: 22px; line-height: 30px; padding: 2px 28px}

.i_content .right .right_two{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.i_content .right .right_two .title{width:100%; display: flex; justify-content: space-between; margin-bottom: 10px}
.i_content .right .right_two .title .t1{font-size:18px; display: flex; align-items: center}
.i_content .right .right_two .title .t2{font-size:16px; text-decoration:none; color:#666}
.i_content .right .right_two .list{width:100%; height: 100px; display: flex; justify-content:flex-start; margin-top: 20px}
.i_content .right .right_two .list .l1{display: block; width:160px;}
.i_content .right .right_two .list .l1 img{width:100%; height: 100%; border-radius:15px;}
.i_content .right .right_two .list .l2{display: block; margin-left: 20px; width:280px}
.i_content .right .right_two .list .l2 .l2_1{display: block; width:100%; text-decoration: none; font-size:16px; color:#000; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.i_content .right .right_two .list .l2 .l2_2{display: block; width:100%; text-decoration: none; font-size:14px; color:#666; margin-top: 10px}

.i_content .right .right_three{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.i_content .right .right_three .title{width:100%; display: flex; justify-content: space-between; margin-bottom: 10px}
.i_content .right .right_three .title .t1{font-size:18px; display: flex; align-items: center}
.i_content .right .right_three .title .t2{font-size:16px; text-decoration:none; color:#666}
.i_content .right .right_three .content{width:100%; height: auto; display: flex; justify-content:space-between; flex-wrap: wrap; margin-top: 20px}
.i_content .right .right_three .content .list{display: block; width:48%; margin-top: 20px}
.i_content .right .right_three .content .list .l1{display: block; width:100%; height: 130px}
.i_content .right .right_three .content .list .l1 img{width:100%; height: 100%; border-radius: 15px;}
.i_content .right .right_three .content .list .l2{display: block; width:100%; text-align: center; line-height: 40px; font-size:14px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.i_content_img{width: 1400px; margin: 0 auto; margin-top: 30px; }
.i_content_img .title{width:100%; display: flex; justify-content: space-between; margin-bottom: 10px}
.i_content_img .title .t1{font-size:18px; display: flex; align-items: center}
.i_content_img .title .t2{font-size:16px; text-decoration:none; color:#666}
.i_content_img .content{width:100%; height: auto; display: flex; justify-content:flex-start; margin-top: 20px}
.i_content_img .content .list{width:24%; margin-left: 1.15%}
.i_content_img .content .list .l1{width:100%; height: 220px; display: block}
.i_content_img .content .list .l1 img{width:100%; height: 100%; border-radius: 20px}
.i_content_img .content .list .l2{width:100%; display: flex; justify-content: space-between; line-height: 40px; font-size:14px;}
.i_content_img .content .list .l3{width:100%; font-size:14px; color:#666}
.i_content_img .content .list:nth-child(1){margin-left: 0}

.about_content{width:1600px; margin: 0 auto; }
.about_content .top{width:100%; display: flex; justify-content: flex-start; margin-top: 15px;}
.about_content .top a{text-decoration: none; border:1px solid #999; padding: 8px 25px; border-radius: 20px; margin-left: 15px; color:#818181}
.about_content .top a:hover{background: #275894; color:#fff; border-color: #275894;}
.about_content .top a:nth-child(1){margin-left: 0;}
.about_content .top .sel{background: #275894; color:#fff;border-color: #275894;}
.about_content .content{width:100%;margin-top: 15px; font-size:16px; color:#666; line-height: 36px;}
.about_content .content .title{text-align: center; font-size:18px;}
.about_content .content .date{text-align: center; font-size:14px;}
.about_content .content .con{text-align: left; font-size:14px;}


.product_content{width:1600px; margin: 0 auto; }
.product_content .top{width:100%; display: flex; justify-content: flex-start; margin-top: 15px;}
.product_content .top a{text-decoration: none; border:1px solid #999; padding: 8px 25px; border-radius: 20px; margin-left: 15px; color:#818181}
.product_content .top a:hover{background: #275894; color:#fff; border-color: #275894;}
.product_content .top a:nth-child(1){margin-left: 0;}
.product_content .top .sel{background: #275894; color:#fff;border-color: #275894;}
.product_content .content{width:100%;margin-top: 15px; font-size:16px; color:#666; line-height: 36px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.product_content .content .list{width:380px; height: auto; margin: 20px 0 0 26px;}
.product_content .content .list .l1{display: block; width:320px; height: auto; padding:20px 30px;  background: #EEF1F2; text-align: center;}
.product_content .content .list .l1 a{display: block; width:100%; padding-top:70%; position: relative; overflow: hidden;}
.product_content .content .list .l2{text-align: center; font-size:18px; color:#0088d1; margin: 0;}
.product_content .content .list .l3{text-align: center; font-size:14px; color:#666; margin: 0; line-height: 26px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; /* 控制显示行数 */  overflow: hidden;  text-overflow: ellipsis;}
.product_content .content .list .l4{text-align: left; font-size:14px; color:#666; margin: 0; line-height: 22px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; /* 控制显示行数 */  overflow: hidden;  text-overflow: ellipsis;}
.product_content .content .list .l5{text-align: left; font-size:18px; color:#0088d1; margin: 0;}

.product_content .content .list .l1 img{width:100%; position: absolute; left:0; top: 0; max-height: 224px;}
.product_content .content .list:nth-child(1){margin-left: 0;}
.product_content .content .list:nth-child(5){margin-left: 0;}
.product_content .content .list:nth-child(9){margin-left: 0;}
.product_content .content .list:nth-child(13){margin-left: 0;}
.product_content .content .d_top{width:100%; background-color: #F5F5F5; display: flex; justify-content: space-between; padding:50px 50px;}
.product_content .content .d_top .d_top_l{width:50%; display: flex; align-items: center; justify-content: center;}
.product_content .content .d_top .d_top_l img{width:60%;}
.product_content .content .d_top .d_top_r{width:50%;}
.product_content .content .d_top .d_top_r .d_top_r1{width:100%; font-size:30px; color:#000; font-weight: 800;}
.product_content .content .d_top .d_top_r .d_top_r2{width:100%; margin-top: 20px; margin-bottom: 20px;}
.product_content .content .d_top .d_top_r .d_top_r2 iframe{width:100%; height: 380px; display: block;}
.product_content .content .d_top .d_top_r .d_top_r3{width:100%; display: flex; justify-content:flex-start;}
.product_content .content .d_top .d_top_r .d_top_r3 .l{color:#000; display: inline-block; width:200px}
.product_content .content .d_top .d_top_r .d_top_r3 .r{color:#666; display: inline-block; text-align: left;}
.product_content .content .d_title{width:100%; border-bottom:1px solid #999; margin-top: 30px;}
.product_content .content .d_title span{padding:8px 30px; background: #767070; color:#fff; display: inline-block;}
.product_content .content .d_content{width:100%; margin-top: 20px;}
.product_content .content .d_content img{max-width: 100%;  height: auto;}

.contact_content{width:1600px; margin: 0 auto; }
.contact_content .top{width:100%; display: flex; justify-content:space-between; margin-top: 15px; flex-wrap: wrap;}
.contact_content .top .list{background: #F5F5F5; width:33%; padding: 28px 0; color:#818181; margin-top: 15px; display: flex; align-items: center; justify-content:flex-start; font-size:18px}
.contact_content .top .list img{margin-left: 50px; margin-right: 30px;}
.contact_content .content{width:100%;margin-top: 15px; font-size:16px; color:#666; line-height: 36px;}
.contact_content .content .list{width:100%; display: flex; justify-content: space-between;}
.contact_content .content .list .list_input{width:49%; margin-left: 0;}
.contact_content .content .list .list_area{width:100%; margin-left: 0;}
.contact_content .content .list .list_area .layui-textarea{height: 160px;}
.layui-form-item:after{content:none;}
.layui-btn{background: #0165B3;}

.ny_content{width: 1400px; margin: 0 auto; margin-top: 60px;}
.ny_content .title{width:100%; display: flex; justify-content: space-between; margin-bottom: 10px}
.ny_content .title .t1{font-size:18px; display: flex; align-items: center}
.ny_content .title .t2{font-size:14px; color:#666; display: flex; align-items: center}
.ny_content .about_wc{width:100%; margin-top: 50px}
.ny_content .about_wc .ab1{width:100%; display: flex; justify-content: space-between;}
.ny_content .about_wc .ab1 .left{display: block; width:496px;}
.ny_content .about_wc .ab1 .left img{width: 100%}
.ny_content .about_wc .ab1 .right{display: block; width: 860px;}
.ny_content .about_wc .ab1 .right .r1{font-size:26px; margin-top: 20px}
.ny_content .about_wc .ab1 .right .r2{font-size:14px; line-height: 30px; margin-top: 20px}
.ny_content .about_wc .ab2{width:100%; display: flex; justify-content: space-between; margin-top: 100px; margin-bottom: 100px}
.ny_content .about_wc .ab2 .list{width:33.33%; text-align: center}
.ny_content .about_wc .ab2 .list .l1{display: block; width:100%; font-size:24px; line-height: 50px}
.ny_content .about_wc .ab2 .list .l2{display: block; width:100%; font-size:14px; color:#666}

.ny_content .news_wc{width:100%; margin-top: 50px}
.ny_content .news_wc .menu{width:100%; display: flex; justify-content: flex-start; background: #fcfcfc}
.ny_content .news_wc .menu a{padding: 10px 20px; text-decoration: none; font-size:14px; color:#000}
.ny_content .news_wc .list{width:100%; display: flex; justify-content:space-between; margin-top:50px; align-items: center; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px}
.ny_content .news_wc .list .left{padding:20px; background: #f5f5f5;}
.ny_content .news_wc .list .left .l1{display: block; width:100%; text-align: center; font-size: 40px; color:#666}
.ny_content .news_wc .list .left .l2{display: block; width:100%; text-align: center; font-size: 14px}
.ny_content .news_wc .list .center{width:930px; margin-left: -250px;}
.ny_content .news_wc .list .center a{display: block; width:100%; text-decoration: none; font-size:16px; color:#000}
.ny_content .news_wc .list .center span{display: block; width:100%; font-size:14px; color:#999; margin-top: 10px}
.ny_content .news_wc .list .center p{display: block; width:100%; font-size:14px; line-height: 26px; margin: 0; margin-top: 10px; color:#666}
.ny_content .news_wc .list .right{width:42px; height: 42px; border-radius: 42px; border:2px solid #999;  display: flex; align-items: center; justify-content: center}
.ny_content .news_wc .list .right img{width:70%; display: block}
.ny_content .news_wc .content{width: 1400px; margin: 0 auto;}
.ny_content .news_wc .content .news_title{width:100%; text-align: center; font-size: 30px; font-weight: 800}
.ny_content .news_wc .content .news_title_other{width:100%; text-align: center; font-size: 14px; color:#666; margin: 20px 0;}
.ny_content .news_wc .content .nr{width:100%; font-size: 14px; color:#000; line-height: 30px;}

.ny_content .news_wc .pg_wc{width:100%; display: flex; justify-content: space-between;}
.ny_content .news_wc .pg_wc .pg_left{width:70%;}
.ny_content .news_wc .pg_wc .pg_left .left_list{width:100%;}
.ny_content .news_wc .pg_wc .pg_left .left_list .l1{display: block; width:100%; display: flex; justify-content: space-between;}
.ny_content .news_wc .pg_wc .pg_left .left_list .l1 .l1_1{width:200px; height: 200px;}
.ny_content .news_wc .pg_wc .pg_left .left_list .l1 .l1_1 img{width:100%; height: 100%; border-radius: 20px;}
.ny_content .news_wc .pg_wc .pg_left .left_list .l1 .l1_2{display: flex; align-items: center; font-size:14px}
.ny_content .news_wc .pg_wc .pg_left .left_list .l2{display: block; width:94%; background: #F3F7FA; border:1px solid #e7e7e7; font-size:14px; line-height: 24px; padding: 3%; margin-top: 20px;}
.ny_content .news_wc .pg_wc .pg_right{width:25%;}
.ny_content .news_wc .pg_wc .pg_right .right_list{margin-top: 20px;}
.ny_content .news_wc .pg_wc .pg_ok{width:100%; padding:100px 0; text-align: center;}
.ny_content .news_wc .pg_wc .pg_ok img{display: inline-block;}

.ny_content .pro_wc{width:100%; margin-top: 30px}
.ny_content .pro_wc .menu{width:100%; display: flex; justify-content: flex-start; background: #fcfcfc}
.ny_content .pro_wc .menu a{padding: 10px 20px; text-decoration: none; font-size:14px; color:#000}
.ny_content .pro_wc .content{width:100%; display: flex; justify-content: flex-start; flex-wrap: wrap; padding-bottom: 50px}
.ny_content .pro_wc .content .list{width:385px; height: auto;   box-shadow: 0 0 22px 3px rgba(192, 192, 192, 0.6); margin: 40px 0 20px 122px; text-decoration: none; color:#000}
.ny_content .pro_wc .content .list .l1{width:100%; height: 325px; display: block}
.ny_content .pro_wc .content .list .l1 img{width:100%; height: 100%; display: block}
.ny_content .pro_wc .content .list .l2{width:100%; line-height: 60px; display: block; text-align: center; font-size:16px;}
.ny_content .pro_wc .content .list:nth-child(1){margin-left: 0}
.ny_content .pro_wc .content .list:nth-child(4){margin-left: 0}
.ny_content .pro_wc .content .list:nth-child(7){margin-left: 0}
.ny_content .pro_wc .content .list:nth-child(10){margin-left: 0}
.ny_content .pro_wc .content .p_top{width:100%; display: flex; justify-content: space-between; margin-top: 40px;}
.ny_content .pro_wc .content .p_top .left{width:600px; height: 600px; display: block}
.ny_content .pro_wc .content .p_top .left img{width:100%; height: 100%}
.ny_content .pro_wc .content .p_top .right{width:750px; display: block}
.ny_content .pro_wc .content .p_top .right .r1{display: block; width:100%; font-size:30px;}
.ny_content .pro_wc .content .p_top .right .r2{display: block; width:100%; margin: 20px 0;}
.ny_content .pro_wc .content .p_top .right .r3{display: block; width:100%; font-size:14px; color:#999; line-height: 22px;}
.ny_content .pro_wc .content .p_top .right .r4{display: inline-block; padding: 8px 30px; font-size:16px; text-decoration: none; color:#fff; background: #ff4747; border-radius: 22px; margin-top: 20px}
.ny_content .pro_wc .content .p_bottom{width:100%; height: auto; margin-top: 50px;}
.ny_content .pro_wc .content .p_bottom .b1{display: flex; width:100%; align-items: center; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; font-size:16px;}
.ny_content .pro_wc .content .p_bottom .b2{display: block; width:100%; padding: 20px 0;}

.foot_wc{width: 100%;  margin-top: 30px; background: #0655A4;  padding:50px 0 0 0;}
.foot_wc .foot{width:1600px; margin: 0 auto; display: flex; justify-content: space-between;}
.foot_wc .left .link_img{width:100%; display: flex; justify-content: flex-start;}
.foot_wc .left .link_img a{width:35px; height: 35px; border-radius: 25px; border: 1px solid #fff; display: flex; align-items: center;justify-content: center; margin: 15px 0 0 12px;}
.foot_wc .left .link_img a img{display: block;}
.foot_wc .right{width:1200px}
.foot_wc .right .top{width:100%; font-size:20px; color:#fff}
.foot_wc .right .list{width:100%; display: flex; justify-content: space-between; margin-top: 15px;}
.foot_wc .right .list .l1{width:24%; }
.foot_wc .right .list .l1 span{display: block; width:100%; border-bottom: 1px solid #2D6EAE;}
.foot_wc .right .list .l1 span a{text-decoration: none; line-height: 50px; color:#fff; font-size:16px; display: flex; align-items: center;}
.foot_wc .foot_copy{width:100%; height: 50px; background: #00478F; margin-top: 150px;}
.foot_wc .foot_copy .text{width:1600px; line-height: 50px; color:#fff; margin: 0 auto;}

.gotop_wc{width:100%; position: fixed;bottom:100px; height: 100px;}
.gotop_wc .gotop{width:1200px; margin: 0 auto; height: 100px; position: relative}
.gotop_wc .gotop .top{position: absolute; right:-100px; bottom:0}
.gotop_wc .gotop .top img{width:100px;}
.gotop_wc .gotop .shop{position: absolute; left:-100px; bottom:0}
.gotop_wc .gotop .shop img{width:100px;}
/*--分页样式--*/
.page_total {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_pages {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_redirect {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; padding-right: 5px; padding-left: 5px;}
.on_page_redirect {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; color: #FF7200; padding-right: 5px; padding-left: 5px;}
.page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; font-family: verdana; padding-right: 7px; padding-left: 7px;}
.on_page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; padding-right: 7px; padding-left: 7px;}
.page_curpage {border-right: #dbddd3 1px solid; border-top: #dbddd3 1px solid; border-left: #dbddd3 1px solid; border-bottom: #dbddd3 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; font-weight: bold; padding-right: 7px; padding-left: 7px;}
.page_input {border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; width: 40px; height: 20px; float:left; background:#ffffff;}
.foot_fenye{margin-top:15px; width:100%; text-align:center; height:100px; line-height: 24px;}

.topLoop{ overflow:hidden; position:relative;  border:1px solid #e7e7e7; border-top:none; width:100%   }
.topLoop .bd{ padding:10px;   }
.topLoop .bd ul{ overflow:hidden; zoom:1; }
.topLoop .bd ul li{width:100%; height:185px;}
.topLoop .bd img{width:260px; height:150px;}
.topLoop .bd .title{width:100%; text-align:center; line-height:30px; font-size:14px;}

/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative; }
.leftLoop .hd{ height:auto; position:relative}
.leftLoop .hd .prev{ display:block;  width:22px; height:42px;  cursor:pointer; background:url("../images/sam-left.png") no-repeat; position:absolute; left:0; top:100px;}
.leftLoop .hd .next{ display:block;  width:22px; height:42px;  cursor:pointer; background:url("../images/sam-right.png") no-repeat; position:absolute; right:0; top:100px;}
.leftLoop .bd{width:1100px; margin:0 auto; height:240px; padding:10px; }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; overflow:hidden; width:200px; height:240px;  }
.leftLoop .bd ul li .pic{ margin-top:40px;}

/*幻灯片*/
.flexslider {margin: 0px auto;position: relative;width: 100%;height:450px;overflow: hidden;zoom: 1; z-index:0}
.flexslider .slides li {width: 100%;height: 100%; text-align:center}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(/configs/slider/style_three/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px; left:0; text-align:center; padding:0}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(/configs/slider/style_three/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}

.menu-logo{display: none; justify-content:center; align-items:center}

	  .menu-btn {
            position: fixed;
            top: 48px;
            left: 20px;
            z-index: 100;
            width: 30px;
            height: 24px;
            cursor: pointer;
			z-index: 9999999999;
            display: none;
        }

        .menu-btn span {
            position: absolute;
            width: 30px;
            height: 3px;
            background: #0084C6;
            transition: 0.3s;
        }

        .menu-btn span:nth-child(1) { top: 0; }
        .menu-btn span:nth-child(2) { top: 10px; }
        .menu-btn span:nth-child(3) { top: 20px; }

        .sidebar {
            position: fixed;
            left: -250px;
            top: 0;
            width: 250px;
            height: 100%;
            background: #fff;
            transition: 0.3s;
            z-index: 9999999;
            box-shadow: 2px 0 10px rgba(0,0,0,0.1);

        }

        .overlay {
            width: 100%;
            transition: 0.3s;
            z-index: 98;
        }

        .active .menu-btn span:nth-child(1) {
            -webkit-transform: translateY(6px) rotate(-45deg);
			-ms-transform: translateY(6px) rotate(-45deg);
			transform: translateY(6px) rotate(-45deg);
        }
        .active .menu-btn span:nth-child(2) {
            opacity: 0;
        }
        .active .menu-btn span:nth-child(3) {
            -webkit-transform: translateY(-15px) rotate(45deg);
			-ms-transform: translateY(-15px) rotate(45deg);
			transform: translateY(-15px) rotate(45deg);
        }
        .active .sidebar {
            left: 0;
        }
        .active .overlay {
            opacity: 1;
            visibility: visible;
        }

        .menu-item {
            padding: 15px;
            border-bottom: 1px solid #eee;
        }

        .menu-item a{text-decoration: none; color:#666}


@media screen and (max-width: 1600px) {
  .common_top .top{width:100%}
  .menus{width:100%}
  .i_content .i_part1{width:100%}
  .i_content .i_part2_wc .i_part2{width:100%}
  .i_content .i_part2_wc .i_part2 .i_part2_l{width:34%}
  .i_content .i_part2_wc .i_part2 .i_part2_l img{width:100%}
  .i_content .i_part2_wc .i_part2 .i_part2_r{width:63%}
  .i_content .i_part2_wc .i_part2 .i_part2_r .r2{font-size:16px}
  .i_content .i_part3{width:100%}
  .i_content .i_part3 div{width:22%; margin-left: 2.5%;}
  .i_content .i_part4{width:100%}
  .i_content .i_part4 .content .list{width:23%}
  .i_content .i_part5{width:100%}
  .foot_wc .foot{width:100%}
  .foot_wc .foot_copy .text{width:100%}

  .dh{width:100%; padding-left:0; text-indent: 15px;}
  .banner{width:100%}
  .about_content{width:96%}
  .product_content{width:100%}
  .contact_content{width:100%}
  
  .product_content .content .list{width:23%}
  .product_content .content .list .l1{width:98%; padding:2% 1%;}
  
}


@media screen and (max-width: 1400px) {
.i_content .i_part2_wc .i_part2 .i_part2_r .r1{margin-top: 0;}
.i_content .i_part2_wc .i_part2 .i_part2_r .r2{padding-bottom:0; margin-top: 0;}
.foot_wc .right{width:85%; }
.foot_wc .right .list .l1 span a{font-size:14px}

}

@media screen and (max-width: 1200px) {
  .menu-logo{display: flex; padding:10px 0; position: fixed; top:0; left: 0; height: 100px; z-index: 999999; background: #fff; width: 100%; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);}
  .menu-logo img{height: 80px;}
  .swiper{margin-top: 100px;}
  .menu-btn{display: block;}
  .sidebar{display: block;}
  .common_top{display: none;}
  .menus{display: none;}
  .dh{margin-top: 140px;}
  .contact_content{word-break: break-all;}
  .contact_content .top .list img{width:60px}
  .contact_content .top .list{width:48%; font-size:1.2rem}
}

@media screen and (max-width: 786px) {
    .i_content .i_part1{width:96%}
    .i_content .i_part1 .title{padding-bottom:30px}
    .i_content .i_part1 .content a{width:48%; margin-top: 10px;}
    .i_content .i_part2_wc{margin-top: 40px;}
    .i_content .i_part2_wc .i_part2{width:96%; flex-wrap: wrap;}
    .i_content .i_part2_wc .i_part2 .i_part2_l{width:100%}
    .i_content .i_part2_wc .i_part2 .i_part2_r{width:100%; margin-top: 15px;}
    .i_content .i_part3{width:96%; }
    .i_content .i_part3 div{width:45%}
    .i_content .i_part4{width:96%; }
    .i_content .i_part4 .content{flex-wrap: wrap; margin-top:0}
    .i_content .i_part4 .content .list{width:45%; margin-top: 30px;}
    .i_content .i_part5{width:96%; flex-wrap: wrap; padding:0 0 90px 0}
    .i_content .i_part5 .list{width:45%}
    .foot_wc .left{width:100%; text-align: center;}
    .foot_wc .left .link_img{display: none;}
    .foot_wc .right{display: none;}
    .foot_wc .foot_copy{margin-top: 50px; text-align: center;}
    .product_content .top{width:96%; margin: 0 auto; flex-wrap: wrap; margin-top: 15px;}
    .product_content .top a{margin-top: 15px;}
    .product_content .content{width:96%; margin: 0 auto; justify-content: space-between; margin-top: 15px;}
    .product_content .content .list{width:48%; margin: 20px 0 0 0;}
    .product_content .content .d_top{flex-wrap: wrap;}
    .product_content .content .d_top .d_top_l{width:100%}
    .product_content .content .d_top .d_top_r{width:100%; margin-top: 20px;}
    .contact_content{width:96%; }
    .contact_content .content{width:96%; }
    .about_content .top{flex-wrap: wrap;}
    .about_content .top a{margin-top: 15px;}
    .contact_content .top .list{width:100%}
    .i_content .i_part5 .list .l1{font-size:40px}
    .i_content .i_part5 .list .l2{font-size:14px}
    
}    

@media screen and (max-width: 500px) {
    .i_content .i_part4 .content .list{width:100%}
    .product_content .content .d_top{padding:20px 20px}
    .product_content .content .d_top .d_top_r .d_top_r3 .l{width:150px}
}


