@charset "utf-8";
.tips{ margin-top: 80px;}
/*文章页*/
.arc{background-color:#fff;  overflow:hidden; padding:20px 0; margin-bottom:20px; position:relative; margin-left:auto; margin-right:auto;}
.arc:after{content:".";display: block;height: 0;clear:both;visibility: hidden}
.arc .title{ padding-right: 70px; }
.arc .title h1{  line-height:25px;font-family:'微软雅黑'; color:#333; text-shadow: 0 1px 0 #dedede; font-size:20px; }
.arc .click{position:absolute; top:15px; right:10px; line-height:28px; background:url(../images/click.png) no-repeat; width:50px; height:60px; text-align:left;}
.arc .click b{color:#FFF; font-weight:normal; width:50px; height:24px; display:block; background:#5485DB; text-align:center}

.resource{height:40px; line-height:40px; border-bottom:1px solid #DEDEDE; color:#666; text-align:left; margin-bottom:6px}
.resource .arctag{padding-left:50px; float:left; background:url(../images/tagbg.png) left no-repeat; margin-right:10px;}
.resource .arctag a{padding:2px 10px}
.resource .arctag a:hover{background:#5485DB; color:#FFF}
.content{line-height:28px; font-size:13px; color:#000; padding:5px 5px 10px 5px;}
.content div{font-family:"微软雅黑";}
.content img{display:block; margin:5px auto; max-width:100%;}
.content p{padding-top:10px; color:#000; text-indent:1em; font-family:"微软雅黑";}
.content a{font-weight:bold;font-family:"微软雅黑";}
.content a:hover{text-decoration:underline}
.content td,.content tr{text-align:left}
.fenxiang{line-height:25px; padding:10px 5px; margin-bottom:8px; background:#FAFAFC}

.fanpian{ padding:5px}
.fanpian p{ height:25px; line-height:25px; display:block}
.fanpian p.fpr{text-align:right; float:right}



/*相关阅读*/
.linkarc{ float:left; padding-bottom:5px; background:#FAFAFC; margin-bottom:10px}
.linkarc_t{width:975px; height:30px; line-height:30px; padding-left:25px; background:url(../images/linkarc.png) left no-repeat; color:#E55932;}
.linkarc_c{width:990px; padding:10px 5px;}
.linkarc_c li{width:315px; height:28px; line-height:28px; padding-left:10px; float:left; background:url(../images/dian.jpg) left no-repeat; overflow:hidden; display:block}
.linkarc_c li a{color:#333}



/*联系我们*/
.ny_main{overflow: hidden;zoom: 1; padding:20px 0;}
.cont_usleft{padding-top: 33px;}
.cont_usright{padding-top:10px;}
.cont_us_txt{font-size: 18px;font-family: "微软雅黑";color: #000000;font-weight: 100;line-height: 27px;padding-bottom: 10px;}
.contxt{overflow: hidden;zoom: 1;padding-bottom: 25px;}
.tmsoo_contxt_cn{width: 353px;float: left;line-height: 26px;font-size: 14px;color: #333333;font-family: "微软雅黑";}
.tmsoo_contxt_en{float: right;width: 411px;float: right;line-height: 23px;font-size: 12px;color: #333;}
.post_top{padding-left: 32px;padding-bottom: 14px;height: 35px;line-height: 35px;background: url(../images/countus15.jpg) 2px 5px no-repeat;font-size: 18px;font-family: "微软雅黑";color: #000000;}
.post_bot{padding-bottom: 20px;}
.online_top{height: 23px;padding-bottom: 12px;}
.online_bot{padding-bottom: 32px;overflow: hidden;zoom: 1;}
.online_bot div{float: left;}
.ob_cont1, .ob_cont1_hover, .ob_cont2, .ob_cont2_hover, .ob_cont3, .ob_cont3_hover{width: 216px;height: 72px;float: left;margin-right: 20px;}
.online_bot div.ob_cont1{background: url(../images/contb.gif) -216px 0 no-repeat;}
.online_bot div.ob_cont1_hover{background: url(../images/contb.gif) -216px -72px no-repeat;cursor: pointer;}
.online_bot div.ob_cont2{background: url(../images/contb.gif) -432px 0 no-repeat;}
.online_bot div.ob_cont2_hover{background: url(../images/contb.gif) -432px -72px no-repeat;cursor: pointer;}
.online_bot div.ob_cont3{background: url(../images/contb.gif) -0 0 no-repeat;}
.online_bot div.ob_cont3_hover{background: url(../images/contb.gif) -0 -72px no-repeat;cursor: pointer;}
.obc_name{width: 206px;height: 30px;line-height: 30px;padding: 3px 0 0 10px;font-size: 14px;font-family: "微软雅黑";color: #333333;}
.obc_info{color: #333333;padding-left: 50px;line-height: 15px;font-size: 11px;}
.obc_info a{color: #333;}
.obc_info a:hover{color: #e6002e;}



/*提交表单 */
.submit_top{line-height: 33px;padding-bottom: 17px;font-family: "微软雅黑";font-size: 18px;color: #000;}
.sb_top{overflow: hidden;zoom: 1;}
.submit_bot{padding-bottom: 11px;}
.sumit_input{margin: 0 16px 11px 0;padding: 2px 2px 2px 10px;width: 328px;height: 30px;background: url(../images/contus6.gif) 0 0 no-repeat;float: left;}
.input_submits{width: 328px;height: 30px;line-height: 30px;background: none;border: none;font-size: 14px;font-family: "微软雅黑";}
.sumit_input2{margin: 0 16px 11px 0;padding: 2px 2px 2px 10px;width: 328px;height: 30px;background: url(../images/1.gif) 0 0 no-repeat;float: left;}
.checkcode{width: 128px;height: 30px;line-height: 30px;background: none;border: none;font-size: 14px;font-family: "微软雅黑";}
.havevalue{color: #333333;}
.novalue{color: #999999;}
.sb_area_inputs{width: 507px;height: 92px;padding: 5px 1px 3px 10px;background: url(../images/contus7.gif) 0 0 no-repeat;margin-right: 13px;float: left;}
.sb_aiarea{width: 507px;line-height: 23px;height: 92px;background: none;border: none;font-size: 14px;font-family: "微软雅黑";}
.sb_area{overflow: hidden;zoom: 1;}
.sbar_btn{width: 165px;height: 100px;float: left;}
.ly_tip a{color: #e6002e;font-weight: bolder;}
.ly_tip a:hover{color: #e6002e;}

/*图片列表*/
.big_main{ width:100%; background:#F0F2F4; position:relative; overflow:hidden; padding: 30px 0;}
.main_top{ background:url(../images/top.png) repeat-x; width:100%; min-width:1000px; height:4px; position:absolute; top:0; left:0;}
.case{ width:1000px; margin:20px auto; overflow:hidden;}
.case_menu { margin:0 auto; overflow:hidden;}
.case_menu .case_menu_top{ }
.case_menu .case_menu_top h1{
	font-size: 28px;
	color: #FF6633;
	text-align: center;
	font-weight: normal;
}
.case_menu .case_menu_top p{ color: #aeafaf; font-size:16px; margin:10px 0 25px 0;   text-align:center}
.subnav{margin:0 auto; text-align: center;}
.subnav a { display: inline-block; background:url(../images/icon.png) no-repeat -250px -227px; color:#444; width:80px; text-align:center; height:30px; line-height:28px; font-size:14px; margin: 4px;}
.subnav a:hover { background-position:-160px -227px; color:#fff;}
.subnav a.green { background-position:-160px -227px; color:#fff;}
.window-head { width:100%; height:45px; background:#1b1b1b; position:fixed; z-index:999; left:0; top:0;  display: none;}
.window-head .hui{ background:url(../images/top.png) repeat-x; width:100%; height:4px; clear:both; position:absolute; left:0; top:75px; z-index:10000;}
.window-head .window_menu { width:1000px; margin:0 auto; position: relative; text-align:center}
.window_menu h2 { float:left; line-height:45px; font-size:20px; color:#6dbc0c;}
.window-head .window_menu .subnav { margin-top:8px; float:right}



.case_con .caption{ overflow:hidden;  position:relative; }
.case_con .caption img{ width:100%;}
.case_con .caption p{ color:#afafaf;   font-size:12px; margin: 0;}
.case_con .box{ background:#fff; height: 100px;  width: 100%;}
.case_con .caption .box { text-align:left; box-sizing:border-box; position: relative;}
.case_con .box h3 a{ font-size:14px; color:#444444; line-height:30px; display:block;}
.case_con .box h3 a:hover{ color:#6abb07;}

/**/
.main_about{ background:url(../images/dian_03.jpg) repeat; width:100%; overflow:hidden;}
.fuwu{overflow:hidden; margin:20px auto;}
.fuwu .title{ overflow:hidden; margin:40px auto; text-align:left;}
.fuwu .title h1{ font-size:20px; font-weight:normal; color:#fff;}
.fuwu_con{  overflow:hidden; padding:20px 0; text-align:left;}
.fuwu_con .er{ }
.fuwu_con .er span{ background:url(../images/s_live_03.png) center no-repeat; height:125px; display:block; margin-bottom:10px;}
.fuwu_con .last_list span{ background:url(../images/s_live_03.png) no-repeat -795px 0; width:205px; height:125px; display:block; margin-bottom:10px;}
.fuwu_con .last_list span:hover{ background-position:-795px -175px;}
.fuwu_con .er span.s1{ background-position:0 0;}
.fuwu_con .er span.s2{ background-position:-265px 0;}
.fuwu_con .er span.s3{ background-position:-530px 0;}
.fuwu_con .er span.s4{ background-position:-795px 0;}
.fuwu_con .er span.s1:hover{ background-position:0 -175px;}
.fuwu_con .er span.s2:hover{ background-position:-265px -175px;}
.fuwu_con .er span.s3:hover{ background-position:-530px -175px;}
.fuwu_con .er span.s4:hover{ background-position:-795px -175px;}
.fuwu_con dl{ max-width: 205px; color:#969696; line-height:20px; display:block; margin-left: auto; margin-right: auto;}
.fuwu_con ul { overflow:auto; margin:10px auto; display:block; line-height:26px; font-size:14px; max-width: 205px;}
.fuwu_con ul li{ height:26px; display:block}
.fuwu_con ul a{ color:#000; line-height:26px; float:left}
.fuwu_con ul a:hover{ color:#F30;}
.fuwu_con .last_list{ width:207px; float:right;}

.liucheng{  overflow:hidden; margin:20px auto;}
.liucheng .title{  overflow:hidden; text-align:left;}
.liucheng .title h1{ font-size:20px; font-weight:normal; color:#fff; line-height:35px;}
.liucheng .title h2{ font-size:16px; font-weight:normal; color:#8f959a; line-height:28px;}
.liucheng_con{ margin:20px auto; overflow:hidden;}

/*案例*/
.ul-case li { margin-bottom: 30px; overflow: hidden; position: relative; }
.ul-case li .block { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; border:1px #ccc solid; }
.ul-case li .pic img { display: block; width: 100%; }
.ul-case li .txt { position: absolute; left: 0; top: 0%; width: 100%; height: 100%; background: url(../images/alpha_blue_60.png) repeat; text-align: center; color: #fff; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; opacity: 0; }
.ul-case li .txt h5, .ul-case li .txt h3 { color: #fff; }
.ul-case li .txt:hover { opacity: 1; }
.ul-case li .txt b, .ul-case li .txt .pad { display: inline-block; vertical-align: middle; }
.ul-case li .txt b { width: 0; height: 100%; }
.ul-case li .txt h5 { font-size: 16px; }
.ul-case li .txt em { width: 45px; height: 0; border-bottom: 1px solid #fff; display: inline-block; margin: 20px 0 40px 0; }
.ul-case li .txt h3 { font-size: 18px; margin-bottom: 40px; }
.ul-case li .txt .more { width: 122px; height: 45px; display: inline-block; text-align: center; line-height: 45px; background-color: #e4392a; color: #fff; border-radius: 5px; font-size: 14px; }
.ul-case li .txt .more:hover { opacity: .8; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt { top: 0; }


/*新闻列表*/
.newslist{  margin:20px auto; clear:both; overflow:hidden;}
.newslist .news_list{ margin:30px auto; clear:both; overflow:hidden; padding-bottom:30px; border-bottom:1px dashed #c0c2c3;}
.newslist .news_list .media{ margin-top:0!important;}
.newslist .news_list .ndate{ float:left; width:90px; color:#a9a9a9; text-align:left; margin-right: 20px;}
.newslist .news_list .ndate h1{ font-size:16px; font-weight:normal; text-align: center;}
.newslist .news_list .ndate h1 span{ display:block; font-size: 50px;}
.newslist .news_list .ndate h2{ font-size:18px; font-weight:normal; line-height:20px;}
.newslist .news_list .ndate p{ color:#4b4b4b; display: block; text-align: center;}
/*.newslist .news_list span{ float:left; display:block; margin-left:50px; margin-right: 20px;}*/
.newslist .news_list ul{ }
.newslist .news_list ul h1 a{ font-size:20px; color:#404141; display:block; margin-bottom:15px; font-weight:normal;}.news .news_list ul h1 a:hover{ color:#F30; text-decoration:none;}
.newslist .news_list ul h1 a b{ font-weight:normal;}
.newslist .news_list ul a{ color:#F30;}
.newslist .news_list ul a:hover{ text-decoration:underline;}
.window_menu a.back{ background:url(../images/icon.png) no-repeat -254px -261px; width:30px; height:30px; display:inline-block; text-indent:-10000px; margin:0;}.window_menu a.back:hover{ background-position:-254px -302px;}
.window_menu a.next{ background:url(../images/icon.png) no-repeat -290px -261px; width:30px; height:30px; display:inline-block; text-indent:-10000px; margin:0;}.window_menu a.next:hover{ background-position:-290px -302px;}
.window_menu a.full{ background:url(../images/icon.png) no-repeat -427px -227px; width:70px; padding-left:20px; height:30px; display:inline-block; line-height:28px; color:#6abb07; margin:0;}
.window_menu a.full:hover{ background-position:-427px -292px; color:#fff;}
.news_con{ width:1000px; overflow:hidden; background:#fff; margin-top:40px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.news_con .news_con_top{ background:#6abb07; width:1000px; height:112px;}
.news_con .news_con_top ul{ float:left; width:740px; margin:25px 0 0 30px; text-align:left; color:#fff; font-size:14px;}
.news_con .news_con_top ul h1{ font-size:28px; color:#fff; margin-bottom:15px;}
.news_con .news_con_top .bt{ float:right; width:175px; margin:40px 20px 0 0;}
.news_con .news_con_top .bt a{ margin:0 2px;}
.news_con .news_con_top .bt a.back{ background:url(../images/icon.png) no-repeat -254px -261px; width:30px; height:30px;  text-indent:-10000px; float:left; display:block;}
.news_con .news_con_top .bt a.back:hover{ background-position:-326px -261px;}
.news_con .news_con_top .bt a.next{ background:url(../images/icon.png) no-repeat -290px -261px; width:30px; height:30px; text-indent:-10000px; float:left; display:block; }
.news_con .news_con_top .bt a.next:hover{ background-position:-326px -302px;}
.news_con .news_con_top .bt a.full{ background:url(../images/icon.png) no-repeat -427px -227px; width:70px; padding-left:20px; height:30px; float:left; display:block; color:#6abb07; line-height:28px;}
.news_con .news_con_top .bt a.full:hover{ background-position:-427px -259px; color:#fff;}
.news_con .news_con_bottom{ width:1000px; overflow:hidden; margin:10px auto;}
.news_con .news_con_bottom .tu{ margin:50px 0;}
.news_con .news_con_bottom p{ width:880px; margin:20px auto; text-indent:24px; font-size:14px; text-align:left; color:#444;}

/*关于我们*/
.main_about{ background:url(../images/dian_03.jpg) repeat; width:100%; overflow:hidden;}
.about{ margin:20px auto; overflow:hidden; color:#9faab3; font-size:14px; line-height:28px; text-align:left;}
.about img{ max-width: 100%;}
.about h1{ font-size:24px; color:#fff; margin-bottom:10px;}
.about .list1 {  margin:20px auto; overflow:hidden;}
.about .list1 ul{}
.about p{ text-indent:24px;}
.about .list1 ul p a{ color:#F30;}
.about .list1 ul p a:hover{ text-decoration:underline;}
.about .list1 span{ float:right; display:block; margin-top:40px;}
.about .list2 {margin:80px auto; overflow:hidden;}
.about .list2 span{ float:left;}
.about .list2 ul{}
.about .list2 h2{ font-size:20px; margin-top:30px;}
.about .list2 h2 b{ color:#F30;}
.about .list3 {margin:60px auto; overflow:hidden;}
.about .list3 ul{ }
.about .list3 span{ float:right; border:3px solid #676f76; display:block; margin-top:20px;}