.banner{height:auto}
.slideBox{position:relative}
.slideBox .hd{position:absolute; width:100%;left:0 !important;bottom:15px;overflow:hidden;z-index:1; text-align:center;}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left; width:100%}
.slideBox .hd ul li{width:45px;height:2px;background-color:#fff;margin:0 10px; display:inline-block;cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{background-color:#0086c8}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li{zoom:1;vertical-align:middle; overflow:hidden;}
.slideBox .bd li img{max-width:100%;height:auto;background-size:contain|cover;-moz-background-size:contain|cover;-webkit-background-size:contain|cover;-o-background-size:contain|cover;display:block}
.functions{ padding:68px 0;background:url(../images/proc_bck_bar.gif);}
.functions div.main-area{max-width:1200px;margin:0 auto; overflow:hidden;}
.slideTxtBox3 .hd{width:30%;height:581px;background-color:#fff;position:relative;float:left;}
.slideTxtBox3 .hd div.func-nav-title{width:84%;height:163px;margin-top:45px;margin-left:8%;border:2px solid #30c849}
.slideTxtBox3 .hd div.func-nav-title h4{height:23px;margin-top:25px;line-height:23px;text-align:center;font-size:24px;color:#24af47}
.slideTxtBox3 .hd div.func-nav-title h5{height:13px;margin-top:12px;line-height:13px;text-align:center;font-size:10px}
.slideTxtBox3 .hd div.func-nav-title h6{width:60%;height:36px;margin-left:20%;margin-top:24px;background-color:#0086c8;line-height:36px;text-align:center;font-size:14px;color:#fff}
.slideTxtBox3 .hd ul{ width:84%; margin-left:8%;}
.slideTxtBox3 .hd ul li{width:100%;height:88px;border-bottom:1px solid #eee;cursor:pointer;transition: all .3s linear;}
.slideTxtBox3 .hd ul li:hover{background-color:#24af47}
.slideTxtBox3 .hd ul li.on{background-color:#24af47; color:#fff !important;}
.slideTxtBox3 .hd ul li.on .func-li-right h5{ color:#fff;}
.slideTxtBox3 .hd ul li.on h4{ color:#fff;}
.slideTxtBox3 .hd ul li h4{width:25%;height:88px;line-height:88px;float:left;font-size:18px;text-align:center;color:#bcbcbc}
.slideTxtBox3 .hd ul li .func-li-right{width:75%;margin-top:30px;float:right}
.slideTxtBox3 .hd ul li .func-li-right h5{height:18px;line-height:18px;font-size:18px;text-align:left;color:#383838}
.slideTxtBox3 .hd ul li .func-li-right h6{height:10px;margin-top:7px;line-height:10px;font-size:7px;text-align:left;color:#b5b5b5}
.slideTxtBox3 .bd{width:70%;height:581px;position:relative;float:right}
.slideTxtBox3 .bd .func-box{ background:#fff; width:100%; height:100%; margin-left:15px; background:#fff; padding:30px;}
.slideTxtBox3 .bd ul{height:581px;}
.slideTxtBox3 .bd ul li div.contents{width:758px;margin-top:30px;margin-left:30px}


.swiper-banner {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-banner .swiper-slide a{ display:block; overflow:hidden;}
.swiper-banner .swiper-slide a img{ width:100%;}





/*首页修改2019*/
.tb {display: table;width: 100%;height: 100%;}
.tbc {display: table-cell;vertical-align: middle;}

.ty-pd{ padding:60px 0;}
.ty-pb{ padding-bottom:60px;}
.ty-nantit{ font-size:24px; color:#444; font-weight:bold; text-align:center; margin-bottom:50px;}
.ty-nantit b{ color:#da251d;}

.ty-nanbox1{ margin-bottom:50px;}
.ty-nanbox .tyimg{ width:46%;}
.ty-nanbox .tyntxt{ width:52%;}
.ty-nanbox .tyntxt ul li{ margin-bottom:22px;}
.ty-nanbox .tyntxt ul li:last-child{ margin-bottom:0;}
.ty-nanbox .tyntxt ul li:after,.ty-nanbox .tyntxt ul li:before{ content:""; display:block; clear:both;}
.ty-nanbox .tyntxt ul li .timg{ float:left; margin-right:30px;}
.ty-nanbox .tyntxt ul li .tit{ font-size:16px; color:#333;  margin-bottom:10px; padding-top:10px;}
.ty-nanbox .tyntxt ul li .note{ font-size:13px; color:#999;}
.ty-nanbox .tyntxt ul li .note font{ color:#444;}
.ty-nanbox.ty-nanbox2 .tyntxt ul li .timg{ float:right; margin-left:30px;}



.ty-fan{ background:url(../images/fnbg.jpg) center no-repeat; background-size:cover;}

.tyfntit{ text-align:center; margin-bottom:30px;}
.tyfntit .tit{ font-size:24px; color:#444; font-weight:bold; text-align:center; margin-bottom:10px;}
.tyfntit .tit b{color:#da251d;}
.tyfntit .note{ font-size:24px; color:#666;}
.ty-fnlist ul li{ width:50%; float:left; text-align:center; padding:34px;}

.ty-ad1{ background:#eee; padding:30px 0; }
.ty-ad1 p{ text-align:center; color:#444;}
.ty-ad1 .tit1{ font-size:24px; font-weight:bold; margin-bottom:4px;}
.ty-ad1 .tit2{ font-size:24px; color:#666;}


.ty-ad2{ background:#00aa6a; padding:30px 0; }
.ty-ad2 p{ text-align:center; color:#fff; }
.ty-ad2 .tit1{ font-size:24px; font-weight:bold; margin-bottom:4px; padding-top:12px;}
.ty-ad2 .tit1 b{ color:#000}
.ty-ad2 .tit2{ font-size:24px;}
.ty-ad2 .ty-container{ position:relative;}
.ty-ad2 .tyadewm{ width:100px; position:absolute; right:0; top:-12px; text-align:center; font-size:12px; color:#fff;}



.ty-pxt{ padding:88px 0;}
.ty-pxt ul li{ width:33.333%; float:left;}
.ty-pxt ul li .tyin{ width:112px; height:112px; background:url(../images/tyfk.jpg) center no-repeat; background-size:cover; font-size:18px; font-weight:bold; text-align:center; float:left; margin-right:10px;}
.ty-pxt ul li .tyin b{ color:#da251d}
.ty-pxt ul li p{ font-size:14px; line-height:2; color:#999; padding-right:30px;}

.ty-veobox{ padding:70px 0;}
.ty-veobox .leviok{ width:45%; float:left;}
.ty-veobox .tit{ font-size:24px;  color:#444; margin-bottom:8px;}
.ty-veobox .note{ font-size:16px; color:#666; margin-bottom:15px;}
.ty-veobox .leviok iframe, .ty-veobox .leviok video {width: 100% !important;height: 310px !important;}

.ty-veobox .riviok{ float:right; width:53%;}
.ty-veobox .tymgb{ margin-bottom:60px;}


.ty-shilitit{ background:#f4f4f4; padding:30px 0; border-bottom:2px solid #00aa6a;}
.ty-shilitit .tit{ font-size:24px; font-weight:bold; float:left; color:#444;}
.ty-shilitit .note{ font-size:24px; float:right; color:#444; padding-top:15px;}

.ty-shili{ overflow:hidden; padding:30px 0;}
.ty-shili ul li{ width:33.33%; float:left;}
.ty-shili ul{ position:relative; margin:0 -10px;}
.ty-shili ul li a{ display:block; padding:10px;}
.ty-shili ul li a span{ display:block; padding:10px; font-size:18px; text-align:center; color:#fff; background:#00aa6a}

.ty-jjfatit{ text-align:center; padding-top:20px; padding-bottom:30px;}
.ty-jjfatit .tit{ position:relative; margin-bottom:10px;}
.ty-jjfatit .tit:after{ content:""; display:block; width:100%; height:1px; background:#00aa6a; top:50%; position:absolute; left:0;}
.ty-jjfatit .tit span{ display: inline-block; font-size:24px; color:#444; font-weight:bold; padding:0 30px; position:relative; z-index:2; background:#fff;}
.ty-jjfatit .note{ font-size:16px; color:#999;}



.ty-jjfabox{ padding:50px 0; background:#f5f5f5;}

.tyljjleft{ width:24%; float:left; background:#fff;}
.tyljjleft .tit{ font-size:40px; font-weight:bold; color:#fff; padding:30px; background:#00aa6a;}
.tyljjleft ul{ padding:15px;}
.tyljjleft ul li{ margin-bottom:15px;}
.tyljjleft ul li .nt{ font-size:16px; font-weight:bold; background:#f5f5f5; padding:10px 15px; position:relative;  }
.tyljjleft ul li .nt a{ color:#333;}
.tyljjleft ul li .nt:after{ content:""; display:block; width:15px; height:15px; background:url(../images/ty_dd.png) center no-repeat; position:absolute; right:15px; top:50%; margin-top:-7px;}
.tyljjleft ul li .ot{ line-height:44px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:14px; background:url(../images/ty_ss.png) 15px center no-repeat; padding-left:25px; border-bottom:1px dashed #eee; margin:0 5px;}
.tyljjleft ul li .ot a{ color:#666;}


.tyjjright{ width:74%; float:right; background:#fff; padding:40px;}
.tyjjright .tyfa1 .thumb{ width:48%; float:left;}
.tyjjright .tyfa1 .ttxt{ width:50%; float:right;}
.tyjjright .tyfa1 .ttxt em{ color:#da251d; font-style:normal;}
.tyjjright .tyfa1 .ttxt .tit{ font-size:24px; color:#444; font-weight:bold; margin-bottom:10px;}
.tyjjright .tyfa1 .ttxt .subtit{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.tyjjright .tyfa1 .ttxt .info{ font-size:14px; color:#999; line-height:1.8;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.tyjjright .tyfa1 .ttxt a{ font-size:16px; color:#666; margin-top:15px; display:block;}

.tyjjright .tyfa1.tyfa2{ margin-top:78px;}
.tyjjright .tyfa1.tyfa2 .thumb{ float:right;}
.tyjjright .tyfa1.tyfa2 .ttxt{ float:left;}

.ty-gong{ padding:40px 0;}
.ty-gclist{ overflow:hidden;}
.ty-gclist ul{ margin:0 -25px;}
.ty-gclist ul li{ width:50%; float:left;}
.ty-gclist ul li a{ display:block; padding:25px;}
.ty-gclist ul li a .item{ border:1px solid #00aa6a;}
.ty-gclist .tygc-top{ border-top:1px solid #00aa6a;}
.ty-gclist .tygc-top span{ width:28%; float:left; background:#eee; font-size:18px; height:62px; line-height:62px; display:block; text-align:center; color:#444;}
.ty-gclist .tygc-top p{ width:72%; float:left; line-height:62px; padding-left:25px; font-size:20px; color:#333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ty-gclist .tygc-min{ padding:15px;}
.ty-gclist .tygc-min p{ width:50%; float:left; padding:10px;}
.ty-gclist .tygc-min p span{ display:block; font-size:12px; color:#999;}
.ty-gclist .tygc-min p span b{ color:#d60b29;}
.ty-gclist .tygc-min p span strong{ color:#00aa6a;}
.ty-gclist .tygc-min p span font{ display:block; font-size:20px; color:#333; position:relative; height:36px; margin-top:8px; margin-bottom:6px;}
.ty-gclist .tygc-min p span font:after{ content:""; display:block; width:40px; height:1px; background:#ccc; position:absolute; left:0; bottom:0;}

.ty-gclist .tygc-bn{ background:#eee; display:block; width:100%; font-size:20px; color:#444; padding:15px; text-align:center; }


.ty-prodeuc{ background:#f5f5f5; padding:40px 0;}

.ty-prodeuc .ty-jjfatit .tit span{ background:#f5f5f5;}

.ty-pro-right{width: 74%;float: right;background: #fff;padding: 40px;}

.typor{ }
.typor .hd{background:#f5f5f5; position:relative;}
.typor .hd .tymo{ position:absolute; right:15px; bottom:15px; color:#666;}
.typor .hd ul li{ display:inline-block; padding:15px 25px 15px 40px; font-size:16px; font-weight:bold; background:url(../images/ty_jk.png) 20px center no-repeat; position:relative;}
.typor .hd ul li a{ color:#333;}
.typor .hd ul li:last-child:after,.typor .hd ul li.on:after{ display:none;}
.typor .hd ul li:after{ content:""; display:block; width:1px; height:10px; background:#b8e2d2; position: absolute; right:0; top:50%; margin-top:-5px;}
.typor .hd ul li.on{ background:url(../images/ty_jkh.png) 20px center no-repeat #00aa6a;}
.typor .hd ul li.on a{ color:#fff;}

.typor .bd{ overflow:hidden; margin-top:15px;}
.typor .bd ul{ position:relative; margin:0 -10px;}
.typor .bd ul li{ padding:10px; width:33.333%; float:left;}
.typor .bd ul li span{ display:block; text-align:center; color:#333; margin-top:8px;}

.typys{ text-align:center; margin-top:18px;}

.ty_vs1{ padding:40px 0;}

.ty_vs1list{ margin-top:40px;}
.ty_vs1list ul li{ width:100%; margin-bottom:50px;}
.ty_vs1list ul li:after,.ty_vs1list ul li:before{ content:""; display:block; clear:both;}
.ty_vs1list ul li:nth-child(2){ float:right;}
.ty_vs1list ul li:nth-child(2) .txt{ padding-left:0; padding-right:40px;}
.ty_vs1list ul li:nth-child(2) img{ float:right;}
.ty_vs1list ul li:nth-child(4){ float:right;}
.ty_vs1list ul li:nth-child(4) .txt{ padding-left:0; padding-right:40px;}
.ty_vs1list ul li:nth-child(4) img{ float:right;}

.ty_vs1list ul li img{ float:left;}
.ty_vs1list ul li .txt{ float:left; padding-left:40px;}
.ty_vs1list ul li .txt .tit{ font-size:18px; color:#444; font-weight:bold; margin-bottom:15px; padding-top:15px;}
.ty_vs1list ul li .txt .note{ font-size:16px; color:#666;}



.ty_vs2{ padding:40px 0; background:#f5f5f5;}
.ty_vs2 .ty-jjfatit .tit span{ background:#f5f5f5;}
.ty_vs2list{ margin-top:10px;}
.ty_vs2list ul li:after,.ty_vs2list ul li:before{ content:""; display:block; clear:both;}
.ty_vs2list ul li{ margin-bottom:38px;}
.ty_vs2list ul li img{ float:left;}
.ty_vs2list ul li .txt{ float:left; margin-left:50px; padding-top:20px;}
.ty_vs2list ul li .txt .tit{ font-size:20px; color:#00aa6a; margin-bottom:15px;}
.ty_vs2list ul li .txt .tit span{ display:inline-block; width:67px; height:47px; line-height:47px; background:url(../images/ty_nun.png) center no-repeat; color:#fff; text-align:center; margin-right:15px;}
.ty_vs2list ul li .txt .note{ padding-left:74px;}
.ty_vs2list ul li .txt .note p{ font-size:16px; color:#666; line-height:36px; padding-left:20px; background:url(../images/ty_yu.png) 0 center no-repeat;}
.ty_vs2list ul li:nth-child(even) img{ float:right;}
.ty_vs2list ul li:nth-child(even) .txt{ float:right; margin-left:0; margin-right:50px;}


.jkdgfj .xthumb{ width:33%; float:left;}
.jkdgfj .xjtxt{ width:64%; float:right;}
.jkdgfj .xjtxt .tit{ font-size:20px; font-weight:bold; margin-bottom:15px;}
.jkdgfj .xjtxt .bjian{ font-size:18px; font-weight:bold; margin-bottom:15px;}
.jkdgfj .xjtxt .bjian span{ display:inline-block; margin-right:15px;} 
.jkdgfj .xjtxt .note strong{ font-size:18px; display:block; margin-bottom:15px;}
.jkdgfj .xjtxt .note{ line-height:2; font-size:14px;}
.xbng{ margin-top:15px;}
.xbng a{ display:inline-block; padding:6px 30px; background:#00aa6a; color:#fff; margin-right:15px; border-radius:10px;}
.xbng a:first-child{background:#00a2e9;}

.xkfjx{ border:1px solid #eee; margin-top:15px;}
.xkfjx .hd{ background:#eee;}
.xkfjx .hd ul li{ width:20%; float:left; height:36px; line-height:36px; text-align:center;}
.xkfjx .hd ul li.on{ background:#00a2e9; color:#fff;}
.xkfjx .bd{ padding:15px;}



.glqw1{ width:47%; float:left;}
.glqw2{ width:47%; float:right;}
.grjw span{ display:block; margin:15px 0;}
.grjw h3{ font-size:24px; padding-top:8px;}
.grjw p{ font-size:14px; line-height:24px;}
.glqw2 h3{ color:#24af47}

.grjwimg{ margin-top:30px;}

.videos{position:relative;background-color: #0086c8; padding:68px 0;}
.videos:before{ content:""; display:block; position:absolute; right:0; width:50%; top:0; height:100%; background:#24af47;}
.videos .videos-left{ width:50%; float:left;}
.videos .videos-right{ width:50%; float:right;}
.videos .video-title{ margin-bottom:40px;}
.videos .videomin iframe,.videos .videomin video{ width:100% !important; height:310px !important;}
.videos .video-title h3{ font-size:30px; color:#fff;}
.videos .video-title span{ font-size:12px; color:rgba(255,255,255,.6); display:block;}
.videos .main-area{ max-width:1200px; margin:0 auto; position:relative; z-index:11;}
.videos .videos-left .videomin{ padding-right:60px;}
.videos .videos-right .videomin{ padding-left:60px;}


.example{background:url(../images/exam_bak001.jpg);position:relative; padding:68px 0;}
.example div.main-area{max-width:1200px;margin:0 auto;position:relative}
h3.example-top-btitle{height:29px;margin:0 auto;line-height:29px;font-size:30px;color:#454545; text-align:center;}

.example-small777{width:150px;height:13px;margin:0 auto;line-height:13px;font-size:12px;color:#999}
div.example-line .example-line-middle{width:50px;height:3px;background-color:#24af47;float:left}
div.example-line .example-line-left{width:500px;height:1px;margin-top:1px;background-color:#dcdcdc;float:left}
div.example-line .example-line-right{width:500px;height:1px;margin-top:1px;background-color:#dcdcdc;float:left}
.example .main-area{ position:relative;}
.example .main-area .swiper-slide a:hover{ text-decoration:none;}
.example .main-area .swiper-slide .li-main{ background:#fff; padding:10px 10px 20px 10px;}
.example .main-area .swiper-slide .li-main h5{ width:100%; height:173px; overflow:hidden;}
.example .main-area .swiper-slide .li-main h5 img{ width:100%;}
.example .main-area .swiper-button-next{ right:-50px; opacity:0.3;}
.example .main-area  .swiper-button-prev{left:-50px; opacity:0.3;}

div.li-main h6{height:17px;margin-top:15px;padding-left:10px;line-height:17px;font-size:16px;color:#666;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
div.li-main p{margin-top:15px;padding-left:10px;line-height:20px;font-size:12px;color:#666}
.example div.main-area div.example-remark{height:175px; margin-top:80px;}
div.example-remark div.example-remark-null{width:282px;height:175px;position:relative;float:left}
div.example-remark div.example-remark-null img{position:absolute;left:0;bottom:0}
div.example-remark div.example-remark-text{width:608px;height:175px;padding-left:25px;background-color:#fff;float:left}
div.example-remark div.example-remark-text h3{height:24px;line-height:24px;margin-top:63px;font-size:24px;color:#333}
div.example-remark div.example-remark-text h6{height:16px;line-height:16px;margin-top:20px;font-size:16px;color:#333}
div.example-remark div.example-remark-phone{width:310px;height:175px;float:left;background-color:#0086c8}
div.example-remark div.example-remark-phone h3{height:23px;line-height:23px;margin-top:18px;padding-left:20px;font-size:32px;color:#fff;text-align:left}
div.example-remark div.example-remark-phone h6{height:14px;line-height:14px;margin-top:48px;padding-left:20px;font-size:14px;color:#bbd6eb;text-align:left}
.product{background-color:#f4f4f4; padding:68px 0;}
.product div.main-area{max-width:1200px;margin:0 auto}
.slideTxtBox .hd{height:37px;position:relative; text-align:center; margin-top:15px;}
.slideTxtBox .hd ul{height:37px;}
.slideTxtBox .hd ul li{ display:inline-block;height:37px;margin:0 15px;background-color:#fff;border:1px solid #e8eadd;cursor:pointer;line-height:37px;text-align:center;font-size:15px;color:#999}
.slideTxtBox .hd ul li a{ display:block; padding:0 15px; color:#333;}
.slideTxtBox .hd ul li a:hover{ background:#24af47; color:#fff; text-decoration:none;}
.slideTxtBox .bd{position:relative;clear:both;margin-top:38px}
.slideTxtBox .bd ul{}
.slideTxtBox .bd ul li{width:33.33%;float:left}
.slideTxtBox .bd ul li a{ display:block;background-color:#fff; margin:0 8px; padding-bottom:25px;}
.slideTxtBox .bd ul li a:hover{ text-decoration:none;}
.slideTxtBox .bd ul li h4{}
.slideTxtBox .bd ul li h4 img{ width:100%;}
.slideTxtBox .bd ul li h5{height:14px;margin-top:23px;padding-left:15px;line-height:14px;font-size:16px;color:#3eb359}
.slideTxtBox .bd ul li h6{margin-top:23px;padding-left:15px; padding-right:15px;line-height:22px;font-size:12px;color:#999}
.slideTxtBox .bd ul li div{height:12px;margin-top:15px;padding-left:15px;line-height:12px; color:#666;}
.slideTxtBox .bd ul li div a{font-size:12px;color:#999;text-decoration:none}
.slideTxtBox .bd ul li div a:hover{color:red}
.about{ padding:40px 0;}
.about div.main-area{max-width:1200px;margin:0 auto}
.about div.main-area .about-left{width:50%;position:relative;float:left}
.about div.main-area .about-left img{max-width:100%;}
.about div.main-area .about-right{width:48%;float:right}
.about div.main-area .about-right .moxr{ text-align:left;}
.about div.main-area .about-right .moxr a{ display:inline-block; padding:4px 30px; border-radius:30px; border:1px solid #00aa6a; color:#00aa6a;}
.about-right h4{height:24px;margin-top:26px;line-height:18px;font-size:18px; color:#00aa6a;}
.about-right p{margin-top:26px;line-height:24px;font-size:14px;color:#999}
.about-right div{margin-top:22px; text-align:center;}

.about-right div a img{ max-height:180px;}
.about-right div .col{text-align:center}
.news{ padding:68px 0;background-color:#eee}
.news div.main-area{max-width:1200px;margin:0 auto; overflow:hidden;}
.news div.main-area .news-left{width:65%;height:605px;float:left;background-color:#fff}
.news div.main-area .news-right{width:35%;height:605px;border-left:1px solid #eee;float:left;background-color:#fff}
.slideTxtBox2 .hd{height:89px;position:relative}
.slideTxtBox2 .hd ul{width:808px;height:89px;position:absolute;left:0;top:0;border-bottom:1px solid #eee}
.slideTxtBox2 .hd ul li{width:209px;height:89px;display:table-cell;cursor:pointer;float:left;line-height:89px;font-size:14px;text-align:center}
.slideTxtBox2 .hd ul li:first-child{ background:url(../images/company_black.png) 40px center no-repeat;}
.slideTxtBox2 .hd ul li:first-child.on{ background:url(../images/company_white.png) 40px center no-repeat #24af47;}
.slideTxtBox2 .hd ul li:nth-child(2){ background:url(../images/industry.png) 40px center no-repeat;}
.slideTxtBox2 .hd ul li:nth-child(2).on{ background:url(../images/industry_w.png) 40px center no-repeat #24af47;}
.slideTxtBox2 .hd ul li.on{background-color:#24af47;color:#fff}
.slideTxtBox2 .hd ul li:hover{background-color:#24af47;color:#fff}
.slideTxtBox2 .hd ul li img{vertical-align:middle}
.slideTxtBox2 .bd{position:relative}
.slideTxtBox2 .bd ul.com-ind{ padding:25px;}
.com-ind li .bd-left-hot{ width:48%;height:438px;float:left;background-color:#f5f5f5}
.com-ind li .bd-left-hot img{ width:100%; height:310px;}
.com-ind li .bd-left-hot h5{margin-top:15px;padding-left:15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.com-ind li .bd-left-hot h5 a{font-size:16px;color:#333;text-decoration:none}
.com-ind li .bd-left-hot h5 a:hover{color:red;text-decoration:underline}
.com-ind li .bd-left-hot p{margin-top:15px;padding-left:15px;line-height:20px;font-size:12px;color:#666}
.com-ind li .bd-left-list{width:48%;float:right}
.com-ind li .bd-left-list li{height:12px;margin-bottom:33px;padding-left:15px;background:url(../images/bullet.png) no-repeat left 50%;line-height:12px}
.com-ind li .bd-left-list li a{font-size:12px;color:#666;text-decoration:none}
.com-ind li .bd-left-list li a:hover{color:red;text-decoration:underline}
.news-right h3{height:89px;border-bottom:1px solid #eee}
.news-right h3 .ptitle{height:89px;background:url(../images/ask_002.png) no-repeat left center;margin-left:28px;padding-left:29px;float:left;line-height:89px;font-size:16px;color:#333}
.news-right h3 .pmore{width:58px;height:89px;float:right;line-height:89px}
.news-right h3 .pmore a{font-size:12px;color:#a8a8a8;text-decoration:none}
.news-right h3 .pmore a:hover{color:red;text-decoration:underline}
.news-right ul{ width:100%; padding:0 25px;}
.news-right ul li{height:100px;margin-top:27px}
.news-right ul li.bborder{border-bottom:1px solid #edebe6}
.news-right ul li h6{height:16px;background:url(../images/ask_001.png) no-repeat left center;padding-left:21px;line-height:16px}
.news-right ul li h6 a{font-size:14px;color:#626262;text-decoration:none}
.news-right ul li h6 a:hover{color:red;text-decoration:underline}
.news-right ul li p{margin-top:22px;padding-left:21px;line-height:20px;font-size:12px;color:#8d8d8d}

.example-line{ width:100%; border-bottom:1px solid #dcdcdc; position:relative;}
.example-line:before{ content:""; display:block; width:50px; height:3px; background:#24af47; position:absolute; left:50%; margin-left:-25px; top:-1px;}
@media screen and (max-width: 1220px) {.example div.main-area div.example-remark{ display:none;}}
@media screen and (max-width: 1020px) {
.slideTxtBox3 .hd div.func-nav-title h4{ font-size:16px;}
.slideTxtBox3 .hd div.func-nav-title h6{ font-size:12px;}
.slideTxtBox3 .hd ul li .func-li-right h5{ font-size:14px;}
.example div.main-area div.example-remark{ display:none;}
.about div.main-area .about-left img{ margin:0;}
	}
@media screen and (max-width:760px) {
.functions{ padding:0;}
.slideTxtBox3 .hd{ width:100%; height:48px; float:none;}
.slideTxtBox3 .hd div.func-nav-title{ display:none;}	
.slideTxtBox3 .hd ul{ width:100%; margin:0;}
.slideTxtBox3 .hd ul li{ width:33.3%; float:left; height:48px; line-height:48px;}
.slideTxtBox3 .hd ul li h4{ height:48px; line-height:48px; display:none;}
.slideTxtBox3 .hd ul li .func-li-right{ margin:0; height:48px; line-height:48px;width:100%;}
.slideTxtBox3 .hd ul li .func-li-right h5{  height:48px; line-height:48px; font-weight:bold; width:100%; text-align:center;}
.slideTxtBox3 .hd ul li .func-li-right h6{ display:none;}
.slideTxtBox3 .bd ul{ height:auto;}
.slideTxtBox3 .bd{ width:100%; height:auto;}
.slideTxtBox3 .bd .func-box{ margin-left:0; padding:15px;}
.glqw1,.glqw2{ width:100%}
.grjw h3{ font-size:14px; font-weight:bold;}
.grjw span{ margin:0;}
.videos{ padding:25px 0;}
.grjwimg{ margin-top:15px;}
.videos .video-title h3{ font-size:16px; font-weight:bold;}
.videos .videos-left,.videos .videos-right{ width:100%; float:none; padding:0 10px;}
.videos .videos-left .videomin,.videos .videos-right .videomin{ padding:0;}
.videos .video-title{ margin-bottom:10px;}
.videos .videos-left{ margin-bottom:15px;}
.videos:before{ display:none;}
.videos .videomin iframe,.videos .videomin video{ height:210px !important;}
h3.example-top-btitle{ font-size:18px; font-weight:bold; text-align:center;}
.example .main-area .swiper-slide .li-main h5{ height:110px;}
.example{ padding:25px 10px;}
.hori-1115{ height:15px;}
.hori-1113{ height:10px;}
div.li-main h6{ font-size:14px; margin:0; padding:8px 0; height:auto;}
div.li-main p{ display:none;}
.example .main-area .swiper-slide .li-main{ padding:5px;}
.product{ padding:25px 10px;}
.slideTxtBox .hd ul li{ margin:0 5px; font-size:12px;}
.slideTxtBox .hd ul li a{ padding:0 5px;}
.slideTxtBox .bd ul li{ width:100%;}
.slideTxtBox .bd{ margin-top:20px;}
.slideTxtBox .bd ul li a{ margin:0;}
.about div.main-area .about-left{ width:100%; float:none;}
.about div.main-area .about-right{ width:100%; float: none; overflow:hidden;}
.hori-1117{ height:15px;}
.about{ padding:25px 10px;}
.news{ padding:25px 10px;}
.news div.main-area .news-left{ width:100%; float:none;}
.news div.main-area .news-right{ width:100%; float:none; height:auto;}
.slideTxtBox2 .bd ul.com-ind{ padding:10px;}
.com-ind li .bd-left-hot{ height:80px; margin-bottom:20px;}
.com-ind li .bd-left-hot{ width:100%; float:none;}
.com-ind li .bd-left-list{ width:100%; float:none;}
.com-ind li .bd-left-hot h4{ width:80px; height:80px; float:left; overflow: hidden; margin-right:10px;}
.com-ind li .bd-left-list li{ margin-bottom:15px;}
.com-ind li .bd-left-hot h5{ margin:0; padding:10px 10px 0 0; font-size:14px;}
.com-ind li .bd-left-hot p{ margin-top:5px; font-size:12px;}
.news div.main-area .news-left{ height:auto; margin-bottom:10px;}
.slideTxtBox2 .hd{ height:48px;}
.slideTxtBox2 .hd ul{ width:100%; height:48px;}
.slideTxtBox2 .hd ul li{ width:50%; height:48px; line-height:48px;}
.news-right h3{ height:48px;}
.news-right h3 .ptitle{ height:48px; line-height:48px;}
.news-right h3 .pmore{ height:48px; line-height:48px;}
.news-right ul li{ margin-top:14px; height:80px;}
.news-right ul li p{ margin-top:10px;}
.news-right ul{ padding:0 10px;}
.swiper-button-next, .swiper-button-prev{ display:none;}






.ty-container{ padding:0 10px;}
.ty-pd{ padding:20px 0;}
.ty-nantit{ font-size:16px; margin-bottom:20px;}

.ty-nanbox{ margin-top:15px;}
.ty-nanbox .tyimg{ width:100%; float:none !important;}
.ty-nanbox .tyntxt{ width:100%; float:none !important; margin-top:15px;}
.ty-nanbox .tyntxt ul li{ margin-bottom:10px;}
.ty-nanbox .tyntxt ul li .tit{ font-size:14px; padding-top:0; margin-bottom:4px;}
.ty-nanbox .tyntxt ul li .note{ font-size:12px;}
.ty-nanbox .tyntxt ul li .timg{ margin-right:10px; width:90px;}
.ty-nanbox.ty-nanbox2 .tyntxt ul li .timg{ margin-left:10px;}

.tyfntit{  margin-bottom:15px;}
.tyfntit .tit{ font-size:16px; margin-bottom:4px;}
.tyfntit .tit b{color:#da251d;}
.tyfntit .note{ font-size:14px; }
.ty-fnlist ul li{padding:5px;}

.ty-ad1 .tit1{ font-size:16px;}
.ty-ad1 .tit2,.ty-ad2 .tit2{ font-size:12px;}
.ty-ad1,.ty-ad2{ padding:15px 0;}
.ty-ad2 p{ float:none; text-align:center;}
.ty-ad2 .tyadewm{ display:none;}
.ty-ad2 .tit1{ font-size:14px;}

.ty-pxt{ padding:15px 0;}
.ty-pxt ul li{ width:100%; margin-bottom:15px;}
.ty-pxt ul li p{ padding-right:15px; font-size:12px; line-height:1.8;}

.ty-pxt ul li .tyin{ font-size:14px; width:80px; height:80px;}

.ty-veobox{ padding:20px 0;}
.ty-veobox .leviok{ width:100%; float:none; margin-bottom:15px;}
.ty-veobox .riviok{ width:100%; float:none;}

.ty-veobox .tit{ font-size:16px;}
.ty-veobox .note{ font-size:12px;}
.ty-veobox .leviok iframe, .ty-veobox .leviok video{ width:100%; height:auto !important;}
.ty-veobox .tymgb{ margin-bottom:15px;}

.ty-shilitit{ padding:15px 0;}
.ty-shilitit .tit{ font-size:18px;float:none; text-align:center;}
.ty-shilitit .note{ font-size:14px; float:none; padding-top:2px; text-align:center;}

.ty-shili{ padding:15px 0;}
.ty-shili ul li{ width:50%;}
.ty-shili ul{ margin:0 -5px;}
.ty-shili ul li a{ padding:5px;}
.ty-shili ul li a span{ font-size:12px;}

.ty-jjfatit{ padding-bottom:10px;}
.ty-jjfatit .tit span{ font-size:18px; padding:0 15px;}
.ty-jjfatit .note{ font-size:12px;}

.ty-jjfabox{ padding:10px 0;}
.tyljjleft{ width:100%; float:none;}

.tyljjleft .tit{ font-size:18px; text-align:center; padding:10px;}

.tyjjright{ width:100%; float:none; margin-top:10px; padding:10px;}
.tyjjright .tyfa1 .thumb{ width:100%; float:none !important;}
.tyjjright .tyfa1 .ttxt{ width:100%; float:none !important; margin-top:10px;}

.tyjjright .tyfa1 .ttxt .tit{ font-size:18px;}
.tyjjright .tyfa1.tyfa2{ margin-top:15px;}

.ty-gong{ padding:10px 0;}
.ty-gclist ul{ margin:0;}
.ty-gclist ul li{ width:100%; float:none;}
.ty-gclist ul li a{ padding:10px 0;}
.ty-gclist .tygc-top span{ font-size:14px; height:40px; line-height:40px;}
.ty-gclist .tygc-top p{ font-size:16px; height:40px; line-height:40px;}
.ty-gclist .tygc-bn{ font-size:16px; padding:10px;}

.ty-pro-right{ width:100%; padding:10px; margin-top:10px; float:none;}

.typor .hd ul li{ font-size:14px;padding:8px 15px; background-image: none; width:33.333%; text-align:center; float:left; display:block; text-align:center;}
.typor .hd ul li.on{background-image: none;}
.typor .hd .tymo{ display:none;}
.typor .bd ul{ margin:0 -5px;}
.typor .bd ul li{ padding:5px;}
.typor .bd{ margin-top:5px;}
.typys{ margin-top:0;}

.ty_vs1{ padding:20px 0;}
.ty_vs1list{ margin-top:15px;}
.ty_vs1list ul li{ width:100%; margin-bottom:20px;}
.ty_vs1list ul li img{ float:none !important;}
.ty_vs1list ul li .txt{ float:none !important; padding:0 !important; text-align:center; }
.ty_vs1list ul li .txt .tit{ font-size:16px; padding-top:8px; margin-bottom:4px;}

.ty_vs1list ul li .txt .note{ font-size:12px;}

.ty_vs2{ padding:15px 0;}
.ty_vs2list{ margin-top:0;}
.ty_vs2list ul li{ margin-bottom:15px;}
.ty_vs2list ul li img{ float:none !important;}
.ty_vs2list ul li .txt{ padding:0 !important; margin-left:0 !important; margin-right:0 !important; float:none !important}
.ty_vs2list ul li .txt .tit span{ width:40px; height:30px; background-size:cover; line-height:30px;}
.ty_vs2list ul li .txt .tit{ font-size:12px; margin-bottom:0; margin-top:10px;}
.ty_vs2list ul li .txt .note{ padding-left:0;}
.ty_vs2list ul li .txt .note p{ font-size:12px;}
.jkdgfj .xthumb{ display:none;}
.jkdgfj .xjtxt{ width:100%;}
	}

@media screen and (max-width: 640px) {
.slideBox .bd li img{ width:150%; margin-left:-25%;}
.swiper-banner .swiper-slide a img{max-width: 150%;width:150%; margin-left:-25%;}
.about-right div a{ line-height:136px;}	
	}