* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.left{ float:left;}
.right{ float:right;}

.pics_wrap {width: 100%;height: 100%; background:#f1f1f1}
.pics_wrap .onshdf{width:100%; height:90%; position:absolute; left:0; top:0;z-index: 9999; display:block !important}
.html5zoo-img-0 img{width:100%;}
.html5zoo-arrow-left-0{left:10%!important;}
.html5zoo-arrow-right-0{right:10%!important;}
.html5zoo-bullet-wrapper-0 div{ width:20px !important; height:20px !important;border-radius:10px !important }
.html5zoo-nav-0{margin-top:-50px!important;}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}




.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: block;
}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both; }


.mtopban{ margin-top:99px !important}

.center{ width:86%; margin:0 auto; max-width:1340px; min-width:1200px}
.textover{text-overflow:ellipsis;white-space:nowrap;}



.intit{ margin:50px auto 35px; text-align:center; width:100%; max-width:1340px; min-width:1200px}
.intit p{ font-size:35px; font-weight:bold; line-height:45px}
.intit p font{ font-weight:100;}
.intit span{ display:block; width:80%; line-height:25px; font-size:16px; margin:15px auto 20px}









.proin{ display: inherit; width:30.73%; height: auto; margin:0 3% 0 0; background:#fff; float:left; padding:2px}
.inbox1 .center a:nth-child(3n) {margin:0 !important; float:right !important}

.proin h2{ display: block;font-size:24px;font-weight: normal;margin:0px auto;color: #333333; overflow:hidden; width:84%;line-height:76px; text-align:center}
.proin:hover h2{ color:#b1000e}
.proin h3{ display: block;width:84%; line-height:28px; margin:25px auto 40px; font-size:16px; height:84px;font-weight: normal; overflow:hidden; color:#444}
.proin div{ width:100%; height: auto; overflow:hidden; position:relative}
.proin div img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.proin:hover div img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin div span{ display:none}
.proin:hover div span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.proin:hover div span p{ border-top:1px solid #fff;border-bottom:1px solid #fff; line-height: 28px;
    font-size: 16px;
    max-height: 84px;
    font-weight: normal;
    overflow: hidden;
    color: #fff; display:block;width:80%; padding:10px 0; position:absolute; left:10%; top:50%; margin-top:-52px}


.bgbai{ background:#fff !important}
.bgbai .proin{ background:#f4f4f4 !important}


.proin2{ display: inherit; width:48.5%; height: auto; margin:0 3% 0 0; background:#fff; float:left; }
.cdbox .center a:nth-child(2n) {margin:0 !important; float:right !important}

.proin2 div.fr{ padding:0 3%; width:32.5%}
.proin2 h2{ display: block;font-size:24px;font-weight: normal;margin:15px auto 0;color: #333333; overflow:hidden;  border-bottom:1px solid #e5e5e5; line-height:35px; padding-bottom:10px; max-height:70px}
.proin2:hover h2{ color:#b1000e}
.proin2 h3{ display: block; line-height:28px; margin:15px auto 0px; font-size:16px; height:112px;font-weight: normal; overflow:hidden; color:#444}
.proin2 div.fl{ width:61.5%; height: auto; overflow:hidden; position:relative}
.proin2 div.fl img.prpic{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.proin2:hover div.fl img.prpic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin2 div.fl span{ display:none}
.proin2:hover div.fl span{ display: block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/cpbg1.png) repeat; z-index:66}
.proin2:hover div.fl span img{ width:60px; height:60px; position:absolute; left:50%; top:50%; z-index:68; margin-left:-30px; margin-top:-30px; display:block}





.pb70{ padding-bottom:70px;border-bottom:1px solid #dbdbdb}
.mt70{ margin-top:70px}


.inbox2{ margin:0 auto;padding:60px 0 60px}
.inbox2 .center li{ width:24.25%; height:auto; margin-right:1.5%; margin-bottom:1.5%}
.inbox2 .center li.tjying{ width:48.5% !important}
.inbox2 .center li:nth-child(3n){margin:0 !important; float:right !important}
.inbox2 .center li:nth-child(5n){margin:0 !important; float:right !important}
.inbox2 .center li a{ width:100%; height:auto; display:block;overflow:hidden; position:relative}
.inbox2 .center li a img.picyy{ width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
.inbox2 .center li a:hover img.picyy{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.inbox2 .center li a p{ display:none}
.inbox2 .center li a:hover p{ width:140px; height:50px; display:block; line-height:50px; font-size:18px; color:#fff; overflow:hidden;position:absolute; top:50%; left:50%; z-index:9; margin-top:-25px; margin-left:-70px; background:#b1000e; text-align:center}















.pp_ll li{width: 50%;position: relative; float:left; display:block}
.pp_ll li a.img{display: block;}
.pp_ll li a.img img{width:100%;height:100%}


.pp_ll li .ddhh{position: absolute;width: 100%;top:30%;text-align: center;}
.pp_ll li .ddhh h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff; line-height:45px}

.pp_ll li .ddhh h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:20px}


.pp_ll li:hover .ddhh{display:none;}


.pp_ll li .ddhh2{position: absolute;text-align: center; background: rgba(14, 97, 227, .7);   transform: scale(0);
    opacity: 0;
    transition: all 0.3s;    width:400px;
    height: 80%;top:10%;left:50%;padding: 35px;
    margin-left: -200px;
}
	
	
	
	
	
	
	
	}
.pp_ll li .ddhh2 h3{	font-size: 35px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff!important; line-height:45px}

.pp_ll li .ddhh2 h4{	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #ffffff;text-transform: uppercase;margin-top: 10px;}

.pp_ll li .ddhh2 h5{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;height:50px;overflow: hidden;margin-top:10px}

.pp_ll li .ddhh2 .dj{background:url(../images/utyt.png) no-repeat center top;width:36px;height:36px;margin:0 auto;margin-top:15px}


.pp_ll li:hover .ddhh2{ transform: scale(1);
    opacity: 1;}



.bghui{ background:#f2f2f2 !important}
.bgbai{ background:#fff !important}
.pad50{ padding:50px 0 70px}

.hei340{ height:340px !important}
.mar20{ margin-top:-20px}





.proin4{ display: inherit; width:260px; height:255px; margin:20px 20px; float:left; }
.proin4 div{ width:260px; height:195px; overflow:hidden; float:left}
.proin4 div img{ width:100%; height:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin4 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4 p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4 p:hover{ color:#a10000}


.proin4ny{ display: inherit; width:260px; height:320px; margin:20px 20px; float:left; }
.proin4ny div{ width:260px; height:260px; overflow:hidden;background:#fff;display:table-cell;vertical-align: middle;text-align: center;}
.proin4ny div img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;max-width: 100%;max-height: 100%; }
.proin4ny div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin4ny p{ display: block;font-size: 18px;font-weight: normal;color: #333333; overflow:hidden;text-align:center; padding:0 15px; line-height:60px}
.proin4ny p:hover{ color:#a10000}



.proin5{ display: inherit; width:360px; height:300px; margin:20px 20px;  float:left; }
.proin5 div{ width:360px; height:210px; overflow:hidden}
.proin5 div img{ width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.proin5 div:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.proin5 p{ display: block;font-size: 18px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;color: #333333; overflow:hidden; padding:0 10px;}
.proin5 p:hover{ color:#a10000}
.proin5 span{ display: block;color: #999; width:95%; line-height:25px; margin:0 auto}




.inboxad{ margin:-50px auto 0; height:280px; background:url(../images/sdfeg.jpg) no-repeat center 0 #0c2a46; width:100%}
.titinad{ text-align:center}
.titinad h3{ margin: 70px 0 20px 0;font-weight: bold; font-size:28px; line-height:35px; text-align:center; color:#fff}
.titinad p{ width:1000px; display:block; margin: 20px auto 23px;line-height: 24px;color: #fff; text-align:center}
.titinad a,.titinad p span{ color:#ff4200}
.titinad a:hover{ text-decoration:underline}




.inbox7{ margin:50px 0 70px; padding:0 30px}
.inbox7 p{ font-size:22px; line-height:48px; padding-top:5px}



.footbox{ width:100%;margin-top:50px; background:#181819;}
.footbox,.footbox *,.footbox a{color:#d1d1d1}
.footbox a:hover{ color:#fff; text-decoration:underline}

.footcont{ width:86%; margin:0 auto; max-width:1340px; min-width:1200px;  height: auto;}
.footcont .dbleft{ width:65%; border-right:1px solid #303030; padding:65px 0 80px 0; float:left}
.footcont .dbright{width:30%; padding:65px 0 0 0; float:right}

.footcont .dbleft .dblogo{width:100%; height:112px; border-bottom:1px solid #303030}
.footcont .dbleft .dblogo img{display: block; padding-bottom:45px}

.footcont .dbleft .list dl{ float:left; width:25%;  display:block; padding:0 5% 0 0}
.footcont .dbleft .list dl dd{ font-size:18px; line-height:40px !important;  color:#ffffff !important; background:url(../images/dbline.jpg) no-repeat 0 70px; padding:25px 0 20px 0}
.footcont .dbleft .list dl dt,.footcont .list dl dt a{ font-size:14px; line-height:34px; }

.footcont .foot_bg{ padding:35px 0 0; line-height:34px}


.dbright .dbtel{padding-bottom:40px; width:100%;background:url(../images/dbtel.png) no-repeat 0 0px; padding-left:70px}
.dbright .dbtel span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:25px; color:#fff}
.dbright .dbtel p{ font-size:39px; font-family:Arial, Helvetica, sans-serif; line-height:45px; color:#fff; font-weight:bold}
.dbright .lxindb li{ display:block; width:100%; height:46px; line-height:46px; overflow:hidden}
.dbright .lxindb li p{ text-indent:46px; line-height:46px; text-decoration:none !important}
.dbright .lxindb li.telbt1{background:url(../images/dbm1.png) no-repeat 0 center}
.dbright .lxindb li.telbt2{background:url(../images/dbm2.png) no-repeat 0 center}
.dbright .lxindb li.telbt3{background:url(../images/dbm3.png) no-repeat 0 center}
.dbright .lxindb li.telbt4{background:url(../images/dbm4.png) no-repeat 0 center}

.dbright .dber{ padding-top:25px}
.dbright .dber li{ float:left; display:block; width:125px; height:158px; border:1px solid #ffffff; margin-right:34px; padding:5px 5px 0 5px}
.dbright .dber li img{ display:block; max-width:100%}
.dbright .dber li p{ text-align:center; line-height:34px}




.page_banner img{ width:100%}







/*search*/

.search {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    margin: 8px auto;
}

.search .hot .keywd {
    color: #444444;
}

.search .keywds {
    float: left;
    line-height: 32px;
}

.search .keywds a {
    margin: 0 5px;
    color: #636364;
}

.search .keywds a:hover {
    color: black;
}

.search form {
    overflow: hidden;
    display: block;
    position: relative;
}

.search .txt {
    width: 252px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    border: 1px solid #ccc;
    background: none;
    padding-left: 15px;
    border-radius: 15px;
}

.search .btns {
    position: absolute;
    top: 7px;
    right: 11px;
    z-index: 9999;
    background: url(../images/public/btnbg.png) no-repeat 0 0;
    width: 20px;
    height: 22px;
    border: none;
    display: block;
    outline: none;
    cursor: pointer;
}




/*cooperate*/

.cooperate {
    width: 1201px;
    height: 166px;
    background: url(../images/e2.png) no-repeat;
    margin: 45px auto 0;
    position: relative;
}

.cooperate .cope_box {
    width: 1197px;
    margin: 48px auto 0;
}

.cooperate .cope_box .bd ul li {
    width: 147px;
    margin: 0 12px;
    float: left;
}

.cooperate .cope_box .bd ul li img {
    width: 147px;
    height: 80px;
}


/*footer*/

.footer {
    width: 100%;
    min-height: 260px;
    background: #0F51BB;
    overflow: hidden;
}

.footer .footer_nav {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border: 1px solid #146BD1;
}

.footer .footer_nav li {
    display: inline-block;
    width: 168px;
    vertical-align: top;
    background: url(../images/f1.png) no-repeat left center;
}

.footer .footer_nav li a {
    font-size: 16px;
    color: white;
}

.footer .footer_nav li.first {
    background: 0;
}

.footer .footer_box {
    margin-top: 34px;
    color: white;
}

.footer .footer_box .chat {
    width: 170px;
    min-height: 150px;
    background: url(../images/f2.png) no-repeat right top;
}

.footer .footer_box .chat div {
    margin-left: 12px;
    width: 108px;
}

.footer .footer_box .chat div img {
    width: 108px;
    height: 108px;
}

.footer .footer_box .chat div p {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
}

.footer .footer_box .cocate div {
    margin-left: 50px;
    margin-top: 5px;
}

.footer .footer_box .cocate div p {
    font-size: 14px;
}

.footer .footer_box .right {
    width: 630px;
    margin-top: 13px;
}

.footer .footer_box .right .footer_bottom {
    margin-top: 15px;
}

.footer .footer_box .right .footer_bottom strong {
    display: inline-block;
    margin-right: 27px;
    font-weight: 500;
}

.footer .footer_box .right .footer_bottom strong a {
    color: white;
}


.r-a{width: 100%;padding-bottom: 80px;position: relative; background-color: #f4f4f4;}
.r-b{width:100%;margin: 0 auto;}
.r-c{color: #333333;padding-bottom: .45rem; margin-bottom: .5rem;position: relative;}
.r-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .35rem;height: .04rem;background-color: #b1000e;}
.r-cont{width: 100%; min-height: 650px; }
.r-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.r-left{float: right;width: 120px;min-height: 500px; margin-top:140px}
.r-d{width:120px;padding:56px 0;position: relative;}
.r-d.fixed{position: fixed;
    top:50%;
    left: 50%;
    margin-left:500px; z-index:999; margin-top:-280px}
.r-d.absolute{position: absolute;top: auto;}

.r-d:after{content: '';position: absolute;top: 0;right: 0;width:100px;height: 100%;background-color: #fff;}
.r-e{width: 100%;height:500px;}
.r-f{width: 100%;padding-left:20px;height:50px;display: flex;align-items: center;cursor: pointer;}
.r-g{width: 100%;text-align:left;font-size:18px;position: relative; text-indent:26px}

.r-prev{left: auto;right: 0; margin-top: 0;  top: 16px;width: 96px; height:12px;background-image: url(../images/a36.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-prev:hover{background-image: url(../images/a36-b.png);}
.r-next{left: auto;right: 0; margin-top: 0; top: auto; bottom:16px;width:96px; height:12px;background-image: url(../images/a37.png);background-size: auto 12px;background-position: center center;background-repeat: no-repeat;}
.r-next:hover{background-image: url(../images/a37-b.png);}

.r-right{float: left; width:80%;overflow: hidden;position: relative;}
.r-item{display: block;width: 100%;font-size: 0;margin-top:30px;padding-top: 140px;margin-bottom: -140px;
}
.r-h{display: inline-block;vertical-align: top;width:17%;padding-top:8px;color: #333333;font-weight: bold; font-size:35px}
.r-i{display: inline-block;vertical-align: top; width:80%;position: relative;}
.r-i:before{content: '';position: absolute;top: 16px;left: -56px;width:16px;height:16px;border-radius: 50%;border: solid 1px #737687; background-color: #f4f4f4;}
.r-i:after{content: '';position: absolute;top: 32px;left: -48px;width: 1px;height: calc(100% + 32px);background-color: #b3b5bd;}
.r-j{width: 100%;background-color: #ffffff;padding:16px 40px;position: relative;}
.r-j:before{content: '';position: absolute;top: 16px;left: -8px;width: 8px;height:16px;background-image: url('../images/a38.png');background-size: 8px auto; background-position: center center;background-repeat: no-repeat;}
.r-j P{color: #666666;font-size:16px !important;line-height:25px;margin: 10px 0;position: relative;padding-left:20px;}
.r-j P:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-k{color: #666666;line-height:25px;margin:10px 0;position: relative;padding-left:20px;}
.r-k:before{content: '';position: absolute;top:10px;left: 0;width:5px;height:5px;background-color: #737687;}

.r-item:first-child{margin-top: 0;}
.r-item.show .r-h{color: #b1000e;}
.r-item.show .r-i:before{border: none;background-image: url('../images/a35-b.png');background-size:16px 16px;}
.r-item.show .r-i:after{background-color: #b1000e;}



.Menubob { width:100%; margin:12px auto 10px; text-align:center;}
.Menubob li{display:block;width:18%; margin-right:2.4%;float:left}
.Menubob li a{text-decoration:none; font-size:18px; line-height:83px;color:#333333; display:block; text-align:left; text-indent:30%; overflow:hidden}
.Menubob li a:hover,.Menubob li a.hover{ color:#fff}



.Menubob li.iqpro1 a {background:url(../images/pr1.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro1:hover,.Menubob li.iqpro1 a.hover{background:url(../images/pr1-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro2 a {background:url(../images/pr2.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro12:hover,.Menubob li.iqpro2 a.hover{background:url(../images/pr2-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro3 a {background:url(../images/pr3.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro3:hover,.Menubob li.iqpro3 a.hover{background:url(../images/pr3-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro4 a {background:url(../images/pr4.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro4:hover,.Menubob li.iqpro4 a.hover{background:url(../images/pr4-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}
.Menubob li.iqpro5 a {background:url(../images/pr5.png) no-repeat 6% center #fff;border-radius:0 42px 42px 0}
.Menubob li.iqpro5:hover,.Menubob li.iqpro5 a.hover{background:url(../images/pr5-2.png) no-repeat 6% center #df0011;border-radius:0 42px 42px 0}



.syprob div.plist:nth-child(3n) {margin-right:0 !important;}
.plist {
  float:left;
  width:32.12%;
  height:545px;
  margin:45px 1.82% 15px 0;background: #fff;
}
.plist .picbox {
transition:all .3s ease; width:100%; height:280px; display: block; overflow:hidden;
}

.plist .picbox img{width:100%; height:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;}
.plist:hover .picbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.plist p{ line-height:60px; text-align:left; font-size:18px; display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:86%; margin:0 auto}
.plist i{ display:block; width:34px; height:2px; background:#000000; margin-left:7%}
.plist .zycpi{ width:86%; height:90px; overflow:hidden; margin:10px auto 20px}
.plist .zycpi,.plist .zycpi *{ line-height:30px; line-height:30px; font-size:15px; color:#666666}
.plist a{ display:block;width:134px; height:38px; color:#fff; line-height:38px; font-size:15px; background:#df0011; margin-left:7%; text-align:center}
.plist a:hover{ background:#bf000f; color:#fff}

	
	


@media(max-width:1200px){
    .r-j P:before{top: .15rem;}
}

@media(max-width:1360px){
	.pp_ll li .ddhh .dj,.pp_ll li .ddhh2 .dj{ display:none}
}

@media(min-width: 800px){
    .r-g:after{content: '';position: absolute;top: 50%;left: 0;width:12px;height: 1px; background-color: #a7a9b4;}


    .r-f.active{padding-left: 0;}
    .r-f.active .r-g{background-color: #b1000e;color: #ffffff;height: 50px;line-height:50px;width: calc(100% -24px); font-size:35px;}
    .r-f.active .r-g:after{display: none;}
}
@media(max-width: 800px){
    .r-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-right{width: 100%;}

    .r-left{width: 100%;margin-bottom:24px;}
    .r-d.fixed{position: fixed;top:0;left: 0;margin-left: 0;border: 1px solid #f4f4f4;}
    .r-d{padding: 0 .7rem;background-color: #fff;width: 100%;}
    .r-e{height: auto;}
    .r-f{display: inline-block;width: auto;padding:24px 12px;height: auto;}
    .r-g{font-size: 12px;}
    .r-f.active .r-g{color: #b1000e;}


    .r-prev{top: 50%;right: auto; left: 12px;margin-top: -12px;transform: rotate(-90deg); width: 24px;height: 24px;}
    .r-next{top: 50%;left: auto; right: 12px;margin-top: -12px;transform: rotate(-90deg); width: .3rem;height: 24px;}

}

@media screen and (max-width:1340px){
	 .mtopban{margin-top: 89px !important;}
	 .inbox3 .lefttxt .txt{height:210px;}
 
	}

/*搜索*/

      .search{height:98px;background:#fff;border-bottom: 1px solid #e8e8e8; overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";}
      .keywords{ font-weight: normal;width:735px; overflow: hidden; float: left;}
      .keywords b{height:40px; display: block; color: #333333; font-weight: normal; font-size: 28px;  line-height: 40px;margin-top:10px;}
      .keywords a{color: #666666;line-height:28px;padding-right:16px;  font-size: 15px;}
      .sea{overflow: hidden;  float: right;margin-top:32px;}
      .inp01{border-style: none;  float:left;color: #a4a4a4; padding-left: 24px;width:312px; height: 42px;font-family:"Microsoft Yahei"; font-size: 15px; background:none;  line-height: 42px;background:none;background:#f2f2f2;border-top-left-radius: 25px;border-bottom-left-radius: 25px; box-sizing: border-box;}
      .inp02{border-style: none;background: url(../images/ss.png) no-repeat; cursor: pointer; height:42px;width:44px; display: inline-block; color: #fff;}
      @media screen  and (max-width:1401px) {
            .search .content{width:1200px;}
      }
/*引言*/ 
.yybj{ height: 686px;padding-top: 95px;  background:#fff;  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy{width: 1400px;margin:0 auto 45px; }
.yy dl{height: 400px;}
.yybj dl dt{position: relative; width: 48.571%; max-height: 400px;overflow: hidden; float: left; }
.yybj dl dt img{width:100%;  display: block;}
.yybj dl dt i{width: 100%;max-height:400px;background: url(../images/vdotm.png) no-repeat;background-size: 100%; position: absolute;left:0;top:0%;}
.yybj dl dd{height: 150px; width:45.357%;float: right;margin-right: 15px;}
.yybj dl dd h3{font-size: 1.979vw;color: #333333;line-height: 2.7vw; font-weight: bold;margin-bottom: 20px;}
.yybj dl dd h3 b{ display: block;}
.yybj dl dd p{font-size: 15px; line-height: 32px;color:#666666;margin-bottom: 35px;}
.yybj dl dd span{display: block;}
.yybj dl dd span a{width:133px;height:34px;line-height: 34px; border:1px solid #b9b9b9; font-size:16px;color:#474747; display: block;float: left;text-align: center;}
.yybj dl dd span a:hover,.yybj dl dd span a.cur{background: url(../images/yy_cur.jpg) no-repeat ;color:#fff;border-color: #13afff;}
.yybj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yybj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.m_zz{width: 1400px;margin:0px auto; position: relative;height:110px;  }
.m_zz li{ width:21.142%; height: 110px;padding-left:24px; box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.m_zz li::before{content: "";position: absolute;width: 171px;height:83px;background:url(../images/szlibg.png) no-repeat;left:6px;bottom:6px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li em{margin-left:0px;display: block; position: relative;z-index: 1;}
.m_zz li em b{ margin-left:0px;font-size:32px; color: #535353; font-family: "Century Gothic","Arial"; font-weight: bold;line-height: 38px;}
.m_zz li em i{ font-size: 14px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 22px;width:22px; height: 22px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:5px; right:0px;background:url(../images/zz_i.png) no-repeat; }
.m_zz li h3{font-size: 28px; color: #333333; text-align: left; font-weight: normal; line-height: 42px;z-index: 1;position: relative;}

.m_zz li:nth-child(1) em{width:105px;}
.m_zz li:nth-child(2) em{width:130px;}
.m_zz li:nth-child(2) em i{background:url(../images/zz_i1.png) no-repeat;}
.m_zz li:nth-child(2) em b{font-size: 22px;font-weight: bold;}
.m_zz li:nth-child(3) em{width: 120px;}
.m_zz li:nth-child(4) em{width: 105px;}
.m_zz li:nth-child(5){width: 15.432%;}
.m_zz li:nth-child(5) em{width: 88px;}

@media screen and (max-width:1440px) {
  .yy,.m_zz{width: 1200px;}

} 

/**/
.fwbj{ position: relative; box-sizing: border-box; background:#fff;  font-family:"Microsoft Yahei";padding:85px 0 0px;}
.tit01{font-size:40px;text-align:center;font-family:"Microsoft YaHei";color:#333333;font-weight:bold;}
.tit01 i{font-weight:bold;display:block;font-size:30px;color:rgba(26, 26, 26, 0.1);font-family:Arial, Helvetica, sans-serif;}
.fwbj h2{ margin-bottom:60px;}
.fw{width:1400px;  position: relative;margin:0 auto;}
.fw ul{width:94%;margin:0 auto; height: 334px;}
.fw li{width:25%; float: left;position: relative;}
.fw li:after{content:'';position:absolute;height:14px;width:14.0625vw;background:url(../images/fw_jt.png) no-repeat;background-size: 100%; top:22px;left:3.229vw;}
.fw li i{display: block;margin-bottom: 10px;}

.fw li h4{font-size:20px;font-weight: bold;color: #171515;}
.fw li h4 em:after{content:'';position:absolute;height:1px;width:40px;background:#cccccc;bottom:-10px;left:0;}
.fw li h4 em{display: inline-block;height: 38px;line-height: 38px;margin-right: 15px;color: #ef7a23;background-image: -webkit-gradient(linear,left 0, right 0, from(#06bcfe), to(#0d64e4));-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;}
.fw li p{font-size:14px; color:#999999;  line-height: 24px; text-align: left; font-weight: normal;margin-top:32px;width:252px;}

.fwkf{width:1400px;height:200px;box-shadow: 0 0 35px #bcdcf1; background:#ef7e1a;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#06bdff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06bdff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06bdff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06bdff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06bdff, #0d5de2); 
  background-image: linear-gradient(left, #06bdff, #0d5de2);}

.fw_code{float: left;margin-left: 2.604vw;margin-top:39px;}
.fw_code p{width:107px; float: left;margin-right: 1.77vw; font-size:0.833vw;color:#fff; line-height: 34px;text-align: center;}
.fw_code p img{width: 100%;display: block;}
.fw_txt{ line-height: 40px;font-size: 1.3vw;color:#fff;width:40.104vw;text-align: center; float: left;margin-top:60px; font-weight: bold;}
.fw_txt i{display: block;font-weight: lighter;}
.fw_tel{width:240px; text-align: center; float: right;margin-top:40px;margin-right: 2.864vw; line-height: 50px;color:#fff; font-size:1.5625vw;font-weight: bold;}
.fw_tel a{display: block;width:180px;height: 44px;line-height: 44px;border-radius: 22px;border:1px solid #fff;font-size: 0.9375vw;color:#fff;margin:0 auto;font-weight: normal;}

@media screen and (max-width:1440px) {
  .fw,.fwkf{width: 1200px;}
  .fw_txt{width:42.104vw;}
}


/**/
.newsbj{ background:#f9f9f9;padding:90px 0 68px;overflow: hidden; font-family:"Microsoft Yahei";}
.news{width:1400px;  position: relative;margin:0 auto;}
.news h2{ margin-bottom: 25px;text-align: left;}
.news1{width:73.571%; max-width: 1030px; float: left;}
.news1 dl{background:#fff;box-shadow: 5px 8px 10px #e4e5e6;margin-bottom: 17px;height:225px;}
.news1 dt{width:300px;height:225px;float: left;overflow: hidden;}
.news1 dt img{width: 100%;display: block;}
.news1 dd{padding:25px 80px 0 32px; box-sizing: border-box; float: left;width:728px;}
.news1 dd h4{font-size:24px;color:#333;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.news1 dd h4 a{color:#333}
.news1 dd p{ line-height: 24px;font-size: 16px;color:#999999;margin: 10px 0 15px;}
.news1 dd span{height:36px;display: block; line-height: 36px;}
.news1 dd span .news_btn{display: block;width:140px;height:36px;line-height: 36px;float: left;text-align: left;padding-left:28px;box-sizing: border-box;font-size: 16px;color: #5d95f5;background: url(../images/news_btn.gif) no-repeat;}
.news1 dd span i{ font-size: 13px;color: #999999;float: right;}
.news1 ul{background: #fff;height:91px;width:100%;box-shadow: 5px 8px 10px #e4e5e6;}
.news1 li{width: 33%;padding-left: 27px;box-sizing: border-box;height: 91px;float: left;padding-top:20px;}
.news1 li p{ font-size: 18px;color:#333333; line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 32px;}
.news1 li i{ font-size: 13px;color: #999999;display: block;}


.news2{width:24.357%;padding:25px 17px 20px 24px;box-sizing: border-box; max-width: 341px; float: right;box-shadow: 5px 8px 10px #e4e5e6;background: #fff;}
.news2 h3{font-size:24px;color:#191919;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;margin-bottom: 46px;}
.news2 h3 a{color:#191919;}
.news2 dl{padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom:29px;clear: both;overflow: hidden;}
.news2 dt{width:95px;height:71px;float: right;overflow: hidden;}
.news2 dt img{width: 100%;display: block;}
.news2 dd{ float: left;width:181px;}
.news2 dd p{font-size:14px;color:#333333;height: 53px;line-height: 22px;font-weight: normal;}
.news2 dd i{ font-size: 13px;color: #999999;display: block;}

.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


@media screen and (max-width:1440px) {
  .news{width: 1200px;}
  .news1 dd{padding:25px 40px 0 32px; width:582px;}
  .news2 dd{ width:145px;}
}

/**/

/* hyyy
-------------------------------------------------------------- */
.hyyy{
	width:100%;
	overflow:hidden;
	background:url(../images/hyyybg.jpg) no-repeat top center;
	background-size:cover;
	padding-top:47px;
	}
.hyyy .tit h3,.hyyy .tit h3 a{
	color:#fff;
	font-size:36px;
	}
.hyyy .tit h3{
	margin-top:0;
	line-height:45px;
	}
.hyyy .hyyynr{
	width:87%;
	overflow:hidden;
	float:right;
	}
.hyyy .hyyynr hr{
	width:40%;
	border:none;
	border-bottom:solid 1px rgba(255,255,255,0.2);
	margin-top:27px;
	}
.hyyy .hyyylf{
	width:22%;
	overflow:hidden;
	padding-right:60px;
	}
.hyyy .hyyyrt{
	width:78%;
	overflow:hidden;
	margin-top:32px;
	position:relative;
	}
.hyyy .hyyylf span{
	display:block;
	width:54px;
	height:2px;
	background:#fff;
	margin-top:126px;
	margin-bottom:23px;
	}
.hyyy .hyyylf .hyyyen{
	width:100%;
	overflow:hidden;
	font-size:36px;
	color:#fff;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:11px;
	}
.hyyy .hyyylf .hyyyjs{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#fff;
	line-height:30px;
	margin-top:46px;
	}
.hyyymore{
	width:100%;
	overflow:hidden;
	margin-top:123px;
	}
.hyyymore a{
	display:block;
	width:210px;
	height:68px;
	border:solid 1px #fff;
	font-size:16px;
	text-align:center;
	line-height:68px;
	color:#fff;
	    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.hyyymore a:hover{
	background:#fff;
	color:#12699e;
}
.hyyy .hyyyrt .tab_box{
	width:100%;
	overflow:hidden;
	}
.hyyylist{
	width:100%;
	overflow:hidden;
	}
.hyyylist img{
	width:100%;
	height:auto;
	}
.hyyy .hyyyrt .tab,.hyyy .hyyyrt .tab ul{
	width:100%;
	overflow:hidden;
	}
.hyyy .hyyyrt .tab ul li{
	width:25%;
	height:110px;
	overflow:hidden;
	float:left;
	padding-left:164px;
	position:relative;
	border-right:solid 1px #fff;
	}
.hyyy .hyyyrt .tab ul li:last-child{
	border-right:none;
	}
.hyyy .hyyyrt .tab ul li:before{
	content:"";
	width:1px;
	height:36px;
	background:rgba(255,255,255,0.3);
	position:absolute;
	left:136px;
	top:32px;
	}
.hyyy .hyyyrt .tab{
	position:absolute;
	left:0;
	bottom:0;
	border-top:solid 1px #fff;
	}
.hyyy .hyyyrt .tab ul li:first-child{
	background:url(../images/icon4.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(2){
	background:url(../images/icon5.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(3){
	background:url(../images/icon6.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(4){
	background:url(../images/icon7.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li a{
	display:block;
	}
.hyyy .hyyyrt .tab ul li h5{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:20px;
	line-height:30px;
	margin-top:22.5px;
	}
.hyyy .hyyyrt .tab ul li p{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-family:Arial;
	text-transform:uppercase;
	margin-top:5px;
	}
.hyyy .hyyyrt .tab ul li:first-child.hover{
	background:#fff url(../images/iconh4.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(2).hover{
	background:#fff url(../images/iconh5.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(3).hover{
	background:#fff url(../images/iconh6.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li:nth-child(4).hover{
	background:#fff url(../images/iconh7.png) no-repeat 15% center;
	}
.hyyy .hyyyrt .tab ul li.hover h5{
	color:#313131;
	}
.hyyy .hyyyrt .tab ul li.hover p{
	color:#9b9b9b;
	}
.hyyy .hyyyrt .tab ul li.hover:before{
	background:#c6c6c6;
	}
	
	
	/* ys
-------------------------------------------------------------- */
.ys{
	width:100%;
	height:859px;
	overflow:hidden;
	background:url(../images/ysbg.jpg) no-repeat top center;
	background-size:cover;
	margin-top:68px;
}
.ys .ysnr{
	width:86%;
	overflow:hidden;
	float:right;
}
.ys .ysnr .yslf{
	width:27%;
	overflow:hidden;
	padding-top:150px;

	}
	.yslf .tit h3
	{font-size:30px;}
.yslf .tit h3,.yslf .tit p{
	color:#fff;
	
	}
.yslf .ysbtn{
	width:100%;
	overflow:hidden;
	margin-top:157px;
	}
.yslf .ysbtn a{
	display:block;
	width:210px;
	height:68px;
	text-align:center;
	line-height:68px;
	background:#fff;
	font-size:16px;
	color:#12699e;
	    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
	}
.yslf .ysbtn a:hover{
	background:#12699e;
	color:#fff;
}
.ysnr .ysrt{
	width:73%;
	overflow:hidden;
	}
.cloud-product-box{
	width:100%;
	overflow:hidden;
	}
.cloud-product-wrapper {
	margin: 0 auto;
	width: 1200px
}
.cloud-product {
	position: relative;
	z-index: 9;
}
.cloud-product-title {
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 32px;
	color: #333
}
.color-blue {
	color: #009fd9
}
.cloud-product-explain {
	margin-top: 26px;
	margin-bottom: 82px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	color: #999
}
.cloud-product-ul {
	width: 100%
}
.cloud-product-ul li {
	height:859px;
	position: relative;
	width: 30%;
	float: left;
}
.cloud-product-ul li:first-child {
	margin-left: 0
}
.active-inner-item{
	width:100%;
	overflow:hidden;
	}
.active-inner-item h4{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:40px;
	}
.active-inner-item hr{
	width:32px;
	border:none;
	border-bottom:solid 1px #fff;
	margin:auto;
	}
.cloud-product-ul li h4{
	width:40px;
	overflow:hidden;
	font-size:30px;
	color:#fff;
	margin:auto;
	line-height:30px;
	font-weight:normal;
	margin-top:180px;
	}
.cloud-product-ul li hr{
	width:32px;
	border:none;
	border-bottom:solid 1px #fff;
	position:absolute;
	bottom:292px;
	left:50%;
	margin-left:-16px;
	}
.cloud-product-ul li .ysnum{
	width:100%;
	overflow:hidden;
	font-size:80px;
	color:#fff;
	text-align:center;
	line-height:80px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:172px;
	}
.cloud-product-single-top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #f2f2f2
}
.cloud-product-name {
	font-size: 18px;
	color: #333;
	font-weight: 700
}
.cloud-product-single-bottom {
	width: 100%;
	height: 340px
}
.empty-space {
	width: 100%;
	height: 99px;
	padding: 26px 0 0 0;
}
.product-introduce-title {
	margin-bottom: 14px;
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	text-align: center
}
.product-introduce-title.normal-weight {
	font-weight: 400
}
.product-introduce-content {
	margin: 0 auto 26px;
	width: 180px;
	line-height: 14px;
	font-size: 14px;
	text-align: center;
	color: #999
}
.product-introduce-list {
	margin: 0 auto;
	padding-top: 28px;
	height: 135px;
	width: 84%;
	border: 1px solid #f1f1f1;
	border-left: none;
	border-right: none
}
.introduce-list-small {
	margin-bottom: 18px;
	line-height: 14px;
	font-size: 14px;
	color: #999;
	text-align: center
}
.product-introduce-price {
	margin: 48px auto 0;
	font-size: 14px;
	text-align: center;
	color: #333
}
.price-blue {
	color: #0af;
	font-size: 38px
}
.normal-inner {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.active-inner {
	position: relative;
	display: none;
	height: 100%;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.introduce-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px
}
.cloud-product-ul li.active .active-inner {
	display: block;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.cloud-product-ul li.active .normal-inner {
	display: none;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
.cloud-product-ul li {
	-webkit-transition: width .15s linear;
	-o-transition: width .15s linear;
	-moz-transition: width .15s linear;
	transition: width .15s linear
}
.cloud-product-ul li.active {
	z-index: 9;
	width: 40%;
	background:#ef7e1a;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#0d5de2), to(#06bdff)); 
  background-image: -webkit-linear-gradient(left, #0d5de2, #06bdff); 
  background-image: -moz-linear-gradient(left, #0d5de2, #06bdff); 
  background-image: -o-linear-gradient(left, #0d5de2, #06bdff); 
  background-image: -ms-linear-gradient(left, #0d5de2, #06bdff); 
  background-image: linear-gradient(left, #0d5de2, #06bdff);
}
.cloud-product-ul li.active .ysimg,.cloud-product-ul li.active h4{
	text-align:left;
	}
.cloud-product-ul li.active{
	padding:102px 95px 0 95px;
	}
.cloud-product-ul li.active h4{
	width:100%;
	overflow:hidden;
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:40px;
	margin-top:70px;
	}
.cloud-product-ul li.active hr{
	width:32px;
	border:none;
	border-bottom:solid 1px #fff;
	position:inherit;
	bottom:0;
	left:0;
	margin:26px auto 0;
	}
.cloud-product-ul li.active .ysjs{
	width:100%;
	overflow:hidden;
	font-size:16px;
	color:#fff;
	line-height:30px;
	margin-top:47px;
	}
.cloud-product-ul li.active .ysnum{
	width:100%;
	overflow:hidden;
	font-size:220px;
	line-height:164px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0.1);
	position:absolute;
	bottom:-3px;
	letter-spacing:-20px;
	}
.active .product-introduce-content {
	color: #eff6ff
}
.active-product-introduce-title {
	color: #fff
}
.active .product-introduce-list {
	padding-top: 22px;
	border-color: #3f9ff9
}
.introduce-list-large {
	margin: 0 auto;
	width: 228px;
	line-height: 22px;
	color: #ddebff;
	font-size: 14px
}
.active .product-introduce-price {
	margin-top: 32px;
	color: #fefeff
}
.product-introduce-price .price-white {
	display: inline-block;
	font-size: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff
}
.buy-link-btn {
	display: block;
	margin: 30px auto 0;
	width: 90%;
	height: 40px;
	line-height: 40px;
	background-color: #ff9600;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.buy-link-btn:hover {
	background-color: #f80
}


/*产品特点*/
.feature{
    width: 100%;min-width: 1400px;background:#f5f5f5;padding-top: 80px; padding-bottom: 50px;overflow: hidden;
}
.feature li{line-height: 30px;transition: all ease 0.5s;cursor: pointer;height: 475px;
    width:28%;box-sizing: border-box;background: #fff;padding:50px;float: left;text-align: center;font-size: 15px;color: #666;font-weight: lighter;
}
.feature li+li{
    margin-left: 2%;
}

.feature li .icon{border-radius: 50%;overflow: hidden;
    width: 100px;height: 100px;box-sizing: border-box;border: 5px solid #eee;line-height: 90px;font-size:40px;color: #fff;background: #0e61e3;margin: 0 auto;
}
.feature li img{ display:block; margin:20px auto 0px auto;}
.feature li dl{ padding-top: 20px;
    font-size: 26px;font-weight: bold;color: #222;
}
.feature li dt{
    font-size: 14px;color: #999;
}
.feature li dt:after{
    display: block;content: "";width: 1px;background: #ddd;height: 30px;margin: 20px auto;
}
.feature li p{
    margin-top: 5px;
}
.feature li a{display: none;line-height: 44px;background: #eee;color: #222;font-size: 15px;margin-top: 20px;
    height: 0;overflow: hidden;transition: all ease 0.5s;
}
.feature li:hover a{
    background: #0e61e3;color: #fff;
}
.feature li.cur{
    width: 40%;
}
.feature li.cur dt:after{
    height:20px;margin:10px auto;
}
.feature li.cur a{
    display: block;height: 44px;
}


/*公司优势*/
.youshi{overflow: hidden;
     width: 100%;min-width: 1400px;background:#f5f5f5 url(../images/youshibg.jpg) center top no-repeat;padding:140px 0 80px 0;
}
.youshi .main_t p:before{ display: block;content: ""; float: left; margin-right: 20px; width: 66px; height: 45px; background: url(../images/main_leftb.png)left center no-repeat; }
.youshi .main_t p:after{ display: block;content: ""; float: right; margin-left:20px; width: 66px; height: 45px; background: url(../images/main_rightb.png)left center no-repeat; }
.youshi .main_t p{
    color: #fff;
}
.youshi .main_t dl{
    color: rgba(255,255,255,0.7);
}

.youshi_b{
  box-sizing: border-box;
}
.hidden{
    display: none;
}

.youshi_bt li{cursor: pointer;
    color: #fff;
    width: 23.5%;box-sizing: border-box;padding:30px 50px;float: left; background: rgba(255,255,255,0.1);border: 1px solid  rgba(255,255,255,0.2);
}
.youshi_bt li+li{
    margin-left: 2%;
}

.youshi_bt li .icon{font-size:54px;color: #fff;line-height: 60px;float: left;
}
.youshi_bt li .txt{line-height:30px;
    margin-left:12px;
}
.youshi_bt li .txt i{
    display: block;font-size: 28px;padding-top: 5px;
}
.youshi_bt li .txt em{ padding-top: 8px;line-height: 14px;
    display: block;color: rgba(255,255,255,0.6);font-size: 14px;
text-transform: uppercase;
}
.youshi_bt li:after{
    display: block;content:"";clear: both;
}
.youshi_bb{ margin-top:28px; padding: 50px;
    background: #fff url(../images/youshibbg.jpg)center top no-repeat;
}
.youshi_bt li.nep01{
    background: #df0011;
}
.youshi_bb .pic{
    width: 650px;height: 450px;overflow: hidden;
}
.youshi_bb .pic img{
    display: block;
}

.youshi_bb .txt{
    position: relative;width: 650px;padding-right: 50px;box-sizing: border-box;
}
.youshi_bb .txt .number{color: #fff;
    position: absolute;left: 0;top:-50px;width: 70px;background:#0e61e3;border: 5px solid #fff;border-radius: 0 0 40px 40px;overflow: hidden;text-align: center;font-size: 40px;font-weight: bold;
    font-family:"arial";line-height: 60px; padding:15px 0 32px 0;border-top:none;
}
.youshi_bb .txt .number:after{left: 0;right:0;margin: 0 auto;
    display:block;content: "";width: 15px;height: 1px;background:rgba(255,255,255,0.6)}
.youshi_bb .txt dl{padding-top:70px;
    font-size: 36px;color: #222;line-height: 65px;font-weight: bold;
}
.youshi_bb .txt dt{border-bottom: 1px solid #dedede;padding-bottom: 25px; margin-bottom: 10px;
    font-size: 22px;color: #222;line-height: 30px;
}
.youshi_bb .txt p{
    font-size: 16px;font-weight: lighter;line-height: 32px;color: #999;padding-top: 15px;
}
.youshi_bb .txt span{
    color: #0e61e3;
}
.youshi_bb .tel{
    background: #0e61e3;line-height:50px;font-size: 15px;color: #fff;border-radius: 25px;overflow: hidden;margin-top:40px;
}
.youshi_bb .tel:before{ margin-right:10px;
    display: block;width: 50px;height: 50px;float: left;border-radius: 50%;overflow: hidden;background: #df0011;text-align: center;font-size: 20px;
}
.youshi_bb .tel i{
    display: block;float: left;
}
.youshi_bb .tel em{
    display: block;float: left; font-size: 30px;font-family: "arial";
}
.youshi_bb .tel a{text-align: center;color: #fff;font-size: 15px;
    display: block;width: 180px;border-radius: 25px;overflow: hidden;background: rgba(255,255,255,0.15);float: right;margin-right: 5px;
}
.youshi_bb .tel a:hover{
    background: #ff9000;
}

/*主营业务*/
.main_all{
  width: 100%;min-width: 1400px;padding-top: 80px;
}    
 .main_t{font-size: 18px;text-align: center; line-height:40px;
     margin-bottom: 35px;
 }
  .main_t p{ display: inline-block;font-size:  40px; color: #222;}
  .main_t p span{ color: #0e61e3; font-weight: bold; }
  .main_t p:before{ display: block;content: ""; float: left; margin-right: 20px; width: 66px; height: 45px; background: url(../images/main_left.png)left center no-repeat; }
    .main_t p:after{ display: block;content: ""; float: right; margin-left:20px; width: 66px; height: 45px; background: url(../images/main_right.png)left center no-repeat; }
.main_t dl{
     font-weight:lighter;line-height: 32px;
}
.main_c{
    margin-top:40px;
}
.main_c li{font-size: 15px;color: #666;line-height: 30px;
    display: block;width: 23%;box-sizing: border-box;position: relative; padding-right:4%;
}
.main_c li:nth-of-type(3) p{
    letter-spacing: 0.5px;
    text-align: right;
}
.main_c li:after{
    display: block;content: "";width: 1px;height: 180px;background: #eee;position: absolute;right:0;top: 0;
}
.main_c:after{
    display: block;content: "";clear: both;
}
.main_c li dl{position: relative;display:block;
    font-size: 26px;color: #222;font-weight: bold;
}
.main_c li dl:after{content:"";width: 30px;margin: 30px 0 30px 0;
    display: block;border-bottom:2px solid #0e61e3;
}
.main_c li span{
    color: #0e61e3;
}
.main_c li p{text-align: justify;
    font-weight: lighter;
}
.main_c li+li{width: 27%;
    padding-left: 4%;
}
.main_c li:last-child{
    padding-right: 0;width: 23%;
}
.main_c li:last-child:after{
    display: none;
}
.main_b{
    background: #f5f5f5;margin-top: 80px; padding: 80px 0;
}

.main_b li{border: 2px solid #ddd;
    width: 200px;height: 200px;position: relative;border-radius: 50%;overflow: hidden;
}
.main_b li img{
    display: block;width: 100%;height: auto;
}
.main_b li .txt{text-align: center;
    display: block;width: 100%;position:absolute;left: 0;right: 0;margin: 0 auto;bottom:0;line-height:45px;height: 50px;color: #fff;font-size: 18px;background: rgba(0,146,63,80%);
}
.main_b li+li{
    margin-left:45px;
}
.main_b .video{
    width: 400px;height: 400px;overflow: hidden;position:absolute;top: -164px;left: 0;right: 0;margin: 0 auto;border-radius: 50%;border: 5px solid #ddd;
}
.main_b .video video{
    display: block;width: 100%;height: auto;margin-top: -130px;
}
.box,.content,.w1200,.width-1200{ width:1400px; margin:0 auto;
    position: relative;
}
/*产品展示*/
.prod_all{
    width: 100%;min-width: 1400px;margin-top: 80px;
}
.prod_t{
    position: relative;text-align: center; 
    margin: 0 auto;
    box-sizing: border-box;
    height: 60px;width: 100%;
    line-height: 60px;
    box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1);
    border-radius: 30px;
    overflow: hidden;
    padding: 0 60px;
    background: #fff;
}
.prod_t li {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-size: 16px; background: #f5f5f5;border-radius: 25px;overflow: hidden;margin: 0 15px;
    padding: 0 2%;
    position: relative;
    cursor: pointer;
}
.prod_t li:after{
  display: block;content:"";width: 0;height:0;position: absolute;left: 0;right: 0;margin: 0 auto;top:50%;z-index: 1; transition: all ease 0.5s; background: #0e61e3;border-radius:25px;overflow: justify;
}
.prod_t li a{transition: all ease 0.5s;color: #555;
    position: relative;z-index: 2;
}
.prod_t li:hover:after{
    width: 100%;height: 100%;top: 0;
}
.prod_t li:hover a{color:#fff;
    
}
 .prod_all .picScroll-left1{ position:relative; 

 }
	.prod_all .picScroll-left1 .hd{ overflow:hidden;  height:38px;z-index: 1;  position: relative;text-align:center; min-width: 300px; margin: 0 auto;
top:-48px;
		    
		}
	.prod_all .picScroll-left1 .hd .prev{ display:block;  width:38px; height:38px;  position:absolute;left:20px; top: 0;
     cursor:pointer; border-radius: 50%;overflow: hidden;background: rgba(14,97,227,0.1); transform: rotate(180deg);
         color: #0e61e3;font-size:18px;text-align: center;line-height: 38px;}
         
     .prod_all .picScroll-left1 .hd .next{ display:block;  width:38px; height:38px;  position:absolute;right:20px; top: 0;
     cursor:pointer; border-radius: 50%;overflow: hidden; background:rgba(14,97,227,0.1);
         color: #0e61e3;font-size:18px;text-align: center;line-height: 38px;
     }
	
	.prod_all .picScroll-left1 .hd .prev:hover,.prod_all .picScroll-left1 .hd .next:hover{
	    background: #0e61e3;color: #fff;
	}		 

	.prod_all .picScroll-left1 .bd{ padding:0; position:relative; overflow:hidden; }
	.prod_all .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
	.prod_all .picScroll-left1 .bd ul li{ float:left;  overflow:hidden; width:100%;box-sizing: border-box;display:block; 
	    min-height: 100px;
	}
	.prod_all .picScroll-left1 .bd ul li{ float:left;  overflow:hidden; width:100%}
	.prod_all .picScroll-left1 .bd ul li a{ 
	    width: 23.5%;margin: 0 2% 2% 0;display: block;float: left;
	}
	.prod_all .picScroll-left1 .bd ul li a:nth-of-type(4n){
	    margin-right: 0;
	}
	.prod_all .picScroll-left1 .bd ul li .pic{
	    overflow:hidden;
	}
	.prod_all .picScroll-left1 .bd ul li .pic img{ width:100%;  height:auto; display:block;transition: all ease 0.5s;
	}
	.prod_all .picScroll-left1 .bd ul li a:hover .pic img{
	    transform: scale(1.2);
	}
	.prod_all .picScroll-left1 .bd ul li a:hover .pic img{ border-color:#999;  }
	

	.prod_all.picScroll-left1 .tempWrap{ width:100% !important;}
.prod_all .picScroll-left1 .bd ul li a .txt{ text-align: center;font-size: 1rem;line-height: 50px; margin: 0;position: relative;z-index: 2;
height: 50px; 
	background: #f5f5f5;}
    .prod_all .picScroll-left1 .bd ul li a .txt p{transition: all ease 0.5s;
        display: block;position: relative;z-index: 2;
		line-height:50px;
    }
.prod_all .picScroll-left1 .bd ul li a .txt:after{content:"";position: absolute;bottom:0;left: 0;
    display: block;width: 0;height: 100%;background: #0e61e3;transition: all ease 0.5s;
}
.prod_all .picScroll-left1 .bd ul li a:hover .txt:after{
    width: 100%;
}
.prod_all .picScroll-left1 .bd ul li a:hover .txt p{
    color: #fff;
}