﻿
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 15px; width: 100%;background: #fff;font-size: 15px;font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif; margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}

input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }

input,select,button{ 
     font-size:100%;
     outline:0;
     vertical-align:middle;
     -webkit-appearance: none;
 }

button{
    border: 0;
    background-clip: padding-box;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul,li { list-style:none;}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{ 
     border:none;
     vertical-align:baseline;
}


/* 标签属性，textarea,input 强制输入时内容超出时换行，打断 */
textarea,input{ 
    word-wrap:break-word; 
    word-break:break-all; 
} 
span,p,div{ 
    word-wrap:break-word;
} 
.lf{ float:left; }
.rt{ float:right; }
.clear{ content: ''; display: block; clear: both; }
  
/* 主菜单 

.head{position: relative;width:100%;z-index:9999;background-color: #00a2ff;}
.head .navbox{width: 1000px;height:48px;position: absolute;z-index: 999;top:10px;left:280px;}
.head .nav{display:block; float: left;width:calc(100% - 80px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a{color: #ffb329;  transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #3e3e3e;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 14px 2px;border-top: 1px solid #4d8d85;}
.head .nav ul li .s_navbox .s_a a:hover{color: #fff;background-color:#ffb329}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}


/* 下拉侧边菜单
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 99;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(../images/sideIcon1.png) no-repeat;}
.icon2{background: url(../images/sideIcon1.png) no-repeat;}
.icon3{background: url(../images/sideIcon1.png) no-repeat;}
.icon4{background: url(../images/sideIcon1.png) no-repeat;}
.icon5{background: url(../images/sideIcon1.png) no-repeat;}
.icon6{background: url(../images/sideIcon1.png) no-repeat;}
.icon7{background: url(../images/sideIcon1.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(../images/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}
 */
/*头部*/
/*
.headtoptong{ height:53px; background:#3e3e3e;width:100%;line-height:53px;}

.headtoptong li{float:left; color:#fff;border-right:solid 1px #57938c; padding:0px 60px; text-align:center}
.logo1{position: relative;float:left;}
.logo{background: url(../ico/logo-container.png) no-repeat ; position: absolute;z-index:9999;width:226px;height:138px;}
.headtoptong li:nth-child(2){background: url(../ico/ico3.png) no-repeat  30px ;}
.headtoptong li:nth-child(3){background: url(../ico/ico1.png) no-repeat  30px ;}
.headtoptong li:nth-child(4){background: url(../ico/ico2.png) no-repeat  30px ;}
*/

/*附加1*/



.hot_banner img {
	width: 830px;
	height: 480px;
}

/*附加2*/
.index_news{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;}
.index_news li{color:#898989;border-bottom: 1px  dashed #dedede;background: url(../images/li.png) no-repeat left 16px;line-height:21px; padding: 10px 0px; padding-left:13px;font-size:15px;}
.index_news li a{color:#2F2F2F;}
.index_news li a:hover{ text-decoration:none;color:#3e3e3e;}
.meiti{font-size:24px; color:#3e3e3e; line-height:50px; font-weight:500;}
.news_time{ float:right; color:#c8c8c8;}

#scrollWrap{width:100%;height:30px;overflow:hidden; margin-top:20px;}
#scrollMsg li{height:30px;line-height:30px;overflow:hidden;font-size:14px;padding:0 10px; background:url(../images/ico.png) no-repeat left; padding-left:15%; } 
#scrollMsg li a{color:#333; float:left;}
#scrollMsg li a:hover{color:#31b3a5; }
#scrollMsg li span{ float:right;color:#333;}


/*电脑*/
@media screen and (min-width: 1025px) {

 .c-col6 {
	width: 25%;
	float: left;
	box-sizing: border-box;
}
 .news{margin-top: -50px;}

.met-index-about{width:100%;margin:0px auto; background:#f0f0f0; height:450px;margin:0px auto;}
	
	.met-index-about .container{ background:none;}
 
	.met-index-about .about_cont{  color:#999; line-height:30px; padding-left:20px;margin-top:45px;}
	.met-index-about .about_cont p{line-height:35px; color:#999;}

.met-index-about .about_cont h3{font-size:35px; color:#333;} 

.containera{width:85%;margin:0px auto;}
.containerb{width:1300px;margin:0px auto;}
.news_show{width: 50%;padding-right: 15px;float: left;}.news_data{width: 50%;padding-left: 15px;float: right;}
.s2-img img {
	
	width:100%;height: 193px;
	margin: 0px auto;
	
}
.foot_list_l{width:50%;  display:block; margin-top:10px;}
.foot_list_l li{width:25%;}
.shu{ border-bottom:solid 1px #43877f;height:20px;width:100%;display:block;}
.foot_list_l li a{float:left; color:#fff;line-height:45px;text-align:center;padding:0 10px;}
.foot_list_r{width:50%;  }
.foot_list_r img{float:left;padding-top:0px;}
a{
	text-decoration:none;
	cursor:pointer;
	color: #ffb329;
}


.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.flash ul.bxslider p{ text-align:center; top:30%; z-index:99; position:absolute; left:30%; font-size:55px; font-weight:bold; color:#fff; padding:20px;  filter:alpha(opacity=90);  
      -moz-opacity:0.9;  
      -khtml-opacity: 0.9;  
      opacity: 0.9; border-radius:3px;}
.video{width:100%;}
.videolist { position:relative; float:left; width:614px; height:300px; margin-left:-30px; margin-top:10px;  }
.videolist img{height:320px;overflow:hidden;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
 
.shouji{display:none;}
.jianjie{width:100%;margin-left:-15px;color:#7f8a99; line-height:30px; margin-top:20px;}
.jianjie img{float:left;margin-right:5px;}
.xmyy{position: relative;}
.complain-controls{ position: absolute;  left:0%;top:-80px; z-index:66;
    width:100%;
	padding: 25px 12px 20px 20px;
	background: #ffffff;
	-webkit-box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);
	-ms-box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);
	box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);}

	 .complain-controls .title{
	text-align: center;
	
	margin-bottom: 20px;
}

.complain-controls .title h4{
	color: #3e3e3e;
	margin: 0;font-size:24px;
}

   .form-group select{ background: url('../images/xia.png') right no-repeat;} 
   

.form-group input, .form-group textarea , .form-group select {
    border:1px solid #e5e5e5;
    border-radius:2px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;padding:10px;font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; 
}
  .form-group { position: relative;  } 
  .form-group li{width:100%;display:black;line-height:28px;margin:10px 0px ;}
  .form-group li label {  float:left;display:none;} 
  .form-group li input { width:100%;line-height:28px; }
  .form-group li textarea{ width:100%;line-height:28px;}
  .form-group  select{ width:100%;line-height:28px; }
.btn-contact2{
  width: 83%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: transparent;
  outline: 0;
  cursor: pointer;background:#3e3e3e;font-family:"微软雅黑";margin-left:14px;margin-top:30px;
}
.btn-contact2:hover{ background:#ffb329;}
.o_table input{ height:30px; line-height:30px; width:50%; float:left; border:solid #999 1px; margin-right:15px;}
.btn_tijiao{ width:100%; background:#096b4d; border:solid 1px #FFF; height:30px; line-height:30px; color:#FFF;}
.btn_tijiao:hover { background:#b4914e}
.index-yu{background:#d5f5f0;margin:0px auto; height:auto;margin-top:-48px;}


.index-pr{background-size:100% auto;margin:10px auto; height:auto; }
.sec-title h2{text-align:center;color:#6fbbbc;font-size:30px;font-weight:bold;line-height: 80px;height:80px;}
.sec-title .upper-text{text-align:center;color:#fff;font-family:Arial, Helvetica, sans-serif}}
.sec-title .separator{margin-left:13%;}
.sec-title .separator li{ float:left; padding:5px 8px;  margin:1%;}
.sec-title .separator li a{ color:#FFF; font-weight:400;display: inline-block;border: 1px solid #4d8a83;color: #fff; background: #4d8a83;border-radius: 50px;}
.sec-title .separator li a:hover{ color:#66c5b4;  }
.sec-title .separator li:hover{ color:#66c5b4; font-weight:400; border: solid 1px #66c5b4}
.sec-title.centered .separator{
	left: 50%;
	margin-left: -35px;
}


.items{padding: 60px 0;overflow: hidden;}
.center{width: 1200px;margin: 0 auto;position: relative;min-width: 1200px;}
.main-title{color:#3e3e3e;font-size:30px;font-weight:bold;text-align: center;margin-bottom: 50px;}
.items-solution .flex-row{justify-content: space-between;display: flex;flex-direction: row;align-items: center;}
.items-solution .item{position: relative;width: 276px;height: 546px;box-shadow: 0 0 3px 2px rgba(135, 135, 135, 0.15);}
.items-solution .item-titlec{text-align: center;height: 83px;line-height: 83px;background-color: #4f8c85;font-size: 18px;color: #fff;margin-bottom: 40px;}
.transition{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.items-solution .item-p{text-align: center;width: 62%;margin: 0 auto;height: 40px;line-height: 40px;box-sizing: border-box;border-bottom: 2px dotted #E6E6E6;}
.items-solution .item-p:last-child{border: none;}
.items-solution .item-btn{position: absolute;width: 140px;height: 40px;line-height: 40px;text-align: center;left: 50%;bottom: 50px;transform: translateX(-50%);}
.items-solution .item-btn-a{background-color: #4f8c85;color: #fff;display: block;}
.items-solution .item:hover .item-titlec{background-color: #ffb329;}
.items-solution .item:hover .item-btn-a{background-color: #ffb329;}



.template{padding: 0px 0 0px 0;width: 100%;overflow: hidden;}
.title{font-size: 28px;text-align: center;color: #333;}
.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category{text-align: center;height:auto;padding-top:10px;}
.category ul{overflow: hidden; display: inline-block;width: 100%;}
 
.category ul li{ float:left; margin:1px 8px;height:40px; line-height:40px;}
.category ul li a{ color:#fff;border: 1px solid #4d8a83;color: #fff; background: #4d8a83;padding: 8px 35px;border-radius: 50px; margin-top:3px;}


.category ul li a:hover{ color:#66c5b4;font-weight:400;border: 1px solid #4d8a83; background: #fff;}
.category ul li.active:after{border-left: none;}





#cover{ 
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:4960px;
    filter:alpha(opacity=50);  /*设置透明度为60%*/
    opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
    display:none; 
    z-Index:99;  
}
#modal{ 
    position:absolute;
    width:500px;
    height:300px;
    top:50%;
    left:50%;
    background-color:#fff;
    display:none;
    cursor:pointer;
    z-Index:99;  
}

/*附加*/
2020/4/24
/* 必要布局样式css */
.trade-content {
   width:100%;margin:0px auto;display:block;
}

.trade-title {
    font-size: 64px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.trade-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #40827b transparent transparent;
}

.trade-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

.trade-black {
    height: 400px;
    background-color: #41837b;
}

.trade-box {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.trade-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.trade-box-item {
    flex: 1;
    text-align: center;
    position: relative;
    height: 400px;
    background: no-repeat center;
    background-size: 100% auto;
}

.trade-content .trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.item-logo {
    margin: 0 auto;
    display: block;
}

.trade-content .trade-box-item .item-logo {
    position: relative;
    margin-top: 120px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    position: relative;
}

.trade-content .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 10px;
}

.item-text p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

.trade-content .item01 {
    background-image: url(../images/icon-at01.png);
}

.trade-content .item02 {
    background-image: url(../images/icon-at02.png);
}

.trade-content .item03 {
    background-image: url(../images/icon-at03.png);
}

.trade-content .item04 {
    background-image: url(../images/icon-at04.png);
}

.trade-content .item05 {
    background-image: url(../images/icon-at05.png);
}

.trade-content .trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.trade-content .trade-box-item:hover:before {
    background-color: rgba(32, 176, 159, .9);
}

.trade-content .trade-box-item:hover .item-logo {
    margin-top: 80px;
}

.trade-content .trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}

/*附加1*/
.list_title3{ width:1320px;margin:0px auto; }
.list_title3 ul{margin:0px;padding:0px;padding-bottom:10px;}
.list_title3 li{ width:20%; margin:40px 35px ;height:175px; position:relative;overflow:hidden;cursor:pointer;float:left; list-style:none; margin-bottom:5px; }
.list_title3 li:nth-child(4n){margin-right:0px;}
.list_title3  li img{ height:100%;width:99%;border:solid 1px #fff;}
.list_title3 .txt{width:99%;height:35px; background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.list_title3 .txt span{width:99%;font-size:16px;font-weight:100;height:35px;text-align:center;line-height:35px; display:inline-block;}
.list_title3 .txt p{font-size:14px;text-align:center;}


.hot_banner img {
	width: 830px;
	height: 480px;
}

/*附加2*/
.index_news{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;}
.index_news li{color:#898989;border-bottom: 1px  dashed #dedede;background: url(../images/li.png) no-repeat left 16px;line-height:21px; padding: 10px 0px; padding-left:13px;font-size:15px;}
.index_news li a{color:#2F2F2F;}
.index_news li a:hover{ text-decoration:none;color:#3e3e3e;}
.meiti{font-size:24px; color:#3e3e3e; line-height:50px; font-weight:500;}
.news_time{ float:right; color:#c8c8c8;}

#scrollWrap{width:100%;height:30px;overflow:hidden; margin-top:20px;}
#scrollMsg li{height:30px;line-height:30px;overflow:hidden;font-size:14px;padding:0 10px; background:url(../images/ico.png) no-repeat left; padding-left:5%; } 
#scrollMsg li a{color:#333; float:left;}
#scrollMsg li a:hover{color:#31b3a5; float:left;}
#scrollMsg li span{ float:right;color:#333;}

.index_list_title span{color:#3e3e3e;font-size:30px;font-weight:bold;}
.index_list_title p a{color:#3e3e3e; border:solid 1px #3e3e3e; padding:5px 10px;text-align:center; }
.index_list_title{ height:70px;line-height:70px;width:100%;margin:0px auto;margin-top:40px;}
.index_list{background:#f9f8f8;display:block;float:left;margin-top:1%;}
.index_list .list_tu{width:25%; float:left;position: relative;}
.index_list .list_tu .ic{position: absolute;z-index: 999;bottom:0px;left:0px;width:60px; height:60px;background:#fff;font-weight:bold;text-align:center;}
.index_list .list_tu .ic p{color:#3e3e3e; font-size:20px;}
.index_list .list_tu .ic span{color:#666; font-size:16px;}
.list_wenzi li:nth-child(1) a{color:#3e3e3e; font-size:24px;line-height:50px;}

.list_wenzi li:nth-child(1) a:hover{color:#ffb329;  }


.list_wenzi li:nth-child(3) a:hover{color:#ffb329;  }

.list_wenzi li:nth-child(2) a{color:#7f8a99; font-size:15px;line-height:30px;}
.list_wenzi li:nth-child(3) a{color:#3e3e3e; font-size:15px;line-height:30px;}

.index_list .list_wenzi{float:right;width:75%}


/* 必要布局样式css */




}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
  /* .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
 
   .nav ul li .s_navbox .s_a{width:100%}
.shouji{display:none;}
*/

}

 
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){

.c-col6 {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.met-index-about{width:100%;margin:0px auto; background:#f0f0f0;display:block;}
	.met-index-about .container{ background:none;}
	.met-index-about .about_cont{  color:#999; line-height:30px; padding-left:20px;}
	.met-index-about .about_cont p{line-height:35px; color:#999;}

.met-index-about .about_cont h3{font-size:26px; color:#333;} 

.s2-img img {
	
	height: 123px;
	margin: 0px auto;
	
}
.news_show{width: 100%;}.news_data{width: 100%;}
.list_title3{ width:97%;}
.list_title3 ul{margin:0px;padding:0px;100%;float:left;}
.list_title3 li{width:100%; height:245px; position:relative;overflow:hidden;cursor:pointer;float:left; list-style:none; margin-bottom:5px;margin-left:0px;}
.list_title3 li:nth-child(4n){margin-right:0px;}
.list_title3  li img{ height:100%;width:100%;}
.list_title3 .txt{width:100%;height:35px; background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.list_title3 .txt span{width:100%;font-size:16px;font-weight:100;height:35px;text-align:center;line-height:35px; display:inline-block;}
.list_title3 .txt p{font-size:14px;text-align:center;}
.containera{width:98%;margin:0px auto;}
.container{width:98%;margin:0 auto;display:inline-block;}
.foot_list_l{width:100%;  }
.foot_list_r,.shu{ display:none; }
.flash{margin-top:50px;}
.homeCourInner h3{color:#01c89d;}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}

.flash ul.bxslider p{ text-align:center; top:35%; z-index:99; position:absolute; left:20%; font-size:18px; font-weight:bold; color:#fff; padding:20px;  filter:alpha(opacity=90);  
      -moz-opacity:0.9;  
      -khtml-opacity: 0.9;  
      opacity: 0.9; border-radius:3px;}

.category{text-align: center;}
.category ul{ display:block;width: 98%;}
.category ul li{margin:8px 6px;float:left;height:30px; line-height:30px;}
.category ul li a{ color:#fff;border: 1px solid #4d8a83;color: #fff; background: #4d8a83;padding: 8px 10px;border-radius: 50px;margin-top:5px;}





.index_list{background:#f9f8f8;display:block;float:left;margin-top:1%;margin-bottom:2%;}
.index_list .list_tu{width:25%; float:left;position: relative;left:-10px;}
.index_list .list_tu img{width:100px;height:90px;}
.index_list .list_tu .ic{position: absolute;z-index: 999;bottom:0px;left:0px;width:40px;height:50px;background:#fff;font-weight:bold;text-align:center;display:none;}
.index_list .list_tu .ic p{color:#3e3e3e; font-size:12px;display:none;}
.index_list .list_tu .ic span{color:#666; font-size:12px;display:none;}
.list_wenzi li:nth-child(1) a{color:#3e3e3e; font-size:16px;line-height:30px;}
.list_wenzi li:nth-child(1){overflow:hidden;height:30px;}
.list_wenzi li:nth-child(2){overflow:hidden;height:37px;}
.list_wenzi li:nth-child(1) a:hover{color:#ffb329;  }
.index_news .news_time{display:none;}

.list_wenzi li:nth-child(3) a:hover{color:#ffb329;  }

.list_wenzi li:nth-child(2) a{color:#7f8a99; font-size:15px;line-height:30px; height:60px;}
.list_wenzi li:nth-child(3) a{color:#3e3e3e; font-size:15px;line-height:30px;}

.index_list .list_wenzi{float:right;width:70%}


.containera{width:99%;margin:0px auto;}
.video {display:none;  }
.jianjie{width:100%; margin-left:0px;color:#7f8a99; padding-top:10px;line-height:33px; margin-top:20px;}
.jianjie img{float:left;margin-right:5px;}
.complain-controls .title h4{
	color: #3e3e3e;
	margin: 0;font-size:24px;
}
   .form-group select{ background: url('../images/xia.png') right no-repeat;} 
   

.form-group input, .form-group textarea , .form-group select {
    border:1px solid #e5e5e5;
    border-radius:2px;
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;padding:10px;font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; 
}
  .form-group { position: relative;  } 
  .form-group li{width:98%;display:black;line-height:28px;margin:10px 0px ;}
  .form-group li label {  float:left;display:none;} 
  .form-group li input { width:100%;line-height:28px; }
  .form-group li textarea{ width:100%;line-height:28px;}
  .form-group  select{ width:100%;line-height:28px; }
.btn-contact2{
  width: 83%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: transparent;
  outline: 0;
  cursor: pointer;background:#3e3e3e;font-family:"微软雅黑";margin-left:14px;margin-top:30px;
}


.complain-controls{  
    width:100%;
	padding: 25px 12px 20px 20px;
	background: #ffffff;
	-webkit-box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);
	-ms-box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);
	box-shadow:0px 0px 35px 0px rgba(0,0,0,0.07);}

	 .complain-controls .title{
	text-align: center;
	color: #3e3e3e;
	margin-bottom: 20px;
}

.complain-controls .title h4{
	color: #3e3e3e;
	margin: 0;font-size:24px;
}

.index-yu{  margin:0px auto; height:auto;width:100%;}

.index-pr{  margin:10px auto; height:auto; background:#d7e9e2;}
.index-pr{background-size:100% auto;margin:10px auto; height:auto; }


.sec-title h2{text-align:center;color:#6fbbb2;font-size:24px;line-height: 50px;}
.sec-title .upper-text{text-align:center;color:#fff;font-family:Arial, Helvetica, sans-serif}}
.sec-title .separator{margin-left:13%;}
.sec-title .separator li{ float:left; padding:5px 8px; border:solid 1px #FFF; margin:1%;}
.sec-title .separator li a{ color:#FFF; font-weight:400;}
.sec-title .separator li a:hover{ color:#66c5b4;  }
.sec-title .separator li:hover{ color:#66c5b4; font-weight:400; border: solid 1px #66c5b4}
.sec-title.centered .separator{
	left: 50%;
	margin-left: -35px;
}





 .cc .more{text-align: center;width: 100%;clear: both;padding-top: 20px;}
  .cc .more a{display: inline-block;border: 1px solid #4d8a83;color: #fff; background: #4d8a83;;padding: 10px 50px;border-radius: 50px;font-size: 18px;}
 .cc .more a:hover{background: #fff;color: #4d8a83;}








}
/*

.headtoptong{display: none;}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}
 */










/*team*/


.team .details{ margin-top:50px;}
.team .details .list{}
.team .details .list li{ padding:10px 10px; width:25%;}
.team .details .list li .box { padding:20px; background:#fff; display:block; text-align:center;box-shadow:0px 0px 10px 5px rgba(0,0,0,0.05);}
.team .details .list li .box .pic{ margin-bottom:10px; border-radius:50%;  display:inline-block;}
.team .details .list li .box .pic img{ width: 80px; height: 80px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.05); border-radius:50%;padding:7px; }
.team .details .list li .box .mode { padding:0 35px;}
.team .details .list li .box .mode .p1{  font-size:15px; color:#333333;line-height:24px;font-weight:bold}
.team .details .list li .box .mode .p2{ font-size:13px; color:#979798;line-height:24px;}
.team .details .one{}
.team .details .two{ display:none;}

@media (max-width: 1000px) {
.team .details .list li .box .mode { padding:0 15px;}	
}
@media (max-width: 800px) {
.team .details  .list li{ margin-bottom:30px;width:50%;}	
}
@media (max-width: 500px) {
.team .details  .list li{ float:none;width:100%;}	
}
.g_cw { width: 1260px; padding: 0 10px; margin: 0 auto;}

.g_cw::before,

.g_cw::after { content: ''; display: block; clear: both; }



@media (max-width: 1024px) {

	body { min-width: 0; }

    .g_cw{ width:100%;}

}



.g_mt { margin-top: 10px;background:#eaf2f5;}

.g_mt::before,

.g_mt::after { content: ''; display: block; clear: both; }


 
 
 



.g_title{ text-align:center;}

.g_title .p1{ font-size:35px; color:#464646; font-weight: 500;}

.g_title .p2{font-size:20px; color:#4d4d4d; font-weight:normal;}



.g_title_a{ text-align:center;}
 



.list{}

.list li{ float:left; box-sizing:border-box; display:inline-block;}



 
 .news{margin-bottom: 20px;}
.news_head{padding: 35px 0;height: auto;overflow: hidden;position: relative;margin-bottom: 40px;text-align:center}
.news_head .headline .cn{color: #fff;font-weight: 500; font-size:35px;}
.news_head .headline .en{color: #fff;}
.news_head .headline .en:after{background: #fff;}
.news_head .headline .state{color: #ccc;}
.news_bg{width: 100%;height: 100%;text-align: center;overflow: hidden;position: absolute;top: 0;left: 0;}
.news_bg img{height: 100%;position: relative;left: 50%;transform: translatex(-50%);}

.show_item{}
.show_item a{display: block;height: auto;overflow: hidden;}
.show_img{width: 585px;height: 350px;font-size: 0px;overflow: hidden;}
.show_img i{width: 585px;height: 350px;}
.show_img i img{display: inline;}
.show_intro{padding: 15px 42px 19px 20px;height: auto;overflow: hidden;background: #f5f5f5;}
.show_bt{font-size: 18px;font-weight: bold;line-height: 28px;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 8px;transition: 400ms;}
.show_bt hover{color:#6fbbbc;}

.show_nr{line-height: 24px;height: 72px;overflow: hidden;color: #808080;margin-bottom: 6px;}
.show_time{line-height: 24px;height: 24px;overflow: hidden;color: #808080;}
.news_show .slick-dots{bottom: 202px;z-index: 3;line-height: 0px;font-size: 0px;text-align: right;right: 25px;}
.news_show .slick-dots li{width: auto;height: auto;margin: 0 10px;}
.news_show .slick-dots li button{width: 12px;height: 12px;background: #42a540;border-radius: 50%;transition: 400ms;}
.news_show .slick-dots li.slick-active button{background: #fff;}
.news_show .slick-dots li button:before{display: none;}

.news_data ul{}
.news_data ul li{margin:5px auto;border-bottom:dashed 1px #d5d2d2}
.news_data ul li a{display: block;height: auto;overflow: hidden;padding-left: 20px;padding-right: 20px;height: 118px;position: relative;transition: 400ms;color:#333;}

.news_intro{ }
.news_bt{font-size: 18px; line-height: 48px;height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 400ms;font-weight:500;}
.news_nr{color: #808080;line-height: 24px;height: 24px;margin-bottom: 6px;font-size: 12px;color:#999;}
.news_time{color: #808080;line-height: 24px;height: 24px;overflow: hidden;}
.news_data ul li a:hover{box-shadow: 0px 2px 20px 0px #ddd;background:#none;text-decoration:none;font-weight:500;}
.s2_1{background:#fff;margin:10px;}
.title10 {
	text-align: center;
	margin: 30px auto;
}
.title10 h4 {
	color: #fff;
	margin: 0;
	font-weight: 500; font-size:35px;
}
.title10 h4 a {
	color: #fff;
}
.title10 p {
	font-size: 12px;
	color: #fff;
	line-height: 30px
}
.title10 ul {
	padding: 0;
	margin: 20px 0
}
.title10 ul li {
	display: inline-block;
	 background:#3e3e3e;margin-right: 4px;
}
.title10 ul li a {
	color: #fff;
	
	display: inline-block;
	transition: all .3s ease-out 0s;
	padding: 5px 20px
}
.title10 ul li a:hover, .title10 ul li.active a {
	background: #fff;
	color: #3e3e3e;text-decoration:none
}
.s2-item {
	margin: 20px 0;
}
.s2-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}
.s2-img {
	display: block;
	overflow: hidden;
}

.s2-item:hover .s2-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.s2-text {
	padding-bottom: 15px
}
.s2-text h4 {
	margin-top: 14px;
	height: 34px;
	margin-bottom: 0;
	font-size: 18px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	color: #666;
	text-align: center;
	line-height: 34px;

}
.s2-item:hover .s2-text h4 {
	color: #ffb329;font-weight:500;
}
.s2-text p {
	color: #999;
	font-size: 12px;
text-align: center;	line-height:24px;
}
.s2-text:before {
	content: '';
	width: 0;
	height: 2px;
	background: #038A03;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.s2-text::after {
	content: '';
	height: 1px;
	background: #e3e3e3;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.s2-item:hover .s2-text:before {
	width: 100%
}
.index-more {
	color: #fff;
	display: block;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	text-indent: 0;
	transition: all .3s ease-out 0s;
	width: 300px;
	max-width: 100%;
	margin: 40px auto;background: #041366;
}
.index-more a {
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	
}
.index-more a:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 0;
	content: "";
	display: block;
	transition: all .3s ease-out 0s
}
.index-more a:hover {
	color: #fff;
	
}
.index-more a:hover:before {
	width: 100%;
	background: #fea600
}
.bg3{background: url(../images/jj.jpg) no-repeat;; background-size: cover;width:100%; margin:0px auto; }




/*新闻2*/
.news-span1 {
	width: 16.66666667%;
}
.news-span2 {
	width: 83.33333333%;
}
.news-item2 {
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin: 4px 0;
}
.news-item2 .news-time {
	padding: 6px 0;
	border-right: 1px solid #eee;
	text-align: center;
	color: #666666;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.news-action {
	padding: 0px 12px 0px 40px;
	box-sizing: border-box;
}
.news-item2 .news-time .news-time-date {
	font-size: 22px;
}
.news-item2 .news-title {
	position: relative;
	font-size: 18px;
	color: #666666;
	line-height: 24px;
	padding-bottom: 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-item2 .news-desc {
	font-size: 12px;
	color: #999999;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.news-item2 .news-tit {
	position: relative;
	z-index: 10;
}
.news-item2:after {
	content: "";
	background-color: #fc0;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: 0;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
.news-item2:hover:after {
	width: 100%;
}
.news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time {
	color: #ffffff;
}
@media only screen and (max-width: 768px) {
.news-span1 {
	width: 31.4%;
}
.news-span2 {
	width: 68.6%;
}
.news-action {
	padding: 0px 12px 0px 20px;
	box-sizing: border-box;
}
.news-item2 .news-time .news-time-date {
	font-size: 18px;
}
.news-item2 .news-title {
	padding-bottom: 6px;
}
.news-item2 .news-title {
	font-size: 16px;
}





