/*--统一设置--*/
@font-face{font-family: "myfont1"; src:url("../fonts/Bitter-Medium.ttf")}
@font-face{font-family: "myfont2"; src:url("../fonts/1111.ttf")}
html,body,dl,dd,dt{ font-size:12px; margin:0; padding:0; font-family:"myfont1"; width:100%; height:100%; background-color:#fff; scroll-behavior: smooth;} 
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}
.clear{clear:both}

.p_pic{width:100%; margin-top: 15px; display: none;}
.p_pic img{width:100%}
.phone_title{width:100%; font-weight: 800; font-size:16px; margin-top: 10px; display: none; margin-bottom: 5px;}
.phone_title span{font-size:16px; font-weight: normal;}
.phone_ms{width:100%; font-size:16px; display: none;}

.bgs{background: #2b2a2a; position: fixed; z-index:9999999999; width:100%; height: 100%; text-align: center; }
.bgs span{display: inline-block; margin-top: 20%;}
.bgss{background: #fff;  position: fixed; z-index:999999999; width:100%; height: 100%; text-align: center; }
.bgss span{display: inline-block; margin-top: 20%;}

/*header*/
.common_top_wc{width:100%;  border-bottom: 1px solid #e7e7e7;  top: 0; background: #fff; z-index: 9;}
.common_top_wc .common_top{width:100%;  margin: 0 auto; }
.common_top_wc .common_top .menu{float:right; display: none; margin-top: 10px; }
.common_top_wc .common_top .menus{width:1300px; margin: 0 auto; text-align: center; position: relative; }
.common_top_wc .common_top .menus .logo{display: inline-block; float: left; margin: 26px 0 0 0;}
.common_top_wc .common_top .menus .menu_list_wc{display: inline-block; float: right; }
.common_top_wc .common_top .menus .menu_list{display:inline-block; height: 100%;text-decoration: none; position: relative; margin: 0 25px; position: relative}
.common_top_wc .common_top .menus .menu_list .m1{display: block; width: 100%; font-size: 14px; text-align: center;  color:#666; text-decoration: none; line-height: 130px; font-family:"myfont1"}
.common_top_wc .common_top .menus .menu_list .m1:hover{text-decoration: underline; font-style: italic;}
.common_top_wc .common_top .menus .menu_list .menu_show{position: absolute; top: 130px; left: 0; height: 0px; width: 200px; overflow: hidden; text-align: center; z-index: 999999; background: #fff;}
.common_top_wc .common_top .menus .menu_list .menu_show a{display: inline-block; text-decoration: none; color:#666; line-height: 50px; font-size: 12px; width:100%; text-align: left; text-indent: 10px;}
.common_top_wc .common_top .menus .Subscribe{display: inline-block; float: right; margin: 43px 0 0 0; width:160px; height: 40px; color: #fff; background: #f1ac0e; line-height: 40px; font-size:16px; font-weight: 800; border-radius: 20px;}
.nav-content{display: none;}

.common_top_wc .common_top .menu_search{float:right; display: none; margin-top: 20px; }

.banner{width:100%; height: 747px; background: url(../picture/i_02.jpg) no-repeat center #3890be;}
.banner_ny{width:100%; height: 503px; background: url(../picture/dc_02.jpg) no-repeat center #1383b3;}

.go_top{position: fixed; right:10px; bottom:10px;}

.swiper {
    width: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
  }


.i_part1_wc{width:100%; height: auto;}
.i_part1_wc .i_part1{width:1500px; margin: 0 auto; margin-top:  100px;}
.i_part1_wc .i_part1 .ms_wc{width:100%}
.i_part1_wc .i_part1 .ms_wc .img_l{width:520px; float:left; text-align: center;}
.i_part1_wc .i_part1 .ms_wc .ms_r{width:900px; float:right}
.i_part1_wc .i_part1 .ms_wc .ms_r .r1{width:100%; font-size: 38px; margin-top: 60px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r2{width:100%; font-size: 24px; margin-top: 30px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r2 font{color:#999}
.i_part1_wc .i_part1 .ms_wc .ms_r .r3{width:100%; font-size: 24px; margin-top: 30px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r3 div{display: inline-block;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r3 span{display: inline-block; padding:6px 20px; background: #F2F2F7; margin: 0 10px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r4{width:100%; font-size: 24px; margin-top: 30px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r4 font{color:#999}
.i_part1_wc .i_part1 .ms_wc .ms_r .r5{width:100%; font-size: 24px; margin-top: 30px; line-height: 50px;}
.i_part1_wc .i_part1 .ms_wc .ms_r .r5 font{color:#999}
.i_part1_wc .i_part1 .img_wc{width:100%; margin-top: 60px;}
.i_part1_wc .i_part1 .img_wc .top{width:100%; font-size: 34px;}
.i_part1_wc .i_part1 .img_wc .top font{color:#999}
.i_part1_wc .i_part1 .img_wc .img_list{width:100%; margin-top: 20px;}
.i_part1_wc .i_part1 .img_wc .img_list span{width:50px; height: 50px; margin:20px 15px; border-radius: 25px; display: inline-block;}
.i_part1_wc .i_part1 .img_wc .img_list span img{width:100%}

.i_part2_wc{width:100%; height: auto;}
.i_part2_wc .i_part2{width:1500px; margin: 0 auto; margin-top:  100px;}
.i_part2_wc .i_part2 .title{width:100%; text-align: center; font-size:30px; line-height: 80px;}
.i_part2_wc .i_part2 .p_left{width:50%; float:left; margin-top: 80px;}
.i_part2_wc .i_part2 .p_left .img{float:left; width:50%;}
.i_part2_wc .i_part2 .p_left .ms{float:right; width:45%;}
.i_part2_wc .i_part2 .p_left .ms span{display: inline-block; width:100%; font-size:20px; margin-top: 50px;}
.i_part2_wc .i_part2 .p_left .ms a{display: inline-block; padding: 10px 50px; border-radius: 20px; color:#12f4e1; background: #C30D23; margin-top: 80px;}
.i_part2_wc .i_part2 .p_right{width:50%; float:left; margin-left: -1px;  margin-top: 80px;}
.i_part2_wc .i_part2 .p_right .img{float:left; width:50%;}
.i_part2_wc .i_part2 .p_right .ms{float:right; width:45%;}
.i_part2_wc .i_part2 .p_right .ms span{display: inline-block; width:100%; font-size:20px; margin-top: 50px;}
.i_part2_wc .i_part2 .p_right .ms a{display: inline-block; padding: 10px 50px; border-radius: 20px; color:#12f4e1; background: #C30D23; margin-top: 80px;}

.p_part1_wc{width:100%; height: auto;}
.p_part1_wc .p_part1{width:1500px; height: 960px; margin: 0 auto; margin-top:  100px; background: url("../images/czgw-prduct-bgsection1.png") no-repeat center;}
.p_part1_wc .p_part1 .title{width:100%; text-align: center; font-size: 80px; font-weight: 800; padding-top: 200px;}

.p_part2_wc{width:100%; height: auto; background: #FFF7C1; padding:70px 0 120px 0;}
.p_part2_wc .p_part2{width:1500px; margin: 0 auto; margin-top:  100px;}
.p_part2_wc .p_part2 .ms_wc{width:100%}
.p_part2_wc .p_part2 .ms_wc .img_l{width:520px; float:left; text-align: center;}
.p_part2_wc .p_part2 .ms_wc .ms_r{width:900px; float:right}
.p_part2_wc .p_part2 .ms_wc .ms_r .r1{width:100%; font-size: 38px; margin-top: 60px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r2{width:100%; font-size: 24px; margin-top: 30px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r2 font{color:#999}
.p_part2_wc .p_part2 .ms_wc .ms_r .r3{width:100%; font-size: 24px; margin-top: 30px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r3 span{display: inline-block; padding:6px 20px; background: #F2F2F7; margin: 0 10px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r4{width:100%; font-size: 24px; margin-top: 30px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r4 font{color:#999}
.p_part2_wc .p_part2 .ms_wc .ms_r .r5{width:100%; font-size: 24px; margin-top: 30px; line-height: 50px;}
.p_part2_wc .p_part2 .ms_wc .ms_r .r5 font{color:#999}
.p_part2_wc .p_part2 .img_wc{width:100%; margin-top: 60px;}
.p_part2_wc .p_part2 .img_wc .top{width:100%; font-size: 34px;}
.p_part2_wc .p_part2 .img_wc .top font{color:#999}
.p_part2_wc .p_part2 .img_wc .img_list{width:100%; margin-top: 20px;}
.p_part2_wc .p_part2 .img_wc .img_list span{width:50px; height: 50px; margin:20px 15px; border-radius: 25px; display: inline-block;}
.p_part2_wc .p_part2 .img_wc .img_list span img{width:100%}


.p_part3_wc{width:100%; height: auto;}
.p_part3_wc .p_part3{width:1500px; height: auto; margin: 0 auto; margin-top:  100px; text-align: center; overflow: hidden; padding-bottom: 100px;}

.s_part1_wc{width:100%; height: auto;}
.s_part1_wc .s_part1{width:1500px; height: 960px; margin: 0 auto; background: url("../images/fangwei.png") no-repeat center;}
.s_part1_wc .s_part1 .t1{width:100%; text-align: left; font-size: 60px; padding-top: 200px;}
.s_part1_wc .s_part1 .t2{width:70%; text-align: left; font-size: 24px; margin-top: 50px; color:#666}
.s_part1_wc .s_part1 .t3{width:100%; text-align: left; margin-top: 50px;}
.s_part1_wc .s_part1 .t3 input{width: 600px; height:50px; font-size: 20px; color:#666; outline: none;}
.s_part1_wc .s_part1 .t4{width:100%; text-align: left; margin-top: 50px;}
.s_part1_wc .s_part1 .t4 span{display:inline-block; padding: 15px 45px; background: #C30D23; color:#fff; font-size: 14px;}

.n_part1_wc{width:100%; height: auto;}
.n_part1_wc .n_part1{width:1500px; height: auto; margin: 0 auto; padding-bottom: 100px; margin-top: 50px;}
.n_part1_wc .n_part1 .left{width:300px; float:left;}
.n_part1_wc .n_part1 .left a{display: block; width:100%; line-height: 80px; border-bottom: 1px solid #666; text-decoration: none; font-size: 16px; color: #000; background: url(../images/jt.png) no-repeat right; background-size:18px;}
.n_part1_wc .n_part1 .right{width:1100px; float:right; font-size:16px; line-height: 30px;}

.m_part1_wc{width:100%; height: auto;}
.m_part1_wc .m_part1{width:900px; height: auto; margin: 0 auto; padding-bottom: 100px; margin-top: 50px;}
.m_part1_wc .m_part1 .m_logo{width:100%px; text-align: center;}
.m_part1_wc .m_part1 .m_ms{width:100%px; text-align: center; font-size:20px; margin-top: 50px;}
.m_part1_wc .m_part1 .m_list{width:100%px; text-align: left; font-size:20px; margin-top: 50px;}
.m_part1_wc .m_part1 .m_list .title{width:100%}
.m_part1_wc .m_part1 .m_list .input{width:100%; margin-top: 10px;}
.m_part1_wc .m_part1 .m_list .input input{width:100%; height: 50px; border: 1px solid #999; outline: none;}
.m_part1_wc .m_part1 .m_list .input textarea{width:100%; height: 200px; border: 1px solid #999; outline: none;}
.m_part1_wc .m_part1 .m_list span{display: inline-block; padding:18px 50px; background:#C30D23; color:#fff}


.a_part1_wc{width:100%; height: auto;  margin-top: 145px; font-family:Arial, Helvetica, sans-serif;}
.a_part1_wc .a_part1{width:1500px; height: auto; margin: 0 auto;  margin-top: 50px;}
.a_part1_wc .a_part2{width:1500px; height: auto; margin: 0 auto; padding-bottom: 50px; margin-top: 50px;}
.a_part1_wc .a_part1s{width:1330px}
.a_part1_wc .a_part1 .left{width:950px; float:left}
.a_part1_wc .a_part1 .left .title{width:100%; text-align: left; font-size:40px; font-weight: 800;}
.a_part1_wc .a_part1 .left .ms{width:100%; text-align: left; font-size:20px; line-height: 40px; margin-top: 90px;}
.a_part1_wc .a_part1 .right{width:363px; float:right}
.a_part1_wc .a_part1 .s_1{width:100%; text-align: center; font-size:50px; font-weight: 800; font-family: "myfont2";}
.a_part1_wc .a_part1 .s_2{width:100%; text-align: center; font-size:16px; margin-top: 20px;}
.a_part1_wc .a_part1 .s_3{width:320px; margin: 0 auto; margin-top: 20px; position: relative;}
.a_part1_wc .a_part1 .s_3 input{width:100%; height: 50px; border:1px solid #000; color:#000; text-indent: 6px; outline: none;}
.a_part1_wc .a_part1 .s_3 img{position: absolute; right: 0; bottom:6px}
.a_part1_wc .a_part1 .s_4{width:100%; text-align: center; font-size:16px; margin-top: 20px;}
.a_part1_wc .a_part1 .s_5{width:100%; text-align: center; margin-top: 20px;}
.a_part1_wc .a_part1 .s_5 span{display: inline-block; width:100px; height: 44px; line-height: 44px; font-size:16px; background: #000; border-radius: 30px; color:#fff; cursor: pointer;}
.a_part1_wc .a_part1 .s_5 span:hover{background: #2f363c;}
.a_part1_wc .a_part1 .s_6{width:100%; text-align: left; margin-top: 20px; color:#ff1e1e; font-size: 14px;}
.a_part1_wc .a_part1 .s_6 .s_6_w{width:100%}
.a_part1_wc .a_part1 .s_6 .s_6_n{border-radius: 8px; border: 1px solid #ff1e1e; display: inline-block; width: 8px; height: 8px; padding: 3px;  vertical-align: middle; margin-right: 6px;}
.a_part1_wc .a_part1 .s_6 .s_6_n img{width:8px; display: block;}
.a_part1_wc .a_part1 .s_7{width:100%; text-align: left;  color:#ff1e1e; font-size: 14px;}
.a_part1_wc .a_part1 .s_8{width:100%; text-align: left; background: #DCC0C4;}
.a_part1_wc .a_part1 .s_8 .s8_1{display: block; width:100%; font-size:14px}
.a_part1_wc .a_part1 .s_8 .s8_1 font{font-weight: 800;}
.a_part1_wc .a_part1 .s_8 .s8_2{display: block; width:100%; line-height: 20px; font-size:14px}
.a_part1_wc .a_part1 .s_8 .s8_2 font{font-weight: 800;}
.a_part1_wc .a_part1 .s_9{width:100%; text-align: left; font-size:12px}
.a_part1_wc .a_part1 .s_10{width:100%; text-align: left; font-size:14px}
.a_part1_wc .a_part1 .s_10 font{font-weight: 800;}
.a_part1_wc .a_part1 .s_11{width:100%; text-align: left; font-size:14px}
.a_part1_wc .a_part1 .s_12{width:100%;}
.a_part1_wc .a_part1 .s_12 span{width:60px; height: 60px; border:1px dotted #999; text-align: center; padding: 30px; display: block;}
.a_part1_wc .a_part1 .s_12 span img{width:60px; display:inline-block; }
.a_part1_wc .a_part1 .s_13{width:100%; text-align: center; margin-top: 20px;}
.a_part1_wc .a_part1 .s_13 span{display: inline-block; width:300px; height: 44px; line-height: 44px; font-size:16px; background: #000; border-radius: 30px; color:#fff; cursor: pointer;}
.a_part1_wc .a_part1 .s_13 span:hover{background: #2f363c;}
.a_part1_wc .a_part1 .s_14{width:100%; margin-top:60px}
.a_part1_wc .a_part1 iframe{width:100%; height: 780px; border: none;}
.a_part1_wc .a_part1 .s_15{width:100%; text-align: center; font-size:30px; margin: 80px auto;}
.a_part1_wc .a_part2 .s_16{width:100%; margin-top: 50px; display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); grid-gap:8px}
.a_part1_wc .a_part2 .s_16 div img{width:100%}
.a_part1_wc .a_part2 .s_16 div p{width:100%l; text-align: center; font-size:18px; font-weight: 800; margin: 0;}
.a_part1_wc .a_part1 .s_17{width:100%; text-align: left; margin-top: 20px; color:#4FEE34; font-size: 19px;}
.a_part1_wc .a_part1 .s_17 .s_17_w{width:100%}
.a_part1_wc .a_part1 .s_17 .s_17_n{border-radius: 10px; border: 1px solid #4FEE34; display: inline-block; width: 10px; height: 10px; padding: 3px;  vertical-align: middle; margin-right: 6px;}
.a_part1_wc .a_part1 .s_17 .s_17_n img{width:10px; display: block;}

.ne_part1_wc{width:100%; height: auto;}
.ne_part1_wc .ne_part1{width:1500px; height: auto; margin: 0 auto; padding-bottom: 100px; margin-top: 50px;}
.ne_part1_wc .ne_part1 .top{width:100%; text-align: center;}
.ne_part1_wc .ne_part1 .top a{display: inline-block; background: #ECECEC; color:#000; font-size:20px; text-decoration: none; padding: 20px 100px; margin: 0 20px;}
.ne_part1_wc .ne_part1 .top .sel{background: #C30D23; color:#fff}
.ne_part1_wc .ne_part1 .content{width:100%; text-align: left; margin-top: 30px;}
.ne_part1_wc .ne_part1 .content .news_list{width:30%; display: inline-block; text-decoration: none; color:#000; background: #ECECEC; margin: 30px  0 0 2.2%;}
.ne_part1_wc .ne_part1 .content .news_list .img{width:100%; display: block; height: 350px; overflow: hidden;}
.ne_part1_wc .ne_part1 .content .news_list .img img{width:100%}
.ne_part1_wc .ne_part1 .content .news_list .title{width:94%; display: block; font-size:20px; font-weight: 800; margin: 15px auto; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.ne_part1_wc .ne_part1 .content .news_list .ms{width:94%; display: block; font-size:14px; margin: 0 auto; padding-bottom: 25px;}

.ne_part1_wc .ne_part1 .content .new_article_title{width:100%; text-align: center; font-size: 30px; font-weight: 800;}
.ne_part1_wc .ne_part1 .content .new_article_sx{width:100%; text-align: center; margin-top: 30px;}
.ne_part1_wc .ne_part1 .content .new_article_sx .date{display: inline-block; font-size:16px; color:#999; padding-right: 20px;}
.ne_part1_wc .ne_part1 .content .new_article_sx .time{display: inline-block; font-size:16px; color:#999}
.ne_part1_wc .ne_part1 .content .new_article_xx{width:100%; text-align: left; font-size:18px; margin-top: 30px; line-height: 30px;}


.yz_part_wc{width:100%; height: auto;}
.yz_part_wc .yz_part1{width:1020px; height: auto; margin: 0 auto; padding-bottom: 100px; margin-top: 50px; position: relative}
.yz_part_wc .yz_part1 .title{width:100%; text-align: center; font-size:42px; font-weight: 800; color:#000}
.yz_part_wc .yz_part1 .ms{width:100%; text-align: center; font-size:15px; color:#333; line-height: 26px; margin-top: 15px}
.yz_part_wc .yz_part1 .search{width:480px; height:auto; display: flex; justify-content: space-between; margin: 0 auto; border: 1px solid #c92828; border-radius: 12px; overflow: hidden; margin-top: 50px}
.yz_part_wc .yz_part1 .search .s1{width:360px; height: 50px}
.yz_part_wc .yz_part1 .search .s1 input{width:100%; height: 50px; border:none; outline: none; display: block; text-indent: 10px}
.yz_part_wc .yz_part1 .search .s2{width:120px; height: 50px; background: #000; text-align: center; line-height: 50px; color:#fff; font-size:14px;}
.yz_part_wc .yz_part1 .res{width:60%; font-size:14px; margin:20px auto; color:#438805}
.yz_part_wc .yz_part1 .ress{width:60%; font-size:14px; margin:20px auto; color:#ff0000}
.yz_part_wc .yz_part1 .img{width:100%; text-align: center;  margin-top: 25px}
.yz_part_wc .yz_part1 .img img{width:450px}
.yz_part_wc .yz_part1 .img .i2{display: none;}
.yz_part_wc .yz_part1 .ms1{width:100%; text-align: center; font-size:42px; font-weight: bold; color:#000;  margin-top: 60px}
.yz_part_wc .yz_part1 .img1{width:100%; text-align: center;  margin-top: 25px}
.yz_part_wc .yz_part1 .img1 img{width:868px; border-radius: 10px}
.yz_part_wc .yz_part1 .img1 .img1_1{display: inline-block;}
.yz_part_wc .yz_part1 .img1 .img1_2{display: none;}
.yz_part_wc .yz_part1 .how{width:868px; text-align: center; margin: 0 auto;  margin-top: 80px; border:3px solid #000; border-radius: 20px; padding-top: 40px; padding-bottom: 50px;}
.yz_part_wc .yz_part1 .how .how1{font-size:42px; font-weight: bold}
.yz_part_wc .yz_part1 .how .how2{font-size: 20px;text-align: left;padding:0 120px;}
.yz_part_wc .yz_part1 .how .how2 p{padding-top: 15px;padding-left: 25px;}
.yz_part_wc .yz_part1 .how .how2 p:before{width:6px;height:6px;	display: block;	border-radius: 100%;background: #2a0407;float: left;content: ' ';	margin-left: -25px;    position: relative;   top: 12px;}
.yz_part_wc .yz_part1 .p1{position: absolute; left:0; top:0}
.yz_part_wc .yz_part1 .p1 img{width:214px}
.yz_part_wc .yz_part1 .p2{position: absolute; right:0; top:200px}
.yz_part_wc .yz_part1 .p2 img{width:130px}
.yz_part_wc .yz_part1 .p3{display: none;}

/*--分页样式--*/
.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:55px; width:100%; text-align:center; height:80px; }

.kf_wc{position: fixed; right: 10px; top:40%; display: inline-block; z-index: 99999;}
.kf_wc a{display: block; border: 1px solid #e7e7e7; border-radius: 15px; margin-top: 10px; padding: 20px; background: #fff;}
.kf_wc a img{ display: block;}
.kf_wc .k1{background: #000;}
.kf_wc .k2{background: #000;}
.kf_wc .k3{background: #C30D23;}
.kf_wc .k4{background: #000;}

.p_title{width:1200px; margin: 60px auto; text-align: center;}
.p_title .p1{font-size:30px}
.p_title .p2{font-size:16px}

.p_list{width:1200px; margin: 0 auto; text-align: center;}
.p_list .list{display: inline-block; margin: 20px 30px;}

.ny_wc{width:100%; position: relative;}
.ny_wc .n1{position: absolute; left:-100px; bottom:10px}
.ny_wc .n2{position: absolute; right:0; top:10px}
.ny_wc .ny_content{width:1200px; margin:80px auto;}
.ny_wc .ny_content .left{float:left; width:668px}
.ny_wc .ny_content .right{float:right; width:431px; height: 750px; background: url(../picture/dc_10.jpg) no-repeat; margin-top:80px; position: relative;}
.ny_wc .ny_content .right .r_list{position: absolute; text-align: center; width:100% }
.ny_wc .ny_content .right .r_list a{display: inline-block; width:70px; height: 70px; border-radius: 10px; background: #163090; margin: 0 10px; overflow: hidden; position: relative;}
.ny_wc .ny_content .right .r_list a span{display: block; width:100%; position: absolute; left:0; bottom:0}
.ny_wc .ny_content .right .r_list1{left: 0; top: 130px; }
.ny_wc .ny_content .right .r_list2{left: 0; top: 230px; }
.ny_wc .ny_content .right .r_list3{left: 0; top: 330px; }
.ny_wc .ny_content .right .r_list4{left: 0; top: 430px; }
.ny_wc .ny_content .right .r_list5{left: 0; top: 530px; }
.ny_wc table{margin: 0 auto; margin-top: 50px; color: #666;}
.ny_wc table,th,td{border-color: #999; text-align: center;}
.ny_wc th{background: #F3F3F3; height: 30px;}

.ny_wc .ny_content .yh_left{float:left; width:320px}
.ny_wc .ny_content .yh_left .k{width:320px; height: 320px; border: 1px solid #e7e7e7; display: block; background: url(../picture/up.png) no-repeat center; border-radius: 10px; position: relative;}
.ny_wc .ny_content .yh_left .s{width:320px; line-height: 60px; background: #1370A0; display: block; text-align: center; color:#fff; font-size:16px; border: 1px solid #1370A0; border-radius: 10px; margin-top: 18px;}
.ny_wc .ny_content .yh_right{float:right; width:800px; border: 1px solid #e7e7e7; border-radius: 10px; text-align: center;}



.bg{width:100%; height: 100%; background: #1b2c43; position: fixed; top:0; left: 0; z-index: 1; opacity: 0.8; display: none;} 
.datas{width:520px; height: auto; position: fixed; left: 50%; margin-left: -270px; top:40%; background-color: #fff; z-index: 2; border-radius: 10px; padding: 10px; display: none;}
.datas .title{width:100%; text-align: center; font-size:20px;}
.datas .list_wc{width:90%; margin: 0 auto; text-align:left;}
.datas .list_wc .list{width:100%; font-size:14px; line-height: 30px;}
.datas .closes{ position: absolute; right: 10px; top:10px; font-size:26x; color:#000; cursor: pointer;}

.foot{width:100%; text-align: center; font-size:16px; background: #434343; color:#fff; padding: 60px 0; margin-top: 50px;}
.clear{clear:both}
/*分页*/
.pagings
{
    text-align: center;
	margin:30px auto;
}
.pagings li
{
    font-family: 'Arial';
    font-size: 16px;
    line-height: 35px;

    display: inline-block;

    width: 37px;
    height: 37px;
    margin-right: 6px;
    margin-left: 6px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    vertical-align: top;

    color: #333;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.pagings li a
{
    color: #333;
}
.pagings li.activepage,
.pagings li:hover
{
    color: #1b2c43; 
    border-color: #1b2c43;
}
.pagings .lp
{
    line-height: 36px;
}
.pagings .hidden-md a
{
    line-height: 40px;

    display: block;

    width: 80px;
    height: 40px;

    text-align: center;

    color: #1b2c43;
    border: 1px solid #1b2c43;
}


/*navigation*/
div.navigation{ width: 100%; background-color: #f2f2f2; }
div.navigation ul.list{ width: 100%; display: table; }
div.navigation ul.list li{ display: table-cell; width: 11.1%; padding: 15px 0; text-align: center; font-size: 14px; background: url('../images/nav_line.png') no-repeat left center; }
div.navigation ul.list li:first-child{ background: transparent; }
div.navigation ul.list li a{ color: #333; }
div.navigation ul.list li a:hover, div.navigation ul.list li a:focus{ text-decoration: none; }
div.navigation ul.list li.active{ border-top: 3px solid #02c1b1; background-color: #FFF; }
div.navigation ul.list li.active a{ color: #02c1b1;}


/*footer*/
.foot_wc{ width: 100%; padding-top: 100px; background: #F7F8FA;}
.foot_wc .top{width: 1500px; margin:0 auto; text-align: center;}
.foot_wc .top .left{display: inline-block; width:33%; text-align: left; vertical-align: top;}
.foot_wc .top .left .stop img{width:100px}
.foot_wc .top .left .ms{font-size:16px; line-height: 30px;}
.foot_wc .top .center{display: inline-block; width:33%; vertical-align: top;}
.foot_wc .top .center .f_list{width:100%;  padding-top: 20px; text-align: center; font-size:16px; line-height: 30px;}
.foot_wc .top .center .f_list a{margin:0 10px;}
.foot_wc .top .center .f_list .img{width:30%}
.foot_wc .top .right{display: inline-block; width:33%}
.foot_wc .top .right .f_list{width:100%;  padding-top: 20px; text-align: center; font-size:16px; line-height: 30px;}
.foot_wc .top .right .f_list img{width:100px;}
.foot_wc .top .right .f_list a{margin:0 10px;}
.foot_wc .bottom{width:100%; text-align: center; line-height: 150px; font-size:16px}

.foot_wcs{ width: 100%;  background: #F7F8FA; font-family: "微软雅黑"; display: none;}
.foot_wcs .f1{width:90%; margin: 0 auto;}
.foot_wcs .f1 .f1_1{width:100%; border-bottom:1px solid #e7e7e7}
.foot_wcs .f1 .f1_1 .l{float:left; font-size:14px; margin-top: 20px; font-weight: 800; color:#333}
.foot_wcs .f1 .f1_1 .r{float:right; margin-top: 20px;}
.foot_wcs .f2{width:90%; margin: 0 auto; font-size:14px; margin-top: 20px;color:#333; font-weight: 800;}
.foot_wcs .f3{width:90%; margin: 0 auto; font-size:13px; margin-top: 20px; color:#666}
.foot_wcs .f4{width:90%; margin: 0 auto;  margin-top: 20px; }
.foot_wcs .f4 a{float:left;}
.foot_wcs .f4 a img{width:50px}
.foot_wcs .f5{width:90%; margin: 0 auto;  margin-top: 20px; text-align: center;}

@media (max-width: 1500px) {
    .common_top_wc .common_top .menus{width:100%}
    
    .i_part1_wc .i_part1{width:1000px}
    .i_part1_wc .i_part1 .ms_wc .img_l{width:320px}
    .i_part1_wc .i_part1 .ms_wc .ms_r{width:600px}
    
    .p_part2_wc .p_part2{width:1000px}
    .p_part2_wc .p_part2 .ms_wc .img_l{width:320px}
    .p_part2_wc .p_part2 .ms_wc .ms_r{width:600px}

    .p_part3_wc .p_part3{width:1000px}

    .i_part2_wc .i_part2{width:1000px}
    

    .p_part1_wc .p_part1{width:100%}
    .p_part1_wc .p_part1 .title{font-size:60px}

    .a_part1_wc .a_part1{width:90%}
    .a_part1_wc .a_part1 .left{width:70%}
    .a_part1_wc .a_part1 .right{width:30%}

    .a_part1_wc .a_part2{width:100%}

    .n_part1_wc .n_part1{width:90%}
    .n_part1_wc .n_part1 .left{width:30%}
    .n_part1_wc .n_part1 .right{width:65%}

    .ne_part1_wc .ne_part1{width:90%}

    .ne_part1_wc .ne_part1 .content .news_list .img{height: 240px;}

    .foot_wc .top{width:100%}
    .foot_wc .top .left{width:96%; text-align: center;}
    .foot_wc .top .center{width:96%}
    .foot_wc .top .right{width:96%}
}


@media (max-width: 1020px) {
    .yz_part_wc .yz_part1{width:100%; margin-top:0}
    .yz_part_wc .yz_part1 .p1{position: relative}
    .yz_part_wc .yz_part1 .p1 img{width:32.26666vw}
    .yz_part_wc .yz_part1 .img{position: relative;}
    .yz_part_wc .yz_part1 .img .i1{display: none;}
    .yz_part_wc .yz_part1 .img .i2{display: block;}
    .yz_part_wc .yz_part1 .img img{width:100%;}
    .yz_part_wc .yz_part1 .p2{display: none;}
    .yz_part_wc .yz_part1 .p3{display: block; position: absolute; right:0; bottom:0}
    .yz_part_wc .yz_part1 .p3 img{width:13.066666vw}
    .yz_part_wc .yz_part1 .img1 .img1_1{display: none;}
    .yz_part_wc .yz_part1 .img1 .img1_2{display: block; width:78.666vw; margin:0 auto;}
    .yz_part_wc .yz_part1 .how{width:90vw;}
    .yz_part_wc .yz_part1 .how .how2{padding:0 60px;}

}    


@media (max-width: 1000px) {
    .common_top_wc .common_top .menus{width:100%}
    .common_top_wc .common_top .menus .logo{margin:25px 0 25px 20px;}
    .common_top_wc .common_top .menus .menu_list_wc{display: none;}
    .common_top_wc .common_top .menu{display: block;}
    .common_top_wc .common_top .menu_search{display: block;}

    .p_pic{display: block;}
    .phone_title{display: block;}
    .phone_ms{display: block;}

    .i_part1_wc .i_part1{width:100%}
    .i_part1_wc .i_part1 .ms_wc .img_l{width:30%}
    .i_part1_wc .i_part1 .ms_wc .img_l img{width:100%}
    .i_part1_wc .i_part1 .ms_wc .ms_r{width:65%}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r1{font-size:30px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r2{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r3{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r3 div{width:100%; margin-bottom: 10px;}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r3 span:nth-child(1){margin-left:0;}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r4{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r5{font-size:16px}
    .i_part1_wc .i_part1 .img_wc{width:90%; margin: 60px auto;}
    .i_part1_wc .i_part1 .img_wc .top{font-size:26px;}

    .p_part2_wc .p_part2{width:100%}
    .p_part2_wc .p_part2 .ms_wc .img_l{width:30%}
    .p_part2_wc .p_part2 .ms_wc .img_l img{width:100%}
    .p_part2_wc .p_part2 .ms_wc .ms_r{width:65%}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r1{font-size:30px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r2{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r3{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r3 div{width:100%; margin-bottom: 10px;}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r3 span:nth-child(1){margin-left:0;}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r4{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r5{font-size:16px}
    .p_part2_wc .p_part2 .img_wc{width:90%; margin: 60px auto;}
    .p_part2_wc .p_part2 .img_wc .top{font-size:26px;}

    .p_part3_wc .p_part3{width:90%}
    .p_part3_wc .p_part3 img{width: 100%;}

    .i_part2_wc .i_part2{width:100%}
    .i_part2_wc .i_part2 .p_left .img img{width:100%}
    .i_part2_wc .i_part2 .p_left .ms span{margin-top: 0;}
    .i_part2_wc .i_part2 .p_right .img img{width:100%}
    .i_part2_wc .i_part2 .p_right .ms span{margin-top: 0;}

    
    .s_part1_wc .s_part1{width:80%; padding: 0 10%;}
    .s_part1_wc .s_part1 .t1{padding-top: 100px;}
    .s_part1_wc .s_part1 .t3 input{width:100%}

    .m_part1_wc .m_part1{width:90%; padding:0 5%;}

    .a_part1_wc .a_part1 .left{width:100%;}
    .a_part1_wc .a_part1 .right{width:100%}

    .s_part1_wc .s_part1 .t2{width:100%}

    .ne_part1_wc .ne_part1 .content .news_list{width:45%; margin-left: 3%;}
    .ne_part1_wc .ne_part1 .content .new_article_xx img{width:100%}

    .foot_wcs{display: block;}

}    

@media (max-width: 700px) {

    .i_part1_wc .i_part1{width:100%}
    .i_part1_wc .i_part1 .ms_wc .img_l{width:30%}
    .i_part1_wc .i_part1 .ms_wc .ms_r{width:65%}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r1{font-size:20px; margin-top: 20px;}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r2{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r3{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r3 span{padding: 6px 10px;}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r4{font-size:16px}
    .i_part1_wc .i_part1 .ms_wc .ms_r .r5{font-size:16px; line-height: 24px;}
    .i_part1_wc .i_part1 .img_wc{width:90%; margin: 60px auto;}
    .i_part1_wc .i_part1 .img_wc .top{font-size:20px;}
    
    .p_part1_wc .p_part1{height: 600px; background-size:contain; background-position: bottom;}
    .p_part1_wc .p_part1 .title{font-size:30px}
    .p_part2_wc{padding:30px 0 70px 0}
    .p_part2_wc .p_part2{width:100%; margin-top: 50px;}
    .p_part2_wc .p_part2 .ms_wc .img_l{width:30%}
    .p_part2_wc .p_part2 .ms_wc .ms_r{width:65%}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r1{font-size:20px; margin-top: 20px;}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r2{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r3{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r3 span{padding: 6px 10px;}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r4{font-size:16px}
    .p_part2_wc .p_part2 .ms_wc .ms_r .r5{font-size:16px; line-height: 24px;}
    .p_part2_wc .p_part2 .img_wc{width:90%; margin: 60px auto;}
    .p_part2_wc .p_part2 .img_wc .top{font-size:20px;}

    .i_part2_wc .i_part2 .p_left .ms span{font-size:15px}
    .i_part2_wc .i_part2 .p_left .ms a{padding: 10px 20px; margin-top: 40px; }
    .i_part2_wc .i_part2 .p_right .ms span{font-size:15px}
    .i_part2_wc .i_part2 .p_right .ms a{padding: 10px 20px; margin-top: 40px; }

    .n_part1_wc .n_part1 .left a{line-height: 60px; font-size: 14px; background-size:10px}

    .ne_part1_wc .ne_part1 .content .news_list{width:100%; margin-left: 0%;}
    .ne_part1_wc .ne_part1 .top a{padding:10px 50px; margin: 0 10px;}

    .a_part1_wc .a_part1 .s_1{font-size: 30px;}
    .a_part1_wc .a_part1 .s_10 input{width:100%}

    .a_part1_wc .a_part1 .s_15{margin: 40px auto; font-size: 20px;}
    
    .yz_part_wc .yz_part1 .search{width:95%;}
    .yz_part_wc .yz_part1 .res{width:92%;}
    .yz_part_wc .yz_part1 .ress{width:92%;}


}   

@media (max-width: 500px) {
    .common_top_wc .common_top .menus .logo{margin: 5px 0 5px 20px;}
    .common_top_wc .common_top .menu{display: block;}

    .i_part1_wc .i_part1{margin-top: 50px;}
    .i_part2_wc .i_part2{margin-top: 50px;}

    .i_part2_wc .i_part2{margin-top: 50px;}
    .i_part2_wc .i_part2 .p_left .ms a{margin-top: 20px; padding: 4% 8%;}
    .i_part2_wc .i_part2 .p_right .ms a{margin-top: 20px; padding: 4% 8%;}

    .n_part1_wc .n_part1 .left a{line-height: 60px; font-size: 12px; background-size:10px}
    .n_part1_wc .n_part1 .left{width:40%}
    .n_part1_wc .n_part1 .right{width:58%;font-size: 14px;}

    .kf_wc{display: none;}

    .bgs span{margin-top: 66%;}
    .bgs span img{width:80%}
    .bgss span{margin-top: 66%;}
    .bgss span img{width:80%}

    .a_part1_wc .a_part2 .s_16{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
}    

/*index-detail*/
div.index-detail{ width: 100%; padding: 30px 0; }
div.index-detail .d-panel{ width: 50%; overflow: hidden; float: left; }
div.index-detail .d-panel:nth-child(2n){ width: 45%; float: right; }

div.index-detail .d-panel .title{ width: 100%; padding: 10px 0 10px 42px; border-bottom: 2px solid #c6c6c6; background: no-repeat left center; position: relative; }
div.index-detail .d-panel .title h2{ font-size: 24px; }
div.index-detail .d-panel .title:before{ }
div.index-detail .d-panel .title.icon-01{ background-image: url('../images/arrow_home.png'); }
div.index-detail .d-panel .title.icon-02{ background-image: url('../images/arrow_video.png'); }
div.index-detail .d-panel .title.icon-03{ background-image: url('../images/arrow_file.png'); }
div.index-detail .d-panel .title.icon-04{ background-image: url('../images/arrow_news.png'); }

div.index-detail .d-panel .content{ padding: 15px 0; font-size: 14px; line-height: 24px; }

div.index-detail .d-panel .content a.view-about{ color: #02c1b1; }
div.index-detail .d-panel .content .about-img{ width: 300px; margin-right: 20px; margin-bottom: 15px; float: left; }
div.index-detail .d-panel .content .about-img img{ width: 100%; }

@media (max-width: 520px) {
    div.index-detail .d-panel .content .about-img{ width: 100%; margin-right: 0; }
}

    /*index-news-wrapper*/
div.index-news-wrapper{ width: 100%; position: relative; }
div.index-news-wrapper .btns{ width: 42px; height: 34px; background: no-repeat left center; position: absolute; top: -56px; right: 0; z-index: 1; cursor: pointer; }
div.index-news-wrapper .btn-left{ background-image: url('../images/btn_little_left.png'); right: 125px; }
div.index-news-wrapper .btn-right{ background-image: url('../images/btn_little_right.png'); right: 75px; }

div.index-news-wrapper a.more{ display: block; width: 65px; height: 34px; line-height: 34px; font-size: 14px; text-align: center; background-color: #02c1b1; color: #FFF; position: absolute; top: -56px; right: 0; z-index: 1; }
div.index-news-wrapper a.more:hover{ text-decoration: none; color: #f1f1f1; }

div.index-news-wrapper .item{ position: relative; overflow: hidden;}
div.index-news-wrapper .item dl{ width: 100%; min-height: 110px; padding: 10px 0 10px 100px; position: relative; }
div.index-news-wrapper .item dl dt, div.index-news-wrapper .item dl dd{  }
div.index-news-wrapper .item dl dt{ width: 90px; position: absolute; top: 0; left: 0; z-index: 1; }
div.index-news-wrapper .item dl dt p{ width: 88px; height: 96px; color: #FFF; font-weight: normal; display: flex; justify-items: center; justify-content: center; flex-direction: column; background: url('../images/li_style_01.png') no-repeat; background-size: 100%; }
div.index-news-wrapper .item dl dt p span{ font-size: 14px; display: block; text-align: center; }
div.index-news-wrapper .item dl dt p span:first-child{ font-size: 48px; line-height: 48px; }

div.index-news-wrapper .item dl dd{ width: 100%; padding: 0 10px 0 20px; }
div.index-news-wrapper .item dl dd h3{ width: 100%; font-size: 16px; padding-bottom: 10px; line-height: 21px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.index-news-wrapper .item dl dd h3 a{ color: #333; }
div.index-news-wrapper .item dl dd h3 a:hover{ text-decoration: none; color: #666; }
div.index-news-wrapper .item dl dd p{ height: 42px; overflow: hidden; font-size: 14px; color: #666; }

div.index-news-wrapper.solution-wrapper .item dl dt a{ display: block; width: 88px; height: 96px; overflow: hidden; position: relative; }
div.index-news-wrapper.solution-wrapper .item dl dt a img{ width: 100%; min-height: 100%; position: relative; z-index: 1;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.index-news-wrapper.solution-wrapper .item dl dt a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.index-news-wrapper.solution-wrapper .item dl dt a:before{ width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: 0; z-index: 9; background: url("../images/li_style_02.png") left top; background-size: 100%; }

@media (max-width: 1200px) {

}

@media (max-width: 890px) {
    div.index-detail .d-panel{ width: 100%; margin-bottom: 20px; }
    div.index-detail .d-panel:nth-child(2n){ width: 100%; }
    div.index-detail .d-panel.index-video{ display: none; }
}

/*banner-wrapper*/
div.banner-wrapper{ width: 100%; overflow: hidden; position: relative; z-index: 1; }
div.banner-wrapper a{ display: block; width: 1920px; position: relative; left: 50%; margin-left: -960px; }
div.banner-wrapper img{ width: 100%; }

@media (max-width: 678px) {
    div.banner-wrapper a{ width: 800px; margin-left: -400px; }
    .a_part1_wc .a_part1 iframe{height: auto;}
}

/*position-wrapper*/
div.position-wrapper{ width: 100%; padding: 20px 0; text-align: right; }

div.position{ font-size: 14px; color: #666; display: inline-block; }
div.position:before{ display: inline-block; content: ''; width: 13px; height: 18px; vertical-align: middle; margin-right: 5px; background: url('../images/pos.png') no-repeat left center; }
div.position a{ color: #666; }

@media (max-width: 678px) {
    div.position{ font-size: 12px; }
}

/*introduce-wrapper*/
div.introduce-wrapper{ width: 100%; background-color: #f2f2f2; padding: 60px 0; }
div.introduce-wrapper .info{ padding-top: 30px; font-size: 14px; color: #666; line-height: 24px; }
div.introduce-wrapper .intro-img{ width: 280px; margin-left: 20px; float: right; }
div.introduce-wrapper .intro-img img{ width: 100%; }

/*about-title*/
div.about-title{ display: inline-block; }
div.about-title h2, div.about-title p{ display: inline-block; vertical-align: middle; }
div.about-title h2{ color: #666; font-weight: bold; font-size: 26px; border-bottom: 3px solid #02c1b1; padding: 10px 0; }
div.about-title h2{ }
div.about-title p{ font-size: 20px; color: #02c1b1; }
div.about-title p:before{ display: inline-block; content: '/'; padding: 0 8px;  }

@media (max-width: 678px) {
    div.introduce-wrapper .intro-img{ display: none; width: 100%; margin-left: 0; text-align: center; padding-bottom: 30px; float: none; }
    div.introduce-wrapper .intro-img img{ width: auto; max-width: 100%; }

    div.about-title h2{ font-size: 20px; }
    div.about-title p{ font-size: 16px; }
}

/*culture-wrapper*/
div.culture-wrapper{ padding: 50px 0; }
div.culture-wrapper .culture-list{ padding-top: 30px; }
div.culture-wrapper .culture-list .item{ height: 230px; overflow: hidden; float: left; }
div.culture-wrapper .culture-list .item a{ display: flex; justify-content: center; justify-items: center; text-align: center; flex-direction: column;  color: #FFF; width: 100%; height: 100%; position: relative; }
div.culture-wrapper .culture-list .item a img{ width: 100%; min-height: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.culture-wrapper .culture-list .item a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}
div.culture-wrapper .culture-list .item a:hover, div.culture-wrapper .culture-list .item a:focus{ text-decoration: none; }
div.culture-wrapper .culture-list .item a.txt:before{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 100%; left: 0; z-index: 22;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.5s linear 0s; /* Opera */
}
div.culture-wrapper .culture-list .item a.txt:hover:before{ top: 0; }


div.culture-wrapper .culture-list .item p.sm-txt{ display: none; }
div.culture-wrapper .culture-list .item a.txt{ padding: 20px 45px; font-size: 14px; line-height: 24px; }
div.culture-wrapper .culture-list .item a.txt h3{ font-size: 28px; font-weight: normal; padding-bottom: 20px; position: relative; }
div.culture-wrapper .culture-list .item a.txt h3:before{ display: block; width: 30px; height: 3px; background-color: #FFF; content: ''; position: absolute; top: -20px; left: 0; z-index: 1; }

div.culture-wrapper .culture-list .item.clr-01{ background-color: #02c1b1; }
div.culture-wrapper .culture-list .item.clr-02{ background-color: #00a0e9; }
div.culture-wrapper .culture-list .item.clr-03{ background-color: #009944; }

div.culture-wrapper .culture-list .item.wd{ width: 350px; }
div.culture-wrapper .culture-list .item.mid{ width: 490px; }

div.culture-wrapper .culture-list:after{ display: block; content: ''; clear: both; }

@media (max-width: 1200px) {
    div.culture-wrapper .culture-list .item{ height: 200px; }
    div.culture-wrapper .culture-list .item.wd{ width: 30%; }
    div.culture-wrapper .culture-list .item.mid{ width: 40%; }

    div.culture-wrapper .culture-list .item a.txt{ font-size: 12px; padding: 15px 20px; }
    div.culture-wrapper .culture-list .item a.txt h3{ font-size: 21px; }
    div.culture-wrapper .culture-list .item a.txt h3:before{ top: inherit; bottom: 8px; left: 50%; margin-left: -15px; }
}

@media (max-width: 678px) {
    div.culture-wrapper .culture-list .item{ height: 160px; }
    div.culture-wrapper .culture-list .item.sm-right{ float: right; }

    div.culture-wrapper .culture-list .item.wd, div.culture-wrapper .culture-list .item.mid{ width: 50%; }
    div.culture-wrapper .culture-list .item a.txt p{ display: none; }
    div.culture-wrapper .culture-list .item p.sm-txt{ display: flex; width: 100%; height: 100%; overflow: hidden; font-size: 14px; padding: 20px; background-color: rgba(0, 0, 0, .6); justify-content: center; justify-items: center; text-align: center; flex-direction: column; position: absolute; top: 0; left: 0; z-index: 10; }
}

@media (max-width: 400px) {
    div.culture-wrapper .culture-list .item p.sm-txt{ padding: 10px; font-size: 12px; }
}

/*team-wrapper*/
div.team-wrapper{ width: 100%; padding: 50px 0; background-color: #f2f2f2; }

div.team-list{ width: 100%; padding-top: 20px;  }
div.team-list .item{ width: 100%; margin: 10px 0; overflow: hidden; position: relative; }
div.team-list .item img{ width: 100%; min-height: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.team-list .item a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

div.team-list .item.h175{ height: 175px;}
div.team-list .item.h360{ height: 360px;}
div.team-list .item.txt{ height: 175px; background-color: #02c1b1; padding: 10px; }
div.team-list .item.txt a{ display: flex; width: 100%; height: 100%; color: #FFF; justify-items: center; justify-content: center; text-align: center; flex-direction: column; }
div.team-list .item.txt:after{ display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; top: 100%; left: 0; z-index: 10;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s linear 0s; /* Safari 和 Chrome */
    -o-transition: all 0.5s linear 0s; /* Opera */
}
div.team-list .item.txt a:hover, div.team-list .item.txt a:focus{ text-decoration: none; }
div.team-list .item.txt:hover:after{ top: 0; }
div.team-list .item.txt a h3{ font-size: 28px; padding-bottom: 10px; }
div.team-list .item.txt a p{ font-size: 14px; }

div.team-list .left, div.team-list .right{ width: 310px; }
div.team-list .left, div.team-list .right, div.team-list .mid{ float: left; }

div.team-list .left{}
div.team-list .mid{ width: 570px; padding: 0 10px; }
div.team-list .right{}

div.team-list:after{ display: block; content: ''; clear: both; }

@media (max-width: 1200px) {
    div.team-list{ display: table; }
    div.team-list .left, div.team-list .right{ width: 30%; }
    div.team-list .mid{ width: 40%; padding: 0 1%; }

    div.team-list .item.h175{ height: inherit;}
    div.team-list .item.txt{ height: 175px; }
    div.team-list .item.h360{ height: inherit;}

    div.team-list .item.txt a h3{ font-size: 16px; }
    div.team-list .item.txt a p{ font-size: 12px; }
}

@media (max-width: 678px) {
    div.team-list{ padding-top: 150px; position: relative; }
    div.team-list .mid{ width: 100%; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; }
    div.team-list .mid .item.txt{ height: 140px; }
    div.team-list .mid img{ display: none; }
    div.team-list .left, div.team-list .right{ width: 49%; }
    div.team-list .right{ float: right; }
}

/*enterprise*/
div.enterprise{ width: 100%; padding: 50px 0; }
div.enterprise div.about-title{ margin-bottom: 20px; }

@media (max-width: 360px) {
    div.enterprise div.about-title p{ position: relative; padding-left: 20px; }
    div.enterprise div.about-title p span{ display: block; }
    div.enterprise div.about-title p:before{ display: block; position: absolute; top: 10px; left: 0; }
}

/*about-bottom*/
div.about-bottom{ display: table; width: 100%; margin-top: 50px; }
div.about-bottom .cell{ display: table-cell; width: 25%; line-height: 24px; font-size: 14px; color: #666; padding: 30px 20px; text-align: center; vertical-align: top; }
div.about-bottom .cell:hover{ background-color: #eeeeee; }
div.about-bottom .cell p.img{ margin-bottom: 15px; }
div.about-bottom .cell h4{ font-size: 18px; margin-bottom: 10px; }

div.about-bottom .cell.download{ vertical-align: middle; color: #FFF; text-align: center; background: url('../images/img_13.png') no-repeat left top; }
div.about-bottom .cell.download a.downLoadFile{ color: #FFF; display: inline-block; padding: 8px 15px; line-height: 18px; font-size: 18px; border: 2px solid #FFF; }
div.about-bottom .cell.download a.downLoadFile:hover{ text-decoration: none; background: #FFF; color: #265696; }


@media (max-width: 1200px) {
    div.about-bottom .cell{ font-size: 12px; line-height: 20px; }
    div.about-bottom .cell h4{ font-size: 16px; }

    div.about-bottom .cell.download a.downLoadFile{ font-size: 16px; }
}

@media (max-width: 678px) {
    div.about-bottom{ display: block; }
    div.about-bottom .cell{ display: block; width: 50%; height: 190px; padding: 15px 10px; overflow: hidden;  float: left; }
    div.about-bottom:after{ display: block; content: ''; clear: both; }

    div.about-bottom .cell.download{ display: flex; flex-direction: column; justify-content: center; justify-items: center; }
}

/*product-wrapper*/
div.product-wrapper{ width: 100%; }
div.product-wrapper .container{ position: relative; padding-left: 280px; }
div.list-wrapper.product-wrapper .right-list{ min-height: 1560px; }
div.list-wrapper.product-wrapper .right-list dl{ width: 215px; margin: 15px 0 15px 30px; }
div.list-wrapper.product-wrapper .lit-title{ border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 10px; }

@media (min-width: 981px) {
    div.list-wrapper.product-wrapper .right-list dl:nth-child(4n+1){ margin-left: 0; }
}

@media (min-width: 678px) {
    div.product-wrapper .container{ padding-left: 250px; }
}

@media (max-width: 1200px) and (min-width: 981px){
    div.list-wrapper.product-wrapper .right-list dl{ width: 23.5%; margin: 1% 0 1% 2%; }
}

@media (max-width: 980px) and (min-width: 800px){
    div.list-wrapper.product-wrapper .right-list dl{ width: 31.6%; margin: 1% 0 1% 2%; }
    div.list-wrapper.product-wrapper .right-list dl:nth-child(3n+1){ margin-left: 0; }
}

@media (max-width: 799px) {
    div.list-wrapper.product-wrapper .right-list dl{ width: 49%; margin: 1% 0 1% 2%;}
    div.list-wrapper.product-wrapper .right-list dl:nth-child(2n+1){ margin-left: 0; }
}

@media (max-width: 678px) {
    div.list-wrapper.product-wrapper .right-list{ min-height: 980px; }
    div.product-wrapper .container{ padding-left: 15px; }
    div.list-wrapper.product-wrapper .left-menu{ left: -180px; }
    div.list-wrapper.product-wrapper .left-menu.active{ left: 0; }

    div.list-wrapper.product-wrapper .position.fr{ display: block; width: 100%; text-align: right; padding-bottom: 20px; float: none; }
}


/* - - - - - - - - - - - - - - - paging - - - - - - - - - - - - - - - */
div.paging{ width: 100%; text-align: center; font-size: 12px; line-height: 12px; padding: 30px 0; margin-top: 15px; }
div.paging a, div.paging span{ display: inline-block; padding: 8px 10px; color: #555; margin: 0 1px; }
div.paging a[href]{ color: #333; border: 1px solid #CCC;  }
div.paging a:hover{ text-decoration: none; }
div.paging a[href]:hover, div.paging a[href].active{ background-color: #02c1b1; color: #FFF; }

a.load-more{ display: none; width: 120px; color: #666; padding: 10px 0; text-align: center; margin: 30px auto 20px; border: 1px solid #CCC; }

@media (max-width: 690px) {
    div.paging a.num, div.paging span{ display: none; }
}

@media (max-width: 460px) {
    div.paging{ padding-top: 30px; }

}

/*recommend-wrapper*/
div.recommend-wrapper{ width: 100%; overflow: hidden; position: relative; }
div.recommend-wrapper ul{ }
div.list-wrapper .left-menu div.recommend-wrapper ul li{ background: transparent; padding: 0; position: relative; }
div.recommend-wrapper ul li img{ width: 100%; }
div.recommend-wrapper ul li p.tt{ width: 100%; padding: 6px 12px; color: #FFF; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; z-index: 99; }
div.recommend-wrapper .btns{ width: 20px; height: 50px; background: no-repeat left center; background-size: 100%; position: absolute; top: 42%; margin-top: -25px; cursor: pointer; }
div.recommend-wrapper .btn-left{ background-image: url('../images/btn_left.png'); left: 0; }
div.recommend-wrapper .btn-right{ background-image: url('../images/btn_right.png'); right: 0; }

div.left-menu .left-box{ width: 100%; background-color: #FFF; margin: 20px 0; }
div.left-menu .left-box .tit{ padding: 15px; }
div.left-menu .left-box .tit h2{ font-size: 18px; color: #02c1b1; }

div.left-menu .left-contact{ padding: 15px; font-size: 14px; color: #666; }
div.left-menu .left-contact .tit{ border-bottom: 1px solid #CCC; padding: 10px 0; }
div.left-menu .left-contact .cont{ padding-top: 15px; }
div.left-menu .left-contact h5{ font-size: 14x; padding-bottom: 5px; }

@media (max-width: 678px) {
    div.left-menu .left-box{ margin: 0; }
}

/*top-info*/
div.pro-detail .top-info{ width: 100%; display: table; padding: 20px 0; }
div.pro-detail .top-info .cell{ display: table-cell; vertical-align: top; }

div.pro-detail .top-info .cell.photo{ width: 460px; }
div.pro-detail .top-info .cell.photo a{ display: block; width: 460px; overflow: hidden; }
div.pro-detail .top-info .cell.photo a img{ width: 100%; }

div.pro-detail .top-info .cell.text{ padding-left: 20px; }
div.pro-detail .top-info .cell.text .tit{ color: #3e3e45; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
div.pro-detail .top-info .cell.text .tit h2{ font-size: 20px; }

div.pro-detail .top-info .cell.text .cont{ min-height: 300px; padding: 20px 0; font-size: 14px; color: #666; line-height: 30px; }

div.pro-detail .top-info .cell.text .bottom{ }
div.pro-detail .top-info .cell.text .bottom a{ display: inline-block; font-size: 18px; line-height: 18px; background: #02c1b1 no-repeat 20px center; color: #FFF; padding: 10px 30px 10px 50px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
div.pro-detail .top-info .cell.text .bottom a.qq{ background-image: url('../images/arrow_qq.png'); margin-right: 10px; }
div.pro-detail .top-info .cell.text .bottom a.tel{ background-image: url('../images/arrow_tel.png'); }

@media (max-width: 1200px) {
    div.pro-detail .top-info .cell.photo{ width: 300px; }
    div.pro-detail .top-info .cell.photo a{ width: 300px; }
    div.pro-detail .top-info .cell.text .cont{ min-height: 160px; }
}

@media (max-width: 980px) {
    div.pro-detail .top-info .cell{ display: block; width: 100%; }
    div.pro-detail .top-info .cell.photo{ width: 100%; text-align: center; }
    div.pro-detail .top-info .cell.photo a{ display: inline-block; width: auto; }

    div.pro-detail .top-info .cell.text{ padding-top: 30px; padding-left: 0; }
    div.pro-detail .top-info .cell.text .bottom a{ padding: 10px 20px 10px 40px; }
}

div.pro-detail .intro{ width: 100%; margin: 30px 0; }
div.pro-detail .intro .tit{ color: #3e3e45; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
div.pro-detail .intro .tit h2{ font-size: 20px; }

div.pro-detail .intro .cont{ padding: 20px 0; font-size: 14px; line-height: 24px; color: #666; }



div.pro-detail .btm-table{ width: 100%; border: 1px solid #CCC; }
div.pro-detail .btm-table .hd{ background-color: #e0f5f5; border-bottom: 1px solid #CCC; padding: 10px 15px; text-align: center; }
div.pro-detail .btm-table .hd h2{ font-size: 16px; }

div.pro-detail .btm-table .lt{ width: 100%; padding: 15px 20px; line-height: 24px; }
div.pro-detail .btm-table .lt a{ display: inline-block; width: 19%; color: #666; padding: 3px 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1200px) {
    div.pro-detail .btm-table .lt a{ width: 24%; }
}

@media (max-width: 800px) {
    div.pro-detail .btm-table .lt a{ width: 32%; }
}

@media (max-width: 460px) {
    div.pro-detail .btm-table .lt a{ width: 49%; }
}

div.pro-detail .intro.recommend{ }
div.pro-detail .intro.recommend dl{ border: 1px solid #CCC; }
div.pro-detail .intro.recommend dl dt{ }
div.pro-detail .intro.recommend dl dt, div.pro-detail .intro.recommend dl dd{ }
div.pro-detail .intro.recommend dl dt a{ }
div.pro-detail .intro.recommend dl dt img{ width: 100%; }
div.pro-detail .intro.recommend dl dd{ }
div.pro-detail .intro.recommend dl dd h2{ font-size: 18px; padding: 8px 0; text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.pro-detail .intro.recommend dl dd h2 a{ color: #333; }
div.pro-detail .intro.recommend dl dd h2 a:hover{ text-decoration: none; color: #666; }
div.pro-detail .intro.recommend dl dd p{ }

div.pro-detail .intro.recommend .cont:after{ display: block; content: ''; clear: both; }

@media (max-width: 360px) {
    div.list-wrapper.product-wrapper .right-list .intro.recommend dl{ width: 100%; margin: 2% 0; }
}


/*equ-wrapper*/
div.equ-wrapper{ width: 100%; padding: 0 0; }
div.equ-wrapper .container{ position: relative; padding-left: 250px; }
div.list-wrapper.equ-wrapper .left-menu{ top: -30px;}
div.list-wrapper.equ-wrapper .left-menu.active{ left: 0; }
div.list-wrapper.equ-wrapper .right-list{ min-height: 1600px; }

div.list-wrapper.equ-wrapper .lit-title{ padding: 20px 0; border-bottom: 1px solid #CCC; }
div.list-wrapper.equ-wrapper .equ-content{ width: 100%; padding: 20px 0; }
div.list-wrapper.equ-wrapper .equ-content img{ max-width: 100%; }

div.list-wrapper.equ-wrapper .equ-content h2{ font-size: 18px; }

@media (max-width: 1200px) {
    div.equ-wrapper .container{ padding-left: 240px; }
}

@media (max-width: 678px) {
    div.list-wrapper.equ-wrapper .left-menu{  top: 0;  left: -180px;  }
    div.list-wrapper.equ-wrapper .right-list{ min-height: 980px; }
    div.list-wrapper.equ-wrapper div.position.fr{ width: 100%; padding-bottom: 30px; text-align: right; }

    div.list-wrapper.equ-wrapper .left-menu.active a.view{ top: inherit; }
    div.equ-wrapper .container{ padding-left: 15px; }
}

/*news-position*/
div.news-position{ width: 100%; }
div.news-position .container{  padding: 15px 0 15px 250px; }
div.news-position .lit-title{ width: 100%; }
div.news-position .lit-title h2{ font-size: 20px; }


/*news-wrapper*/
div.list-wrapper.news-wrapper{ padding: 0; }
div.list-wrapper.news-wrapper .left-menu{ top: -80px; }
div.list-wrapper.news-wrapper .news-list{ min-height: 1560px;  }

div.list-wrapper.news-wrapper .news-list dl{ width: 100%; border-bottom: 1px dashed #CCC; padding: 15px 0 15px 70px; position: relative; }
div.list-wrapper.news-wrapper .news-list dl dt{ color: #b3b3b3; font-weight: normal; position: absolute; top: 15px; left: 0; z-index: 1; }
div.list-wrapper.news-wrapper .news-list dl dt span{ font-size: 14px; line-height: 14px; display: block; }
div.list-wrapper.news-wrapper .news-list dl dt span:first-child{ font-size: 48px; line-height: 48px; }
div.list-wrapper.news-wrapper .news-list dl dd{ width: 100%; color: #666; min-height: 70px; }
div.list-wrapper.news-wrapper .news-list dl dd h3{ font-size: 18px; padding-bottom: 10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.list-wrapper.news-wrapper .news-list dl dd h3 a{ color: #333; }
div.list-wrapper.news-wrapper .news-list dl dd h3 a:hover{ text-decoration: none; color: #666; }

@media (max-width: 1200px) {
    div.news-position .container{ padding-right: 15px; }
}

@media (max-width: 678px) {
    div.news-position .container{ padding-left: 15px; }
    div.list-wrapper.news-wrapper .left-menu{ top: 0; }
}

/*news-detail*/
div.news-detail{ padding: 45px 0; }
div.news-detail .top-info{ text-align: center; }
div.news-detail .top-info h2{ font-size: 18px; padding-bottom: 15px; }

div.news-detail .top-info p span{ display: inline-block; background: no-repeat left center; padding: 0 10px 0 16px; color: #666; }
div.news-detail .top-info span.date{ background-image: url("../images/date.jpg") }
div.news-detail .top-info span.view{ background-image: url('../images/view.jpg') }
div.news-detail .top-info span.type{ background-image: url('../images/type.jpg'); }

div.news-detail .content{ padding: 30px 0; font-size: 14px; line-height: 24px; color: #666; }
div.news-detail .content img{ max-width: 100%; }

div.news-detail .bdsharebuttonbox{ padding: 20px 0; text-align: center; }
div.news-detail .bdsharebuttonbox a{ width: 25px; height: 25px; display: inline-block; background: url('../images/link.jpg') no-repeat; float: none; }
div.news-detail .bdsharebuttonbox a.bds_qzone{ background-position: 0 0; }
div.news-detail .bdsharebuttonbox a.bds_tsina{ background-position: -28px 0; }
div.news-detail .bdsharebuttonbox a.bds_renren{ background-position: -58px 0; }
div.news-detail .bdsharebuttonbox a.bds_weixin{ background-position: -88px 0; }
div.news-detail .bdsharebuttonbox a.bds_tqf{ background-position: -118px; }
div.news-detail .bdsharebuttonbox a.bds_kaixin001{ background-position: -145px 0; }
div.news-detail .bdsharebuttonbox a.bds_douban{ background-position: -175px 0; }
div.news-detail .bdsharebuttonbox a.bds_sqq{ background-position: -202px 0; }
div.news-detail .bdsharebuttonbox a.bds_ty{ background-position: -232px 0; }

div.news-detail .bottom-next{ width: 100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 20px 0; }
div.news-detail .bottom-next .item{ width: 50%; font-size: 14px; float: left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.news-detail .bottom-next .item a{ color: #666; }
div.news-detail .bottom-next .item a:hover{ text-decoration: none; color: #333; }
div.news-detail .bottom-next .item.prev{ text-align: right; padding-right: 15px; }
div.news-detail .bottom-next .item.next{ text-align: left; padding-left: 15px; }
div.news-detail .bottom-next:after{ display: block; content: ''; clear: both; }


/*invite*/
div.invite{ width: 100%; min-height: 1560px; padding: 30px 0; }
div.invite .item{ padding: 30px 0; border-bottom: 1px dashed #CCC; }
div.invite .item h2{ font-size: 18px; color: #02c1b1; padding-bottom: 10px; }
div.invite .item dl{ display: table; font-size: 14px; width: 100%; }
div.invite .item dl dt, div.invite .item dl dd{ display: table-cell; line-height: 24px; }
div.invite .item dl dt{ width: 20px; white-space: nowrap; }
div.invite .item dl dt:after{ display: inline-block; content: '：'; }
div.invite .item dl dd{ color: #666; padding-left: 6px; }
div.invite .item .bottom{ padding-left: 80px; }
div.invite .item a.btn-join{ display: inline-block; background-color: #02c1b1; color: #FFF; margin-top: 15px; font-size: 16px; line-height: 16px; padding: 12px 24px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

@media (max-width: 678px) {
    div.invite{ min-height: 780px; }
}

/*service-info*/
div.service-info{ font-size: 14px; color: #666; line-height: 24px; }
div.service-info h4{ font-size: 18px; color: #02c1b1; padding-bottom: 10px; }
div.service-info img{ max-width: 100%; }

/*ser-bottom*/
div.ser-bottom{ display: table; width: 100%; margin-top: 50px; }
div.ser-bottom .cell{ display: table-cell; width: 33%; line-height: 24px; font-size: 14px; color: #666; padding: 30px 20px; text-align: center; vertical-align: top; }
div.ser-bottom .cell:hover{ background-color: #eeeeee; }
div.ser-bottom .cell p.img{ margin-bottom: 15px; }
div.ser-bottom .cell h4{ font-size: 18px; margin-bottom: 10px; }
div.ser-bottom .cell *{ color: #666; }


@media (max-width: 1200px) {
    div.ser-bottom .cell{ font-size: 12px; line-height: 20px; }
    div.ser-bottom .cell h4{ font-size: 16px; }

    div.ser-bottom .cell.download a.downLoadFile{ font-size: 16px; }
}

@media (max-width: 678px) {
    div.ser-bottom .cell{ position: relative; padding: 15px 0 15px 65px; text-align: left;  width: 100%; min-height: 50px; display: block; }
    div.ser-bottom .cell p.img{ position: absolute; top: 50%; margin-top: -25px; left: 0; z-index: 1; }
    div.ser-bottom .cell h4{ margin-bottom: 0; }
    .a_part1_wc .a_part1 .s_8{display: none;}
    .a_part1_wc .a_part1 .s_9{display: none;}
    .a_part1_wc .a_part1 .s_10{display: none;}
    .a_part1_wc .a_part1 .s_11{display: none;}
    .a_part1_wc .a_part1 .s_12{display: none;}
    .a_part1_wc .a_part1 .s_13{display: none;}

}

div.ser-bottom.contact-bottom{ margin-top: 20px; }
div.service-info .backFeed{ width: 100%; font-size: 14px; text-align: center; padding: 36px 0; border-top: 1px solid #CCC; }
div.service-info .backFeed h2{ font-size: 30px; color: #333; position: relative; margin-bottom: 20px; }
div.service-info .backFeed h2:after{ width: 65px; height: 4px; background-color: #02c1b1; content: ''; display: block; margin: 15px auto 0; }

@media (max-width: 678px) {
    div.ser-bottom.contact-bottom{ margin-top: 0; }
    div.ser-bottom.contact-bottom .cell p.img{ width: 56px; margin-top: -32px;  }
}

/*contact-form*/
.contact-form{ width: 100%; background: url('../images/img_01.png') no-repeat left top; min-height: 260px; padding-left: 420px; }
.contact-form label.ipt-txt{ width: 100%; border: 1px solid #CCC; font-weight: normal; margin-bottom: 15px; background-color: #FFF; }
.contact-form label.ipt-txt input, .contact-form .ipt-txt textarea{ width: 100%; height: 100%; padding: 5px 15px; border: 0; outline: none; background-color: transparent; resize: none; }
.contact-form .ipt-txt textarea{ height: 120px; }
.contact-form button.btn-submit{ display: inline-block; background-color: #02c1b1; color: #FFF; outline: none; margin-top: 15px; border: 0; font-size: 16px; line-height: 16px; padding: 12px 32px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.contact-form label.error{ color: #F00; font-weight: normal; position: relative; top: -10px; }

@media (max-width: 980px) {
    .contact-form{ background-size: 280px; padding-left: 290px; }
}

@media (max-width: 890px) {
    .contact-form{ background-size: 0; padding-left: 0 }
}

/*erWM*/
div.modal.erWM-wrapper{}
div.modal.erWM-wrapper .modal-dialog{ width: 420px; margin-top: 10%; }
div.modal.erWM-wrapper .modal-body{ text-align: center; }
div.modal.erWM-wrapper .modal-body p{ display: inline-block; }

div.modal.erWM-wrapper .modal-body p:after{ display: block; font-size: 14px; }
div.modal.erWM-wrapper .modal-body p.wx1:after{ content: '微信客服一'; }
div.modal.erWM-wrapper .modal-body p.wx2:after{ content: '微信客服二'; }
div.modal.erWM-wrapper .modal-body p.mb:after{ content: '手机官网'; }

div.modal.qqWM-wrapper{ text-align: center; }
div.modal.qqWM-wrapper .modal-dialog{ width: 420px; margin-top: 10%; }
div.modal.qqWM-wrapper .modal-body{ text-align: left; padding: 55px 20px; }
div.modal.qqWM-wrapper a.qq{ display: inline-block; color: #333; height: 22px; line-height: 22px; padding-right: 85px; margin: 8px 26px; vertical-align: middle; background: url("../images/qq.png") no-repeat top right; }
div.modal.qqWM-wrapper a.qq:hover{ text-decoration: none; }

@media (max-width: 750px) {
    div.modal.erWM-wrapper .modal-dialog{ width: auto; }
}

#page {width:100%;padding-left:50px;}
	#page ul{margin:0 auto 5px auto; display:table;text-align:center;}
	#page li{float:left;line-height:21px;height:21px;margin: 2px;display:inline; zoom:1;}
	#page span{display: block; padding: 2px 5px; background: #ffffff;color:black; border: 1px solid #CCC; color: #999999; }
	#page a{font-size:12px;display: block; text-decoration: none; margin:0px; color: #FFFFFF;padding: 2px 5px 2px 5px;background:url(../images/bg9.gif) repeat-x;}
	#page a:link,#page a:visited {background:white;color:black;border: 1px solid #CCCCCC; }
	#page a:hover {background:#FF6600;color:white;}
	#page #span1 {background:white;display: block;}