.h1, .h2, .h3, h1, h2, h3 {
    margin:0;
}
.smtcontent{width: 1280px;margin: auto;}
*{margin: 0;padding: 0;}
body{font-size: 14px;overflow-x:hidden; }
html{overflow-x:hidden;}
.f72{font-size: 72px;font-weight: 700}
.process p.mb10{margin-bottom:10px;}
.new-footer{box-sizing:border-box!important}
.bottom-navigation{width:739px;}
/*.w192{width: 1920px;margin: auto;}*/
/*banner*/
.banner{height: 500px; z-index: 3;overflow:hidden;min-width:1280px;position:relative}
.banner .imglist{position:absolute; top: 0; right: 0; z-index: 4; width:100%; height:500px;}
.ie6 .banner .imglist,.ie7 .banner .imglist{z-index: -1;}
.banner .imglist .imgdiv{width:100%; height:500px; z-index:5;min-width:1280px;overflow:hidden}
.banner .imgdiv a{ height:500px;  text-indent: -9999em; overflow: hidden;}
.banner .jsnav{position:absolute; bottom:10px; z-index:6; width: 100%; height:24px; text-align:center;}
.ie6 .banner .jsnav,.ie7 .banner .jsnav{width: 700px; padding-left:600px; min-width: 700px;}
.banner .jsnav a{display:inline-block; width:14px;height:14px;line-height:14px;text-indent:-9999px;background:#6d6d6d;border-radius:50%;text-align:center;margin:0 3px;color:#000;font-weight:700}
.ie6 .banner .jsnav a,.ie7 .banner .jsnav a{float:left; display:block;}
.banner .jsnav .imgselected{color:#fff; background-color:#ff9900;}
.maskimg{height:464px;width:100%;margin:auto;background:#333333 ;max-width:1920px;margin:auto;position:absolute;left:0;top:0;z-index:0;opacity:0.6;}
.smtcontent li .hot_icons{
        position: absolute;
    width: 120px;
    height: 121px;
    background: url(/uploads/image/cihome/newson.png) no-repeat;
    top: -10px;
    left: -10px;
    display: inline-block;
}
.smtcontent .active .expe_price{color: #fff;
    background-image: linear-gradient(to right,#ff9900,#ff5300);}
.licon-living{
    position: absolute;
    display: block;
    width: 30px;
    height: 25px;
    right: 28%;
    margin-left: -15px;
    top: 31%;
    /* margin-top: -12.5px; */
    /* border-radius: 50%; */
    background-image: url(/uploads/image/cinewindexv3/animationicon.png);
    webkit-animation: matchliving .6s steps(6) infinite;
    animation: matchliving .6s steps(6) infinite;
}
@keyframes matchliving{
    0%{background-position:0 0}
    100%{    background-position: -330px 0;}
}
.countenance:hover{
    color:#fff;
    background:#f90;
        border: 1px solid #f90;
}
  .onclicks{
        width: 1280px;
        margin: 0 auto;
        position: relative;
        display: block;
        height: 100%;
        padding-top:80px;
    }
    .onclicks .count{
        display: inline-block;

    }
.smtbanner{width: 100%;margin: auto;overflow: hidden;}
.smtbanner-count{    width: 420px;
    padding: 30px 35px;
    height: 521px;
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    left: 0px;
    z-index: 99;}
.smtbanner-count p{line-height: 60px;}
.smtbanner i{line-height: 30px;}
.smtbanner-count ul{overflow: hidden;}
.smtbanner-count ul li:nth-child(2n){margin-right:0}
.smtbanner-count ul li{width:170px;float: left;margin-right:10px;margin-bottom:30px;}
.smtbanner-count ul li input{text-indent: 1rem;width:170px;height: 40px;border-radius: 5px;border:0;outline: none;}
.smtbanner-count ul li select,.smtbanner-count ul li option{width:170px;height: 40px;border-radius: 5px;border:0;outline: none;padding-left:10px;}
.smtbanner-count .smtquotenow{font-size:20px;border-radius: 5px;width: 350px;height: 50px;line-height: 50px;text-align: center;background-color: #f90;display: block;color: #fff!important;margin-top: 14px;}
.smtbanner-text{float: right;width: 600px;text-align: center;margin: 70px 130px 0 0;}
.smtbanner-text .xian{width: 90px;height: 4px;background: #fff;margin:30px auto;}
/*.banner .imgdiv a{height:50px!important;line-height:50px!important;text-indent:0!important}*/
/*.imgdiv{cursor:pointer}*/
.imglist .imgdiv .t99{text-indent:-9999px!important;}
.j1{display: inline-block;width: 30px;height: 30px;background: url(/uploads/image/cismt/j1.png) no-repeat;vertical-align: middle;}
.j2{display: inline-block;width: 30px;height: 26px;background: url(/uploads/image/cismt/j2.png) no-repeat;vertical-align: middle;}
/*����*/
.smtadvantage{background-color: #f6f6f6;height: 130px;}
.smtadvantage li{width: 25%;float: left;margin-top: 32px;}
.smtadvantage li a:hover p{text-decoration:underline;}
.ico-s1,.ico-s2,.ico-s3,.ico-s4{background: url(/uploads/image/cismt/icos2.png) no-repeat;display: block;float: left;height:70px;}
.smtadvantage .f24{line-height: 30px;margin:0;}
.ico-s1{background-position:0px 5px;width:66px;}
.ico-s2{background-position:-145px 5px;width:65px; }
.ico-s3{background-position:-290px 5px;width:58px; }
.ico-s4{background-position:-458px 5px;width:63px; }

/*����*/
/*.tab11{padding-top:40px;padding-bottom:20px;}*/
.faddish-ul{margin:20px auto;margin-top:30px;}
.faddish-ul li{float: left;position: relative;box-shadow: 0px 5px 50px 5px rgba(0,0,0,0.1);margin-right:20px;}
.li-bot{width:400px;height: 410px;color:#999999;border-top:6px solid #f90;padding-top:295px;}
.li-bot1 {
    background: #ffffff url(/uploads/image/cismt/bot1.png) no-repeat center;    background-position: 50% 30%;
}
.li-bot2{
    background: #ffffff url(/uploads/image/cismt/bot2.png) no-repeat center;background-position: 50% 49%;
}
.li-bot3{
    background: #ffffff url(/uploads/image/cismt/bot3.png) no-repeat center;background-position: 50% 45%;
}
.li-bot p{line-height: 24px;padding:0;margin:0;}
.li-bot .f24{line-height: 48px;}
.bot-div{width:400px;height:470px;background:#f90;position: absolute;opacity:0;padding: 50px 50px 40px;cursor: pointer;transition:all 0.15s;bottom:0}
.bot-div .titp{line-height: 50px;}
.bot-div p{line-height: 35px;}
.bot-div .price{margin: 20px 0;    margin-bottom: 25px;}
.bot-div .price span{font-size: 24px;font-weight: 700;}
.bot-div .count{width: 100%;height: 48px;text-align: center;line-height: 48px;border:1px solid #fff;color: #fff;border-radius: 5px;cursor: pointer;font-size: 20px;}
.faddish-ul li a{display:inline-block;width:100%;height:100%;}
.faddish-ul li:hover .bot-div{opacity:1}
.faddish-ul li:hover .expe_price{
      color: #fff;
    background-image: linear-gradient(to right,#ff9900,#ff5300);
}
.expe_price{    height: 50px;
    line-height: 50px;
    text-align: center;
  background-image: linear-gradient(90deg,
		rgba(255, 153, 0, 0.05) 0%,
		rgba(255, 83, 0, 0.05) 100%),
	linear-gradient(
		#ffffff,
		#ffffff);
  color:#f90;
    position: absolute;
    bottom: 0;
    width: 100%;}

/*����*/
.video_box{width:100%;height:640px;background:url(/uploads/image/cismt/video_bg.jpg) no-repeat center;margin-top:60px;color:#fff;padding-top:50px;text-align:center;max-width: 1920px;
    margin: auto;
    position: relative;
    overflow: hidden}
.player_btn{width:120px;height:120px;/*background:url(/uploads/image/cismt/btn_play.png) no-repeat center;*/margin:0 auto;position:relative;border-radius:50%;cursor:pointer;margin-bottom:0}
.player_btn .licon-living{margin-left:-15px;left:50%}
.video_box b{display:block;width:100px;height:2px;background:#f90;margin:auto;}
.video_box ul{display:inline-block;}
.video_box li{float:left;color:#b2b2b2;margin-right:50px;text-align:left;}
.normal{
    margin-bottom:40px
}
/*.player_btn:before {
   content: "";
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid #fff;
  -webkit-animation: btniconripple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: btniconripple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  transition: 0.3s;
}*/
@keyframes btniconripple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}
.shipin_model{background:#000}
.liborder{width:1px;height:80px;background:#ccc;position:absolute;right: -1px;top: 10px;}
.tab11 h4{font-size:36px;text-align:center;}

.tm{width:860px;height:470px;background:pink;float:left;margin-left:130px;position:relative;}
.hovertm{position:absolute;left:50%;top:13%;width:333px;height:114px;margin-left:-166px;margin-top:-57px;transition:all 1s;opacity:0;}
.tm:hover .hovertm{display:block;top:50%;opacity:1;}
/*αװ�ľ�����*/
.pretend_progress{position:absolute;bottom:30px;z-index:10;background: #e7e8e7;width: 100%;height: 4px;left: 0;}
.pretend_progress_active{
    position: absolute;
    left: 0;
    top: 0;
    height:4px;
    background:#444444
}
/*����*/
.point{position:absolute;bottom:24px;z-index:99;}
.point li{float:left;height:16px;background:url(/uploads/image/cismt/point1.png) no-repeat right center;}
.nav li{float:left;text-align:right;color:#999;}
.model_txt{position:absolute;width:100%;background:url(/uploads/image/cisliuc/line_bg.png) repeat-x;bottom:0;color:#fff;text-align:left;display:none;padding:20px;}
.swiper-slide-active .model_txt{display:block;}
.model_txt h4{font-size:16px;font-weight:normal}
.model_txt b{display:block;width:100px;height:2px;background:#f90;margin-bottom:10px;}
/*.smt-path .swiper-container{padding-top:200px;}*/

.dividing-line{background: url(/uploads/image/cismt/buico.png) no-repeat -115px center;width: 30px;height: 56px;display:inline-block;}
.smt-flow{text-align: center;background-color: #ffffff;margin:50px 0;}
.smt-flow p{line-height: 120px;}
.smt-flow ul{overflow: hidden;}
.smt-flow li{float: left;line-height:58px;font-size:16px;}
.new-icos{display: inline-block;width: 50px;height: 58px;background:url(/uploads/image/cismt/buico.png) no-repeat;}
.smtcontent-ul{width: 1280px;margin: auto;}
.count{margin-left:20px;width: 320px;height: 50px;color: #fff;background:#f90;border-radius: 4px;text-align: center;line-height: 50px;font-size: 20px;cursor: pointer;margin:auto;}
.count:hover{background: #ffad33;color: #fff;}
.count  .j2{background: url(/uploads/image/cismt/j1.png) no-repeat;}
.flow-ico1{background-position: 0 0;width:30px;margin: 0 0 0 20px;}
.flow-ico2{background-position: -30px 0;}
.flow-ico3{background-position: -180px 0;}
.flow-ico4{background-position: -335px 0;}
.flow-ico5{background-position: -490px 0;}
.flow-ico6{background-position: -645px 0;}
.flow-ico7{background-position: -800px 0;}
.flow-ico8{background-position: -1200px 0;}
/*�ӹ�*/
.process{height: 750px;}
.process .white{color: #fff}
.process .process_title{text-align: center;border-bottom: 1px solid #333333;line-height: 120px;}
.process p{color: #9b9b9b;margin:0;}
.process .f20{color: #fff;line-height: 50px;margin:0;}
.process ul{width: 1100px;margin-top:40px ;}
.process li{float: left;height: 140px}
.process .oneli{width: 350px;}
.process .twoli{width: 310px;}
.process .threeli{width: 420px;}
.process .smtcontent{position: relative;}
.scene{position: absolute;right: -240px;top: 40px}
.scene img{width: 500px;}
/*��������*/
.smt_share{padding-bottom: 40px;}
.real-time-order{width:700px;height:416px;box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);}
.orders-tab li{line-height:50px;padding:0 20px;}
.orders dl.orders-title{background-image: linear-gradient(to right,#fff1dd, #fff); width: 100%;padding:0 20px;height:40px;}
.orders dl.orders-title dt{line-height:40px;}
.orders-con{position: relative; height: 70px; margin-top: 20px; overflow: hidden;padding:0 20px;}
.orders-con dd{height:34px;}
.orders .ww{display: block; float: left;}
.orders dt .ww{line-height: 40px; font-weight: 400;}
.pcb_orders .ww1{width: 24%;}
.pcb_orders .ww2{width: 15%;}
.pcb_orders .ww3{width: 20%;}
.pcb_orders .ww4{width: 20%;}
.pcb_orders .ww5{width: 18%;}
.orders dd .ww{height: 34px; line-height: 34px;}
.pcb_orders i{margin-top:15px;}
.right_cont{width:414px;box-shadow: 0 8px 20px 0 rgba(0,0,0,.1);margin-right:80px;}
.right_cont .img{width:416px;height:402px;background:#fff;}
.right_cont .magnify{display:block;margin:10px auto;margin-bottom:10px;}
.right_cont .onimg{width:380px;height:280px;}
.bottononeimg {width: 100%;}
.bottononediv {display: inline-block;vertical-align: top;margin-bottom: 6px;}
.bottononediv dd {margin-right: 16px;display: inline-block;vertical-align: middle;color:#333333}
.bottononediv img {vertical-align: middle;width: 16px;}
.bottontwodiv span {vertical-align: middle;color: #999999;}
.bottontwodiv img {vertical-align: middle;}
.tdiv_img{
    width: 37px;
	height: 30px;
}
.bottonfourdiv .share_hide a{
    float: left;
    width: 32px;
    line-height: 32px;
    height: 32px;
    background-image: ;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
    text-indent: -100em;
    overflow: hidden;
    color: #3a8ceb;
}
.share_hide{ display:none}
.share_hide .bds_more{    color: #333;}
.share_hide .bds_qzone{background-position: 0 -52px;}
.share_hide .bds_tsina{background-position: 0 -104px;}
.share_hide .bds_tqq{    background-position: 0 -260px;}
.share_hide .bds_renren{background-position: 0 -208px;}
.share_hide .bds_weixin{background-position: 0 -1612px;}
.share:hover .tdiv_span_share{
       background: white;
    display: block !important;
    z-index: 100;
    width:100%;
}
.bdshare-button-style0-16 .bds_weixin{
        background-position: 1px -1612px;
}
.bdshare-button-style0-16 a{
    float: left;
    padding-left: 20% !important;
    width: 100px !important;
    line-height: 16px !important;
    height: 16px !important;
    background-image: ;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 14px 0px 0px 0;
    overflow: hidden;
    color: #565656 !important;
    font-size: 14px;
    text-align: left !important;
    margin: 6px 6px 6px 0 !important;
}
.share{
    width: 33.6%;
    display: inline-block;
    background: white;
    text-align: center;
    margin: 0;
    float: left;
    height: 100%;
    line-height: 50px;
    color: #999999;
    text-decoration: none;
    cursor: pointer;
        position: relative;
}



.bdivio {display: none;margin-left: 30px;}
.bottonthreediv {position:absolute;top:10px;    display: inline-block;
    background: red;
    color: white;top: 27px;
    left: 30px;
    width: 40px;    font-size: 14px;
    text-align: center;
    height: 20px;}
bottonthreediv span{
        font-size: 14px;    display: inline-block;    background: white;
    color: red;
    height: 16px;
    margin-top: -2px;
    line-height: 16px;
    border-radius: 2px;
    width: 22px;
    margin-right: 2px;
}

.bottom_p {display: inline-block;    margin-right: 15px;}
.large{    color: #999;    font-size: 12px;margin-bottom:5px}

.bottonthreediv span{
        background: white;
    color: red;
    height: 16px;
    margin-top: -2px;
    line-height: 16px;
    border-radius: 2px;
    width: 22px;
    margin-right: 2px;
    font-size: 14px;
    display: inline-block;
}

.view_icon{
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url(/uploads/image/cinewindexv3/icon.png) no-repeat -7px -157px;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 15px;
}
.bottonbos {display: inline-block;vertical-align: top;font-size: 14px;margin-left: 5px;}
.bottonfourdiv {position: absolute;width: 100%;bottom: 0;left: 0;height: 40px;border-top: 1px solid #e5e5e5;}
.bottonfourdiv a {
      width: 50%;
    display: inline-block;
    background: white;
    text-align: center;
    margin: 0;
    float: left;
    height: 100%;
    line-height: 40px;
    color: #999999;
    text-decoration: none;}
.bottonfourdiv a:hover{
        color: #ff9900;
    text-decoration: underline;
}
.tang_img{width:60px;height:60px}
.bottonfourdiv a img {width: 18px;vertical-align: middle;margin-right: 5px;}
.score-list{width: 98px; height: 18px; background:  no-repeat 0 -68px;display:inline-block;vertical-align:middle}
.score-list i{    vertical-align: middle;display: block; position: absolute; top: 0; left: 0; height: 18px; background:  no-repeat 0 -50px;}
.onpage {
	max-width: 1280px;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 20px;
}
.brain{
    display: inline-block;vertical-align: middle;border-radius:50%;height:43px;width:42px;
}
.bottononetextdiv{width:322px;height:44px; text-overflow: -o-ellipsis-lastline;    color:#333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.astrict{    max-width: 164px;
    white-space: nowrap;
    margin-right: 17px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;}
.jump_a{width:100%;display:inline-block;padding:10px 20px;}
.onclick .dot{border:2px solid #ff9900;padding:0}
.absence_img{width: 40px;display: inline-block;box-sizing: border-box;height: 40px;padding:2px;    cursor: pointer;    object-fit: cover;}
.onpage .page_always{
        text-decoration: none;
    color: black;
    width: 150px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    margin: 0 0.4%;
    background: white;
    display:none;
}
.onpage .pagepcb{
	color: white;
    background: #ff9900;
    margin: 0 0.4%;

}
.onpage .pagepcb:hover{
    background:#ffad33;
}


.onpage a:hover {
	color: white;
	background: #ff9900;
	margin: 0 0.4%;
}
.onimg:hover{
    opacity:0.8;
    transition: opacity .5s ease;
}
.magnify{
    position:relative;
    width:380px;
    height:245px;
        overflow: hidden;
        display:inline-block
}
.bottonfourdiv_p{
    width: 50%;
    display: inline-block;
    background: white;
    text-align: center;
    margin: 0;
    float: left;
    height: 100%;
    line-height: 40px;
    color: #999999;
    text-decoration: none;
}
.onimg {
	      width: 100%;
    position: absolute;
    bottom: 50%;
    top: 50%;
    height: 100%;
    display: inline-block;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;

}
.owl-theme .owl-controls .owl-buttons div{opacity:1;}
.owl-theme .owl-controls .owl-buttons .owl-prev {position:absolute;display:block;width:50px;height:98px;background:url(/uploads/image/cimg/anniu.png) no-repeat 0;top:50%;margin-top:-49px;text-indent:99998px}
.owl-theme .owl-controls .owl-buttons .owl-next {position:absolute;display:block;width:50px;height:98px;background:url(/uploads/image/cimg/anniu.png) no-repeat -200px;top:50%;margin-top:-49px;text-indent:99998px}
.item-list .owl-controls .owl-buttons .owl-prev{left:0}
.item-list .owl-controls .owl-buttons .owl-next{right:0}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-70px}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-70px}

/*�����µ�����*/
.order_pro{background:#f6f6f6;padding:40px 0;}
.order_pro img{margin:30px auto;display:block;}
/*�ͻ�smt��װ����*/
.case_zz{padding:40px 0;}

/*�������*/
.research_box{width:100%;height:750px;background:url(/uploads/image/cismt/research_bg.jpg) no-repeat center;padding:40px 0;}
.research_cont .hd{border-bottom:1px solid #333333;}

.research_cont .hd li.current{border-bottom:3px solid #f90;}
.research_cont .bd{width:100%;margin-top:40px;}
.research_img{width:630px;background:#fff;}
.research_img img{display:block;width:630px;height:400px;}
.research_intro{width:650px;background:#f6f6f6;height:400px;padding:60px 50px;}
.research_cont dt{padding-left:25px;background:url(/uploads/image/cismt/dui_icon.png) no-repeat left center;line-height:30px;color:#000000}
.research_cont .count{margin:20px 0;}
/*����*/
#jswbox{width:1300px;height:600px;margin:0 auto;position:relative;}
#jswbox ul{position:relative;height:600px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px;left:10px;border:5px solid #474747;}
#jswbox li img{width:100%;height:100%;vertical-align:top;float:left;}
#jswbox .prev, #jswbox .next{display:none;}
.case_zz li{width:625px;height:400px;float:left;margin-right:30px;}
.case_model{position:absolute;left:0;right:0;top:0;bottom:0;padding:40px 30px;color:#fff;}
.case_model span{display:block;width:140px;height:40px;border:1px solid #fff;border-radius:4px;text-align:center;line-height:38px;position:absolute;left:30px;bottom:50px;}
/*����֧��*/
.clause{padding:40px 0;}

.smt-path{position: relative;background-color: #fff;}
.smt-path .pathbox{position: absolute;left: 50%;top: 20px;display: block;width:1000px;margin-left: -500px;text-align:center;z-index:2}
.pathbox ul{overflow:hidden;width:800px;margin:20px auto 0;}
.pathbox ul li{float:left;width:200px;}
.w1280{width:1280px!important;}
/*��������*/
.plant{background-color: #fcfafd;}
.plant .f30{text-align: center;font-weight: 700;line-height: 120px;}
.plant-tit{width: 310px;height: 50px;text-align: center;line-height: 50px;}
.plant-tit{background-color: #ffffff;}


.shu-tit{position: absolute;}
.plant ul{overflow: hidden;}
.plant li{float: left;margin-right: 15px;margin-bottom: 20px;}

/*֤��*/
.certificate{height: 540px;}
.certificate .f30{text-align: center;font-weight: normal;line-height: 120px;color: #fff}
#owl-example{position: relative;padding: 0 40px;}
#owl-example li{position: relative;}
.owl-wrapper-outer{overflow: hidden;}
.shu-tit{width: 255px;height: 40px;line-height: 40px;text-align: center;line-height: 40px;position: absolute;bottom: 0px;background: rgba(0,0,0,0.5);color: #fff;}
.owl-item{float: left;}
#owl-example .activeli .shu-tit{background: #f90;color: #fff}
#owl-example .owl-prev{text-indent:99999px;position: absolute;left:0px;top: 50%;display: block;width: 40px;height: 60px;margin-top: -20px;background: url(/uploads/image/cismt/jiantou.png) no-repeat 0;}
#owl-example .owl-next{text-indent:99999px;position: absolute;right:0px;top: 50%;display: block;width: 40px;height: 60px;margin-top: -20px;background: url(/uploads/image/cismt/jiantou.png) no-repeat -90px 0;}

/*ɹ��*/
.evaluate{height: 530px;}
.evaluate .f30{text-align: center;padding-top: 50px;line-height: 36px;}
.advantage{overflow: hidden;width: 330px;margin:15px auto 40px;background-color:#fff!important;}
.advantage li{display: block;float: left;padding: 0 10px;background-color: #f90;color: #fff;border-radius: 15px;height: 28px;line-height: 28px;margin-left: 10px;}
#owl-example2 .owl-prev,#owl-example2 .owl-next{display: none;}
/*����*/
.serve{height: 420px;color: #fff}
.serve .f30{text-align: center;color: #fff;line-height: 120px;padding-top: 20px;}
.serveul{overflow: hidden;text-align: center;}
.serveul li{float: left;width: 240px;margin-right:20px;height: 200px;background: #fff;color: black}
.serico{width: 70px;height: 70px;background: url(/uploads/image/cismt/serveico.png) no-repeat;margin: auto;margin-top: 35px;}
.serve p{color: #7a7a7a;}
.serve .f20{line-height: 30px;color: black;}
.serico1{background-position: 0 0;}
.serico2{background-position: -120px 0;}
.serico3{background-position: -235px 0;}
.serico4{background-position: -355px 0;}
.serico5{background-position: -470px 0;}
.customer-reviews-item .content{
    padding: 0px 15px;
    position: absolute;
    bottom: 0px;
    height:100px;
    background: url(/uploads/image/cinewindexv3/feedback_bg.png) repeat-x;
    width: 100%;}
/*.customer-reviews-item .item{overflow:hidden}*/
/*����*/
.clause{height: 350px;}
.clause .f30{text-align: center;line-height: 120px;padding-top: 20px;}
.clause li{line-height: 24px;}
.clauseleft{float: left;}
.clauseright{float: right;}
.clause .clausetit{font-size: 20px;line-height: 60px;}

    #imageflow {
    position: absolute;
    width: 100%;
    height: 55%;
    left: 0%;
    top: 45%;
    background: #fff;
  }
  #imageflow .diapo {
    position: absolute;
    left: -1000px;
    cursor: pointer;
    -ms-interpolation-mode: nearest-neighbor;
  }
  #imageflow .link {
    border: dotted #fff 1px;
    margin-left: -1px;
    margin-bottom: -1px;
  }
  #imageflow .bank {
    visibility: hidden;
  }
  #imageflow .top {
    position: absolute;
    width: 100%;
    height: 40%;
    background: #f8f8f8;
    display: none;
  }
  #imageflow .text {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 35%;
    text-align: center;
    color: #fff;
    font-family: verdana, arial, helvetica, sans-serif;
    z-index: 1000;
  }
  #imageflow .title {
    font-size: 0.9em;
    font-weight: bold;
  }
  #imageflow .legend {
    font-size: 24px;
  }
  /*.legend{
      position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: 400px;
  }*/
  #imageflow .scrollbar {
    position: absolute;
    left: 10%;
    bottom: 20%;
    width: 80%;
    height: 16px;
    z-index: 1000;
  }
  #imageflow .track {
    position: absolute;
    left: 1%;
    width: 98%;
    height: 16px;
    filter: alpha(opacity=10);
    opacity: 0.1;
  }
  #imageflow .arrow-left {
    position: absolute;
  }
  #imageflow .arrow-right {
    position: absolute;
    right: 0px;
  }
  #imageflow .bar {
    position: absolute;
    height: 16px;
    left: 25px;
  }
  canvas,.title{display: none}

  .legend{font-size: 24px;color: black;}

  /*.diapo{
filter: blur(1px);

-webkit-filter: blur(6px);

-ms-filter: blur(6px);

-moz-filter: blur(6px);
}*/

 /*#online-service{display:none}*/

 .tit{
     position:absolute;
     z-index:999;
     left:310px;
     top:90px;
     color:#fff;
 }
 .zhezao{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;z-index:2}
 /*����*/
.triangle_border_down{
    width:0;
    height:0;
    border-width:10px 15px 0;
    border-style:solid;
    border-color:#f90 transparent transparent;/*�� ͸�� ͸�� */
    margin:38px auto;
    position:relative;
    display:none;
}


.tab1{display:none}
/*.tab2{display:none}*/
.tab3{display:none}
.tab4{display:none}
.tab5{display:none}
.tab2{background: url(/uploads/image/cismt/tab2bg.png) no-repeat center;height:600px;}
.tab2 .smtcontent{padding-top:60px;}
.tab2 .smtcontent>p{font-size:36px;text-align:left;}
.smtcontent .icon_push{background:url(/uploads/image/cismt/icon_push.png) no-repeat center;background-size:cover;width:111px;height:111px;position:absolute;left:-10px;top:-9px}
.tab2box{margin-top:40px;}
.tab2box>div{float:left;padding:20px;background:#fff;margin-right:10px;text-align:center;}
.tab2box>div:hover{color:#f90;}
.tab2box>div p{font-size:20px;}
.tabico1,.tabico2,.tabico3{display:block;background:pink;margin:10px auto;background:url(/uploads/image/cismt/fico.png) no-repeat;}
.tabico1{width:32px;height:32px;}
.tabico2{width:40px;height:32px;}
.tabico3{width:120px;height:32px;}
.tabico1{background-position:0 -32px;}
.tabico2{background-position:-47px -32px;}
.tabico3{background-position:-100px -32px;}
.tab2box>div:nth-of-type(1):hover .tabico1{background-position:0 0;}
.tab2box>div:nth-of-type(2):hover .tabico2{background-position:-50px 0;}
.tab2box>div:nth-of-type(3):hover .tabico3{background-position:-100px 0;}

.tab3{height:535px;padding-top:65px;}
.tab3 .tab3box>div{float:left;margin-right:10px;margin-bottom:20px;}
.p1box{height:410px;width:640px;background:url(/uploads/image/cismt/p1.png) no-repeat}
.p2box{height:165px;width:310px;background:url(/uploads/image/cismt/p2.png) no-repeat}
.p3box{height:165px;width:310px;background:url(/uploads/image/cismt/p3.png) no-repeat}
.p4box{height:165px;width:310px;background:url(/uploads/image/cismt/p4.jpg) no-repeat center -80px;background-size:100%;}
.p5box{height:165px;width:310px;background:url(/uploads/image/cismt/p5.png) no-repeat}
.tab3box p{font-size:18px;line-height:24px;padding-top:10px;}
.tab3box span{font-size:14px;color:#666;}
.p1boxbot{width:630px;height:62px;background:#fff;padding-left:10px;}
.p2boxbot,.p3boxbot,.p4boxbot,.p5boxbot{width:300px;height:62px;background:#fff;padding-left:10px;}

.tab4{height:535px;padding-top:65px}
.tab4 li{float:left;position:relative;width:310px;height:470px;margin-right:20px;}
.tab4 li:nth-of-type(1){background:url(/uploads/image/cismt/ja1.png) no-repeat;}
.tab4 li:nth-of-type(2){background:url(/uploads/image/cismt/ja2.png) no-repeat;}
.tab4 li:nth-of-type(3){background:url(/uploads/image/cismt/ja3.png) no-repeat;}
.tab4 li:nth-of-type(4){background:url(/uploads/image/cismt/ja4.png) no-repeat;margin-right:0px;}
.tab4 li div{position:absolute;text-align:center;bottom:50px;left:50%;margin-left:-100px;width:200px;}
.tab4 li p{font-size:20px;line-height:32px;}
.tab4 li span{font-size:14px;color:#999999;}

.tab5{height:535px;padding-top:65px}
.tab5 p{font-size:14px;color:#999999;line-height:20px;}
.tab5 .tab5tit{font-size:24px;color:black;line-height:36px;padding:40px 0 10px;}
.tab5box>div{width:310px;border-bottom:1px solid #999999;padding-bottom:30px;}
.tab5box>div:nth-of-type(3){border-bottom:0;}

/*�����豸*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: ;
    left: 90px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: 
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: 
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: ;
    right: 90px;
    left: auto;
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: 
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: 
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 100;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: -2px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-pagination-progress {
    background: #e7e8e7;
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #444444;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 100%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: '/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: '/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>")
}

body {
	/* background: #eee; */
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	transition: all 0.5s;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.swiper-slide-active .layer-mask {
	display: none;
}

.pc-banner {
	width: 100%;
	float: left;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 35px 0;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.85);
	/* margin: 1px; */
	transform: scale(0.85);
	margin-top: 70px;
	margin-bottom: 70px;
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1002;
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	display: block;
	border-radius: 2px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
		box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
	}

	/*.swiper-slide-active a:before {
		position: absolute;
		top: 410px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		 box-shadow: 0 2px 6px rgba(0,0,0,0.3);
		 box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
		z-index: 10002;
	}*/
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 2px;
	}
}

.swiper-slide img {
	width: 100%;
	display: block;
	height: 100%;
	border: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 2px;
	}
}

.swiper-pagination {
	position: relative;
}

.swiper-pagination-bullet {
	background: transparent;
	width: 17px;
	height: 17px;
	opacity: 1;
    margin-left:99px;
}

.swiper-pagination-bullet-active {
	width: 17px;
	height: 17px;
	background: transparent;
}

@media screen and (max-width: 668px) {
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #fff;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 100%;
	margin: 0 auto;
	top: -290px;
	position: relative;
	z-index: 1002;
}

@media screen and (max-width: 1105px) {
	.button {
		width: 100%;
		top: -240px;
		z-index: 1002;
		position: relative;
	}
}

@media screen and (max-width: 800px) {
	.button {
		width: 100%;
		top: -200px;
		z-index: 1002;
		position: relative;
	}
}
.threeulbox li {
    position: relative;
    width: 400px;
    height: 88px;
    background: rgba(255,255,255,0.2);
    margin-bottom: 60px;
    padding-left: 135px;
    padding-top: 20px;
    color: #fff;
}
.button div:hover {
	background-color: #333;
	opacity: 0.8;
	cursor: pointer;
}

.swiper-button-prev {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background:  #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

.swiper-button-next {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background:  #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

.threeulbox li {
    float: left;
    width: 305px;
    margin-right: 20px;
    color: #fff;
}.threeulbox {
    padding-top: 42px;
}
 .threeulbox li a {
    color: #fff;
}
 .threeulbox li .jian {
    display: none;
}
.separate{margin-top:30px;}
.separate li{float:left;width:413px;height:240px;position:relative;text-align:center;color: #ffffff;margin-right:20px;background:#fff;}
.separate li:nth-child(3){margin-right:0;}
.separate li img{    display: inline-block;
    width: 54px;

    margin-bottom: 20px;}
.separate li p{    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
}
.separate li span{display: inline-block;
    padding: 6px 18px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    z-index: 10;}
.separate li i{width:111px;height:111px;display:inline-block;position:absolute;left:-10px;top:-10px;background:url(/uploads/image/cismt/iconorder.png) no-repeat center;background-size:cover;}
.emerge{position:absolute;width:100%;height:100%;top:100%;transition:all .3s ease;    background: url(/uploads/image/cihome/line.png) repeat-x bottom;}
.separate li:hover .emerge{top:20%;}
.separate .bg1{background:url(/uploads/image/cismt/bg_1.png) no-repeat center;background-size:cover;}
.separate .bg2{background:url(/uploads/image/cismt/bg_2.png) no-repeat center;background-size:cover;}
.separate .bg3{background:url(/uploads/image/cismt/bg_3.png) no-repeat center;background-size:cover;}

.separate li .rel{    overflow: hidden;
    padding-top: 65px;
    width: 100%;
    height: 100%;
    z-index: 1000;}









.productimg {
    width: 1060px;
    height: 400px;
    padding:20px;
    background:#fff
}



.factorytype li {
    width: 220px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    text-indent:20px;
}

    .factorytype li:hover{
        background:#ddd
    }

    .factorytype li.active {
        background: #f90;
        color: #fff
    }



/*��ʒչʾ*/
.pro_show {
    background: #fff;
    width: 100%;
    padding-bottom: 70px;
}

#productshow {
    margin-top: 36px;
}

    #productshow .owl-prev {
        position: absolute;
        display: block;
        width: 50px;
        height: 98px;
        background: url(/uploads/image/cimg/anniu.png) no-repeat 0;
        top: 50%;
        left: 0;
        margin-top: -49px;
        text-indent: 99998px
    }

    #productshow .owl-next {
        position: absolute;
        display: block;
        width: 50px;
        height: 98px;
        background: url(/uploads/image/cimg/anniu.png) no-repeat -200px;
        top: 50%;
        right: 0;
        margin-top: -49px;
        text-indent: 99998px
    }

/*    #productshow .item {
        text-align: center;
        height: 340px;
        width:300px!important;
        box-shadow:0 0 10px #ccc;
        margin-right:30px!important;
    }

        #productshow .item b {
            font-size: 16px;
            background: #fff;
            height: 40px;
            display: block;
            width: 305px;
            margin: auto;
            font-weight: normal;
        }*/

.pro_apply {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .pro_apply ul {
        margin-top: 36px;
    }

    .pro_apply li {
        float: left;
        width: 213px;
        border: 1px solid #e7e7e7;
    }

        .pro_apply li b {
            display: block;
            width: 100%;
            height: 100px;
            line-height: 100px;
            text-align: center;
            font-weight: normal;
            font-size: 16px;
        }

.model {
    width: 213px;
    height: 180px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.movetop li:hover .model {
    opacity: 1;
}

.icon {
    background-image: url(/uploads/image/citlvjiban/icons.png);
    background-repeat: no-repeat;
    display: block;
}

.model1_pic {
    background-position: 0 -78px;
    width: 42px;
    height: 46px;
}

.model2_pic {
    background-position: -434px 0px;
    width: 45px;
    height: 45px;
}

.model3_pic {
    background-position: -71px -83px;
    width: 44px;
    height: 32px;
}

.model4_pic {
    background-position: -363px 0px;
    width: 45px;
    height: 42px;
}

.model5_pic {
    background-position: -280px 0;
    width: 49px;
    height: 45px;
}

.model6_pic {
    background-position: -212px 0;
    width: 40px;
    height: 44px;
}

.jj_box {
    background: #f90;
    height: 100px;
    line-height: 100px;
}

.jj_cont {
    width: 1086px;
    margin: auto;
}

    .jj_cont a {
        display: block;
        background: #fff;
        color: #f90;
        width: 280px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 30px;
        border-radius: 30px;
        margin-top: 23px;
    }


.industrybox .swiper-slide {
    margin-top: 20px;
}


.industrybox .pull-left {
    width: 750px;
    overflow: hidden
}

    .industrybox .pull-left .swiper-slide img {
        width: 100%;
    }

.industrybox .pull-right {
    width: 486px;
    height: 536px;
    background: #fff;
    box-shadow: 0 0 20px 10px #d4d4d4
}


.accordion {
    padding: 10px 40px;
}

    .accordion li {
        border-bottom: 1px solid #e5e5e5
    }

        .accordion li:nth-of-type(3) {
            border-bottom: none
        }

        .accordion li > p {
            height: 80px;
            line-height: 80px;
            cursor: pointer
        }

        .accordion li div p {
            line-height: 28px;
            font-size: 14px
        }

            .accordion li div p.f20 {
                line-height: 32px;
                font-size: 20px
            }

.borderspan {
    font-size: 30px
}

.titlespan {
    font-size: 20px;
    padding-left: 20px
}

.showspan, .hidespan {
    float: right;
    font-weight: bold
}

.showspan {
    display: none
}

.hidespan {
    font-size: 28px
}

.accordion li.active .showspan {
    display: block;
    margin-right: 7px;
}

.accordion li.active .hidespan {
    display: none
}

.accordion li div {
    display: none
}

.accordion li.active div {
    display: block
}

.accordion li.active .titlespan {
    display: none
}

.accordion li.active .borderspan {
    border-bottom: 2px solid #f90
}


.bottom-box {
    overflow: hidden;
    background: #f5f5f5;
    padding-bottom: 70px;
    padding-top: 50px
}

.swiper-container-bottom li {
    width: 308px !important;
    padding: 14px 15px !important;
    background: #fff;
    height: 327px !important
}

    .swiper-container-bottom li:hover {
        border-bottom: 5px solid #f90
    }

    .swiper-container-bottom li p {
        line-height: 80px;
        font-size: 18px
    }



.swiper-container-bottom {
    position: relative
}

    .swiper-container-bottom .swiper-button-next {
        right: 328px !important;
        width: 50px !important;
        height: 98px !important;
        background: url(/uploads/image/cimg/anniu.png) no-repeat -200px;
        margin-top: -49px;
    }

    .swiper-container-bottom .swiper-button-prev {
        left: 312px !important;
        width: 50px !important;
        height: 98px !important;
        background: url(/uploads/image/cimg/anniu.png) no-repeat 0;
        margin-top: -49px;
    }

.boss .swiper-button-prev {
    width: 50px !important;
    height: 98px !important;
    background: url(/uploads/image/cimg/anniu.png) no-repeat 0;
    margin-top: -49px;
}

.boss .swiper-button-next {
    width: 50px !important;
    height: 98px !important;
    background: url(/uploads/image/cimg/anniu.png) no-repeat -200px;
    margin-top: -49px;
}

.zzul {
    overflow: hidden;
    width: 1280px;
    margin: auto
}

    .zzul li {
        width: 20%;
        float: left;
        text-align: center;
        cursor: pointer;
    }

        .zzul li img {
            display: block;
            margin: 10px auto
        }

.topul {
    overflow: hidden;
    width: 960px;
    margin: 0 auto -1px
}

    .topul li {
        width: 240px;
        float: left;
        text-align: center;
        cursor: pointer;
        padding: 50px 0 0
    }

        .topul li p{
            margin-top:5px
        }
        .topul li img {
            display: block;
            margin: 10px auto
        }

        .topul li.active {
            border-bottom: 3px solid #f90;
            color: #f90
        }

.topimgul>li>img {
    display: none;
}

.topimgul>li{
    display:none
}
.topimgul>li.active{
    display: block;
}
.topimgul > li.active > img {
    display: block;
    margin: 30px auto;
    width: 1280px;
}

.topimgul li .zzul img{
    display:block
}
.topimgul li .zzul  {
    font-size:16px;
    color:#333
}

.flex_between  p{
    width: 49%;
    font-size:16px!important;
    display: inline-block;
}

.sbbox ul{
    overflow:hidden
}
.sbbox li {
    float: left;
    width: 25%;
}

.sbbox li table{
    table-layout:fixed;
    width:216px;
    border-color:#ddd;

}
    .sbbox li table td{
        text-indent:15px;
        font-size:14px;
    }


    .mjbox ul {
        overflow: hidden;
    }

.mjbox li {
    float: left;
    width: 25%;
    margin-bottom: 15px;
}

.mjbox li img{
    width: 235px;
    height: 170px;
    background: #e4e4e6;
    opacity: 1;
    margin:auto;
    display:block
}

.bottom-ul li {
    width: 240px;
    float: left;
    cursor: pointer;
    margin-right: 20px;
}

    .bottom-ul li img {
        display: block;
        margin: auto
    }



.textbox .pull-right li{
    width:280px;
    height:160px;
    overflow:hidden;
    margin-bottom:20px;
}

    .textbox .pull-right li p {
        width: 280px;
        height: 34px;
        background: rgba(0,0,0,0.5);
        line-height: 34px;
        margin: 0px 0 10px;
        position: relative;
        z-index: 9;
        transition: all .1s ease;
        color: #fff;
        text-align:center
    }

    .textbox .pull-right li:hover p {
        margin: -34px 0 10px;
    }


    /* 新增 */

    .fastbox{
        background-color: #fff;
        padding:60px 0 40px 0;
        box-sizing: border-box;
    }
    .fastbox .stitle{
        color: #333;
    }
    .fastbox .fcon{
        margin-top: 90px;
        display: flex;
        justify-content: space-between;

    }
    .fastbox .fcon>div{
        width: 630px;
        background:repeating-linear-gradient(to right,#fea827,#ff6d00);
        /*padding-left: 288px;*/
        position: relative;
        color:#fff
    }
    .fastbox .fcon .m{font-size:14px; padding:1em 0; text-align:center}
    .fastbox .fcon>div img{
        width: 248px;
        height: 248px;
        position: absolute;
        left: 20px;
        top: -50px;

    }
    .fastbox .fcon .textbox{
        text-align: left;
        padding-top: 30px;
        box-sizing: border-box;
        margin-left:290px;
    }

    .fastbox .fcon .textbox ul li{
        font-size: 16px;
        line-height: 28px;
    }
    .fastbox .fcon .textbox ul li .icon_g{
        display: inline-block;
        width: 20px;
        height: 15px;
        background-image: url(/uploads/image/citsmt/icon_g.png);
        vertical-align: middle;
        margin-right: 5px;
    }
    .fastbox .fcon .textbox>p:first-child{
        margin-bottom: 0px;

    }
    .fastbox .fcon .fblock1 .textbox  ul li div{
        padding-left: 78px;
        box-sizing: border-box;
    }

    .fastbox .ftext{
        margin-top: 28px;
        text-align: left;
        font-size: 16px;
        color: #333;
        padding-left: 20px;
    }
    .fastbox .ftext li{
        line-height: 24px;
    }
    .fastbox .ftext li:last-child{
        margin-top: 10px;
    }

    .givecertificate{
        text-align: left;
        margin-top: 40px;
    }
    .givecertificate .f36{font-weight: bold;}
    .givecertificate .gcon{
        display: flex;
        justify-content: space-around;
    }
    .givecertificate .gcon>div>p{
        margin: 20px 0 40px 0;
    }
    .givecertificate .gcon ul{
        font-size: 18px;
        color: #333;
        text-align: left;
    }
    .givecertificate .gcon ul li{
        line-height: 30px;
    }
    .givecertificate .gcon img{
        margin-left: 50px;
    }
.tableswb{width:100%; background-color:#fff; border:1px solid #ccc; border-right:none; border-bottom:none;}
.tableswb td{border:1px solid #ccc; border-left:none; border-top:none; font-size:16px; padding:.5em 1em;}
.tableswb td.l{text-align: left; padding:2em;}
.tableswb td.t{font-size:20px; color:#ff6d00; font-weight: bold}
.tableswb td.ihot>*{display: inline-block; vertical-align: middle;}
.tableswb td.ihot:after{content:''; display: inline-block; vertical-align: middle; background:  no-repeat; width: 32px; height: 16px; margin-left:.3em}
.btitle{font-weight: bold}
.btitle .cl-f90{color:#ff6d00}