@charset "utf-8";

.test{

    border:1px solid red;

    box-sizing: border-box;

}

.ddg{

    overflow: hidden;

    height: 100%;

}

/*头部*/

.nav{

    width: 1366px;

    height: 70px;

    margin: 0px auto;

}

.nav>a{

    float: left;

    margin-top: 22px;

}

.nav-link{

    float: right;

}

.nav-link li{

    float: left;

}

.nav-link a{

    display: block;

    margin-left: 55px;

    color: #565656;

    font-size:16px;

    line-height: 70px;

}

.nav-link a.active,

.nav-link a:hover{

    border-bottom: 2px solid #2e93ef;

}

/*联系我们*/

.pc-banner{

    max-height: 620px;position: relative;

}

.pc-banner>img{

    display: block;

    width: 100%;

    max-height: 620px;

}



.pc-banner strong {

    display: block;

    font-weight: normal;

    width: 1300px;

    color: #fff;

    position: absolute;

    left: 50%;

    margin-left: -600px;

    bottom: 110px;

    z-index: 10;

}

.pc-banner strong p {

    font-size: 34px;

    margin-top: 28px;

}

.pc-form_title{

    padding: 40px 0px;

    text-align: center;

}

.pc-form_column{

    position: relative;

    width: 1210px;

    margin: 40px auto;

}

.pc-form_column .column1,

.pc-form_column .column2,

.pc-form_column .column3{

    width: 230px;

    height: 250px;

    text-align: center;

}

.pc-form_column>div>img{

    margin-top: -40px;

    margin-bottom: 40px;

}

.pc-form_column .column1,

.pc-form_column .column3{

    position: absolute;

}

.pc-form_column .column1{

    border:1px solid #3ca4ff;

}

.pc-form_column .column2{

    margin: 0px auto;

    border:1px solid #50e7d7;

}

.pc-form_column .column3{

    top:0px;

    right: 0px;

    border:1px solid #f4c846;

}

.pc-form_column strong {

    display: block;

    margin-bottom: 10px;

    font-size: 20px;

    text-align: center;

    color: #343434;

}

.pc-form_column p{

    margin-bottom: 15px;

    color: #646565;

    font-size: 16px;

}

.pc-form_column a{

    padding: 2px 5px;

    color: #fff;

    font-size: 16px;

    background: #44cdea;

}

.line{

    margin: 50px 0px;

    border-top: 1px solid #f2f2f2;

}

.pc-form-item{

    height: 550px;

}

.pc-form-item li{

    float: left;

    width: 33%;

}

.pc-form-item li.second{

    width: 34%;

}

.pc-form-item ul{

    overflow: hidden;

}

.pc-form-item li>span,

.pc-form-item_dl dt{

    margin-right: 30px;

    color: #5b5b5b;

    font-size: 20px;

}

.pc-form-item_dl{

    margin-top: 20px;

    overflow: hidden;

}

.pc-form-item_dl dt{

    float: left;

}

.pc-form-item_dl textarea{

    width: 1130px;

    height: 254px;

}

.pc-form-item_dl dd{

    float: left;

}

.pc-form-code{

    margin-top: 20px;

}

.pc-form-item .selects{margin-top: 15px;margin-left: 70px;}

