@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0}
button,input,select,textarea{font-size:100%}

body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; background:#edeef2;min-width:1350px;}
ul,li {list-style:none;}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
a{color:#333;text-decoration:none;}
a:hover{color:#e9280c;text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1200px;}
/*@media(min-width:1000px){.tem_inner{padding:0;width:1200px;}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1200px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width:1200px;}
}*/
header.tem_headborder{border-bottom:1px solid #ddd;}
header section{/* border-bottom:1px solid #e7e8ed; *//* background:#f7f8fa; */}
.tem_top{position:relative;z-index:100;height: 45px;color:#53555a;font-size:12px;line-height: 45px;}
.tem_top span{ padding-right:15px;color: #666666;font-family: Arial;float: right;}
.tem_top h2{font-weight:normal;display: none;}
.tem_top a{color: #04b6b6;}
.tem_top a:hover{color:#0F6EAA;}
.tem_top a:hover .iconfont{color:#0F6EAA;}
.tem_top_nav{position:absolute;top:0;right:0;}
.tem_top_nav ol{float:right;margin:0;padding:0;}
.tem_top_nav ol li{float:left;list-style:none;}
.tem_top_nav ol li.line{width:30px;color:#eee;text-align:center;}
.tem_top_nav dl{position:relative;float:right;background: #fff;width: 96px;height: 26px;line-height: 26px;text-align: center;margin-top: 8px;margin-right: 18px;border-radius: 6px;}
.tem_top_nav dl dt i{margin-left:5px;}
.tem_top_nav dl dd{position:absolute;top: 26px;right:0;display:none;padding:10px 18px;border:1px solid #e7e8ed;background:#f7f8fa;width: 59px;white-space:nowrap;border-radius: 6px;}
.tem_top_nav dl dd a{display:block;height:35px;line-height:35px;}
.tem_top_nav div.line{float:right;width:30px;color:#eee;text-align:center;}
.tem_head{min-height: 54px;position: relative;z-index: 3;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}
header h1,header h2{display:inline;background: url(../images/logo_bg.png);width:312px;height: 54px;display: block;position: absolute;z-index: 3;}
.tem_head nav{position:absolute;right:0;height: 54px;line-height: 54px;border-radius: 21px;background: url(../images/bg_t.png);width: 1200px;}
.tem_head nav ul{margin:0;padding-left:312px;}
.tem_head nav ul li{position:relative;float:left;width: 125px;text-align: center;border-left: 1px solid #039e9e;}
.tem_head nav ul li:first-child{border-left:0px;}
.tem_head nav a{display:block;color: #fff;}
.tem_head nav a:hover{color:#024b78;}
.tem_head nav a.navdown{border-radius:2px;color: #024b78;}
.tem_head nav a.navdown:hover{color:#024b78;}
.tem_head nav ul li dl{position:absolute;top: 54px;left: 0px;z-index:99;display:none;width: 126px!important;background: #03b5b5;text-align: center;}
.tem_head nav ul li dl dd{float:left;padding:20px 0;width: 126px!important;}
.tem_head nav ul li dl dd a{margin:0 10px;padding:0;padding:8px 5px;text-align:center;line-height:1.5;}
.tem_head nav ul li dl dt{float:right;overflow:hidden;padding:20px 20px 20px 0;width:380px;height:200px;font-size:0;}
.tem_head nav ul li dl dt img{width:380px;height:200px;}
.tem_head nav ul li dl dd i{position:absolute;top:-14px;left: 0px!important;z-index:100;width:100%;color: #03b5b5;font-size:22px;}
.tem_head nav ul li dl.tem_pronoaw{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd{width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px;}
.tem_head nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal;}
.tem_head nav ul li dl.tem_pronoaw dd div p a{margin:0;}

.tem_banner{position: relative;overflow:hidden;background:#fafafa;text-align:center;font-size:0;margin-top: -100px;min-width: 1200px;}
.tem_banner ul { overflow:hidden; }
.tem_banner ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}


.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a.flex-active{background:#fff;}
.tem_banner .flash img{width:100%!important;min-width: 1200px;}

/*首页动图*/
.img-scroll { position:relative; margin:20px auto; width:1200px; margin-top:-614px}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:50px; height:100px; background-color:rgba(0, 0, 0, 0.35);
top:235px; color:#FFF; text-align:center; line-height:100px; font-size:50px;cursor:pointer}
.img-scroll .prev { left:-60px; width:40px; padding-left:10px}
.img-scroll .next { right:-60px}
.img-scroll span:hover{ background-color:rgba(0, 0, 0, 0.45); color:#04b6b6}
.img-list { position:relative; width:1200px; height:570px; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { position:relative; float:left; display:inline; width:236px; margin-right:10px; height:570px; background-color:#BDBDDF; text-align:center; line-height:100px;transition:0.5s; overflow:hidden;color:#fff;white-space:nowrap;}

footer{background: #2f2f2f;color:#4a4a4a;text-align:center;min-width:1200px;}
.powered_by_metinfo{font-size:12px;line-height: 60px;width: 100%;width: 1200px;margin:0 auto;}
.powered_by_metinfo p{ display:inline;position: relative;top: -4px;color: #bebebe;font-size: 12px;padding-right: 10px;}
.powered_by_metinfo a{color:#4a4a4a;}
.met_section{padding:40px 0 50px;}
.met_section aside{position:relative;float:left;width: 1200px;}
.met_section article{float:left;width: 1130px;background-color: #fff;margin-top: 20px;padding: 0 35px 0 35px;}
.met_section article .met_article{margin:25px 0;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;display: none;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl{width:199px;float:left;position:relative;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;width: 159px;height: 52px;background-color: #d8d8d8;line-height: 52px;text-align: center;margin-right: 1px;margin-bottom: 1px;font-size: 16px;color: #333333;overflow: hidden;}
.met_section aside .met_aside dl dt.on a,.met_section aside .met_aside dl dt a:hover{background:#424242; color:#1ecaca}
.met_section aside .met_aside dl dd{position:absolute;z-index:9;width:199px;overflow:hidden;background:#fff;}
.met_section aside .met_aside dl dd a{display:block;padding:0 20px;text-align: center;height:35px;color:#333;font-weight:normal;line-height:35px;width: 159px;background-color: #d8d8d8;margin-bottom: 1px;overflow: hidden;}
.met_section aside .met_aside dl dd a:hover{background:#424242; color:#1ecaca}

.met_article_head{position: absolute;height: 40px;line-height: 40px;width:100%;min-width: 1350px;margin-top: -40px;background: rgba(51, 51, 51, 0.4);}
.met_article_head .met_position{top:0;color: #ffffff;width: 1200px;margin: 0 auto;text-align: right;padding-right: 78px;}
.met_article_head .met_position a{color: #ffffff;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;display: none;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}

.met_editor{line-height:2}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_img {text-align:center;padding:0 30px;}
.met_img img{max-width:100%;height:auto!important;margin-bottom:15px;}

.met_module1{padding:30px 10px;border-bottom: 1px solid #ddd;}
.met_module2_list{padding: 40px;background-color: #fff;}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal;height: 50px;line-height: 40px;color: #333333;font-size: 16px;overflow: hidden;}
.met_module2_list li p{color: #666666;margin-left: 330px;top: 75px;position: absolute;font-size: 13px;line-height: 30px; height:90px; overflow:hidden;}
.met_module2_list li span.time{color:#818181;position:absolute;left: 350px;top: 200px;background: url(../images/btn.png) no-repeat;width: 75px;height: 35px;text-align: center;line-height: 30px;}
.met_module2_list li span.time a{color:#fff; font-size:14px; font-family:Arial;}
.met_module2_list li span.time:hover a{color:#f57b11; }
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size: 22px;font-weight:normal;padding:5px 0;text-align: center;color: #1ecaca;}
.met_module2 .met_infos{color:#818181;font-size:12px;margin: 20px 30px;padding: 10px;border: 1px dashed #ddd;border-left: 0px;border-right: 0px;text-align: center;}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding: 0 30px;}

/*新闻列表*/
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}

#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size: 14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #24cccc;
    /* float: left; */
    /* padding: 10px 0 0 20px; */
 }

.ct_{position: relative;top: 12px;}
.imgListp1{  position:absolute; top:0px; padding-left:20px; font-size:20px;text-align: left;}
.imgListp2{  position:absolute; top: 70px; padding-left:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif;text-align: left;line-height: 20px;}
.img-list a:hover{ color:#f57b11; }
.list_1 h2 a:hover{ color:#f57b11}

.main{ width:1200px; height:270px; margin:50px auto;padding-top: 45px;}
.main_left{ width:795px; float:left}
.main_right{ width:315px; float:right; height:235px; background:#fff; padding:20px 35px 25px;}
.main_left_down{ width:795px; height:280px; background:#fff;}

.left_down_list{ margin-left:320px; margin-top:-280px;}
.left_down_list h2{ width:440px; height:82px; line-height:82px; color: rgba(76, 76, 76, 0.78); font-size:18px; border-bottom:1px solid #cccccc}
.left_down_list h2 a{ float:right; background:url(../images/btn.png); color:#ffffff; font-size:14px; display:block; width:76px; height:35px; line-height:30px; font-weight:100; margin-top: 24px; text-align:center}
.left_down_list h2 a:hover{color:#024b78}
.left_down_list li{ height:46px;line-height:46px; border-bottom:1px dashed #ccc; width:440px; }
.left_down_list li a{display:block;overflow:hidden;width:340px;float:left;height:46px;}
.left_down_list li span{ float:right}


.main_right h2{ width:315px; height:44px; line-height:44px; color: rgba(76, 76, 76, 0.78); font-size:18px;overflow:hidden;}
.main_right h2 a{ float:right; background:url(../images/btn.png); color:#ffffff; font-size:14px; display:block; width:76px; height:35px; line-height:30px; font-weight:100; margin-top: 4px; text-align:center}
.main_right h2 a:hover{color:#024b78}

.about_info h2{ color:#333; font-size:14px; font-weight:100; letter-spacing:2px;}
.about_info p{ color:#666; font-size:12px;  letter-spacing:2px; line-height:25px;height:146px;overflow:hidden;}
.met_aside_list dl{ position:relative}
.sub{ display:none}
.nav_list3{padding-left: 35px;}
.nav_list3 a{ font-size:18px; margin-right: 20px; }
.nav_list3 .class3now{ color:#00aaaa ;border-bottom: 2px solid #00aaaa;padding-bottom: 5px;}
.text1{ position:absolute; top:200px; padding:30px;}
.banner_text{ width:1200px; margin:0 auto}

/*翻页*/
.Page{text-align:center; margin:30px 0px;float:right;}
.Page a{display:inline-block;width:48px;color: #4d4d4d;background: url(../images/page_bg.png);height:38px; vertical-align:middle; line-height:38px; font-size:14px; border:1px solid #e5e5e5; float:left;text-decoration:none; color:#333; outline:none;}
.Page a.cur,.Page a:hover{border:1px solid #a0a0a0;color:#04b6b6;}
.Page span{display:inline-block;min-width:38px; padding:0 10px;color: #4d4d4d;background: url(../images/page_bg.png);height:38px; vertical-align:middle; line-height:38px; font-size:14px; border:1px solid #e5e5e5;float:left;}

/*产品列表*/
#wrapp{position:relative;zoom:1;margin:0px auto;visibility:hidden;margin-top:20px; text-align:left;height:370px}
#wrapp div{position:absolute;left:0;top:0;opacity:1;visibility:hidden; width:305px;}
.active div.mode{-webkit-transition:all .8s ease-in;-moz-transition:all  .8s ease-in-out;-o-transition:all .5s ease-in;transition:all  .5s ease-in;}
.mode{background:#FFF;border-top:1px solid #dcdcdc;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out}
.trym{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.active .mode{ -webkit-transition: all .7s ease-out .1s;-moz-transition:all  .7s ease-out ;-o-transition:all .7s ease-out .1s;transition:all  .7s ease-out .1s}
.mode{width:305px;padding:15px;border:1px solid #e5e5e5;background:#FFF}
.mode .pic{ width:305px;margin-bottom:7px;position:relative;text-align:center}
.mode .pic a{display:block}
.mode .pic a img{width:305px;vertical-align: bottom; height:221px !important;}
.mode:hover{background:#04b6b6;}
.mode:hover a{color:#ffffff;}
.mode:hover font{color:#ffffff;}
.news-title{text-align:left;display:block;line-height:22px;}
.news-title p{ float:left; width:246px; height:22px; line-height:22px; overflow:hidden;}
.news-title a{ font-family:"微软雅黑";font-size:16px;color:#000000; overflow:hidden;}
.news-title font{font-family:"微软雅黑";font-size:12px;color:#AEB9C5; line-height:24px;}
.news-content{line-height:22px;font-family:"微软雅黑";font-size:14px;color:#87919B;}


@keyframes myfirst
{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}
}

@-o-keyframes myfirst /* Opera */
{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}
}




.text1{
	animation: myfirst 5s;

-moz-animation: myfirst 5s;	/* Firefox */
-webkit-animation: myfirst 5s;	/* Safari 和 Chrome */
-o-animation: myfirst 5s;	/* Opera */
	}

.left_down_img{ width:280px; height:280px; overflow:hidden; cursor:pointer}
.left_down_img img{ width:280px; height:280px; transition:0.5s}
.left_down_img:hover img{ width:300px!important; height:300px!important; margin-left:-10px; margin-top:-10px;}

.ct_ img{ width:38px;border-radius:5px}
#gallery{position:relative;width: 410px;margin: 70px auto;margin-top: 120px;}
#pictures{position:relative;height: 560px;}
#pictures img{position:absolute;top:0;left:0; width:400px;height:540px;            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
#prev{/* float:left; */display:inline;margin-left:40px;position: absolute;left: -300px;top: 200px;}
#next{float:right;display:inline;margin-right:40px;position: absolute;right: -300px;top: 200px;}
#prev,#next{margin-top:10px;text-align:center;font-size:2.0em;}
#prev a,#next a{color:#039e9e;font-size: 50px;}
#prev a:hover,#next a:hover{color:#024b78}


.weixin2{ position:absolute; top: -40px; left: -40px;z-index: -2; width: 0px;height: 0px; overflow:hidden; transition:0.5s}
.weixin2 img{ width: 120px;height: 120px;}
.weixin:hover .weixin2{top: -158px; left: -40px;z-index: 1; width: 120px;height: 120px;}
.from1_dl8 .ftype_upload{ padding-top:12px}
.img-scroll .img-list ul li img{ width:476px; height:569px;}
.yqlj{ width:1200px; height: auto; margin:0 auto; margin-top:15px; padding:15px 0 40px 0; border-top:1px solid #ccc}
.yqlj li{ float:left; margin-right:8px}
.yqlj li a:hover{ color:#095EB3}
.yqlj span{ float:left; font-weight:bold;font-size:15px}
.yqlj ul{  line-height:25px; list-style:none}
#doyoo_panel{display: initial}