@charset "utf-8";
/* CSS Document */
.header{ width:100%; background-color:rgba(255,255,255,1); position:fixed; left:0; top:0; z-index:1020; border-bottom:-moz-box-shadow:0px 0px 6px #333333; -webkit-box-shadow:0px 0px 8px #333333; box-shadow:0px 0px 6px #333333;}
.hd-con{ height:80px; }
.hd-con > .logo{ width:428px; display:inline-block; float:left;}
.hd-con > .logo > img{ width:100%;}
.hd-con > .nav{ display:inline-block; float:right; height:80px;}
.hd-con > .nav > ul > li{ float:left;}
.hd-con > .nav > ul > li > a{ display:block; height:80px; line-height:80px; padding-left:5px; padding-right:5px; font-size:18px; color:#262626; }
.hd-con > .nav > ul > li + li{ margin-left:20px; }
.hd-blank{ width:100%; height:59px;}
.hd-blank2{ width:100%; height:80px;}

.swiper1 .swiper-pagination {bottom:10px; left: 0;width: 100%;}
.swiper1 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,1); margin:0 3px!important;width:10px; height:10px; border-radius:50%;}
.swiper1 .swiper-pagination-bullet-active{background:rgba(255,146,0,1);}
.swiper1 .swiper-container {	width: 100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:#FFF; background-color:rgba(0,0,0,0.2); border-radius:3px; height:50px; width:50px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-25px; display:none;  } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.6);} 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:50px;}
.swiper1 .swiper-slide img{ width:100%;}

.main{ padding-top:2.5%;}

.peixun{ width:100%;}
.peixun > .px-tab{ width:100%; }
.peixun > .px-tab > h3{ cursor:pointer; width:30%; padding-top:5%; padding-bottom:5%; float:left; margin-right:5%; box-sizing:border-box; text-align:center; border:1px solid #dededf; cursor:pointer; position:relative; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.peixun > .px-tab > h3::after{ content:' ';width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 20px solid #f2d85c;  position:absolute; left:50%; margin-left:-16px; bottom:-20px;/* display:none; */ opacity:0; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.peixun > .px-tab > h3:nth-of-type(3n){ margin-right:0;}
.peixun > .px-tab > h3 > p{ display:inline-block; font-weight:normal; width:60%; height:44px; line-height:44px; color:#000; font-size:34px; /*background-image:url(../images/peixun-tab-p2.png);*/ background-position:left top; background-repeat:no-repeat; background-size:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.peixun > .px-tab > h3.on,.peixun > .px-tab > h3:hover{ border:1px solid #f2d85c; background-color:#f2d85c;}
.peixun > .px-tab > h3.on > p,.peixun > .px-tab > h3:hover > p{ color:#FFF;background-image:url(../images/peixun-tab-p.png);}
.peixun > .px-tab > h3.on::after,.peixun > .px-tab > h3:hover::after{ /*display:block;*/ opacity:1;}
.peixun > .px-list{ width:100%; padding-top:3%;}
.peixun > .px-list > ul > li{ width:100%; box-sizing:border-box; border:1px solid #dededf; overflow:hidden; display:block;}
.peixun > .px-list > ul > li .pxl-img{ width:50%; float:left; overflow:hidden;}
.peixun > .px-list > ul > li .pxl-img img{ width:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.peixun > .px-list > ul > li .pxl-about{ width:50%; float:left; box-sizing:border-box; font-size:16px; line-height:32px; padding-top:5%; padding-bottom:5%; padding-left:2.5%; padding-right:2.5%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.peixun > .px-list > ul > li + li{ display:none;}
.peixun > .px-list > ul > li:hover .pxl-img img{ transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);}
.peixun > .px-list > ul > li:hover .pxl-about{ transform:translateY(-3px); -webkit-transform:translateY(-3px);}

.zs-chaxun{ width:100%;}
.zs-chaxun > .zs-header{ margin-bottom:3.3%;}
.zs-chaxun > .zs-header h3,.zs-chaxun > .zs-header p{ width:100%; font-weight:normal; text-align:center; font-size:30px; padding-top:10px; color:#262626;}
.zs-chaxun > .zs-header p{ font-size:20px; color:#887f7d; line-height:34px; font-weight:normal;}

.news-list > ul > li{ width:48.8%; float:left; margin-bottom:2.5%;}
.news-list > ul > li:nth-of-type(2n){ float:right;}
.news-list > ul > li p{ width:100%; border:1px solid #dededf; padding:2.5%; box-sizing:border-box; overflow:hidden; }
.news-list > ul > li p img{ width:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.news-list > ul > li h3,.news-list > ul > li h4{ width:100%; padding-left:10px; padding-right:10px; padding-top:5%; padding-bottom:2%; font-weight:normal; font-size:24px; color:#262626;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.news-list > ul > li h4{ font-size:16px; padding-top:0; padding-bottom:2%; color:#777778}
.news-list > ul > li h4 a{ color:#262626;}
.news-list > ul > li:hover p img{ opacity:1;}
.news-list > ul > li:hover h3{color: #e90b22 !important; }
.news-list > ul > li:hover h3,.news-list > ul > li:hover h4{ transform:translateY(-3px); -transform:translateY(-3px);}

.kecheng-list,.kecheng-hot,.app-list,.join-list,.col-app-list{ width:100%; }
.kecheng-hot p{ width:100%; box-sizing:border-box; border:1px solid #dededf; margin-bottom:2%; overflow:hidden;} 
.kecheng-hot p img{ width:100%; opacity:0.8; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.kecheng-hot p:hover img{ opacity:1; }
.kecheng-hot h3{ width:100%; font-size:22px; font-weight:normal; text-align:center; color:#262626; padding-top:0.8%;}
.kecheng-list{ margin-top:3%;}
.kecheng-list > ul > li{ width:100%; box-sizing:border-box; border:1px solid #dededf; cursor:pointer;}
.kecheng-list > ul > li + li{ border-top:0;}
.kecheng-list > ul > li > .kcl-img{ display:block; width:50%; float:left; box-sizing:border-box; overflow:hidden; box-sizing:border-box; border-right:1px solid #dededf;}
.kecheng-list > ul > li > .kcl-img img{ width:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.kecheng-list > ul > li > .kcl-about{ width:50%; box-sizing:border-box; float:right; padding:5%;/* border-right:1px solid #dededf;*/ text-align:center; }
.kecheng-list > ul > li > .kcl-about h3{ width:100%; font-size:24px; font-weight:bold; padding-top:10%; padding-bottom:10%; color:#262626; text-align:left;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.kecheng-list > ul > li > .kcl-about h3 a{ color:#262626;}
.kecheng-list > ul > li > .kcl-about p{ width:100%; line-height:27px; font-size:16px; margin-top:2%; text-align:left; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.kecheng-list > ul > li > .kcl-about p span{ color:#262626; font-weight:bold;}
.news-btn,.kecheng-list > ul > li > .kcl-about > .kcl-btn{ width:24%; padding-top:2%; padding-bottom:2%; box-sizing:border-box; border:1px solid #dededf; display:inline-block; text-align:center; font-size:16px; margin:0 auto; margin-top:6%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.news-btn{ padding-top:1%; padding-bottom:1%; width:12%; margin-top:2%;}
.news-btn:hover,.kecheng-list > ul > li:hover > .kcl-about > .kcl-btn{ background-color:#e90b22; color:#FFF !important; }
.kecheng-list > ul > li:hover > .kcl-img img{ transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02);}
.kecheng-list > ul > li:hover > .kcl-about h3,.kecheng-list > ul > li:hover > .kcl-about p{transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.kecheng-list > ul > li:nth-of-type(even) > .kcl-img{ float:right; border-right:0; border-left:1px solid #dededf;}
.kecheng-list > ul > li:nth-of-type(even) > .kcl-about{float:left;}

.app-list > ul > li{ width:22%; float:left; margin-right:4%; margin-bottom:2%;}
.app-list > ul > li:nth-of-type(4n){ margin-right:0;}
.app-list > ul > li p{ width:100%;}
.app-list > ul > li p img{ width:100%; /*opacity:0.8; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;*/}
.app-list > ul > li a h3{ width:100%; font-size:24px; font-weight:normal; padding-top:10%; padding-bottom:10%; text-align:center; color:#262626;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.app-ewm-tishi,.col-app-ewm-tishi{ width:100%; font-size:24px; text-align:center; color:#262626;}
.app-list > ul > li:hover p img{ /*opacity:1;*/}
.app-list > ul > li:hover a h3{transform:translateY(-3px); -webkit-transform:translateY(-3px); color:#e90b22;}

.detail-cen{ width:100%; height:auto; line-height:30px; font-size:16px; text-align:left; margin-top:4%;}
.detail-cen img{ MAX-WIDTH:100%!important;HEIGHT:auto!important;width:expression(this.width > 800 ? "800px":this.width)!important;}
*html.detail-cen img{ width:expression(this.width>800&&this.width>this.height?800:auto); height:expresion(this.height>800?800:auto); }

.swiper2 .swiper-pagination,.swiper3 .swiper-pagination{bottom:10px; left: 0;width: 100%;}
.swiper2 .swiper-pagination-bullet,.swiper3 .swiper-pagination-bullet{opacity:1; background:rgba(255,255,255,1); margin:0 3px!important;width:10px; height:10px; border-radius:50%;}
.swiper2 .swiper-pagination-bullet-active,.swiper3 .swiper-pagination-bullet-active{background:rgba(255,146,0,1);}
.swiper2 .swiper-container,.swiper3 .swiper-container{width: 100%;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev,.swiper3 .swiper-button-next,.swiper3 .swiper-button-prev{ color:#FFF; background-color:rgba(0,0,0,0.2); border-radius:3px; height:110px; line-height:110px; width:55px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-55px; display:none;  } 
.swiper2 .swiper-button-next,.swiper3 .swiper-button-next{right:0;}
.swiper2 .swiper-button-prev,.swiper3 .swiper-button-prev{ left:0;}
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover,.swiper3 .swiper-button-next:hover,.swiper3 .swiper-button-prev:hover{  background-color:rgba(0,0,0,0.6);} 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i,.swiper3 .swiper-button-next i,.swiper3 .swiper-button-prev i{ font-size:20px; text-align:center; color:#FFF; line-height:50px;}
.swiper2 .swiper-slide img,.swiper3 .swiper-slide img{ width:100%;}


.join-list > ul > li{ width:48.8%; float:left; margin-bottom:2.5%;}
.join-list > ul > li:nth-of-type(2n){ float:right;}
.join-list > ul > li p{ width:100%; border:1px solid #dededf; padding:2.5%; box-sizing:border-box; }
.join-list > ul > li p img{ width:100%; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; opacity:0.8;}
.join-list > ul > li h3,.join-list > ul > li h4{ width:100%; padding-left:10px; padding-right:10px; padding-top:5%; padding-bottom:2%; font-weight:normal; font-size:24px; color:#262626;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.join-list > ul > li h4{ font-size:16px; padding-top:0; padding-bottom:2%;}
.join-list > ul > li:hover p img{ opacity:1;}
.join-list > ul > li:hover h3,.join-list > ul > li:hover h4{ transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.join-list > ul > li:hover h3{ color:#e90b22;}
.jigou{ width:1200px; height:580px; background-image:url(../images/jigou.jpg); box-sizing:border-box; padding-left:48px; padding-right:48px; padding-bottom:84px; padding-top:264px; box-sizing:border-box; background-position:center top; background-repeat:no-repeat;}
.jigou > .jg-btn{ width:30px; height:48px; padding-top:92px; padding-bottom:92px; float:left;}
.jigou > .jg-btn > p{ width:30px; height:48px; cursor:pointer; background-position:left top; background-repeat:no-repeat;}
.jigou > .jg-btn > p.goLeft{ background-image:url(../images/goleft.png);}
.jigou > .jg-btn > p.goRight{ background-image:url(../images/goright.png);}
.jigou > .jg-cen{ width:960px; height:230px; float:left; margin-left:41px; margin-right:41px; background-color:rgba(255,255,255,0.5); border:1px solid #EEE; box-sizing:border-box; overflow:hidden; position:relative; }
.jigou > .jg-cen > .jg-list{ width:960px; height:230px; position:absolute; left:0; top:0;}
.jigou > .jg-cen > .jg-list > ul > li{ width:192px; height:230px; float:left; box-sizing:border-box; border-right:1px solid #EEE;}
.jigou > .jg-cen > .jg-list > ul > li a{ display:block; width:192px; height:115px; box-sizing:border-box; overflow:hidden;}
.jigou > .jg-cen > .jg-list > ul > li a img{ width:100%; height:115px;}
.jigou > .jg-cen > .jg-list > ul > li a:nth-of-type(1){ border-bottom:1px solid #EEE;}
.zs-chaxun > .zs-chaxun-list{}
.zs-chaxun > .zs-chaxun-list > ul > li{ width:31.66%; float:left; box-sizing:border-box; margin-right:2.5%; }
.zs-chaxun > .zs-chaxun-list > ul > li:nth-of-type(3n){ margin-right:0;}
.zs-chaxun > .zs-chaxun-list > ul > li p{ width:100%; border:1px solid #dededf; padding:4%; box-sizing:border-box; overflow:hidden;}
.zs-chaxun > .zs-chaxun-list > ul > li p img{ width:100%;/* opacity:0.8; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;*/}
.zs-chaxun > .zs-chaxun-list > ul > li a h4{ width:100%; padding-left:10px; padding-right:10px; padding-top:7.8%; padding-bottom:7.8%; font-weight:normal; font-size:24px; color:#262626; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.zs-chaxun > .zs-chaxun-list > ul > li:hover a h4{ color:#e90b22;}
/*.zs-chaxun > .zs-chaxun-list > ul > li:hover p img{ opacity:1;}*/
.zs-chaxun > .zs-chaxun-list > ul > li:hover a h4{ transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.app-ewm-list{ width:42%; margin:0 auto;}
.app-ewm-list > ul > li{ float:left; width:40%;}
.app-ewm-list > ul > li:nth-of-type(2n){ float:right;}
.app-ewm-list > ul > li p{ width:100%; box-sizing:border-box; /*padding:7.5%;*/ border:1px solid #dededf;}
.app-ewm-list > ul > li p img{ width:100%;}
.app-ewm-list > ul > li h3{ width:100%; font-size:24px; padding-top:15%; padding-bottom:15%; text-align:center; color:#262626; font-weight:normal; overflow:hidden;}

.mcol{ margin-bottom:6%;}

.col{ width:100%; height:auto; box-sizing:border-box; padding-left:9%;  padding-right:9%; padding-bottom:10%; }
.col > .col-header{ padding-top:3%; padding-bottom:3%; }
.col > .col-header > h3,.col > .col-header > p,.col > .col-header > h4{ width:100%; font-weight:normal; font-size:32px; line-height:1.6em; text-align:left; color:#000; }
.col > .col-header > p{ font-size:20px; color:#888; padding-top:1.2%;}
.col > .col-header > h4{ font-size:20px; }
.col > .col-join-list,.col > .col-kaoji-list{ width:100%; }
.col > .col-join-list > ul > li,.col > .col-kaoji-list > ul > li{ width:100%; padding-bottom:2%;}
.col > .col-join-list > ul > li > h3,.col > .col-kaoji-list > ul > li > h3{ width:100%; font-size:24px; font-weight:normal; color:#000; line-height:2.4em; }
.col > .col-join-list > ul > li > p,.col-join-list > ul > li > p img{ width:100%;}
.col > .col-join-list > ul > li > .jl-about,.col > .col-kaoji-list > ul > li > .kj-about{ width:100%; font-size:16px; line-height:1.6em; padding-top:2%; }
.col > .col-kaoji-list > ul > li > .kj-about{padding-top:0%; padding-bottom:2%; }
.col > .col-kaoji-list > ul > li > p{ border:1px solid #dededf; padding:1.5%; background-color:#FFF; margin:0 auto; width:27.5%;}
.col > .col-kaoji-list > ul > li > p img{ width:100%;}

.col-app-list > ul > li{ width:22%; float:left; margin-right:4%; margin-bottom:2%;}
.col-app-list > ul > li:nth-of-type(4n){ margin-right:0;}
.col-app-list > ul > li p{ width:100%;}
.col-app-list > ul > li p img{ width:100%; opacity:0.8; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.col-app-list > ul > li a h3{ width:100%; font-size:14px; font-weight:normal; padding-top:10%; padding-bottom:10%; text-align:center; color:#262626;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.col-app-list > ul > li:hover p img{ opacity:1;}
.col-app-list > ul > li:hover a h3{transform:translateY(-3px); -webkit-transform:translateY(-3px); color:#e90b22;}
.col-app-ewm-list{ width:20%; margin:0 auto;}
.col-app-ewm-list p{ width:100%; box-sizing:border-box; padding:7.5%; border:1px solid #dededf;}
.col-app-ewm-list p img{ width:100%;}
.col-app-ewm-tishi{ font-size:16px; padding-top:2%; padding-bottom:3%;}

.pxhistory-list > ul > li{ width:48.8%; float:left; margin-bottom:2.5%;}
.pxhistory-list > ul > li:nth-of-type(2n){ float:right;}
.pxhistory-list > ul > li p{ width:100%; border:1px solid #dededf; padding:2.5%; box-sizing:border-box; }
.pxhistory-list > ul > li p img{ width:100%;}
.pxhistory-list > ul > li h3{ width:100%; padding-left:10px; padding-right:10px; padding-top:5%; padding-bottom:2%; font-weight:normal; font-size:20px; color:#262626;}
.pxhistory-list > ul > li:hover h3{color: #e90b22 !important; }
.px-ad,.px-ad img{ width:100%;}

.px-dengji{ width:100%;}
.px-dengji > ul > li{ width:100%; border-bottom:1px solid #dededf; padding-bottom:3%; margin-bottom:4%;}
.px-dengji > ul > li > .px-dj-img..px-dengji > ul > li > .px-dj-img img{ width:100%;}
.px-dengji > ul > li > h3{ width:100%; font-size:20px; color:#000; line-height:1.6em; padding-top:2%; font-weight:normal;}
.px-dengji > ul > li > h3 a,.col-kecheng-list > ul > li h3 a{ color:#000;}
.px-dengji > ul > li > .px-dj-about{ width:100%; font-size:16px; color:#888; line-height:1.8em; padding-top:1.2%;}
.px-dengji > ul > li > .px-dj-option{ width:100%; padding-top:2%; }
.px-dengji > ul > li > .px-dj-option h4{ width:100%; height:auto; font-size:16px; line-height:1.8em; font-weight:normal; padding-left:90px; box-sizing:border-box; position:relative; margin-bottom:1.2%;}
.px-dengji > ul > li > .px-dj-option h4 p{ display:inline-block; font-size:16px; line-height:1.8em; position:absolute; left:0; top:0; width:90px; color:#000;}
.px-dengji > ul > li > .px-dj-option h4 a{ color:#f2d85c; text-decoration:underline;}

.col-kecheng-hots{ width:100%; padding-bottom:3%;}
.col-kecheng-hots > ul > li{ width:23.2%; float:left; margin-right:2.4%; box-sizing:border-box; }
.col-kecheng-hots > ul > li:nth-of-type(4n){ margin-right:0; }
.col-kecheng-hots > ul > li p{ width:100%; border:1px solid #dededf; padding:10px; box-sizing:border-box;}
.col-kecheng-hots > ul > li p img{ width:100%;opacity:0.8; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.col-kecheng-hots > ul > li h3{ width:100%; padding-left:10px; padding-right:10px; padding-top:10px; box-sizing:border-box; font-weight:normal; font-size:18px; line-height:2em; color:#000; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; }
.col-kecheng-list{ width:100%;  padding-top:5%;}
.col-kecheng-list > ul > li{ width:100%; padding-bottom:3%;}
.col-kecheng-list > ul > li .col-kcl-img{ display:block; width:100%;}
.col-kecheng-list > ul > li .col-kcl-img img{ width:100%;}
.col-kecheng-list > ul > li h3{ width:100%; font-size:20px; color:#000; font-weight:normal; line-height:2em; padding-top:10px;}
.col-kecheng-list > ul > li .col-kcl-option{ width:100%; font-size:16px; line-height:2em; margin-top:10px;}
.col-kecheng-list > ul > li .col-kcl-option p{ display:inline-block; float:left; color:#000;}
.col-kecheng-union{ width:100%; position:relative;}
.col-kecheng-union > ul > li{ overflow:hidden;}
.col-kecheng-union > ul > li img{ width:100%; }
.col-kecheng-union > ul > li img:hover{ }
.col-kecheng-union > ul > li:nth-of-type(1),.col-kecheng-union > ul > li:nth-of-type(4){ width:645px; height:348px; }
.col-kecheng-union > ul > li:nth-of-type(4){ margin-top:18px; float:right;}
.col-kecheng-union > ul > li:nth-of-type(2){ width:322px; height:166px; position:absolute; right:0; top:0; }
.col-kecheng-union > ul > li:nth-of-type(3){ width:322px; height:166px; position:absolute; right:0; top:182px; }
.col-kecheng-union > ul > li:nth-of-type(5){ width:322px; height:166px; position:absolute; left:0; top:366px; }
.col-kecheng-union > ul > li:nth-of-type(6){ width:322px; height:166px; position:absolute; left:0; bottom:0px; }
/*.col-kecheng-union > ul > li:nth-of-type(1) img,.col-kecheng-union > ul > li:nth-of-type(4) img{ width:645px; height:348px; }
.col-kecheng-union > ul > li:nth-of-type(2) img{ width:322px; height:166px;}
.col-kecheng-union > ul > li:nth-of-type(3) img{ width:322px; height:166px;}
.col-kecheng-union > ul > li:nth-of-type(5) img{ width:322px; height:166px;}
.col-kecheng-union > ul > li:nth-of-type(6) img{ width:322px; height:166px;}*/


.col-app-video{ width:100%; padding-bottom:3%;}
.col-app-video > ul > li{ width:32%; float:left; margin-right:2%;}
.col-app-video > ul > li:nth-of-type(3n){ margin-right:0;}
.col-app-video > ul > li p{ width:100%; padding:5%; border:1px solid #dededf; box-sizing:border-box; position:relative; }
.col-app-video > ul > li p img{ width:100%; }
.col-app-video > ul > li p .video-btn{ width:48px; height:60px; display:block; position:absolute; left:50%; top:50%; background-image:url(../images/play.png); background-position:left top; background-repeat:no-repeat; margin-left:-24px; margin-top:-30px; cursor:pointer;}
.col-app-video > ul > li h3{ width:100%; padding-left:10px; padding-right:10px; line-height:2em; font-weight:normal; font-size:20px; text-align:center; overflow:hidden; padding-top:3%;}
.col-app-video > ul > li h3 a{ color:#000;}
.float{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:999; display:none;}
.video{ width:317px; height:560px; background-color:#FFF; border-radius:10px; position:absolute; left:50%; top:50%; margin-top:-280px; margin-left:-158px; display:none; overflow:hidden;}
.video > .video-close{ width:30px; height:30px; background-color:#f2d85c; position:absolute; right:10px; top:10px; border-radius:50%; color:#FFF; line-height:30px; text-align:center; cursor:pointer; z-index:1020; }
.video > .video-close i{ font-size:16px;}
.video > #video{ width:317px; height:560px;}

.footer{ width:100%; background-image:url(../images/footer.gif); background-position:center bottom; background-repeat:no-repeat; border-top:1px solid #e8e9ec;}
.footer-serv{ padding-top:8.3%; padding-bottom:8.3%; }
.footer-serv > .fserv-about{ float:left; width:200px; }
.footer-serv > .fserv-about > h3{ width:124px; height:66px; margin:0 auto; background-image:url(../images/footer-serv-about.png); background-position:center top; background-repeat:no-repeat;}
.footer-serv > .fserv-about > .fserv-about-cont{ width:100%; font-size:16px; line-height:26px; text-align:center; padding-top:28px}
.footer-serv > .fserv-menu{ width:500px; height:632px; float:left; padding-left:170px;}
.footer-serv > .fserv-menu > ul > li{ width:250px; height:auto; float:left;}
.footer-serv > .fserv-menu > ul > li > h3{width:100%; height:48px; line-height:46px; padding-top:18px; font-weight:normal; font-size:20px; overflow:hidden; color:#4f5153;}
.footer-serv > .fserv-menu > ul > li > h3{ margin-bottom:20px;}
.footer-serv > .fserv-menu > ul > li > p{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px;}
.footer-serv > .fserv-contact{ width:330px; float:right;}
.footer-serv > .fserv-contact > h3,.footer-serv > .fserv-contact > fserv-contact-cont{ width:100%; height:48px; line-height:46px; padding-top:18px; font-weight:normal; font-size:20px; overflow:hidden; color:#4f5153;}
.footer-serv > .fserv-contact > .fserv-contact-cont{ height:auto; line-height:32px; font-size:18px; color:#777778;}
.footer-serv > .fserv-contact > .fserv-contact-ewm{ width:148px; height:auto; padding-top:30px; }
.footer-serv > .fserv-contact > .fserv-contact-ewm > p{ width:140px; height:140px; border:1px solid #e1e1e1; border-radius:1px; overflow:hidden;}
.footer-serv > .fserv-contact > .fserv-contact-ewm > p img{ width:100%;}
.footer-serv > .fserv-contact > .fserv-contact-ewm > h4{ width:100%; font-size:16px; padding-top:10px; line-height:1.6em; font-weight:normal; text-align:center; color:#777778;}
.copyright{ width:100%; border-top:1px solid #FFF;}
.copyright > .copyright-cont{ }
.copyright > .copyright-cont > .copyc-tool,.copyright > .copyright-cont > .copyc-copy{ display:inline-block; float:right; height:auto; line-height:36px; text-align:right; color:#FFF; font-size:14px;}
.copyright > .copyright-cont > .copyc-copy{ float:left;}
.copyright > .copyright-cont > .copyc-tool a,.copyright > .copyright-cont > .copyc-copy a{ color:#FFF;}



.check_main{ width:1024px; height:auto; float:left; background:url(../images/check_bg.png) top no-repeat; display:inline-block!important; overflow:hidden;}
.check_box{ width:566px; height:auto; float:left; text-align:center;}
.check_b_cont{ width:100%; height:auto; float:left;}
.check_b_cont li{ width:100%; height:118px; float:left; margin-top:30px;  }
#do_note{ width:10%; height:auto; float:left; margin-top:30px; color:#F00;}
#first_check,#second_check{ width:100%; height:auto; float:left;}

.check_title{ width:100%; height:88px; line-height:88px; float:left; text-align:left; color:#333333; font-size:24px;}
.check_content{ width:100%; height:88px; line-height:88px; float:left; text-align:right;}
.check_input{ width:100%; height:88px; float:left; background:url(../images/check_input_bg.png) center no-repeat; border:none; font-size:24px; text-align:center;}
.dosubmit{ width:100%; height:auto; float:left; margin-top:30px;}
.subbotton{ width:100%; height:128px; background:url(../images/docheck.png) no-repeat 100% 0; border:0px; cursor:pointer; margin-top:50px;}

.onError{ width:566px; height:30px; line-height:30px; float:left; font-size:16px; text-align:center; color:#F00;}
.onError2{ width:566px; height:30px; line-height:30px; float:left; font-size:16px; text-align:center; color:#F00;}
.comnormal{ width:100%; height:30px; float:left; font-size:16px; padding-left:20px 0px 20px 20px; color:#999; font-family:"微软雅黑","宋体";}


.li_checknum{ display:none;}

.headpic_list{ width:100%; height:auto; float:left; }
.headpic_list li{ width:225px; height:270px; float:left; margin-left:20px; margin-top:20px; border:2px #e5e5e5 dashed; display:inline!important; text-align:center;}
.headpic_list li img{ width:160px; height:160px; margin:20px 0px 0px 0px; display:inline-block!important; border-radius:50%!important;}
.headpic_list li h3{ width:80%; height:50px; margin-left:10%;display:inline-block!important; line-height:50px; float:left; font-size:16px; border-bottom:1px #e5e5e5 solid;}
.headpic_list li h3:hover{ width:80%; height:50px; margin-left:10%;display:inline-block!important; line-height:50px; float:left; font-size:16px; border-bottom:1px #f00 solid;}

.main_bg{ width:1024px; height:auto; float:left; background:url(../images/check_bg.png) top no-repeat; display:inline-block!important; overflow:hidden;}
.result_title{ width:1024px; height:80px; line-height:80px; margin-bottom:-20px; float:left; text-align:center; font-size:24px; margin-top:200px;}
.result_title span,.list_total span,.cert_date span{ color:#F00;}
.list_total{ width:100%; height:30px; line-height:30px; float:left; text-align:center; font-size:16px; margin-top:30px;}

.result_list,.cert_detail{ width:100%; height:auto; float:left;}
.result_list li{ width:100%; height:175px; float:left; border-bottom:1px #e5e5e5 solid; font-size:24px; font-weight:500;}
.result_list_name{ width:100px; height:175px; line-height:175px; float:left; text-align:center;}
.result_list_level{ width:719px; height:175px; line-height:175px; padding-right:30px; float:left; text-align:right;}
.result_list_img{ width:175px; height:125px; line-height:175px; margin-top:25px; float:left;}
.result_list_img img{ width:175px; height:125px; border:none;}

.cert_detail_img{ width:100%; height:auto; text-align:center;}
.cert_detail_img img{ width:824px; border:none; display:inline!important;}
.cert_date{ width:100%; height:70px; line-height:70px; text-align:center; font-size:24px;}
.downandcont{ width:100%; height:auto; float:left;}
.downandcont ul{ width:566px; height:auto; float:left; margin-left:228px; display:inline!important; margin-top:50px;}

.tab_check{ width:566px; height:600px; margin:0 auto; margin-top:240px;}
.tabs{ width:566px; height:87px; border:1px #FF0000 solid;border-radius:6px!important; float:left; font-size:24px;}
#tabs_name,#tabs_num{ width:283px; height:88px; float:left; text-align:center; line-height:88px; cursor:pointer;}

.tabs_name_s{color:#FFF; font-size:24px; background:url(../images/check_name_bg.png) no-repeat;}
.tabs_num_s{color:#FFF; font-size:24px; background:url(../images/check_num_bg.png) no-repeat;}