@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:'思源黑体';
	src : url('../fonts/SourceHanSansCN-Regular.ttf');
}
body{font-size:12px; font-family:"思源黑体";color:#19110b;background:#ffffff;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
img{ border:0; width:100%;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.head{ position:fixed; z-index:9999;width:100%; height:120px; background:#FFF;box-shadow: 0 0 3px #c6c6c7;}
.mian{ width:90%; min-width:1100px;  margin:0 auto;display:flex;justify-content: space-around;}
.video{ width:100%;}
.video .bgvideo{ width:100%;margin-top:80px;}
.video img{ position:absolute; width:584px; z-index:100; top:0; left:0;}

#hz{width:100%;background:#62595A;text-align:center;}
#hz img{width:1000px;margin:0px auto;}

.slider{width:100%; height:100px; text-align:center;margin-top:40px;margin-bottom:40px;}
.slider span{ display:block;}
.slider span:nth-child(1){ font-size:36px; color:#19110b;}
.slider span:nth-child(1) samp{ text-transform:uppercase; margin-left:10px;}
.slider span:nth-child(2){ font-size:18px;color:#19110b; text-transform:uppercase;margin-top: 10px;}

#more{background:#fff!important;color:#19110b!important;font-size:20px!important}

.window-slider{height: 818px;background: #000;width:100%;}
.window-slider > div{float: left; width:100%;}
.window-slider > div{position:relative;overflow: hidden; height:409px;}
.window-slider .t1-window{ width:29.15%;}
.window-slider .t2-window{ width:42.778%;}
.window-slider .t3-window{ width:28.07%;}
.window-slider .b1-window{ width:34.74%;}
.window-slider .b2-window{ width:32.69%;}
.window-slider .b3-window{ width:32.57%;}
.window-slider > div > img{position: relative; width:100%; height:409px;}
.window-slider > div > img:nth-child(n+2){display: none;}
.window-slider .window{ position:absolute; width:100%; height:818px;}
.window-slider .window img{ position:absolute; display:block; width:127px; height:66px; left:47%;bottom:130px;}
.window-slider .window span{ display:block; width:580px; line-height:55px; text-align:center; color:#FFF; font-size:36px; margin: 0 auto;margin-top: 278px;}
.window-slider .window a{display:block; margin:0 auto; text-align:center; font-size:14px; color:#FFF; background:url(../img/index/jt.png) 175px 17px no-repeat; width:244px; height:46px; line-height:46px; border:1px solid #FFF; margin-top:50px;}
.window-slider .window a:hover{ color:#19110b; background:url(../img/index/jta.png) 175px 17px no-repeat,#fff;}

#gdtw1{ margin-bottom:22px;}
#gdtw1,#gdtw2{width:100%;height:398px;}
#gdtw1 ul,#gdtw2 ul{padding:5px}
#gdtw1 ul li,#gdtw2 ul li{list-style-image: none;list-style-type: none;float:left;margin:0 10px;width:626px;height:398px;}
#gdtw1 ul li img,#gdtw2 ul li img{width:626px;height:398px;}

.case{width:100%; background:url(../img/index/case.jpg) center no-repeat;background-size: cover;padding-bottom:10%;}
.case .span{ float:left; width:100%; text-align:center; font-size:36px; color:#19110b; margin-top:110px;}
.case .span samp{ text-transform:uppercase; margin-left:10px;}
.case .span1{ float:left; width:100%; text-align:center;  font-size:18px;color:#19110b; text-transform:uppercase; margin-top:10px;}

.poster-main {height: 304px;position: relative;margin: 0 auto; overflow:hidden; margin-top:70px;}
.poster-main a, .poster-main img { display: block; width:734px;height:300px;}
.poster-main .poster-list {width: 1000px;height: 304px;}
.poster-main .poster-list .poster-item {width:539px;height:304px;position: absolute; overflow: hidden;left: 0;top: 0;box-shadow:0px 18px 10px -15px #000;}
.poster-main .poster-list .poster-item .div{ opacity:0;}
.poster-main .poster-list .poster-item:hover .div{ opacity: 1; position:absolute; top:0; left:0; display:block; width:100%;height:304px;background:url(../img/m.png) 260px 310px no-repeat,rgba(0,29,95,.85);}
.poster-main .poster-list .poster-item .div span{ float:left; width:100%; text-align:center; color:#FFF; text-decoration:underline;}
.poster-main .poster-list .poster-item .div span:nth-child(1){ font-size:16px;margin-top:110px;}
.poster-main .poster-list .poster-item .div span:nth-child(2){ font-size:14px; margin-top:10px;}
.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}
.poster-main .poster-prev-btn {left: 0;}
.poster-main .poster-next-btn {right: 0;}
.case .span_a{ display:block; width:244px; height:46px; margin:0 auto; border:1px solid #000; line-height:46px; text-align:center; background:url(../img/index/q1.png) 175px 17px no-repeat;}
.case .span_a a{ font-size:14px; color:#19110b;}
.case .span_a:hover{ background:url(../img/index/jta.png) 175px 17px no-repeat,#fff;}
.case .span_a:hover a{ color:#19110b;}

.case .span_b{ display:block; margin:0 auto; width:571px; margin-top:31px;}
.qyjs{ float:left; width:100%; background:url(../img/index/qyjs.jpg) center no-repeat; position:relative;background-size:cover;padding-top:20%;padding-bottom:35%;}
.qyjs .qyjs_div{ position:absolute; width:279px; height:364px; top:26.66%; right:15.9%; background:rgba(255,255,255,.7);}
.qyjs .qyjs_div span{ display:block; width:214px; margin:0 auto;}
.qyjs .qyjs_div span:nth-child(1){ font-size:28px; color:#19110b; margin-top:46px;}
.qyjs .qyjs_div span:nth-child(2){ font-size:14px; color:#19110b; line-height:24px; margin-top:20px;}
.qyjs .qyjs_div a{ display:block; margin:0 auto; color:#19110b; width:70px; font-size:14px; background:url(../img/index/jta.png) right no-repeat; margin-top:60px;}

.sort{width:80%;margin:auto;}
.sort ul{width:100%;display:flex;justify-content:center;}
.sort li{ width:160px; background:#f7f7f7; font-size:18px;text-align:center}
.sort li a{ color:#19110b;width:90px; height:70px;text-align:center}
/*.sort li:nth-child(1){ margin-left:0; background:url(../img/index/ppsj.png) 20px 21px no-repeat,#f7f7f7;}*/
/*.sort li:nth-child(2){ background:url(../img/index/ppsj.png) 20px -58px no-repeat,#f7f7f7;}*/
/*.sort li:nth-child(3){ background:url(../img/index/ppsj.png) 20px -138px no-repeat,#f7f7f7;}*/
/*.sort li:nth-child(4){ background:url(../img/index/ppsj.png) 20px -219px no-repeat,#f7f7f7;}*/
/*.sort li:nth-child(5){ background:url(../img/index/ppsj.png) 20px -300px no-repeat,#f7f7f7;}*/
/*.sort li:nth-child(6){ background:url(../img/index/ppsj.png) 20px -380px no-repeat,#f7f7f7;}*/
.sort li.select a,.sort li:hover a{ color:#FFF;}
/*.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:url(../img/index/ppsj_a.png) 20px 21px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/
/*.sort li:nth-child(2).select,.sort li:nth-child(2):hover{background:url(../img/index/ppsj_a.png) 20px -58px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/
/*.sort li:nth-child(3).select,.sort li:nth-child(3):hover{background:url(../img/index/ppsj_a.png) 20px -138px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/
/*.sort li:nth-child(4).select,.sort li:nth-child(4):hover{background:url(../img/index/ppsj_a.png) 20px -219px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/
/*.sort li:nth-child(5).select,.sort li:nth-child(5):hover{background:url(../img/index/ppsj_a.png) 20px -300px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/
/*.sort li:nth-child(6).select,.sort li:nth-child(6):hover{background:url(../img/index/ppsj_a.png) 20px -380px no-repeat,url(../img/select.png) no-repeat; color:#FFF;}*/




/*五张图片在缩略图时所显示的位置调整*/
#demo li:nth-of-type(1) img{ transform: translate(-242px);}
#demo li:nth-of-type(2) img{ transform: translate(-260px);}
#demo li:nth-of-type(3) img{ transform: translate(-245px);}
#demo{height:750px;margin:60px auto 0 auto;}
#demo img{width: 960px; height: 750px; z-index:1;}
#demo li{float:left;position:relative;width:24.9%;height:100%;overflow:hidden;cursor:pointer; transition:0.5s; transform-origin:bottom;}
#demo li img{transition:1.2s;}
#demo li span{display:block; color:#FFF; position:absolute; top:0; width:100%; text-align:center;z-index: 9;}
#demo li .span{ font-size:28px; top:241px;}
#demo li .span1{ font-size:14px; top:285px;}
#demo li a{ position:absolute; font-size:14px; z-index: 9;top:47%;left:30%; display:block; margin:0 auto; color:#FFF; width:180px; text-align:center; height:46px; line-height:46px; border:1px solid #FFF;}
#demo li.active a{  width:244px; left:37%;}
#demo li.active a:hover{background:#fff;  color:#012c8c;}
#demo li.active{cursor:pointer;width:50%;filter:alpha(opacity=100);opacity:1;}
#demo li.active img{transform:translate(0px);width: 100%;}



.bodyCon08{ margin: 0 auto;width: 100%;position: relative; padding-bottom:100px;margin-top: 40px;}
.bodyCon08 .span_a{ float:left; width:100%; text-align:center; font-size:36px; color:#19110b;}
.bodyCon08 .span_b{ float:left; width:100%; text-align:center; font-size:18px; color:#19110b; margin-top:10px;}
#four_flash{position:relative;width:1100px;height:460px; margin:0 auto; margin-top:70px;}
#four_flash .flashBg{width:1100px;height:460px; margin:0 auto;position:relative;overflow:hidden; padding-bottom:100px;}
#four_flash .flashBg ul.mobile{width:2000%;height:520px;overflow: hidden; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile .li{width:400px; height:460px; float: left;overflow:hidden; margin-left:10px; background:#FFF;box-shadow: 0 0 30px 0 #d8dce5;}
#four_flash .flashBg ul.mobile .li samp{ float:left; width:100%; height:300px; overflow: hidden;}
#four_flash .flashBg ul.mobile .li samp img{ height:300px;cursor: pointer;transition: all 0.6s;}
#four_flash .flashBg ul.mobile .li ul{ float:left; width:352px; overflow:hidden; padding:0 28px; padding-top:45px; transition:.5s;}
#four_flash .flashBg ul.mobile .li ul li{ font-size:14px; color:#19110b;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(1){ font-size:20px; color:#19110b; width:315px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(2){ margin-top:30px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(2) span{ float:right; background:url(../img/kan.jpg) left center no-repeat; padding-left:31px; background-size:20px;}
#four_flash .flashBg ul.mobile .li ul li:nth-child(3){ transition:.5s; opacity: 0;}
#four_flash .flashBg ul.mobile .li:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
#four_flash .flashBg ul.mobile .li:hover samp img{transform: scale(1.2);}
#four_flash .flashBg ul.mobile .li:hover ul{ margin-top:-50px; background:#FFF; z-index: 99; position: relative;}
#four_flash .flashBg ul.mobile .li:hover ul li:nth-child(3){ display:block; font-size:14px; color:#666; line-height:24px; margin-top:10px;opacity: 1;}
#four_flash .flashBg ul.mobile .li:last-child{height:240px; margin:86px auto; margin-left:28px;}
#four_flash .flashBg ul.mobile .li:last-child samp{ text-align: center;line-height:240px; background:#012c8c; color:#fff; font-size:25px;}

#four_flash .but_left{width:50px;height:50px;position:absolute; top:210px; left:30px; background:url(../img/index/jtl.png) center no-repeat,#e5e5e5; border-radius:50%;}
#four_flash .but_right{width:50px;height:50px; position:absolute; top:210px; right:15px; background:url(../img/index/jtr.png) center no-repeat,#e5e5e5; border-radius:50%;}
#four_flash .but_left:hover{background:url(../img/index/jtl.png) center no-repeat,#012c8c;}
#four_flash .but_right:hover{background:url(../img/index/jtr.png) center no-repeat,#012c8c;}







/* 右边悬浮修改版 */
.float-box{
    position: fixed;
    right: 0;
    z-index: 9999999;
    top: 30%;
}

.right-plugins{
    position: absolute;
    right: 0;
    width: 50px;
    margin-top: 95px;
    background: #031647;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all 0.25s;
}
.right-plugins .power-list{
    padding: 0 12px;
}
.right-plugins .power-list .item{
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s;
    padding: 5px ;
	height: 50px;
    border-bottom: 1px solid #FFF;
}
.right-plugins .power-list  .store{
	border-bottom:none;
}
.right-plugins .power-list .item.shop-a{
    cursor: pointer;
}
.right-plugins .power-list .item .img{
    text-align: center;
    width: 15px;
    transition: all 0.25s;
}
.right-plugins .power-list .shop-a .initial{
    display: flex;
    align-items: center;
    transition: all 0.25s;
}
.right-plugins .power-list .shop-a .is-hover{
    transition: all 0.25s;
}
.right-plugins .power-list .shop-a .is-hover .line{
    padding: 0 6px;
    color: #fff;
    cursor: initial;
}
.right-plugins .power-list .item .img .is_active{
    display: none;
}
.right-plugins .power-list .item .is-hover{
    display: none;
}
.right-plugins .power-list .item span{
    display: none;
    color: #BFA872;
    margin-left: 10px;
    transition: all 0.25s;
    white-space: nowrap;
}
.right-plugins  .tel{
    padding: 10px 0 15px 0;
    position: relative;
    color: #BFA872;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s;
}
.right-plugins .top{
    text-align: center;
    color: #bfa872;
    font-size: 12px;
    padding: 10px 0 12px 0;
    cursor: pointer;
}
.right-plugins .top p{
    margin-top: 2px;
}
.right-plugins .tel::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    border-bottom: 1px solid #BFA872;
    transition: all 0.25s;
}
.right-plugins .tel .is-hover{
    display: none;
    transition: all 0.25s;
}

/* hover部分 */
.right-plugins:hover{
    width: 120px;
}
.right-plugins:hover .power-list .item span{
    display: inline-block;
}
.right-plugins:hover .power-list .item:hover .img img{
    display: none;
}
.right-plugins:hover .power-list .shop:hover .initial{
    display: none;
}
.right-plugins:hover .power-list .shop:hover .is-hover{
    display: flex;
    align-items: center;
    transition: all 0.25s;
}
.right-plugins:hover .power-list .item:hover .img .is_active{
    display: inline-block;
}
.right-plugins:hover .power-list .item:hover span{
    color: #fff;
}
.right-plugins:hover  .tel .initial{
    display: none;
}
.right-plugins:hover  .tel .is-hover{
    display: inline-block;
    white-space: nowrap;
}
.right-plugins:hover  .tel .is-hover:hover{
    color: #fff;
}
.submit-info{
    cursor: pointer;
    position: absolute;
    right: -113px;
    width: 146px;
    background:  #031647;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: ease-in-out 0.25s;
    display: flex;
    padding: 8px;
    align-items: center;
}
.submit-info:hover{
    right: -50px;
}
.submit-info .img{
    width: 30px;
    border-radius: 50%;
}
.submit-info .img img{
    width: 100%;
}
.submit-info .text{
    width: 60px;
    flex: 1;
    color: #BFA872;
    margin-left: 11px;
    line-height: 1.2;
    color: #FFF;
}
.top{
    cursor: pointer;
    position: absolute;
    right: -120px;
    width: 146px;
    background:  #031647;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: ease-in-out 0.25s;
    display: flex;
	flex-direction: column;
    padding: 8px;
	top: 420px;
	padding-left: 15px;
}
.top .img{width:20px;}
.power-list{background: linear-gradient(to top,#041342,#002159);border-top-left-radius:5px;border-bottom-left-radius:5px;}
.tx{color:#FFF;}
.ewm_g{width:160px;  background:url(img/right/wx-bg.png) no-repeat;background-size:100%;position: fixed;top: 495px;right: 140px;display:none;z-index:9999;}
.ewm_g .ewm_o{width:100%;display:flex;padding-left:26px;margin-bottom:6px;padding-top:6px;}
.ewm_g .ewm_o img{width:20px;}
.ewm_g .ewm_o span{color:#FFF;}
.ewm_g .ewm_f{width:80%;margin-left: 4px;padding:3px;}
.sheji{width:480px;height:550px;background:url(img/right/bg-0002.png) no-repeat; position: fixed;top: 20%;left: 37.5%;display:none;z-index:9999;}
.sheji .title{width:38px;margin:auto;background-color:#000;padding:5px;}
.sheji .h1{text-align:center;color:#FFF;margin-top:20px;font-size:16px;}
.sheji .h2{text-align:center;color:#FFF;margin-top:10px;font-size:16px;}
.message{width:90%;margin:auto;background-color:#FFF;margin-top:20px;}
.message h1{text-align:center;font-size:18px;padding-top:10px;}
.message h2{text-align:center;color:#7c7c7c;font-size:14px;margin-top:4px;font-weight: unset;}
.message .input_all{width:80%;margin:auto;margin-top:10px;}
.message .input_one{width:100%;margin-top:10px;}
.message .input_one .h{color:red;margin-right:10px;}
.message .input_one span{font-size:12px;color:#212121;}
.message .input_one input{margin-top:4px;width:99%;height:26px;line-height:26px;border-radius:3px;outline:none;border:1px solid #bcbcbc;}
.message .input_q{width:80%;margin:auto;margin-top:10px;}
.message .input_q input{width:100%;margin-top:4px;height:26px;line-height:26px;}
.message .input_q span{font-size:14px;color:#212121;}
.message .input_q .h{color:red;margin-right:10px;}
.message .button{width:80%;margin:auto;margin-top:30px;padding-bottom:20px;display:flex;justify-content: center;}
.message .button input{background:#002159;color:#FFF;border:none;outline:none;    width: 34%;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;}
.message .button .quxiao{background:#002159;color:#FFF;border:none;outline:none;padding:8px;margin-left:10px;}
.sheji .quxiao{width:24px;height:24px;position: absolute;top:10px;right:10px;}


.hezuo{width:480px;height:550px;background:url(img/right/bg-0001.png) no-repeat;position: fixed;top: 20%;left: 37.5%;display:none;z-index:9999;}
.hezuo .title{width:38px;margin:auto;background-color:#000;padding:5px;}
.hezuo .h1{text-align:center;color:#FFF;margin-top:20px;font-size:16px;}
.hezuo .h2{text-align:center;color:#FFF;margin-top:10px;font-size:16px;font-weight: unset;}
.message_h{width:90%;margin:auto;background-color:#FFF;margin-top:20px;}
.message_h h1{text-align:center;font-size:18px;padding-top:10px;}
.message_h h2{text-align:center;color:#7c7c7c;font-size:14px;margin-top:4px;font-weight: unset;}
.message_h .input_all{width:80%;margin:auto;margin-top:20px;display:flex;}
.message_h .input_one .h{color:red;margin-right:10px;}
.message_h .input_one span{font-size:12px;color:#212121;}
.message_h .input_one input{margin-top:4px;width:99%;height:26px;line-height:26px;border:1px solid #bcbcbc;border-radius:3px;outline:none;}
.message_h .input_q{width:80%;margin:auto;margin-top:10px;}
.message_h .input_q input{width:100%;margin-top:4px;height:26px;line-height:26px;border:1px solid #bcbcbc;border-radius:3px;outline:none;}
.message_h .input_q span{font-size:14px;color:#212121;}
.message_h .input_q .h{color:red;margin-right:10px;}
.message_h .button{width:80%;margin:auto;margin-top:10px;display:flex;justify-content: center;    padding-bottom: 20px;padding-top:15px;}
.message_h .button input{background:#002159;color:#FFF;border:none;outline:none;    width: 34%;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;}
.hezuo .quxiao{width:24px;height:24px;position: absolute;top:10px;right:10px;}

.sheji .city-picker-selector {width: 100%;}
.sheji .city-picker-selector .selector-item {font-size: 14px; width: 100%;height: 26px; line-height: 26px; padding-left: 5px;background: rgba(255,255,255,0.8); position: relative;   display:flex;border-bottom:none;}
.sheji .city-picker-selector .selector-name {width: 100%;color: #212121;font-size: 14px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    border: 1px solid #bcbcbc;
    text-align: center;
    height: 26px;
    line-height: 26px;
    justify-content: space-between;
    margin-top: 6px;border-radius: 3px; }
.sheji .city-picker-selector .hide {display: none;}
.sheji .city-picker-selector .selector-list {border: 1px solid #ccc;background: #fff;width: 100%;position: absolute;top: 36px;left: -1px;z-index: 1;}
.sheji .city-picker-selector ul {max-height: 160px;overflow-x: hidden;overflow-y: auto;}
.sheji .city-picker-selector li:first-child {border-top: none;}
.sheji .city-picker-selector li {border-top: 1px solid #ccc;color: #333;cursor: pointer;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.hezuo .city-picker-selector {width: 100%;}
.hezuo .city-picker-selector .selector-item {font-size: 14px; width: 100%;height: 26px; line-height: 26px; padding-left: 5px;background: rgba(255,255,255,0.8); position: relative;   display:flex;border-bottom:none;}
.hezuo .city-picker-selector .selector-name {width: 100%;color: #212121;font-size: 14px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    border: 1px solid #bcbcbc;
    text-align: center;
    height: 26px;
    line-height: 26px;
    justify-content: space-between;
    margin-top: 6px;border-radius: 3px; }
.hezuo .city-picker-selector .hide {display: none;}
.hezuo .city-picker-selector .selector-list {border: 1px solid #ccc;background: #fff;width: 100%;position: absolute;top: 36px;left: -1px;z-index: 1;}
.hezuo .city-picker-selector ul {max-height: 160px;overflow-x: hidden;overflow-y: auto;}
.hezuo .city-picker-selector li:first-child {border-top: none;}
.hezuo .city-picker-selector li {border-top: 1px solid #ccc;color: #333;cursor: pointer;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.button3{width:130px;margin:auto;height:50px;margin-top:20px;}
.button3 img{width:100%;}
.button2{width:280px;margin:auto;height:50px;margin-top:35px;}
.button2 img{width:100%;}
.mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5); display:none;z-index:9998;}








.public_tab {
    width: 100%;
    padding: 0;
}
.cbp-hrmenu {
    width: 100%;
    margin-top: 1em;
}
.anim1{position:relative}
.lanren li samp{height:350px!important}


            #productnav em:last-child{display:none}
            #productnav{font-size:18px;}
            #productitle{font-size:30px;line-height:200%}

	.news .swiper-container {
      width: 86%;
	  margin:auto;
	  margin-top:40px;
	  margin-bottom:60px;
    }
    .news .swiper-slide {
      font-size: 18px;
      background: #fff;
	  box-shadow: 0 0 30px 0 #d8dce5;
      /* 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;
	  transition: 300ms;
	  transform: scale(0.8);
    }
    
    
    .news{width:1200px;margin:0px auto;}
    .news .position{padding-top:50px;font-size:14px;line-height:100px;}
    .news_content{padding:50px!important;width:90%;margin:0px auto;overflow:hidden}
          .more-zx{width:160px;height:40px;margin:auto;line-height:40px;text-align:center;border:1px solid #666666;border-radius:3px;margin-bottom:30px;font-size:16px;}
      .more-zx:hover{color:#FFF;background-color:#031647;}
    .news_content ul li{font-size:15px;line-height:60px;border-bottom:1px dashed #ddd}
    .news_content ul li span{float:right}
    .news_content ul li a{color:#000}    
.news .swiper-slide h1{font-size:16px;color:#666666;font-weight:unset;width:90%;margin:auto;margin-top:20px;}
.news .swiper-slide .time{width:90%;margin:auto;display:flex;justify-content: space-between;color:#666666;margin-top:20px;font-size:14px;margin-bottom:20px;}
.news .swiper-slide .time span{background:url(img/kan.jpg) left center no-repeat; padding-left:31px; background-size:20px;}
.news .swiper-slide .seo{width:90%;margin:auto;display:flex;justify-content: space-between;color:#666666;margin-top:20px;font-size:14px;margin-bottom:20px;display:none;}
.news .swiper-slide a:hover .seo{display:block;}
.news .swiper-slide a:hover h1{display:none;}
.qqfwrx span{display:inline!important;font-size:30px!important;line-height:200%;padding-left:20px;}
.qqfwrx span:nth-child(1){color:#999!important;}
.product{width:1200px;margin:0px auto;}
.product .position{padding-top:50px;font-size:14px;line-height:100px;}
.product_content{padding:50px!important;width:90%;margin:0px auto;overflow:hidden}
.product_title{font-size:20px;line-height:200%;text-align:center;border-bottom:1px solid #ddd;width:90%;margin:20px auto}
#back{float:right;font-size:14px;line-height:200%;color:#000!important;padding-top:50px;padding-right:50px;}
.case .swiper-container { width: 100%;}
.case  .swiper-slide {background-position: center;background-size: cover;width: 320px; }
.case  .swiper-slide img{height:100%}
.case  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{width:100px;}
.case .weiduduan{ width:1200px; margin:50px auto 0 auto;}
#phoneCarousel{height:500px;margin:0 auto;position:relative;width:1200px;}
#phoneCarousel .arrow{width:44px;height:44px;position:absolute;top:50%;margin-top:-22px;left:0;cursor:pointer;}
#phoneCarousel .next{background-position:right top;left:auto;right:0;}
#phoneCarousel .arrow:hover{background-position:left bottom;}
#phoneCarousel .next:hover{background-position:right bottom;}
#stage{left:25%;margin-left:-350px;position:absolute;width:1200px;height:100%;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}


#pre{width:1000px;margin:20px auto;height:80px;}
#pre p{display:inline-block;border:1px solid #000;text-align:center;padding:10px 20px;font-size:14px;}
#pre p a{color:#000}
#pre p:nth-child(1){float:left}
#pre p:nth-child(2){float:right}

.about{width:1200px;margin:0px auto;}
.about .position{padding-top:50px;font-size:14px;line-height:100px;}
.about .menu{text-align:center;width:300px;margin:0px auto}
.about .menu ul li a{color:#fff;}
.about .menu ul li{width:100px;float:left;background:#dddddd;color:#fff;font-size:20px;height:60px;line-height:60px;margin-left:5px;text-align:center;border-radius:1px;}
.about .menu ul .cur{background:#002564;color:#fff}

.about_content{padding:50px!important;width:1200px;margin:20px auto;overflow:hidden;box-sizing:border-box;}

.title-row{width:1000px;margin:0px auto;margin-top:100px;font-size:40px;text-align:center;position:relative}
.title-row span{position:absolute;width:400px;height:2px;background:#ddd;top:30px;left:50%;margin-left:-200px;z-index:-1}
.title-row font{background:#fff!important;display:block;width:450px;height:50px;margin:0px auto}
.title-row-subname{text-align:center;font-size:16px;color:#ddd;line-height:250%}
.news{width:1200px;margin:0px auto;}
.news .position{padding-top:50px;font-size:14px;line-height:100px;}
.news_content{padding:50px!important;width:90%;margin:0px auto;overflow:hidden}
.news_content ul li{font-size:15px;line-height:60px;border-bottom:1px dashed #ddd}
.news_content ul li span{float:right}
.news_content ul li a{color:#000}
.product{width:1200px;margin:0px auto;}
.product .position{padding-top:50px;font-size:14px;line-height:100px;}
.product_content{padding:50px!important;width:90%;margin:0px auto;overflow:hidden}
.product_title{font-size:20px;line-height:200%;text-align:center;border-bottom:1px solid #ddd;width:90%;margin:20px auto}
#back{float:right;font-size:14px;line-height:200%;color:#000!important;padding-top:50px;padding-right:50px;}