.pc-form-item .selects select{border-radius: 5px;background-color: transparent;color: #999;border: 1px solid #c7c5c5;width: 520px;font-size: 12px;}

.selects li.second{

    width:550px;

}

.pc-form-item h1{font-size: 20px;color: #5b5b5b;margin-top:123px;text-align: left;font-family: 黑体;}

.pc-form-code-left{

    float: left;width:240px;height: 42px;

}

.pc-form-code-left>span{

    margin-right: 20px;

}

.pc-form-code-left span{

    color: #5b5b5b;

    font-size: 20px;margin-right: 2px;}

.pc-form-code-left img{

    width: 136px;height: 42px;

}

.pc-form-code-right{

    float: right;margin-right: 10px;

}

.pc-form-code-right>button{

    width: 188px;

    height: 42px;

    border: none 0;

    color: #fff;

    font-size: 20px;

    background: #f57d90;

    outline: none;

}

/*加盟页*/

.join-proces{

    width: 1366px;

	height: 220px;

    margin: 0px auto;

}

.join-proces h2{

    margin:50px auto;

    color: #414141;

    font-size: 30px;

    text-align: center;

    font-weight: normal;

}

.join-proces_index dl{

    float: left;

    width: 25%;

    margin-left: -2px;

    padding:0px 50px;

    box-sizing: border-box;

    border-right: 2px solid #c9c9c9;

}

.join-proces_index dl.last{

    border-right: none;

}

.join-proces_index dt{

    float: left;

    width: 60px;

    height: 60px;

    margin-right: 20px;

    line-height: 60px;

    border-radius: 50%;

    color: #2978d5;

    font-size: 20px;

    text-align: center;

    border:2px solid #2978d5;

}

.join-proces_index dd{

    color: #47484a;

    font-size: 12px;padding-left: 81px;width:259px;

}

.join-proces_index dd.title{

    margin-bottom: 10px;

    color: #2978d5;

    font-size: 20px;

}

.join-understand{

    width: 100%;background:url(../picture/wenzibg.png) center top no-repeat;

    max-height:843px;

}

.join-understand p{position: absolute;width:250px;top:0px;left: 50px;color: #313030;font-size: 14px;line-height: 25px; }

.join-understand p.fir{top:20px;left:281px;}

.join-understand p.sec{width:115px;height: 50px;top:140px;left:806px;}

.join-understand p.thr{width:115px;top:230px;left: 806px;}

.join-understand p.fou{width:179px;top:342px;left:585px;height:50px;line-height: 20px;}

.join-understand p.fiv{width:179px;top:428px;left:325px;height:50px;line-height: 20px;}

.changf{width: 500px;position: absolute;top:250px;left:23px;}

.changf li{text-align: center;float: left;width:auto;margin-right: 25px;}

.changf li.fir{text-align: left;}

.changf li.sec{margin: 0;margin-left: 25px;}

.changf li.fou{text-align: right;margin-left: -28px;}

.changf li a{color: #313030;font-size: 14px;}

.word{width: 1200px;margin:50px auto 0;height: 800px;position: relative;background:url(../picture/wordbg2.png) center top no-repeat;background-size: contain;padding-top: 40px;}

.o2ojoin-understand .word{height: 582px;}

.words{position: absolute;background:url(../picture/words.png) center top no-repeat;width: 212px;height: 334px;right: 26px;top: 73px;}

.words2{position: absolute;right:479px;top:134px;}

.words2 li{margin-bottom: 5px;}

.words2 li a{color: #ffffff;font-size: 14px;}

.words h1{color: #ffffff;font-size: 20px;position: absolute;top: -51px;left: 25px;text-align: center;}

.words li{  text-align: center;float: left;margin-top:60px;width:50%;margin-bottom:50px;}

.words li.sec{}

.words li a{;color: #ffffff;font-size: 14px;}

.join-understand .btn{display: block;width: 150px;height: 40px;line-height: 40px;color: #929191;font-size: 15px; background-color: #fff;margin:553px auto 0;border-radius: 8px;box-shadow: 2px 2px 10px #d9e4ea;cursor: pointer;}

.join-understand>img{

    display: block;

    width: 100%;

    max-height: 1760px;

}

.cunstom{

    height: 700px;

    background-image: url('../images/advance.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}

.cunstom_title{

    padding: 30px 0px;

    color: #fff;

    font-size: 16px;

    text-align: center;

}

.cunstom_title>h2{

    margin-bottom: 10px;

    font-size: 25px;

}

.cunstom_cnt{

    width: 1300px;

    margin: 5px auto;

    display: flex;

}

.cunstom_cnt_let,.cunstom_cnt_rig{

    flex: 1;

    overflow: hidden;

    background-color: rgba( 160, 160, 160,.5);

}

.cunstom_cnt_let{

    padding-top: 35px;

    padding-bottom: 35px;

    padding-left: 40px;

}

div.cunstom_cnt_rig{

    padding: 35px 40px 35px 0px;

    text-align: right;

}

.cunstom_cnt_let>h2{

    color: #fff;

    font-size: 25px;

}

.cunstom_cnt_let>h2 span{

    padding-bottom: 10px;

    border-bottom:2px solid #a0a0a0;

}

.cunstom_cnt_let p{

    line-height: 2.5;

    margin: 40px 0px 30px;

    color: #efefef;

}

.cunstom_cnt_let img{

    width: 85%;

    margin-bottom: 20px;

}

.cunstom_cnt_mdl{

    width: 10%;

    padding: 0px 10px;

    color: #efefef;

    font-size: 16px;

    text-align: center;

    background: #000;

    padding-top: 35px;

    margin-top: 0;

}

.cunstom_cnt_mdl p{

    margin-bottom: 35px;

    padding-bottom: 10px;

    box-sizing: border-box;

    border-bottom:1px solid transparent;

    cursor: pointer;

}

.cunstom_cnt_mdl p.active,

.cunstom_cnt_mdl p:hover{

    color: #0191fe;

    border-bottom: 1px solid #0191fe;

}

.cunstom_cnt_mdl p.active span,

.cunstom_cnt_mdl p:hover span{

    border:none;

}

.cunstom_cnt_mdl span{

    padding-bottom: 5px;

    color: #efefef;

    font-size: 16px;

    border-bottom: 1px solid #a0a0a0;

}

.policy{

    width: 73%;

    margin: 20px auto;

    text-align: center;

}

.policy h3{

    padding: 20px 0px;

    color: #fff;

    font-size: 20px;

}

.policy>p{

    margin-bottom: 50px;

}

.policy-item{

    display: flex;

    flex-wrap:wrap;

    overflow: hidden;

}

.policy-item_link{

    width: 33.33%;

    min-height: 200px;

    margin-left: -1px;

    margin-top: -1px;

    border-top: 1px solid #dcdcdc;

    border-left:1px solid #dcdcdc;

}

.policy-item_link:hover,

.policy-item_link.active{

    background: #0068b7;

    cursor: pointer;

    color: #fdfdfd;

}

.policy-item_link img{

    width: 60px;

    margin-top: 30px;

}

.policy-item_link strong{

    display: block;

    margin-top: 10px;color: #292a2a;font-size: 18px;

    margin-bottom: 15px;

}



.policy-item_link p{

    color:#404040;

    line-height: 1.5;font-size: 14px;

}

.agent{

    text-align: center;

    background: #f0f5f9;

}

.agent-slide{

    width: 90%;

    margin: 20px auto;

}

.agent-process{

    width: 100%;

    overflow: hidden;

    text-align: center;

}



.slideBox2{position: relative;width:1252px;margin: 35px auto 0;height: 184px;}

.sliderBox2 .bd ul{

	width: 9999px;overflow: hidden;

}

.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }

.slideBox2 .bd li{ zoom:1; vertical-align:middle;}

.slideBox2 .bd li dd{float: left;margin-left:40px;width:270px;}

.slideBox2 .bd li dd img{width: 100%;height: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox2 .prev,

.slideBox2 .next{ position:absolute; left:-30px; top:50%; margin-top:-25px; display:block; width:50px; height:50px; filter:alpha(opacity=50);opacity:0.5;}

.slideBox2 .prev{background:url(../picture/sliderprev.png) left center no-repeat;}

.slideBox2 .next{background:url(../picture/sliderprev.png) right center no-repeat; }

.slideBox2 .next{ left:auto; right:-62px; }

.slideBox2 .prev:hover,

.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox2 .prevStop{ display:none;  }

.slideBox2 .nextStop{ display:none;  }

.agent-process p{padding: 50px 0;font-size: 14px;color: #4c4d4d;height: 40px;line-height: 40px;}

.agent-process p strong{font-size:35px;color: #e1e7ed;margin: 10px;vertical-align: bottom;}

.agent-process p span{display: inline-block;width:132px;height: 2px; background: #e1e7ed;margin: 0 15px;*display:inline;zoom:1;}

.agent-process li{

    width: 20%;margin-left: 15px;

}

.agent h3{

    padding: 20px 0px;

    color: #444444;

    font-size: 20px;

}

.know{

    height:359px;

    background-image: url('../images/img.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size:100% auto ;

}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc;   }

.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

    cursor:pointer; background:url("../images/arrow.png") no-repeat;}

.picMarquee-left .hd .next{ background-position:0 -50px;  }

.picMarquee-left .hd .prevStop{ background-position:-60px 0; }

.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px;   }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-left .bd ul li .pic{ text-align:center; }

.picMarquee-left .bd ul li .pic img{ width:400px; height:200px; display:block; padding:2px; border:1px solid #ccc; }

.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picMarquee-left .bd ul li .title{ line-height:24px;   }

.join-form{

    margin: 0px auto;

    padding-bottom: 50px;background-color: #f0f5f9;

}

.join-form>div{

    float: left;

}

.join-form_left{

    width: 60%;

    font-family: 黑体;

}

.join-form_item{

    color: #5d5d5d;

    font-size: 16px;

}

.join-form h2{

	font-family: 黑体;

    margin-top: 10px;

    line-height: 1.5;

    color: #909090;

    font-size: 14px;text-align: left;

}

.join-form_item{

    height: 50px;

    margin-top: 10px;

    padding: 10px 0px;

    padding-left: 50px;

    background-repeat: no-repeat;

    background-size: 20px;

    background-position: 10px 17px;

}

.join-form_item strong{

    color: #5d5d5d;

    font-size: 16px;

}

.join-form_item p{

    color: #909090;

    font-size: 14px;text-align: left;

}

.mt20{

    margin-top: 20px;

}

.phone{text-align: left;

    background-image: url('../images/phone.png');

}

.mail{text-align: left;

    background-image: url('../images/email.png');

}

.address{text-align: left;

    background-image: url('../images/address.png');

}

.join-form_right{

    width: 40%;

}

.join-form_right input,

.join-form_right textarea{

    background: #f0f5f9;text-indent: 10px;

	height: 45px;

    border: 1px solid #d2d2d2;

}

.join-form_right textarea{

    height: 100px;

}

.join-form_right input[type='text'],

.join-form_right textarea{

    width: 100%;

    margin-top: 20px;

}

.join-form_right input[type='button']{

    margin-top: 20px;

    height: 40px;width: auto;padding: 0 25px;text-indent: 0;

    color: #fff;height: 30px;line-height: 30px;

    background: #ff9d46;

    border-radius: 20px;

    border:none 0;

}

input,textarea,select{

    width: 311px;

    height: 20px;

    padding: 10px;

    border: none 0;

    outline: none;

    resize: none;

    background: #f2f2f2;

}

/*首页*/

.search-item{

    display: flex;

    height: 75px;

    line-height: 75px;

}

.search {

    width: 1200px;

    margin: 0px auto;

}

.search-item form{height: 35px;margin-top:20px;}

.search-item form input{

	width: 350px;height: 35px;line-height: 35px;float: left;margin-top: 0;text-indent: 10px;color: #999999;

    background: transparent;

    border:1px solid #dcdcdc;border-radius: 0;

}

.search-item form button{

	width:40px;float: right;border: none;

	height: 35px;

	line-height: 35px;

    background:#318bec  url("../images/search_btn.png") center no-repeat;

}

.search-a{

    display: flex;

	padding-left: 53px;background: url("../images/search_fire.png") left center no-repeat;margin-left: 35px;

}

.search-a a{

    color: #999999;

    font-size: 14px;

    margin-right: 35px;line-height: 78px;

}

.search-a a.active{color: #666;}

.earch-img{

    display: flex;

    margin: 0px auto;

}

.earch-img_left{



}

.earch-img_left img{

    display: block;

    width: 300px;

    height: 448px;

}

.earch-img_rgiht{

    display: flex;

    flex-wrap: wrap;

}

.earch-img_rgiht img{

    flex: 1;

    height: 224px;

}

.about-us {

    padding-top: 60px;

    background: url(../images/bannersss.jpg) center no-repeat;

    background-size: cover;

}

.about-us-title{

    width: 40%;

    margin: 80px auto 40px auto;

    text-align: center;

    border-top: 1px solid #bfbfbf;

}

.about-us-title h2{

    display: inline-block;

    margin-top: -35px;

    padding: 0px 20px;

    color:#424141;

    font-size: 26px;

    background: #fff;

    font-weight: normal;

    font-family: '微软雅黑';

}

.about-us-title h2 p{

    color:#898787;

    font-size: 15px;

}

.about-us-cnt{

    display: flex;

    margin: 0px auto;

    width: 1400px;

}



.about-us-cnt_swt{

    width: 200px;

}

.about-swicth{

    flex: 1;

}

.about-swicth>div{

    display: flex;

}



.about-us-cnt_cmp{

    flex: 2;

padding-top: 30px;

    margin-right: 20px;

}

.about-us-cnt_img{

    flex: 2;

}

.about-us-cnt_img img{

    width: 100%;

}

.swt-flx{

    display: flex;

    position: relative;

    width: 140px;

    height: 140px;

    margin-bottom: 30px;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    font-size:16px;

    background: url('../images/qi.png') no-repeat center 42px;

}

.swt-flx:hover,

.swt-flx.active{

    color: #f6f7f9;

    background:#318bec url('../images/qi_hover.png') no-repeat center 42px;

    cursor: pointer;

}

.swt-flx.active:before{

    border-left-color: #318bec!important;

}

.swt-flx:hover:before{

    border-left-color: #318bec;

}

.swt-flx:before,

.swt-flx.active:before{

    position: absolute;

    left: 140px;

    content: '';

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-left: 15px solid transparent;

    border-bottom: 10px solid transparent;

}

.swt-flx img{

    visibility: hidden;

}

.swt-flx span{

    margin-top: 10px;

}

.about-us-cnt_cmp h2{

    margin-top: 30px;

    color: #393939;

    font-size: 24px;

    font-weight: normal;

}

.about-us-cnt_cmp p{

    margin-top: 20px;

    color: #6d6b6b;

    font-size: 14px;

    text-align:justify;

}

.about-us-cnt_cmp a{

    display:inline-block;

    margin-top: 60px;

    padding: 10px 25px;

    color: #a19e9e;

    font-size: 16px;

    border:1px solid #d3d3d3;

}

.about-us-cnt_cmp div{

    margin-top: 120px;

}

.pro-show,

.news,

.team{

    width: 1200px;

    margin: 0px auto;

}

.pro-show_item{

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}

.pro-show_item a{

    padding: 10px 25px;

    color: #333333;

    font-size: 16px;

    background: #eaeff2;

    transition: all ease-out .3s;

}

.pro-show_item a:hover,

.pro-show_item a.active{

    color: #fff;

    background: #318bec;

}

.pro-show_cnt{

}

.pro-show_cnt_top{

    display: flex;

}

.pro-show_cnt img{

    flex: 1;

}

.pro1{

    margin-right: 10px;

}

.pro-show_cnt_btm{

    display: flex;

    margin-top: 9px;

}

.pro-show_cnt_btm img{

    height: 210px;

    margin-right: 10px;

}

.pro3{

    width: 297px;

}

.pro-show_cnt_btm img.pro4{

    margin-right: 0px;

}

.news-slide{

    width: 80%;

    margin: 0px auto;

}

/*news*/

.news .pro-show_item{

    justify-content: space-around;

}

.news-item{

    display: flex;

}

.news-video{

    height: 421px;

}

.news-video>div{

    flex: 1;

}

.news-video-l>div{

    width: 100%;

    height: 340px;

    padding-right: 10px;

    box-sizing: border-box;

}

.news-video-i a{

    display: block;

    margin:10px 0px 0px 5px;

    color: #202020;

    font-size: 14px;

}

.news-video-i p{

    margin-left: 5px;

    color: #999;

    font-size: 12px;

}

.news-video-l>div img{

    width: 100%;

    height: 100%;

}

.news-video-l a{

    display: block;

    margin: 15px 0px 5px 10px;

    color: #202020;

    font-size: 16px;

}

.news-video-l p{

    margin-left: 15px;

    color: #999;

}

.news-video-r{

    display: flex;

    flex-wrap:wrap;

}

.news-video-i{

    width: 50%;

    border-left:10px solid #fff;

    border-bottom:10px solid #fff;

    box-sizing: border-box;

}

.news-video-i>div{

    height:149px ;

}

.news-video-i>div img{

    width: 100%;

    height: 100%;

}

.news-item_lft{

    position: relative;

    width:540px ;

    margin-right: 50px;

}

.news-item_rig{

    flex: 1;

    margin-top: -20px;

}

.news-item_tp{

    position: absolute;

    top:0px;

    left: 0px;

    width: 60px;

    height: 55px;

    color: #fff;

    text-align: center;

    background: #318bec;

}

.news-item_tp strong{

    color: #fdfdfd;

    font-size: 24px;

    font-weight: normal;

}

.news-item_lft h6{

    margin-top: 20px;

    margin-bottom: 10px;

    color: #5c5b60;

}

.news-item_lft p{

    margin-bottom: 20px;

    color: #868684;

}



.news-row{

    display: flex;

    padding: 27px 0px;

    border-bottom:1px dashed #d1d1d1;

}

.news-row.last{

    border-bottom: none;

}

.news-row strong{

    display: block;

}

.news-row_lef{

    width: 83px;

    height: 60px;

    border:1px solid #b2b2b2;

    color: #7f7d7e;

    text-align: center;

}

.news-row_lef strong{

    font-size: 22px;

}

.news-row_rig{

    margin-left: 20px;

}

.news-row_rig p{

    margin-top: 10px;

}

/*support*/

.support{

    display: flex;

    width: 1200px;

    margin: 30px auto;

    justify-content: space-around;

}

.support-item{

    display: flex;

    flex-direction: column;
    justify-content:space-between;
    align-items: center;

}



.support-item h4{


    color: #2e2e2e;

    font-size: 20px;
    margin-top: 10px;

}

.support-item p{

    color: #6e6e6f;

    font-size: 14px;

}



.hide{

    display: none!important;

}

footer {

    display: block;

    width: 100%;

}

.cp-bottom {

    background-color: #333333;

    padding-top: 26px;

    padding-bottom:25px;

}

.cp-bottom > div {

    margin-right: auto;

    margin-left: auto;

    width: 1190px;



}

.cp-bottom dt {

    color: #cccccc;

    font-weight: bold;

    font-size: 16px;

    padding-bottom: 11px;

}

.cp-bottom dd, .cp-bottom p {

    color: #999999;

    font-size: 14px;

    line-height: 1.8;

}

.cp-bottom dd a {

    color: #999999;

}

dd a:link, dd a:visited {

    color: #999999;

}

dd a:hover, dd a:active {

    color: #58a3fe;

}

.hj-weixin {

    display: block;

    margin-top: 7px;

}

.cp-bottom p {

    text-align: center;

    line-height: 1.7;

    color:#666;

}

.hj-company {

    margin-top: 66px;

}

.hj-safe {

    margin-top: 15px;

}

.hj-safe img {

    margin-right: 5px;

}

dd.android {

    padding-left: 20px;

    background: url('../images/mobile-icon.png') no-repeat 0px 6px;

}

dd.iPhone {

    padding-left: 20px;

    background: url('../images/mobile-icon.png') no-repeat 0px -22px;

}

.font-16{

    font-size:15px;

}

.font-12{

    font-size:12px;

}

.hf-footer dl {

    float: left;

    display: inline-block;

    width: 14%;

    padding-left: 2.6%;

}



a.news-more{

    display: block;

    line-height: 40px;

    color: #575656;

    text-align: center;

    font-size: 16px;

    background: #eeeeee;

    cursor: pointer;

}

strong{

    font-weight: normal;

}

/*产品详情*/

.zpxq-width{

    width: 1200px;

    margin: auto;

}

.zpxq{

    width: 1200px;

    margin: auto;

    padding-bottom: 20px;

}

.zpxq-nav{

    padding-top: 30px;

    color: #707070;

    font-size: 16px;

}

.zpxq-nav a{

    font-size: 14px;

}

.zpxq-nav span{

    padding: 0px 2px 0 5px;

    font-size: 14px;

}

.zpxq-swit{

    margin-top: 20px;

    height:558px;

}

.zpxq-img{

    float: left;

    width: 656px;

    height: 492px;

    margin-right: 60px;

}

.zpxq-img img{

    display: block;

    width: 100%;

    height: 100%;

    border:1px solid #dcdcdc;

}



.zpxq-inf ul li{

    margin-top: 20px;

    color: #5c5b5b;

}

.zpxq-inf ul li strong{

    margin-right: 20px;

}

.zpxq-inf1{

    font-size: 24px;

}

.zpxq-inf2{

    font-size:14px ;

}

.zpxq-inf3{

    color:#414042;

    font-size:18px;

}

.zpxq-inf4{

    font-size:12px;

}

.zpxq-inf4 a{

    color: #2075a8;

    font-size: 12px;

}

.zpxq-inf5 span{

    display: inline-block;

    margin-right: 10px;

    cursor: pointer;

}

.zpxq-inf5 span img{

    display: block;

    width: 70px;

    height: 70px;

    border: 1px solid #d2d2d2;

}

.zpxq-inf6 span{

    padding:6px 10px;

    border: 1px solid #d2d2d2;

    cursor: pointer;

}



.zpxq-inf li span.chek{

    border: 1px solid #bc131a;

}

.zpxq-inf7 span,

.zpxq-inf8 span{

    display: inline-block;

    width: 40px;

    height: 40px;

    margin-right: 20px;

    line-height: 40px;

    color: #fff;

    font-size: 12px;

    text-align: center;

    background-repeat: no-repeat;

    background-size:cover;

    border:1px solid transparent;

    cursor: pointer;

}

.zpxq-inf7 span.ym{

    background-image: url('../images/cpxq_c1.jpg');

}

.zpxq-inf7 span.by{

    background-image: url('../images/cpxq_c2.jpg');

}

.zpxq-inf7 span.pz{

    background-image: url('../images/cpxq_c3.jpg');

}

.zpxq-inf7 span.mz{

    background-image: url('../images/cpxq_c4.jpg');

}

li.zpxq-inf8 span{

    width: 100px;

    background-image: url('../images/cpxq_col1.jpg');

}

.zpxq-inf9{

    margin-top: 60px!important;

}

.zpxq-inf9 a{

    display: inline-block;

    width: 155px;

    height: 46px;

    margin-left:20px;

    line-height: 46px;

    color: #fff;

    font-size: 18px;

    text-align: center;

    background: #3d3d3d;

    border-radius: 3px;

}



.similar{

    padding-bottom: 10px;

}

.sim-tit{

    margin-top: 30px;

    border-bottom: 1px solid #e5e5e5;

}

.sim-tit span{

    padding-top: 10px;

    padding-bottom: 3px;

    color: #4c4c4c;

    font-size: 18px;

    border-bottom: 2px solid #bc131a;

}

.similar-img{

    margin-top:40px;

    text-align: justify;

}

.similar-img>a{

    display: inline-block;

    width: 245px;

    margin-left: 38px;

}

.similar-img img{

    display: block;

    width: 100%;

    height: 157px;

    border: 1px solid #e5e5e5;

}

.similar-img>a h6{

    margin: 10px 0px 0px;

    color: #333;

    font-size: 16px;

    font-weight: normal;

}

.zp-ul{

    margin-left: 20px;

}

.zp-ul li{

    float: left;

    width: 33.3%;

    margin-top: 30px;

}

.zp-ul li span{

    float: left;

    width: 100px;

    color: #4c4c4c;

    font-size: 18px;

}

.zp-ul li>p{

    color: #808285;

    font-size: 16px;

}



.zp-detail>p{

    margin-top: 20px;

    color: #4c4c4c;

    font-size: 14px;

    line-height: 1.6;

}

.goods-show1 img{

    margin: 20px auto;

    width: 100%;

}

.goods-contaier{

    background: url('../images/bg.jpg') repeat;

}

.goods-contaier>div{

    width: 1200px;

    margin: 0px auto;

}

.goods-contaier img{

    width: 100%;

}

.report-test{

    width: 1200px;

    margin: 0px auto;

}

.report-test img{

    width: 100%;

}

.container-report{

    background: #aeadb2;

}

/*关于我们*/

.pc-concat-us{

    width: 1200px;

    margin: 0px auto;

    text-align: center;

}

.pc-titl-h2{

    margin:40px  auto;

    color: #10181f;

    font-size: 24px;

    font-weight: normal;

    text-align: center;

}

.pc-titl-h2>span{

    padding-bottom: 20px;

    border-bottom:1px solid #666;

}

.pc-concat-us>p{

    line-height: 2;

    color: #797979;

    font-size: 14px;

}

.pc-concat-us>img{

    width: 100%;

}

.pc-concat-us_item{

    margin-top: 80px;

}

.pc-concat-us_item dl{

    float: left;

    width: 33%;

    margin-left: 0%;

    text-align: center;

}

.pc-concat-us_item dt{

    margin-bottom: 25px;

    color: #515151;

    font-size: 24px;

}

.pc-concat-us_item dt span{

    padding-bottom: 5px;

    border-bottom: 2px solid #a0a0a0;

}

.pc-concat-us_item dd{

    margin-bottom: 15px;

    color: #797979;

    font-size: 14px;

}

.pc-compony{

    position: relative;

    width: 1200px;

    margin: 0px auto;

}

.pc-compony_top>div{

    width: 864px;

    height: 485px;

    overflow: hidden;

}

.pc-compony_top>div>p{

    width: 864px;

    margin-top: 80px;

    line-height: 2;

    color: #787979;

    font-size: 16px;

}

.pc-compony_top>img{

    position: absolute;

    right: 0px;

    top: 72px;

    width: 330px;

    height: 479.5px;

}

.pc-compony>img{

    width: 100%;

    height: 392px;

}

.social{

    width: 1200px;

    margin: 0px auto;

}

.social-item>div{

    float: left;

    width: 382px;

    height: 292px;

    margin-left: 15px;

    text-align: center;

    background: #fafafa;

}

.social-item>div>h2{

    color: #515151;

    font-size: 17px;

    margin-top: 90px;

    font-family: normal;

}

.social-item>div>p{

    margin: 30px auto;

    padding: 0px 10px;

    color: #989797;

    font-size: 13px;

    line-height:2;

}

.social-item>div:hover{

    box-shadow: 0px 0px 15px rgba(0,0,0,.3);

}

.social-item>div:hover h2{

    color: #2178e2;

}

/*o2o*/

.w1200{

    width: 1300px;

    margin:0px auto;

}

.o2o_section1,

.o2o_com{

    text-align: center;

    font-family: '黑体';

}

.o2o_section1>h2,

.o2o_com>h2{

    padding-top: 30px;

    color: #4c4c4c;

    font-size: 24px;

}

.o2o_section1>span,

.o2o_com>span{

    display: inline-block;

    width: 56px;

    height: 10px;

    margin-left: -3px;

    border-top: 2px solid #a1a1a1;margin-top: 12px;

}

.o2o_section1>p,

.o2o_com>p{

    color: #595959;

    font-size: 16px;    position: inherit;

    text-align: center;

    width: 100%;

}

.o2o_section1 .proces{

    position: relative;

    height: 600px;

  
}
.o2o_section1 .proces img{

 

    width: 1100px;

  
}

.o2o_section1 .proces>div{

    position: relative;

    width: 130px;

    height: 100px;

    overflow: hidden;

    color: #fff;

}

.o2o_section1 .proces1{

    top: 160px;

    left: 246px;

}

.o2o_section1 .proces1 h6{

    font-size: 15px;

}

.o2o_section1 .proces1 p{

    margin-top: 5px;

    font-size: 12px;

    line-height: 1.6;

}

.proces1.proces2{

    top: 288px;

    left: 72px;

}

.proces1.proces3{

    top: 195px;

    left: 411px;

}

.o2o-container{

    background: url('../images/mos.jpg') no-repeat center;

    background-size: cover;

    height: 756px;

}

.o2o_section2{

    height: 100%;

    background: url('../images/mo2.png') no-repeat center 68%;

}

.o2o_section3{

    height: 900px;

}

.o2o_sec3{

}

.o2o_sec3_tit{

    margin-top:60px;

    text-align: center;

}

.o2o_sec3_tit span{

    display: inline-block;

    margin-right: 70px;

    padding:8px 25px;

    color: #595959;

    font-size: 16px;

    text-align: center;

    border:1px solid #535353;

    transition: all ease .3s;

    cursor: pointer;

}

.o2o_sec3_tit span:hover,

.o2o_sec3_tit span.active{

    color: #fff;

    background: #58a3fe;

    border-color: #58a3fe;

}

.o2o_sec_swit{

    margin-top: 65px;

}

.o2o_sec_swit>div{

    height: 560px;

}

.o2o_sec3_cnt{

    position: relative;

}

.o2o_sec3_cnt_lf{

    width: 770px;

}

.o2o_sec3_cnt_lf p{

    padding-top: 50px;

    padding-left: 30px;

    color: #6d6d6d;

    font-size: 16px;

    text-align: left;

}

.o2o_sec3_cnt_lf .o2o_sec3_cnt_bt{

    height: 300px;

    margin-top: 40px;

    color: #6d6d6d;

    font-size: 16px;

    background: url("../images/abc.jpg") no-repeat;

}

.o2o_sec3_cnt_bt ul{

    margin-top: 10px;

}

.o2o_sec3_cnt_bt li{

    float: left;

    width: 33%;

    height: 100px;

    color: #282929;

    font-size: 19px;

    text-align: left;

}

.o2o_sec3_cnt_bt li span{

    display: inline-block;

    margin-top: 25px;

    margin-left: 120px;

}

.o2o_sec3_cnt_bt li:nth-child(1) span,

.o2o_sec3_cnt_bt li:nth-child(4) span,

.o2o_sec3_cnt_bt li:nth-child(7) span{

    margin-top: 30px;

    margin-left: 100px;

}

.o2o_sec3_cnt_slide{

	position: absolute;right:177px;top:51px; background: url('../images/o2oslidebg.png') no-repeat center;

	width: 228px;height: 464px;

}

.o2o_sec3_cnt_slide ul{width: 228px;height: 464px;overflow: hidden;}

.o2o_sec3_cnt_slide li{width: 197px;height:346px;

    margin-left: 16px;

    margin-top: 59px;}

.o2o_sec3_cnt_slide li img{width: 100%;height: 100%;}

.o2o_sec3_cnt_lf>img{

    position:absolute ;

    right: 0px;

    top:0px;

    width: 138px;

    height: 510px;

}

.o2o_sec4_cnt{

}

.o2o_sec4_cnt1{

    margin-left: 110px;

}

.o2o_sec4_cnt1.o2o_sec4_cnt3{

    margin-left: 0px;

}

.o2o_sec4_cnt>div{

    float: left;

    text-align: left;

}



.o2o_sec4_cnt1 dl{

    margin-bottom: 30px;

}

.o2o_sec4_cnt1 dt{

    color: #3f3a39;

    font-size: 16px;

    font-weight: bold;

    margin-bottom:10px;

}

.o2o_sec4_cnt1 dd{

    margin-bottom: 5px;

    color: #7f7c7b;

    font-size: 14px;

}

.o2o_sec4_cnt2{

    margin: 0px 114px;

}

.o2o_sec5_cnt>div{

    float: left;

}

.o2o_sec5_cnt_lt{

    width: 550px;

    height: 514px;

    text-align: center;

}

.o2o_sec5_cnt_lt p{

    padding-top: 10px;

}

.o2o_sec5_cnt_rh{

    width: 480px;

    margin-left:56px ;

    margin-top: 40px;

    text-align: left;

}

.o2o_sec5_cnt_rh p{

    color: #666666;

    font-size: 14px;

}

.o2o_sec5_cnt_rh>span{

    display: block;

    width: 40px;

    height: 1px;

    margin-top: 20px;

    margin-bottom: 10px;

    background: #4898f9;

}

.o2o_sec5_cnt_rh strong{

    display: block;

    color: #cfcfcf;

    margin-bottom: 90px;

}

.o2o_sec5_cnt_rh li{

    position: relative;

    padding-left: 36px;

    height: 65px;

    color: #666;

    font-size: 14px;

    background: url('../images/arr-dow.png') no-repeat 130px 32px;

}

.o2o_sec5_cnt_rh li:last-child{

    background-image: none;

}

.o2o_sec5_cnt_rh li span{

    position: absolute;

    top:0px;

    left:0px;

    width: 24px;

    height: 24px;

    color: #fff;

    text-align: center;

    font-size: 18px;

    border-radius: 50%;

    background: #4193f7;

}

.o2o_section4{

    height: 696px;

    background: url('../images/qud.png') no-repeat center;

    background-size: cover;

}



.slideBox{width:1200px;margin: 0 auto;height:580px;}

.slideBox .hd{ 

	position: relative;bottom: 0px;z-index: 1;left: 0;

}

.slideBox .hd ul{ overflow:hidden; zoom:1;}

.slideBox .hd ul .o2oli{position:absolute;cursor:pointer;width: 20px;height: 20px;background: url('../images/o2olisecbg.png') no-repeat center;font-size: 20px;color: #0095e1;padding-top: 17px;}



.slideBox .hd ul li.list1{top:450px;left:229px;}

.slideBox .hd ul li.list2{top:328px;left: 342px;}

.slideBox .hd ul li.list3{top:259px;left:512px;}

.slideBox .hd ul li.list4{top:258px;right: 503px;}

.slideBox .hd ul li.list5{top:338px;right:329px;}

.slideBox .hd ul li.list6{top:448px;right: 223px;}

.slideBox .hd ul .o2oli.on{background: url('../images/o2olisecbgf.png') no-repeat center;color: #2be2cc;}

.sliderBox .bd ul{

	width: 9999px;overflow: hidden;

}

.slideBox .bd{     

	position: relative;z-index: 0;height: auto; 

}

.slideBox .hd .o2oli .slide{ 

	height:118px ;width:337px;background: url('../images/o2obannerleft.png') no-repeat center;position: absolute;left:0px;top:0px;transform: scale(0);opacity: 0;filter: opacity(0);left: -329px;top:-113px;

	-webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

.slideBox .hd .o2oli .slide1{ 

	height:118px ;width:337px;background: url('../images/o2oba1.png') no-repeat center;left: -329px;top:-113px;	

}

.slideBox .hd .o2oli .slide2{ 

	height:118px ;width:337px;background: url('../images/o2oba2.png') no-repeat center;left: -329px;top:-113px;	

}

.slideBox .hd .o2oli .slide3{ 

	height:118px ;width:337px;background: url('../images/o2oba3.png') no-repeat center;left: -329px;top:-113px;	

}

.slideBox .hd li.on .slide{display: block;transform: scale(1);opacity: 1;filter: opacity(100);}

.slideBox .hd li .slide p{position: absolute;width:199px;height: 60px;line-height: 20px;font-size: 14px;color: #666666;top:26px;left:102px;text-align: left;}

.slideBox .hd li .slide i{position: absolute;width: 80px;height:80px;text-align: center;line-height:80px;color: #ffffff;font-size: 30px;top:0px;left: 0;}

.slideBox .hd li .slide.slideright i{left: auto;right: 0;}

.slideBox .hd li .slide.slideright p{left: auto;right:87px;}

.slideBox .hd li .slide.slideright1{ slideright1

	height:118px ;width:337px;background: url('../images/o2oba4.png') no-repeat center;left: 15px;top:-110px;

}

.slideBox .hd li .slide.slideright2{ 

	height:118px ;width:337px;background: url('../images/o2oba5.png') no-repeat center;left: 15px;top:-110px;

}

.slideBox .hd li .slide.slideright3{ 

	height:118px ;width:337px;background: url('../images/o2oba6.png') no-repeat center;left: 15px;top:-110px;

}





.slideBox .bd li.oto1{ 

	top:345px;left:-98px;

}

.slideBox .bd li.oto2{ 

	top:220px;left: 15px;

}

.slideBox .bd li.oto3{ 

	top:150px;left:183px;

}

.slideBox .bd li.oto4{ 

	top:146px;right:173px;

}

.slideBox .bd li.oto5{ 

	top:225px;right: 0px;

}

.slideBox .bd li.oto6{ 

	top:337px;right: -109px;

}



.slideBox .bd li a{display: block;width: 100%; height:100%;}

.slideBox .bd li a img{width: 100%;height: 100%;}

.o2o_section5{

    height: 439px;

    color: #fff;

    text-align: center;

    font-family: '黑体';

    background: url('../images/lis.jpg') no-repeat center;

    background-size: cover;

}

.o2o_section5 h2{

    padding-top:150px ;

    font-size: 55px;

    font-weight: normal;

}

.o2o_section5 p{

    font-size: 36px;padding: 20px 0;

}

.o2o_section5 span{

    padding-bottom:13px;

    border-bottom: 3px solid #fff;

}

.o2o_section6{

    height: 880px;

    font-family: '黑体';

    text-align: center;

}

.o2o_section6>h2{

    padding-top: 80px;

    color: #4c4c4c;

    font-size: 24px;

    text-align: center;

    font-weight: normal;

}

.o2o_section6>p{

    margin: 0px auto;

    color:#595959;

    font-size: 16px;

}

.o2o_section6_tit{

    margin: 40px auto;

    text-align: center;

}

.o2o_section6_swit .o2obottom{height: 1021px;height: 115px;}

.o2o_section6_swit .o2obottom li{margin-left: 72px;width: 164px;height: 111px;float: left;position: relative;}
.o2o_section6_swit .o2obottom li.first{margin-left: 0;}

.o2o_section6_swit .o2obottom li a{position: absolute;width: 100%;height: 100%;color: #e7e6e6;font-size: 17px;top: 0;left: 0;line-height: 165px;text-align: center;}

.o2o_section6_swit .o2obottom li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.o2o_section6_tit>span{

    display: inline-block;

    padding:10px 120px;

    color: #333;

    font-size: 22px;

    font-family: 黑体;

    border:1px solid #58a3fe;

    cursor: pointer;

}

.o2o_section6_tit>span.active{

    color: #fff;

    background: #58a3fe;

}

.o2o_section6_swit ul{

    margin-bottom: 50px;margin-left: 90px;

}

.o2o_section6_swit li{

    position: relative;

    margin-bottom: 20px;

    padding-left: 55px;

    color: #333;

    text-align: left;

    font-size: 16px;

}

.o2o_section6_swit p span{display: block;float: left;width: 50%;text-align: center;color: #a09f9f;font-size: 17px;}

.o2o_section6_swit li span{

    position: absolute;

    width: 10px;

    height: 10px;

    left: 0px;

    top: 7px;

    background: #333;

}

/*新o2o*/
.new_O2O{
display: flex;justify-content:space-between;
    margin: 50px 0;

}
.new_O2O span{
    width: 150px;
    line-height: 45px;
    color: #595959;
    cursor: pointer;
        text-align: center;
    border: 1px solid #595959;
font-size: 16px;
}
.new_O2O .active{
    color: #fff;
    background: #58a3fe;
    border-color: #58a3fe;;
}
.new_center div{
    position: relative;
    font-family: '黑体';
}
.new_center div h3,.new_center div h4{
    font-family: '黑体';
}
.new_center>div{
display: none;
}
.bot0 .appdiv{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.bot0 .appdiv h3{
    font-weight: bold;
    font-size: 28px;
    line-height: 45px;

    letter-spacing: 2px;
}

.bot0 .appdiv ul{
    position: absolute;
    right: 0;
width:460px;
    top: 143px;
    text-align: left;
}
.bot0 .appdiv ul li{
height: 130px;
}
.bot0 .appdiv ul li p{
font-size: 20px;font-weight: bold;
}
.bot0 .appdiv ul li span{
 margin-top: 10px;display: block;line-height: 25px;font-size: 14px;
}


.bot1 a{
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 230px;
    height: 100px;
}
.bot1 div{
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;

}
.bot1 div h3{
    font-weight: bold;
    font-size: 28px;
    line-height: 45px;

    letter-spacing: 2px;
}
.bot1 div h4{
    font-size: 20px;
    display: block;
    margin-top: 20px;
    letter-spacing: 1px;
}
.bot1 div span{
    width: 30px;
        float:right;
    margin: 10px 0 20px;
    border-top: 1px solid #58a3fe;
}
.bot1 div p{
clear:both;
   display: block;
    line-height: 25px;

    font-size: 14px;
}
.bot2 h3{
    font-weight: bold;
    font-size: 28px;
    line-height: 45px;
    letter-spacing: 2px;
    position: absolute;
    top: 20px;
    left: 0;
}


.bot2 div{
    position: absolute;
    top: 80px;
    left: 610px;
    text-align: left;
    font-size: 16px;
    letter-spacing: 1px;


}
.bot3 h3{
    font-weight: bold;
    font-size: 28px;
    line-height: 45px;
    letter-spacing: 2px;
    position: absolute;
    top: 20px;
    right: 0;
}


.bot3 div{
    position: absolute;
    top: 160px;
    right: 0px;
    text-align: right;
    font-size: 16px;
    letter-spacing: 1px;

}