@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#444; font-size:14px; font-family:"微软雅黑",Microsoft JhengHei UI;  margin:auto;letter-spacing:0.5px;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#da251c;}
h2{font-weight:500;text-align:center; font-size:2rem; }
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none; transition: all 0.3s;}
a:hover {color:#024b97; text-decoration:none; }
.wd{ height:auto; overflow:hidden; margin:auto;max-width:1400px;}
.oh{ height:auto; overflow:hidden;}
::-webkit-scrollbar-track{background:#FFF;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
header{ position: relative; width: 100%;z-index: 100;}
header .top{ height:auto; overflow:hidden; padding:25px 0; max-width:1400px; margin:auto;}
header .top h1{ width:200px; float:left;}
header .top h1 img{  max-width:100%;}

.nav{float: left;height:auto; overflow:hidden;}
.nav ul{}
.nav ul li{float:left;line-height:80px;text-align: center;  position:relative;text-transform:uppercase;}
.nav ul li a{display: block; margin:0 30px; font-size:17px;position:relative; }
.nav ul li:hover a{ color:#024998;display:block;}
.nav ul li.currelt a{ color:#024998;}
.nav ul li a:after {content:'';bottom:20px;position:absolute;display:block;width:0;height:1px;background:#024998;transition:all .4s;}
.nav ul li.currelt a:after,
.nav ul li a:hover:after {width:100%;}

.nav li ul{position: absolute;left: 15%;top: 90px;z-index: 100;background: rgba(255,255,255,0.8);width: 100%;padding:30px 0;visibility: hidden;opacity: 0;transition: all 0.3s;}
.nav li:hover ul{visibility: visible;opacity: 1;}
.nav li ul li{line-height: 20px;width: 20%;padding:0 2.5%;text-align: left;border-right: 1px solid #b9b3af;min-height: 270px;font-size: 18px;box-sizing: border-box;}
.nav li ul li a{border-top: 0 none;padding:0;}
.nav li:hover ul li a{font-family: 'Conv_PraxisEF-Light_0';font-weight: normal;border-top: 0 none;}
.demo-buttons{width: 60px;text-align: center;line-height:85px;position: absolute;right: 0px;top: 0px;display: none;}
.demo-buttons i{display: block;}

.teltop{ float:right; height:auto; overflow:hidden; position:relative; padding-top:32px; text-align:right;}
.teltop img { margin-right:10px;}
.teltop span {display: inline-block; font-size:19px; color:#c3c3c3;}
.teltop span a{font-size:19px; color:#c3c3c3;font-size:19px; color:#c3c3c3;}
.teltop span a:hover{ color:#024998;}
.banner_pc{ position:relative;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}

.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:70px; height:3px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #fff000; cursor: default; }

.dyipbox{ background:#f9f9f9;}
.dyip{  height:auto; overflow:hidden; margin: auto; padding:6% 0 4% 0;}
.dyip h3{ text-align:center;color:#999; line-height:1.8; margin-top:10px; }
.dyip span{ text-align:center; text-transform:uppercase; color:#999; display:block; line-height:2.5;}
/*****滚动***/
.sy_jjfa{position:relative; height:auto; overflow:hidden; padding-bottom:7px;}
.sy_jjfa .item{width:94%; margin:0 3%;  position:relative; background:#fff; height:auto; overflow:hidden;}
.sy_jjfa .item h3{font-size: 1.12rem; text-align: center; padding:3% 6%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_jjfa .item p{ padding:0 25px 35px 25px; line-height:1.7; font-size:18px; text-align:center;}

.sy_jjfa .item .morw{ width:100px; background:#ddd; color:#999; text-align:center; line-height:35px; margin:6% auto;}
.sy_jjfa .item:hover .morw{ background:#024b97; color:#fff; transition:all 0.5s;}
.sy_jjfa .item:hover  p{ color:#024b97;}
.sy_jjfa .item .sy_jjfa_img{width:99.2%; height:auto; margin-bottom:20px; overflow:hidden; position:relative;}
.sy_jjfa .item .sy_jjfa_img img{width:100%;  transition:all 0.3s; }
.sy_jjfa .item .sy_jjfa_img:hover img{ transform:scale(1.2);}
.sy_jjfa .item .sy_jjfa_wb_bj{width:100%; height:auto; display:table; position:absolute; top:0; left:0;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb{height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:0 34px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_t{font-size:18px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_b{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}

.sy_jjfa .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_jjfa{display:none; width: 100%;-ms-touch-action:pan-y; padding-top:3%;}
.sy_jjfa .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_jjfa .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_jjfa .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_jjfa .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.sy_jjfa .owl-wrapper,
.sy_jjfa .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.sy_jjfa .owl-controls{width:100%; z-index:11;}
.sy_jjfa .owl-controls .owl-buttons div{width:54px; height:54px; font-size:12px; text-indent:-9999px; border:1px #ccc solid; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev{background:url(../images/sy_jjfa_jt1.png) center no-repeat; left:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev:hover{border:1px #63b72f solid; background:#63b72f url(../images/sy_jjfa_jt3.png) center no-repeat;}
.sy_jjfa .owl-controls .owl-buttons .owl-next{background:url(../images/sy_jjfa_jt2.png) center no-repeat; overflow:hidden; right:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-next:hover{border:1px #63b72f solid; background:#63b72f url(../images/sy_jjfa_jt4.png) center no-repeat;}
.sy_jjfa .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_jjfa .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_jjfa .owl-controls .owl-page span{display: block;width:14px; height:14px; border:0px #fff solid; margin:0 4px; border-radius:100px; background:#00a63e; transition:all 0.5s;}
.sy_jjfa .owl-controls .owl-page.active span,
.sy_jjfa .owl-controls.clickable .owl-page:hover span{ border:0px #ff8400 solid; background:#cacaca;}
.sy_jjfa .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_jjfa .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_jjfa .owl-pagination{width:100%; height:14px; text-align:center; margin-top:3%;}
.owl-buttons{display: none;}


.more{ width:160px; height:auto;  text-align:center; line-height:45px; margin:0 auto 5% auto; border-radius:25px;-moz-border-radius:25px;}
.more a { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;width:160px;  font-size:16px; position: relative;display: inline-block; text-align:center; background:#f5f5f7; color:#666; }
.more a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.more a span { display: block; position: relative; z-index: 9;  -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.more a:hover span { color: #fff; }
.more a:hover:after { width: 100%; background-color: #024b97; color: #fff; }

.derp{overflow:hidden; height:auto; margin:auto;padding:5% 0;}
.derp .derleft{ width:50%; float:left;}
.derp .derleft img{ max-width:100%; display:block; margin:auto; clear:both;}
.derp .deright{ width:46%; float:right;}
.derp .deright h3{ font-size:30px; font-weight:500; color:#024b97; position:relative; height:55px;}
.derp .deright h3::after{ width:60px;content: '';position: absolute;left: 0;border-bottom:5px #024b97 solid; bottom:0;}
.derp .deright .tex{ line-height:1.9; padding:25px 0;}
.derp .deright .list{ margin-top:30px;}
.derp .deright .list ul{}
.derp .deright .list ul li{ width:32.58%; float:left;  margin-bottom:30px; text-align:center;}
.derp .deright .list ul li .box{display: flex;align-items: center;}
.derp .deright .list ul li .box img{ margin-right:5px;}

.dsanp{ background:url(../images/bg1.jpg) no-repeat center top; background-size:cover; color:#fff; padding:4% 0;}
.dsanp h3{ text-align:center; padding:20px; font-size:18px;}
.dsanp ul{ display:block; margin-top:65px;}
.dsanp ul li{ width:25%; float:left; overflow:hidden; height:auto; color:#fff; text-align:center;}
.dsanp ul li .pic{ width:96px; margin:auto;}
.dsanp ul li h4{ font-size:27px; padding:30px 0 10px 0;}
.dsanp ul li p{ font-size:17px;}


.dsip{ overflow:hidden; height:auto; margin: auto; padding:5% 0 6% 0;}
.dsip h1{ text-align:center; font-size:30px; margin-bottom:30px;}
.dsip ul{ margin-right:-3%;}
.dsip ul li{ width:30.333%; float:left; margin-right:3%; height:auto; overflow:hidden; margin-top:2%;}
.dsip ul li .pic{max-width:100%;position:relative; overflow:hidden; }
.dsip ul li .pic img{width:100%;  transition:all 0.8s; }
.dsip ul li .pic:hover img{ transform:scale(1.1);}
.dsip ul li h3{ font-size:18px; padding:20px 0 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dsip ul li p{ color:#999; line-height:1.5;}
.dsip ul li .time{ font-size:12px; color:#024b97; margin-top:20px;}
.dsip ul li:hover  h3{color:#024b97; }

.dwup{overflow:hidden; height:auto; margin: auto; padding:1% 0 5% 0;}
.dwup ul{ margin-right:-3%;}
.dwup ul li{ width:30.333%; float:left; margin-right:3%; background:#f9f9f9; text-align:center; padding:5% 0;}
.dwup ul li .pic{ width:60px; margin:auto;}
.dwup ul li h4{ font-size:22px; margin:30px 0;}
.dwup ul li p{ color:#6e6e6e; font-size:15px;}


.foot{padding:2% 0; border-top:3px #00a63e solid;background: url(../images/f_bg.jpg) center center no-repeat;box-sizing: border-box; background-size: cover;}
.foot .flwd{ width:82%; float:left; color:#fff; line-height:22px; overflow: hidden;}
.foot .flwd dl{ width:21%; float:left;}
.foot .flwd dl dt{ font-size:18px; text-transform:uppercase; height:40px; color:#fff;}
.foot .flwd dl dd{ color:#ccc; line-height: 27px;} 
.foot .flwd dl dd i{ font-size:14px;}
.foot .flwd dl dd a{ font-size:14px;color:#fff;}
.foot .flwd dl dd a:hover{ color:#fff;}
.foot .flwd .trx{width: 32%; float: left;}
.foot .flwd .trx h3{font-size:20px; margin-bottom:20px;}
.foot .flwd .trx .flx{color:#fff; line-height:27px;}
.foot .midwd{ width:150px; float:right;}
.foot .midwd .pic{ width:100%;}
.foot .midwd .pic img{width:130px; display:block; margin:auto; clear:both;}
.foot .midwd .pic p{ text-align:center; color:#fff;  padding:12px 0; font-size:13px;}
.copyright{ border-top:1px #428ee0 solid; padding:1.5% 0 0; text-align: center; font-size:13px;  line-height: 25px; color:#fff; margin-top:2%;}

/***************内页css***************/
.nybanner {position: relative; width: 100%; margin: 0 auto; height: auto; overflow:hidden; text-align:center; font-size:4.5rem;color:#fff; font-weight:bold; }
.nybanner p{padding-top:10%;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nyaboutlist{ background:#f6f6f6; height:auto; overflow:hidden; margin-bottom:3%;}
.postions {line-height: 68px;overflow: hidden;color: #999999;font-size: 14px;border-bottom: 1px solid #eeeeee;}
.postions .postions_r { float:left;}
.postions .postions_r img {vertical-align: baseline;margin-right: 8px;height: 12px;}
.postions a {color: #999999;}
.postions .postions_b {float: right; position:relative;}
.postions .postions_b a.isel {color: #024998;}
.postions .postions_b a {float: left;margin-left: 38px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a.isel:after {left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;opacity: 0;background-color: #024998;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover{color:#024998;}
.abouttex{ padding:5% 0; height:auto; overflow:hidden;}
.abouttex .ableft{ width:50%; height:auto; overflow:hidden; line-height:2; float:left; font-size:16px; padding-top:20px;}
.abouttex .abright{ width:45%; height:auto; overflow:hidden; line-height:1.8; float:right;}
.abouttex .abright img{ max-width:100%;}

.abouttex{ padding:5%  0; height:auto; overflow:hidden;}
.abouttex .ableft{ width:100%; height:auto; overflow:hidden; line-height:2; font-size:15px; }

.inner_img {display: inline-block;width: 40%;float: right;margin-left: 20px;margin-top: 10px;}
.in_about_workshops{width:100%; margin-top:70px; height:auto; overflow:hidden;}
.in_about_workshops ul{margin-right: -2%;}
.in_about_workshops li{width: 23%; margin-right: 2%; float: left}
.in_about_workshops li img{width: 100%}

.nydyip{ width:100%; height:auto; overflow:hidden; background:#fafafa; padding:2% 0 4% 0;}
.nspr{ overflow:hidden; margin:auto;}
.nspr h2{ text-align:center; font-size:32px; height:56px; font-weight:300;}
.nspr ul{margin-right:-2%; margin-top:3%;}
.nspr ul li{ width:31.333%; height: auto; float:left; overflow:hidden; margin-right:2%; background:#fff; padding-bottom:2%;}
.nspr ul li .pic{ width:100%; overflow:hidden;}
.nspr ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nspr ul li .pic img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nspr ul li h3{ text-align:center; line-height:60px; font-size:18px; color:#000;}
.nspr ul li p{ line-height:1.7; padding:0 5% 5%; text-align:center; color:#999;}
.honor_img{ margin:5% 0; height:auto; overflow:hidden;}
.honor_img ul{ margin-right:-2%;}
.honor_img ul li{width:23%; height: auto; float:left; margin-right:2%; margin-bottom:1%; }
.himg{position:relative; overflow:hidden; height: auto; }
.honor_img ul li p{ text-align:center;line-height:30px; font-size:16px; padding-top:10px; width:100%;}
.honor_img ul li img{max-width:100%; border:2px solid #fafafa; box-sizing:border-box;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s; margin:auto; clear:both; display:block; }
.honor_img ul li img:hover{border-color:#024998;transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
/**分页**/
.pages{text-align:center;font-size:14px;margin:30px auto; width:100%;}
.pages .pagination{border-radius:0px;}
.pages a{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;font-size:14px;color:#888;border:1px solid #d2d2d2;margin-left:10px;}
.pages a:hover,.pages a.on{border:1px solid #024998;background:#024998;color:#fff;}
.areas-content {position: relative;margin-top: 5px;background: #FFFFFF url(../images/img8.png) no-repeat center center;background-size: 100% auto;max-height: 700px;width: 100%;}
.contentleft{ width:40%; float:left; height:auto; overflow:hidden; margin:8% 0;}
.contentleft p{ line-height:2.2; font-size:18px;}
.contentright{ width:55%; float:right; height:auto; overflow:hidden; margin:8% 0;}
.contentright img{ max-width:100%; display:block; margin:auto; clear:both;}
.dsipnow{ overflow:hidden; height:auto; margin: auto; padding:5% 0;}
.dsipnow h1{ text-align:center; font-size:30px; margin-bottom:30px;}
.dsipnow ul{ margin-right:-3%;}
.dsipnow ul li{ width:30.333%; float:left; margin-right:3%; height:auto; overflow:hidden; margin-top:2%;}
.dsipnow ul li .pic{max-width:100%;position:relative; overflow:hidden; }
.dsipnow ul li .pic img{width:100%;  transition:all 0.8s; }
.dsipnow ul li .pic:hover img{ transform:scale(1.1);}
.dsipnow ul li h3{ font-size:18px; padding:20px 0 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dsipnow ul li p{ color:#999; line-height:1.5;}
.dsipnow ul li .time{ font-size:12px; color:#024998; margin-top:20px;}
.dsipnow ul li:hover  h3{color:#024998; }

.news_box{ margin:5% auto; width:67%; height:auto; overflow:hidden; float:left; overflow:hidden; border-right:1px #eaeaea solid; padding:0 3% 0 0;}
.news_box h1{ font-size:28px;}
.news_box .info {line-height: 25px;font-size: 15px;color: #c8c8c8;margin-top: 14px;}
.news_box .article{border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;padding: 40px 0;margin: 30px 0;line-height: 28px;
font-size: 15px;color: #555555;text-align: justify;} .news_box img{ display:block; margin:15px auto; clear:both; max-width:100%;}
.news_box_pages{ height:auto; overflow:hidden; margin:0 auto; }
.news_box_pages ul{}
.news_box_pages ul li{ line-height:25px; font-size:16px; float:left; width:50%;}
.news_box_pages ul li a{ font-size:16px;}
.news_box_pages ul li a:hover{ color:#12aee7;}

.news_right{ width:27%; float:right; height:auto; overflow:hidden;margin:5% auto;}
.news_right .title{line-height: 60px;font-size: 22px;}
.news_right ul{}
.news_right ul li{ border-bottom:1px #eaeaea solid; height:auto; overflow:hidden;padding: 16px 0;}
.news_right ul li a{ display:block; font-size:17px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_right ul li p{color: #c8c8c8; line-height:32px;}
.news_right ul li a:hover{ color:#12aee7;}

.wrapper {width: 100%;height: auto;position: relative;overflow: hidden;}
.ny_main{ margin:60px auto; overflow: hidden; height:auto; }
.slide_join{width:100%; float:left;}
.slide_join h3{float:left;width:96%; height:45px; padding:0 2%; font-weight:normal; background-color:#f6f6f6;margin-bottom:20px; cursor:pointer;}
.slide_join h3.on{background-color:#024998;}
.slide_join h3 span{float:left; width:80%; height:45px; color:#000;  font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;}
.slide_join h3.on span{color:#fff;}
.slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../images/join_img9.png) no-repeat;}
.slide_join h3.on em{background:url(../images/join_img10.png) no-repeat;}
.slide_join ul{float:left; width:96%; background-color:#fff; padding:0 25px 25px 25px;}
.slide_join ul .join_show{float:left; width:96%; color:#787876; font-size:14px; line-height:28px;}

.inPor{position:relative; height:auto; overflow:hidden; margin:5% 0 3% 0;}
.inPor h3{ font-size:24px; margin-bottom:3%;}
.inPor ul{ margin-right:-2%;}
.inPor ul li{ width:23%; float:left;overflow:hidden; height:auto; margin-right:2%; margin-bottom:2%; background:#fff;padding:3% 0;}
.inPor .item{  padding:10px;overflow:hidden; height:auto;position:relative;}
.inPor .item .inpro_img{ max-width:100%;position:relative; overflow:hidden;  }
.inPor .item .inpro_img img{width:100%;  transition:all 0.8s; }
.inPor .item .inpro_img:hover img{ transform:scale(1.1);}
.inPor h1{ font-size:20px; font-weight:400; margin:0px 0 25px 0;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap; text-align: center;}

.productsobx{ width:auto; overflow:hidden; margin:5% 0;}
.productsobx .rpoleft{ width:40%; float:left; overflow:hidden; border:1px #efefef solid;}
.productsobx .rpoleft img{ max-width:100%; display:block; clear:both; margin:auto;}
.productsobx .ropright{ float:right; width:55%; height:auto; overflow:hidden;}
.productsobx .ropright h1{ font-size:36px; font-weight:300; padding-bottom:20px; border-bottom:1px #efefef solid; margin-bottom:25px;}
.productsobx .ropright p{ line-height:32px; font-size:15px;}


.dybox{ margin:4% 0; line-height:1.8;}
.dybox img{ max-width:100%; display:block; clear:both; margin:0 auto 20px auto;}
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 100px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */
overflow: hidden;text-indent: 100%;white-space: nowrap;background:#fb9700 url(../images/top.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;transition: all 0.3s; }
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: 1;
}
.no-touch .cd-top:hover {background-color: #ffd200;opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
.cd-top {height: 50px;width: 50px;right: 30px;bottom: 30px;}
}