/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
*/
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
--style-color: #015A00;
--active-color: #015a00bf;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: var(--style-color);}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


.w1200{ width: 1200px; margin: 0 auto;}
/*全局样式*/




/*页面框架结构*/
.contain{width: 1200px; margin: 0 auto; max-width: 96%;} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}

/*底部*/
.bottom{}
/*底部*/


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

/*分页*/
.Pages{margin: 39px 0; padding:37px 0; line-height:18px; zoom:1; overflow:hidden; text-align: center; background: #fff;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 4px; color: #666;}
.Pages a:hover{color:#fff;  background:var(--style-color);}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ padding:9px 15px;  background:#f2f2f2;}
.Pages .p_page em a:hover{color:#fff;   background:var(--style-color);}
.Pages .p_page em a.a_cur{ color:#fff;   background:var(--style-color);}
.Pages .p_page b{ font-weight:normal;}
.Pages .a_prev,.Pages .a_next{padding:9px 34px; color: #666;  background:#f2f2f2;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display: none;}
/*分页*/


/*头部*/
.headerTop{position:fixed; top: 5%; left: 0; z-index: 10000;transition:all .4s ease-out;}
.headerTop .logo{float: left;  height: 60px;transition:all .4s ease-out;}
.headerTop .logo img{width: auto;display: block;height: 100%;}
.headerTop .menu_btn{float: left; width: 60px; height: 60px; background: var(--style-color); cursor: pointer; position: relative;transition:all .4s ease-out;}

.headerTopOn{top: 0;}
.headerTopOn .logo{height: 50px;}
.headerTopOn .menu_btn{width: 50px; height: 50px; background: var(--style-color);}


.headerTop .menu_btn:after{content: ""; width: 34px; height: 28px; position: absolute; top: 50%; margin-top: -14px; left: 50%; margin-left: -17px; background: url(../image/nav_btn.png) 50% 50% no-repeat;}
.headerTop .menu_btn.on:after{ width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; background: url(../image/nav_btn2.png) 50% 50% no-repeat;}
.header_r {position: fixed; top: 29px; right: 2%; z-index: 10000;}
.search{height: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0);  float: left; }
.search .text{width: 0; height: 32px; line-height: 32px; float: left; color: var(--style-color); -webkit-transition: all 0.5s; transition: all 0.5s;}
.search.on{border-bottom: 1px solid var(--style-color); }
.search.on .text{width: 100px;}
.search .btn{width: 32px; height: 32px; float: left; display: flex; align-items: center; justify-content: center; color: var(--style-color);}
.search .btn::before {
    content: "\e67e";
    font-size: 17px;
    font-family: "iconfont";
}
.header_r .lan{width: 32px; height: 32px; border:solid 1px var(--style-color); border-radius:50%; border-radius: 50%; text-align: center; line-height: 32px; color: var(--style-color); /*background: url(../images/icon_lan.png) 50% 50% no-repeat;*/ font-size: 14px; display: block; float: left; margin-left: 35px;}
.body .search .text{ color:#015A00}
#login,
#login a{ color:var(--style-color);}
.header_r.on .lan{ color:#fff; border:solid 1px #fff; }
.header_r.on .search .btn{color:#fff;}
.body .header_r.on .search .text,
.header_r.on .search .text,
.header_r.on #login,
.header_r.on #login a{ color:#fff; }
.header_r.on .search.on{border-bottom: 1px solid #fff; }

.mainnavW{position: fixed; top: 0; left: 0; width: 100%; background: #015a00a8; z-index: 9999; display: none;height: 100%;}
.mainnav{width: 1200px; max-width: 96%; margin: 0 auto; padding: 10% 0;}
.mainnav dl{float: left; width: 10%; padding:0; padding-left:5%; margin: 0 1%; text-align:center;}
.mainnav dl a{color: #fff;}
.mainnav dl dt a{position: relative; font-size: 20px; margin-bottom: 20px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainnav dl dt a:after{content: ""; width: 6px; height: 6px; position: absolute; top: 50%; margin-top: -3px; left: -15px; border-radius: 50%; background: #fff;}
.mainnav dl dd{ padding:0; margin:0; margin-bottom: 10px; font-size: 16px; height: 28px;}
.mainnav dl dd a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom: 5px;}
.mainnav dl dd a:hover{border-bottom: 1px solid #fff;}
.mainnav dl:first-child{width: 30%;padding-left: 10%;}
.mainnav dl:first-child dd{width: 46%;float: left;padding-right: 4%;}

.mobile_menu{position: absolute;z-index: 5;top: 50%;width: 30px;height: 30px;margin-top: -15px;right: 2%;cursor: pointer; display: none; }
.mobile_menu span{ position:absolute; width:100%; height:3px; background-color:#ccc; left:0; top:50%; margin-top:-1.5px;transition:all ease-out 0.3s;}
.mobile_menu span::before,
.mobile_menu span::after{ position:absolute; content:''; left:0; width:100%;height:3px; background-color:#ccc; transition:all ease-out 0.3s;}
.mobile_menu span::before{ top:-10px;}
.mobile_menu span::after{ bottom:-10px;}

.mobile_menu.onmenu span{ background-color:transparent;}
.mobile_menu.onmenu span::before{ transform:rotate(-45deg); top:0;}
.mobile_menu.onmenu span::after{ transform:rotate(45deg); bottom:0;}

@media only screen and (min-width: 768px) {
	.gsg{position: absolute; top: 5px; left: -60px; color:var(--style-color); white-space: nowrap;}
	.header_r.on .gsg{ color:#fff; }
}
@media only screen and (max-width: 767px) {
	.gsg{display: inline-block; margin-top: 5px; margin-left: 5px; color:var(--style-color);}
	.header_r.on .gsg{ color:#fff; }
}

.top{width: 100%; height: 90px;}
.top .nav{text-align: center; width: 1200px; max-width: 96%; margin: 0 auto;}
.top .nav ul{padding-left: 10%;}
.top .nav ul li{display:inline-block;  *zoom:1; *display:inline;  line-height: 90px; background: url(../image/nav_line.png) 0 50% no-repeat; padding: 0 3%;}
.top .nav ul li#nav2{background: none;}
.top .nav ul li a{font-size: 16px; color: #666;  display: block;}
.top .nav ul li a:hover,.top .nav ul li.on a{color: var(--style-color);}
.top .logo{position: absolute; top: 0; left: 0;}
.top .logo img{height: 90px;}
.Top_r{position: absolute; right: 2%; top: 30px;}
.Top_search{float: left;}
.Top_search .text{float: left; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; width: 0; transition: 0.5s;}
.Top_search.on .text{width: 100px;}
.Top_search .btn{width: 32px; height: 32px; float: left; display: block; background: url(../image/search_btn2.png) 50% 50% no-repeat;}
.Top_lan{width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; color: #999999; background: url(../image/icon_lan2.png) 50% 50% no-repeat; font-size: 14px; display: block; float: left; margin-left: 35px;}
/*.Top_Member{width: 32px; height: 32px; float: left; background: url(../images/Member.png) 0 0 no-repeat; margin-left: 5px;}*/
/*头部*/


.h_bane {position: relative;}
.h_bane ul li{position: relative;}
.h_bane ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.h_bane ul li .pc{display: block;}
.h_bane ul li .wap{display: none;}
.h_bane ul li .text{color:#222f3b;padding:0 15%;position:absolute;top:50%;transform:translateY(-50%); width:100%; z-index:5; box-sizing:border-box;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.h_bane ul li .text .tit{font-size:3.5vw;color:var(--style-color);font-weight: 600;margin-bottom: 20px; font-family:SimHei;}
.h_bane ul li .text .des{font-size:2.1vw;margin-bottom: 30px;line-height: 1.3; font-family:SimHei;}
.h_bane ul li .text .en-wz{ font-family:'Gotham'; font-size:.95vw; font-weight: bold;}
.h_bane  .bx-pager{display: none;}
.h_bane .bx-prev{width: 23px; height: 38px; position: absolute; top: 50%; left: 5%; margin-top: -19px; background: url(../image/ban_arrowL2.png) 0 0 no-repeat;  z-index: 99;}
.h_bane .bx-prev:hover{ background: url(../image/ban_arrowL.png) 0 0 no-repeat;}
.h_bane .bx-next{width: 23px; height: 38px; position: absolute; top: 50%; right: 5%; margin-top: -19px; background: url(../image/ban_arrowR2.png) 0 0 no-repeat;  z-index: 99;}
.h_bane .bx-next:hover{ background: url(../image/ban_arrowR.png) 0 0 no-repeat;}
.h_bane .page_arrow{width: 15px; height: 9px; position: absolute; left: 50%; margin-left: -8px; bottom: 10%; background: url(../image/banner_arrow.png) 0 0 no-repeat; z-index: 99;}
.banner{min-height: 120px;}

.h_aboutT{text-align: center; color: #fff;}
.h_aboutT .title{font-size: 40px; }
.h_aboutT .title span{display: block; font-size: 20px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase;}
.h_aboutT .txt{font-size: 18px; color: #fff; white-space: pre-line;}
.h_about .con{margin-top: 6%; padding: 0 10%;}
.h_about .con dl dd{width: 33.33%; float: left; text-align: center; color: #fff; background: url(../image/about_line.png) 0 50% no-repeat;}
.h_about .con dl dd:first-child{background: none;}
.h_about .con dl dd .title{height: 130px; }
.h_about .con dl dd .tip{margin-top: 10px; display: block; font-size: 20px;}
.h_about .con dl dd.text1 .title{font-size: 38px;}
.h_about .con dl dd.text1 em{font-size: 100px; font-style: normal; font-family: "宋体"}
.h_about .con dl dd.text2 .title{font-size: 38px; font-family: "宋体"; line-height: 48px; font-weight: bold;}
.h_about .con dl dd.text2 .title span{font-size: 50px; display: block;}
.h_about .con dl dd.text2 .title em{display: block; font-size: 31px; font-style: normal;}
.h_about .con dl dd.text3 .title{font-size: 38px;}
.h_about .con dl dd.text3 .title span{display: block; font-size: 60px; font-style: normal; line-height: 50px;}
.h_about .con dl dd.text3 .title span em{font-size: 72px; font-style: normal;}
.h_about .btn{width: 198px; height: 58px; border: 1px solid #fff; text-align: center; line-height: 58px; color: #fff; font-size: 20px; display: block; margin: 5% auto 0;}

#dowebok .section4{background: url(../image/news_bg.jpg) 50% 0 no-repeat;}
#dowebok .section2 .view-wrap .view-items p{font-size: 20px;}
.h_news{width: 1430px; margin: 0 auto; max-width: 96%;}
.h_newsT{text-align: center; font-size: 40px; color: var(--active-color);}
.h_newsT span{display: block; font-size: 20px; color: #a5a7af; text-transform: uppercase;}

.h_newsList{margin-top: 30px; overflow: hidden;}
.h_news ul{margin-right: -3%;}
.h_news ul li{width: 30.33%; margin-right: 3%; float: left;}

.h_news ul li span{display: block;}
.h_news ul li .pic{display: block; position: relative;overflow: hidden;padding-bottom: 25px;}
.h_news ul li .pic .time{position: absolute; width: 60px; height: 60px; padding-top: 10px; color: #fff; text-align: center; left: 24px; bottom: 0; background: var(--active-color); font-family: "Arial"; font-size: 36px; line-height: 30px;}
.h_news ul li .pic .time em{display: block; font-size: 14px; font-style: normal;}
.h_news ul li .h_newsPic{display: block; padding-bottom: 59%; background-repeat: no-repeat; background-position: center center; background-size: cover;position: relative;}
.h_news ul li .h_newsPic:hover:after{display: block;width: 100%;height: 100%;background: var(--active-color);left: 0;top: 0;position: absolute;content: '';}
.h_news ul li .h_newsPic{
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-ms-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
transition:all .4s ease-out;
width:100%;
margin-left:0;
}

.h_news ul li .h_newsPic:hover{ 
width:105%;
margin-left:-2.5%;
}

.h_news ul li .title{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 20px; color: #333; margin-top: 25px;}
.h_news ul li .txt{margin-top: 20px; font-size: 16px; color: #999; height: 44px; overflow: hidden;}
.h_news ul li .btn{width: 113px; height: 37px; line-height: 37px; text-align: center; color: #fff; font-size: 14px; background: var(--style-color);   margin-top: 30px; opacity: 0; display: block;}
.h_news ul li:hover .btn{opacity: 1;}


.footerW{background: #e6eaef; padding: 40px 0 60px 0;}
.footer{width: 1400px; max-width: 96%; margin: 0 auto;}
.footerT{padding-bottom: 20px;}
.footerT .tip{color: var(--active-color); font-size: 16px; margin-top: 10px;}
.footerBox{padding: 60px 0 100px 0;}
.footerBox .list{display: flex;flex-wrap: wrap;width: 100%;}
.footerBox .list dl{width: 20%;}
.footerBox .list dl dt{padding-bottom: 10px;}
.footerBox .list dl dt a{font-size: 18px; color: #454647; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footerBox .list dl dd{margin: 10px 0 0 0;}
.footerBox .list dl dd a{font-size: 14px; color: #a1a3a7; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footerBox .list dl dd a:hover{color: var(--style-color);}
.footerBox .code{width: 115px;}
.footerBox .code img{border:5px solid rgba(255, 255, 255, 0.4); }
.footerBox .code span{display: block; margin-top: 15px; text-align: center; color: #12273c;}

.BottomW{border-top: 1px solid #c6ccd4; padding-top: 53px;}
.Bottom{width: 1400px; max-width: 96%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.Bottom .link {margin-right: 30px;}
.Bottom .link a{display:inline-block;  *zoom:1; *display:inline; color: #939699; padding: 0 15px; background: url(../image/footer_line.png) 0 50% no-repeat;}
.Bottom .link a:hover{color: var(--style-color);}
.Bottom .link a:first-child{padding-left: 0; background: none;}
.Bottom .link a:last-child{padding-right: 0;}
.Bottom .cop{color: #939699;}
.Bottom .cop a{color: #939699;}
.Bottom .cop a:hover{color: var(--style-color);}


.currentW{width: 100%; border-bottom: 1px solid #e5e5e5; background: #fff;}
.current{width: 1200px; margin: 0 auto; max-width: 96%;}
.current .title{float: left; font-size: 18px; line-height: 49px; padding-left: 15px; position: relative; color: var(--style-color);}
.current .title:after{width: 2px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; background: var(--style-color); content: "";}
.current .current_r{float: right; font-size: 14px; padding-left: 26px; position: relative; line-height: 49px;}
.current .current_r::before {
    content: '\e6ac';
    font-family: "iconfont";
    position: absolute;
    left: 0;
    top: 49%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--style-color);
}
.current_r a{font-size: 14px; color: #999;}
.current_r a:hover{color: var(--style-color);}
.current_r span{color: var(--style-color);}

.page_bg{background: url(../image/bg.jpg) #f3f4f4 50% 0 no-repeat;}

.menu{width: 1200px; margin: 20px auto 0; max-width: 96%; background: #fff; border: 1px solid #eaeaea; }
.menu ul li{float: left; font-size: 14px; padding: 0 3%;}
.menu ul li a{color: #333; line-height: 48px; height: 48px; display: block; padding-left: 23px;}
.menu ul li a:hover,.menu ul li.on a{color: var(--style-color);}
.menu ul li#menu4 a{background: url(../image/icon1.png) 0 50% no-repeat;}
.menu ul li#menu5 a{background: url(../image/icon2.png) 0 50% no-repeat;}
.menu ul li#menu6 a{background: url(../image/icon3.png) 0 50% no-repeat;}
.menu ul li#menu7 a{background: url(../image/icon41.png) 0 50% no-repeat;}
.menu ul li#menu11 a{background: url(../image/icon5.png) 0 50% no-repeat;}
.menu ul li#menu12 a{background: url(../image/icon61.png) 0 50% no-repeat;}
.menu ul li#menu13 a{background: url(../image/icon7.png) 0 50% no-repeat;}
.menu ul li#menu14 a{background: url(http://tinyo.wynca.com/cn/images/icon8.png) 0 50% no-repeat;}
.menu ul li.menu_login a{background: url(../image/icon91.png) 0 50% no-repeat;}
.menu ul li.menu_register a{background: url(../image/icon101.png) 0 50% no-repeat;}


.menu ul #menu4.on a,
.menu ul #menu4:hover a{background: url(../image/icon1_2.png) 0 50% no-repeat;}
.menu ul #menu5.on a,
.menu ul #menu5:hover a{background: url(../image/icon2_2.png) 0 50% no-repeat;}
.menu ul #menu6.on a,
.menu ul #menu6:hover a{background: url(../image/icon3_2.png) 0 50% no-repeat;}
.menu ul #menu7.on a,
.menu ul #menu7:hover a{background: url(../image/icon4_21.png) 0 50% no-repeat;}
.menu ul #menu11.on a,
.menu ul #menu11:hover a{background: url(../image/icon5_2.png) 0 50% no-repeat;}
.menu ul #menu12.on a,
.menu ul #menu12:hover a{background: url(../image/icon6_21.png) 0 50% no-repeat;}
.menu ul #menu13.on a,
.menu ul #menu13:hover a{background: url(../image/icon7_2.png) 0 50% no-repeat;}
.menu ul #menu14.on a,
.menu ul #menu14:hover a{background: url(http://tinyo.wynca.com/cn/images/icon8_2.png) 0 50% no-repeat;}
.menu ul .menu_login.on a,
.menu ul .menu_login:hover a{background: url(../image/icon9_21.png) 0 50% no-repeat;}
.menu ul .menu_register.on a,
.menu ul .menu_register:hover a{background: url(../image/icon10_21.png) 0 50% no-repeat;}









.about{background: #fff; border: 1px solid #eaeaea; padding: 4% 2%; margin: 19px 0 51px 0;}
.about .list{margin: 10px 0;}
.about .list dl{margin: 0;}
.about .list dl dd{margin: 0; float: left;}
.about .list dl .dd1{width: 34%; background: var(--style-color); padding-bottom: 18.8%; position: relative;}
.about .list dl .dd1 .text{position: absolute; bottom: 20px; left: 0; padding: 0 1% 0 2%; font-size: 30px; color: #728cec; text-transform: uppercase; font-family: "arial"}
.about .list dl .dd1 .text span{display: block; font-size: 18px; color: #fff;}
.about .list dl .dd2{width: 41%; }
.about .list dl .dd3{width: 24.4%;	}
.about_name{font-size: 18px; color: var(--style-color); font-weight: bold;}
.about_name span{display: block; font-size: 12px; color: #979797; font-weight: normal; margin-top: 10px;}


.Culture{margin: 19px 0 74px 0; border: 1px solid #eaeaea; padding: 4% 2%; background: #fff;}
.Culture_list{margin-top: 30px;}
.Culture_list .title{background: #f5f5f5; padding: 14px 3%; font-size: 18px; color: #333; position: relative; cursor: pointer;}
.Culture_list .title i{width: 22px; height: 23px; background: url(../image/show.png) 0 0 no-repeat; position: absolute;  top: 50%; margin-top: -12px; right: 2%;}
.Culture_list ul li{margin-top: 5px;}
.Culture_list ul li .text{background: #fff; padding: 1% 3%; border: 1px solid #eeeeee; border-top: none; line-height: 26px; display: none;}
.Culture_list ul li.on .title{background: var(--style-color); color: #fff; font-size: 18px;}
.Culture_list ul li.on .title i{background: url(../image/hide.png) 0 0 no-repeat;}


.Honor{padding: 2.5%; border: 1px solid #eaeaea; margin-top: 19px; background: #fff; overflow: hidden;}
.Honor ul{ padding-top: 1%; margin-right: -8%;}
.Honor ul li{width: 25.33%; margin:0 8% 4% 0; float: left;}
.Honor ul li span{display: block;}
.Honor ul li .Honor_pic{border: 1px solid #ebebeb; padding: 5px;}
.Honor ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 72%; }
.Honor ul li .title{font-size: 16px; color: #666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top: 15px; text-align: center;}


.history{background: #fff; border: 1px solid #eaeaea; padding: 5% 10%; margin: 19px 0 59px 0;}
.historyT{position: absolute; top: 2%; left: 0;  text-align: right; width: 40%; font-size: 48px; color: var(--style-color); line-height: 48px;}
.historyT span{display: block; color: #c6c6c6; font-size: 27px; text-transform: uppercase;     font-family: serif;}
.history_list{position: relative; padding: 5% 0; }
.history_list .line{position: absolute; width: 2px; height: 100%; background: var(--style-color); top: 0; left: 50%; margin-left: -1px;}
@media (min-width: 641px) {
    .history_list ul li {
        position: relative;
        margin-top: -4%;
    }
}
.history_list ul li:first-child {margin-top: 0;}
.history_list ul li .box{width: 37%; padding: 2% 4%; border: 1px solid #e3e3e3; border-radius: 2px; background: #f7f7f7; float: right; position: relative;}
.history_list ul li.on .box{float: left; }
.history_list ul li .time{font-size: 48px; color: var(--style-color); font-family: "Arial"}
.history_list ul li .time em{font-style: normal; font-size: 24px;}
.history_list ul li .text{margin-top: 10px; line-height: 24px; color: #666;}
.history_list ul li i{
    width: 10px; 
    height: 18px;
    position: absolute;
    top: 8px;
    left: 50%; 
    transform: translateX(-50%); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-color: #fff; 
    border-radius: 50%;
}

.history_list ul li .box:after{content: ""; width: 8px; height: 18px;  background: url(../image/history_arrowL.png) 0 0 no-repeat; position: absolute; top: 12px; left: -8px; } 
.history_list ul li.on .box:after{left: auto; right: -8px; background: url(../image/history_arrowR.png) 0 0 no-repeat;}

.history_list:after{
    content: "\e85d";
    font-family: "iconfont";
    position: absolute; 
    bottom: -6px; 
    left: 50%; 
    transform: translateX(-49.5%);
    font-size: 17px;
    line-height: 1;
    font-weight: bold;
    color: var(--style-color);
}
.historyTip{margin-top: 30px; font-weight: bold; text-align: center; color: var(--style-color); font-size: 18px;}

.news{overflow: hidden;position: relative; min-height: 100px;}
.news ul {margin-right: -4%;}
.news ul li{padding: 40px 0; width: 29.33%; float: left; margin-right: 4%;}
.news ul li span{display: block; }
.news ul li .pic{background-repeat: no-repeat; background-position: center center; padding-bottom: 59%; background-size: cover; }
.news ul li .title{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333; font-size: 20px; margin-top: 30px;}
.news ul li .title:hover{color: var(--style-color);}
.news ul li .text{font-size: 14px; color: #999; line-height: 24px; margin-top: 10px; height: 48px; overflow: hidden;}
.news ul li .btn{width: 111px; height: 35px; border: 1px solid #79a3cb; text-align: center; line-height: 35px; color: var(--style-color); font-size: 14px; margin-top: 20px;}
.news ul li .btn:hover{background: var(--style-color); color: #fff;}
.news:after{width: 100%; /*height: 1px;*/ background: #dcdcdc; position: absolute; left: 0; top: 50%; margin-top: -1px; content: "";}
/*详细*/
.news-info .h5{ text-align:center; color:#666; font-size:16px; font-weight: normal; font-size: 24px; margin: 40px 0 0 0;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2;}
.news-info{margin-top: 40px; }
.info_other{margin-top: 30px; padding: 30px 0;position: relative;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #00a1e9;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px;}
.news-info .con img{width: auto!important; height: auto!important;}
.info_other .prev,.info_other .next{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-info .video{margin-top: 20px;}
.news-info video{width: 100%;}
.news-info iframe{width: 100%!important;}

.contact{margin: 17px 0 67px 0; padding: 7% 2.5%;  border: 1px solid #eaeaea; background: #fff;}
.contact .map{height:483px; width: 58%; float: left; border: 1px solid #e1e1e1;}
.contact_con{width: 36%; overflow: hidden; padding: 0 2%; float: right; border: 1px solid #e1e1e1;}
.contact_con ul{margin-top: -1px;}
.contact_con ul li{padding: 10px 0; font-size: 16px; color: #444; background: url(../image/contact_line.png) 0 0 repeat-x;}
.contact_con ul li .tip{font-size: 18px; color: #888; margin-bottom: 10px;}

.join{border: 1px solid #eaeaea; margin-top: 19px; background: #fff; overflow: hidden;}
.join ul {margin-top: -1px;}
.join ul li{border-top: 1px solid #eaeaea;}
.joinT{height: 49px; font-size: 14px; color: #666; line-height: 49px; padding: 0 2%; position: relative; cursor: pointer;}
.joinT time{float: right; margin-right: 10%; display: none;}
.joinT i{width: 22px; height: 23px; position: absolute; top: 50%; right: 2%; margin-top: -12px; background: url(../image/show.png) 0 0 no-repeat;}
.join ul li.on .joinT i{background: url(../image/hide.png) 0 0 no-repeat;}
.join ul li.on .joinT{color: #fff; background: var(--style-color);}
.join ul li .text{display: none;}
.join ul li.on time{color: #fff; display: block;}
.join ul li .text{padding: 2%;}
.join ul li .text .left{width: 60%; float: left; line-height: 30px;}
.join ul li .text .right{width: 35%; float: right; line-height: 30px;}
.join ul li .btn{width: 148px; height: 45px; line-height: 45px; color: #fff; text-align: center; display: block; margin: 40px  auto 0; background: var(--style-color);}
.join ul li .text .tip{color: var(--style-color); font-weight: bold; margin-bottom: 20px;}

.join_message{width: 96%; margin: 19px 0 57px 0; border: 1px solid #eaeaea; padding: 35px 2%; overflow: hidden; background: #fff;}
.join_message table{width: 100%;}
.join_message .tip{text-align: right; display: block;}
.join_message span{color: #494949; font-size: 16px;}
.join_message .text{background: #fff; color: #666; width: 42%; height: 35px; padding:0 10px; line-height: 35px; border: 1px solid #d7d7d7;}
.join_message tr td{padding-bottom: 20px; position: relative;}
.join_message tr td .btn{width: 123px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background: var(--style-color); font-family: "微软雅黑"; border-radius: 4px; margin-right: 60px; cursor: pointer; border: none;}
.join_message tr td .file{width: 30%; color: #666;}
.join_message tr td .btnColor{background: var(--style-color);}
.join_message tr td textarea{width: 90%; height: 163px; padding: 10px; background: #fff; border: 1px solid #d7d7d7;}
.join_message tr td .sex{float: left; width: 16px; height: 16px; margin: 5px; cursor: pointer;}
.join_message tr td .sex_tip{float: left; margin-right: 10px;  cursor: pointer;}


.message{background: #fff; padding: 3% 2%; margin: 19px 0 59px 0; border: 1px solid #eaeaea;}
.messageT{color: #999; font-size: 14px;}
.message_list{margin-right: -5%;}
.message_con ul li{overflow: hidden; margin-top: 25px;}
.message_con ul li .tip{color: #333; margin-bottom: 18px;}
.message_con ul li .message_box{width: 28.33%; margin-right: 5%; float: left;}
.message_con ul li .message_box .text{height: 40px; line-height: 40px; border: 1px solid #ebebeb; padding: 0 2%; width: 96%; }

.message_con ul li  .message_text{width: 100%;}
.message_con ul li  .txt{margin-top: 30px; color: #999; }
.message_con ul li  .txt em{color: #e60012; font-style: normal;}
.message_text textarea{width: 97.8%; padding: 1%; height: 122px; border: 1px solid #ebebeb;}
.message_btn{text-align: right; font-size: 0;}
.message_btn .btn{display:inline-block;  *zoom:1; *display:inline;  width: 130px; height: 40px; line-height: 40px; text-align: center; background: var(--style-color); color: #fff; font-size: 14px; margin-left: 10px; cursor: pointer;}
.message_btn .btn_color{background: #f5f5f5; color: #666;}

.pro_menu{margin: 21px auto 0; background: #fff; border: 1px solid #eaeaea; width: 1200px; max-width: 96%;}
.pro_menu ul{background: url(../image/menu_line.png) 0 0;}
.pro_menu ul li{width: 14.2%; float: left; height: 48px; line-height: 48px;}
.pro_menu ul li a{display: block; padding-left: 50px; font-size: 14px; color: #333; position: relative; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_menu ul li a i{width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background-size: contain; left: 15px;}
.pro_menu ul li a i.icon2{display: none;}
.pro_menu ul li.on i.icon1,.pro_menu ul li:hover i.icon1{display: none;}
.pro_menu ul li.on i.icon2,.pro_menu ul li:hover i.icon2{display:block;}
.pro_menu ul li.on a,.pro_menu ul li:hover a{ color: var(--style-color);} 

.pro_menu2{margin: 12px auto 0; background: #fff; width: 1200px; max-width: 96%; border: 1px solid #eaeaea; }
.pro_menu2 ul{background: url(../image/menu_line.png) 0 0;}
.pro_menu2 ul li{width: 25%; float: left; line-height: 48px;}
.pro_menu2 ul li a{display: block; position: relative; padding-left: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_menu2 ul li.on a:after{content: ""; width: 7px; height: 1px;  background: var(--style-color); position: absolute; top: 50%; margin-top: -1px; left: 25px;}
.pro_menu2 ul li.on a,.pro_menu2 ul li a:hover{color: var(--style-color);}


.pro_menu3{margin:0  auto ; background: #fff; width: 1200px; max-width: 96%; border: 1px solid #eaeaea; border-top: none;}
.pro_menu3 ul{background: url(../image/menu_line.png) 0 0;}
.pro_menu3 ul li{width: 14.2%; float: left; line-height: 48px;}
.pro_menu3 ul li a{display: block; position: relative; padding-left: 50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_menu3 ul li.on a,.pro_menu2 ul li a:hover{color: var(--style-color);}

.pro{margin-top: 13px; background: #fff;}
.pro dl{margin: 0; background: #fff;}
.pro dl dt{height: 40px; line-height: 40px; background: var(--style-color); color: #fff; font-size: 16px; float: left; margin: 0; width: 16.666%; text-align: center;}
.pro dl .td1{ width:23%;}
.pro dl .td2{ width:33%;}
.pro dl .td3{ width:11%;}
.pro dl .td4{ width:11%;}
.pro dl .td5{ width:11%;}
.pro dl .td6{ width:11%;}


.pro dl dt span{display: block; border-left: 1px solid #fff;}
.pro dl dd{margin: 0; width: 16.6666%; float: left; height: 48px; line-height: 48px; text-align: center; background: #f6fbff; margin-top: 1px; position: relative;}
.pro dl dd span{display: block; border-left: 1px solid #fff; overflow: hidden; text-overflow:ellipsis;
white-space: nowrap;}
.pro .list{position: relative;}
.pro .text{width: 16.6666%; position: absolute; top: 1px; left: 16.6666%; height: 100%; text-align: center; line-height: 100%; background: #f6fbff; border: 1px solid #fff; border-top: none; border-bottom: none;}
.pro .list.on .text{background: #ecf6fd;}
.pro .list dl.on dd{background: #ecf7ff;}
.pro .text span{position: absolute; color: #666; width: 100%; text-align: center; top: 50%; margin-top: -12px; left: 0;}
.pro dl dd .dow{width: 100%; height: 100%; display: block; background: url(../image/dow.png) 50% 50% no-repeat; border-left: 1px solid #fff;}


.form_table{ width:280px; margin:auto; font-size:15px; color:#b0b0b0; padding-top:20px; padding-bottom:40px; line-height:28px;}
.form_table ul li{ position:relative; padding:5px 0px 5px 70px; border:solid 1px #dcdcdc; margin-bottom:15px; background:url(../image/form_text_bg.jpg) no-repeat left 100px; }
.form_table ul li.li_name{ background-position:left 0;}
.form_table ul li.li_id{ background-position:left -55px;}
.form_table ul li.li_tel{ background-position:left -107px;}
.form_table ul li.li_phone{ background-position:left -160px;}
.form_table ul li.li_email{ background-position:left -214px;}
.form_table ul li.li_detail{ padding-left:15px; background:none;}
.form_table ul li.li_detail textarea.text{ width:480px; height:170px;}
.form_table ul li.li_goal{ background-position:left -265px;}
.form_table ul li.li_file{ background-position:left -320px;}
.form_table ul li.li_password{ background-position:left -372px;}
.form_table ul li.li_type{ background-position:left -423px;}
.form_table p span{ color:#ff0000}
.form_table .text{ width:190px; border: none;  height:28px; line-height:28px;}
.form_table .file{ width:190px; position:absolute; top:6px; left:70px; height:28px; filter:alpha(opacity:0);opacity: 0; z-index:5} 
.form_table .submit_reset{ overflow:hidden; padding:30px 0;}
.form_table .submit_reset input{ width:110px; height:36px; border:none; cursor:pointer; background: #ccc;margin: 0 15px 0 0;}
.form_table .submit_reset input.submit{ float:right; background-color:#0150a1; color:#fff;}
.form_table .submit_reset input.reset{ float:left;}
.form_table a{color:#b0b0b0;}
.form_table ul li.li_password2{background-position: left -367px;}
.form_table .li_password2 a{font-size: 12px; display: block; line-height: 12px;}
.form_table .add_text{ width:135px !important;}
.form_table #f_code{ width:72px !important;}










@media screen and (max-width:1199px){
.header_r{top: 19px;}

.top .nav ul li{padding: 0 2%;}

.pro_menu ul li{width: 20%;}

.pro_menu2 ul li{width: 25%; }

.pro_menu3 ul li{width: 20%; }

.footerBox .list dl {
  width: 25%;
}
.footerBox .list dl:last-child {
  width: 100%;
  float: none;
  margin-top: 40px;
}
}

@media screen and (max-width:1000px){
.top .logo img{height: 70px; padding: 10px 0;}
.top .nav ul li a{font-size: 14px;}
.top .nav ul{padding-left: 8%;}
.Top_search.on .text{width: 70px;}
	
.about .list dl .dd1 .text{font-size: 26px;}
	
.top .nav ul{padding-left: 15%;}
.mainnav dl{width: 12%;}
}

@media screen and (max-width:768px){
.h_bane ul li .pc{display: none;}
.h_bane ul li .wap{display: block;}
.h_bane ul li .wap img{width: 100%; display: block;}
.h_bane ul li .text{ padding:0 5%;}
.h_bane ul li .text .tit{ font-size:38px;}
.h_bane ul li .text .des{ margin:5px 0; font-size:26px; line-height:1.2;}
.h_bane ul li .text .en-wz{ font-size:14px;}

#dowebok .section2 .content{margin-top: 0;}
	
.headerTop .logo{height: 50px;}
.headerTop .logo img{height: 50px;}
.headerTop .menu_btn{ width: 50px; height: 50px;}
	
.mainnav dl dt a{font-size: 18px; margin-bottom: 10px;}
.mainnav dl dd{height: 18px;}
.mainnav dl dd a{font-size: 14px;}
	
#dowebok .section2 .view-wrap .left-arrow, #dowebok .section2 .view-wrap .right-arrow{display: none!important;}
	
.header_r{top: 9px;}
	
#dowebok .section2{padding: 20px 0;}
	
	
#dowebok .section3{padding: 40px 0;}

.h_aboutT .title{font-size: 24px;}
.h_aboutT .title span{font-size: 20px;}
.h_aboutT .txt{font-size: 14px;}
.h_about .con dl dd.text1 .title{font-size: 20px;}
.h_about .con dl dd.text1 em{font-size: 70px;}
.h_about .con dl dd.text2 .title{font-size: 36px; line-height: 38px;}
.h_about .con dl dd.text2 .title span{font-size: 28px;}
.h_about .con dl dd.text3 .title{font-size: 26px;}
.h_about .con dl dd.text3 .title span {font-size: 30px;}
.h_about .con dl dd.text3 .title span em{font-size: 36px;}
.h_about .btn{width: 100px; height: 40px; line-height: 40px;font-size: 16px;  margin: 5% auto 0;}
	
#dowebok .section4{padding: 40px 0;}
	
.h_newsT{font-size:24px;}
.h_newsT span{font-size:20px;}
	
.top {height: 50px; position: relative;}
.Top_r{top: 9px; right: 60px;}
.Top_lan{margin-left: 5px;}
.top .logo img{height: 40px; padding: 5px 0;}
.top .nav{position: absolute; top: 100%; right: 0; width: 50%; background: #fff; display: none;}
.top .nav ul{padding: 0;}
.top .nav ul li{width: 96%; display: block; height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3;}
.top .nav ul li a:hover, .top .nav ul li.on a{color: inherit;}
.mobile_menu{display: block;}
	
.about .list dl .dd1 .text{font-size: 18px;}
.about .list dl .dd1 .text span{font-size: 14px;}
	
	
.historyT{font-size: 30px; line-height: 30px;}
.historyT span{font-size: 20px;}
	
.join ul li .text .left{width: 100%; float: none; }
.join ul li .text .right{width: 100%; float: none;}
	
.message_con ul li .message_box .text{width: 95%;}
.message_text textarea{width: 96%;}
	
.pro_menu ul li{width: 25%;}
.pro_menu2 ul li{width: 25%; float: left; line-height: 48px;}
.pro_menu3 ul li{width: 25%; float: left; line-height: 48px;}
}


@media screen and (max-width:640px){
.mainnav{padding-top: 90px;}
.mainnav dl dt a{font-size: 14px; }
.mainnav dl dd a{font-size: 12px;}
.headerTop .logo{height: 40px;}
.headerTop .logo img{height: 40px;}
.headerTop .menu_btn{ width: 40px; height: 40px;}	
.headerTop .menu_btn:after{content: ""; width: 24px; height: 18px; position: absolute;  margin-top: -9px; margin-left: -12px;  background-size: contain;}
.headerTop .menu_btn.on:after{width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; background: url(../image/nav_btn2.png) 50% 50% no-repeat; background-size: contain; }
.mainnav dl{width: 23%; margin: 0 1%; padding-left: 0;}
.mainnav dl dt a:after{display: none;}
	
.header_r .lan{margin-left: 5px;}
.search.on .text{width: 70px;}
	
#dowebok .section2 .caption-wrap .caption-items{font-size: 15px;}
#dowebok .section2 .view-wrap .view-items h2{font-size: 18px;}
#dowebok .section2 .view-wrap .view-items p{font-size: 12px;}

.h_about .con dl dd .title{height: auto;}
.h_about .con dl dd{width: 100%; background: none; margin-top: 20px;}
.h_about .con dl dd .title{line-height: 30px;}
	
	
.h_news ul{margin-right: 0;}
.h_newsList{margin-top: 10px;}
.h_news ul li{width: 100%; margin:20px 0 0 0; }
.h_news ul li .btn{height: 30px; line-height: 30px; width: 100px; font-size: 14px;}
.h_news ul li .title{font-size: 16px; margin-top: 30px;}
.h_news ul li .txt{font-size: 14px; margin-top: 10px;}
.h_news ul li .btn{opacity: 1;}
.h_bane ul li .text{ top:57%; padding:0 5%;}
.h_bane ul li .text .tit{ font-size:18px; margin-bottom:0;}
.h_bane ul li .text .des{ margin:10px 0; font-size:14px; font-weight:bold; line-height:1.2;}
.h_bane ul li .text .en-wz{ font-size:8px;}

.Bottom .link a{padding: 0 10px;}
.footerW{padding: 20px 0;}
.footerT{padding-bottom: 20px;}
.footerBox{padding: 20px 0;}
.footerBox .list{width: 100%;}
.footerBox .list dl{width: 25%; text-align: center;}
.footerBox .list dl dd{display: none;}
.footerBox .list dl dt a{font-size: 16px;}
.footerBox .code{float: none; margin: 0 auto;}
.BottomW{padding-top: 20px;}
	
.about .list dl .dd1{  padding-bottom: 0; padding: 5% 0;}
.about .list dl .dd1 .text{position: static;}
.about .list dl .dd1,.about .list dl .dd2,.about .list dl .dd3{width: 100%;}
.about .list dl dd img{width: 100%;}
	
.Honor ul{margin-right: -2%;}
.Honor ul li{width: 48%; margin:0 2% 2% 0;}

.Pages{padding: 20px 0;	}
.Pages em{display: none;}
	
.historyT{position:static; width: 100%; margin-bottom: 10px; text-align: center; font-size: 20px;}
.history_list .line{display: none;}
.history_list ul li .box:after{display: none;}
.history{padding: 0 0 20px 0;}
.history_list ul li i{display: none;}
.history_list ul li .box{width: 88%; margin-top: 0; float: none; margin: 10px 2%;}
.history_list ul li .time{font-size: 20px;}
.history_list ul li .time em{font-size: 16px;}
	
.news:after{display: none;}
.news ul {margin-right: -2%;}
.news ul li{padding: 20px 0; width: 48%; margin-right: 2%;}
.news ul li .title{font-size: 16px; margin-top: 10px;}
.news-info .h5{font-size: 18px;}
.news ul li .btn{width: 80px; height: 30px; line-height: 30px; font-size: 12px;}
	
.contact .map{width: 100%; height: 250px;}
.contact_con{width: 100%; height: auto; padding: 0; margin-top: 20px;}
.contact_con ul li{padding: 20px 2%; font-size: 14px;}
.contact_con ul li .tip{font-size: 16px;}
.join ul li .btn{margin-top: 20px; height: 30px; line-height: 30px; width: 100px;}
	
.join_message tr td .top{width: 30%;}
.join_message tr td .text{width: 75%;}
.join_message tr td .btn{width: 90px; margin-right: 0;}
.join_message .tip{width: 80px; }
.join_message tr td textarea{width: 75%;}
	
.message_con ul li .message_box{margin-top: 20px;}
.message_con ul li .message_box .text{width: 89%;}
.message_con ul li .message_box{width: 89%;}
.message_btn .btn{width: 100px; height: 30px; line-height: 30px;}
	
.pro_menu ul li{width: 33.333%;}
.pro_menu ul li a i{left: 0;}
.pro_menu ul li a{font-size: 12px; padding-left: 26px;}
	
.pro_menu2 ul li.on a:after{left: 10px;}
.pro_menu3 ul li,.pro_menu2 ul li{width: 33.33%; }
.pro_menu3 ul li a,.pro_menu2 ul li a{font-size: 12px; padding-left: 26px;}
	
.form_table{width: 100%;}
.form_info .text, .form_info .file{width: 90%;}
.form_table .text{width: 40%!important;}
.form_table .file{width: 70%;}
.form_table .submit_reset input{width: 40%;}
	
.mainnav dl:first-child{width: 51%;}
.mainnav dl{width: 21%;}
.mainnav dl:first-child{padding-left: 0;}
	
.banner{min-height: 50px;}
	
.pro dl dd span{font-size: 12px;}
	
.join_message tr td .file_tip{display: block;}
	
.form_table2 .text{width: 70%!important;}

.Bottom {
  display: block;
  text-align: center;
}
.Bottom .link {
  margin-right: 0;
}
.Bottom .cop {
  margin-top: 10px;
}
}

@media screen and (max-width:320px){
#dowebok .section2 .caption-wrap .caption-items{font-size: 14px;}
}