@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2017.09.08
************************************************************************/
	.pcDIV	{display: ;}
	.mobileDIV	{display: none;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* 灰度滤镜
.star img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: -webkit-filter 2s;
    transition: filter 2s;
} */
/* common */
*	{margin:0; padding:0;}
html	{height:100%}
div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span{	margin:0; padding:0;}
ul,ol{	margin:0; 	padding:0;     list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear {	clear: both !important;	display: block !important;	font-size:0 !important;	height:0 !important;	line-height: 0 !important;	/*width: 100% !important;	margin:0 !important;*/	padding:0 !important;	border:0 !important;}
body{margin:0; background: #FFF; transition:all ease-out 0.3s;
	 padding:0;
	 color:#666;
	 font-size:14px; line-height:24px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif;
}

a:link {color: #666;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #666;}
a:hover {text-decoration: none  ;	color: #ff5e00;}
a:active {text-decoration: none;	color: #666;}
.Entxt{ font-family: Arial, Helvetica, sans-serif,"宋体" !important ;}

/* div全局 */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both; height:0; font-size:0; line-height:0}

.al_left	{text-align:left !important}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top	{vertical-align:top}
.al_middle	{vertical-align:middle}
.al_bottom	{vertical-align:bottom}
.al_justify  {text-align:justify}
.more{ display:block; float:right; margin:14px 1px 0 0; border:0;}

.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel	{position:relative}

.clfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix	{display: inline-block}
.clfix	{display: block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /*for IE 5.5-7*/

/* tabel 全局 */

.tabelMain{ float:left; width:100%; font: normal 14px/25px "Arial","微软雅黑","宋体"; margin-bottom:22px; }
.tabelMain td,
.tabelMain th{ border-bottom: #E8E8E8 1px solid;  border-right: #E8E8E8 1px solid; padding:5px 2px; text-align:center; }
.tabelMain tr td:last-child,
.tabelMain tr th:last-child { border-right:none; }
.tabelMain th{    background:#f8f8f8;}
.tabelMain td h4{  text-align: left; text-indent:12px; background:url(../images/icoRight.gif) left center no-repeat;}

.tabelMain tr{  background:#FFF; }
.tabelMain tr:hover{  background: #FEFEFE; }
.tabelMain  tr.topline > * {    border-top-color: #b3b3b3;}





.inputtxt{ padding:0 5px; width:30%;
    line-height: 32px;
    border: 1px solid #d9d9d9;
    color: #808080;
    background: #f8f8f8;
	 }
.inputent{ width:70%;}
.inputcode{ width:65px;}
.tijiao{
	 background-color:#ff9933;
	 padding:0 20px;
	border: none;
	cursor:pointer;
	margin:0;
	font: normal 14px/35px "微软雅黑", "宋体"; color:#FFF;
}
.tijiao:hover{
	 background-color:#ff5e00;
 color:#FFF;
}

.tabelMessage{ float:left; width:100%; font: normal 14px/34px "Arial","微软雅黑","宋体"; margin-bottom:33px;border-bottom: #666 1px solid; }
.tabelMessage td{  border-bottom: #d8d8d8 1px solid; padding:10px 0;}
.tabelMessage .tdR{ padding-right:5%;}
.tabelMessage .tdone{border-top: #666 1px solid;}
/* button */
button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}
button.dis,
button.dis	span	{cursor:default}
button.dis:hover	span	{background-position:0 0}
button.dis:hover	span	span	{background-position:right 0}
	
/*---------------------------------//top-----------------------------------*/
/*---------------------------------//banner-----------------------------------*/
#bannerMain{position: relative; width:100%; height:400px; overflow:hidden;  background-repeat:no-repeat; background-position:center bottom;background-size:cover;/*background-attachment: fixed;*/ }
.banner01{    width:100%; height:400px; background:url(../images/banner01.jpg) center center no-repeat ; }
.banner02{    width:100%; height:400px; background:url(../images/banner02.jpg) center bottom no-repeat ; }
.banner03{    width:100%; height:400px; background:url(../images/banner03.jpg) center bottom no-repeat ; }
.banner04{    width:100%; height:400px; background:url(../images/banner04.jpg) center bottom no-repeat ; }
.banner05{    width:100%; height:400px; background:url(../images/banner05.jpg) center bottom no-repeat ; }
.banner06{    width:100%; height:400px; background:url(../images/banner06.jpg) center bottom no-repeat ; }

#bannerMain h3	{padding-top:250px; text-align:center; font-size:35px; font-weight:normal; line-height:80px;color:#fff; position: relative;}
#bannerMain h3:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    height: 2px;
    width: 50px; margin-left:-25px;
    background: #f27321;
}


/*---------------------------------//body-----------------------------------*/
#bodyMain{width:100%; clear:both;}
#bodyColor{width:100%; background-color:#F7F7F7; margin:30px 0; padding-bottom:30px; clear:both;}
#body{ width:1200px; margin:0 auto;clear:both;  }
#content,.content{ width:100%; float:left; clear:both;  }
/* title */
.tit_fir {
    position: relative;
    width: 100%; float:left;
    padding-bottom: 135px;
    margin: 50px 0 30px ;
    text-align: center;
    color: #333;
}
.tit_fir h3 {
    margin-bottom: 30px;
    font-size: 38px; font-weight:normal;
    line-height: 50px;
    letter-spacing: -0.5px;
}
.tit_fir p {
    font-size: 18px;
    letter-spacing: -0.5px;
    word-break: break-all;
    line-height: 24px;
}
.tit_fir:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 100px;
    background: #f27321;
}

.tit_sec {
    position: relative;
    width: 100%; float:left;
    margin: 50px 0 30px ;
    text-align: center;
    color: #333;
}
.tit_sec h3 {
    margin-bottom: 30px;
    font-size: 38px; font-weight:normal;
    line-height: 50px;
    letter-spacing: -0.5px;
}
.tit_sec h2 { position:relative;
    margin-bottom: 30px;
    font-size: 38px; font-weight:normal;
    line-height: 50px;
    letter-spacing: -0.5px;
}
.tit_sec h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    height: 2px;
    width: 60px; margin-left:-30px;
    background: #f27321;
}
.tit_sec p {
    font-size: 18px;
    letter-spacing: -0.5px;
    word-break: break-all;
    line-height: 24px;
}

.tit_sec h1 {
    position: absolute;
    left: 50%;
    top: -10px;
    width: 18px; overflow:hidden; 
    height: 2px;
    margin-left: -9px;
    background: #f27321;
}



#tech_main{ float: left;width:100%; margin:15px 0;}
.img_box {
    display:block; float: left; max-width:50%;
    vertical-align: top;
}
.flr{ float: right;}
.text_box {
    display:block; float: left; margin-left:45px; padding-top:55px;
    vertical-align: top;
    position: relative; 
}
.text_box .title {    position: absolute; top:0;  font-size:30px;  line-height:46px;color:#ff5e00; width:190px; border-bottom:#ff5e00 1px solid; text-align:right;}
.txt_left .title {    left: -75px;}
.txt_right { text-align:right;margin-left:0;margin-right:45px;}
.txt_right .title { text-align:left; right:-75px;}

.myr{ padding-right:25px;}
ul.ourteam{ width:1200px; float:left; padding:40px 0;}
ul.ourteam li{float:left;width:350px;height:110px; padding-top:50px; background-color:#F7F7F7; overflow:hidden;  margin-right:75px;}
ul.ourteam li:nth-of-type(3n){margin-right:0;}
ul.ourteam li p{width:100%; text-align:center;font: normal 18px/26px "微软雅黑";}
ul.ourteam li p span{ font-size: 55px;    color: rgb(236, 133, 33);    font-family: 微软雅黑;}

ul.cert {width:1200px; float:left; padding:40px 0;}
ul.cert li{float:left;  margin-right:20px; margin-bottom:20px;}
ul.cert li p{width:246px;  border:#E6E6E6 1px solid; padding:1px;
max-height: 375px;
    overflow: hidden;}
ul.cert li:nth-of-type(4n){margin-right:0;}
ul.cert li h2{width:100%; text-align:center;font: normal 14px/36px "微软雅黑";}

.jobbox {
    width:1200px; float:left; padding: 30px 0;
    border-top: 1px solid #e0e0e0;
}
.jobbox h5 {
    float: left; position:relative;
    width: 250px;
    font-size: 25px; font-weight:normal;
    color: #000;
}
.jobbox h5:after{ content:"";
position: absolute; left:0; top:-31px;
width:250px; height:1px; background:#333; overflow:hidden;

}
.jobbox .jobinfor {
    float: left; display:block;
    width: 950px;
}



.culbox {
    width:1200px; float:left; padding: 40px 0;
    border-top: 1px solid #e0e0e0;
}
.culbox h5 {
    float: left;
    width: 250px;
    font-size: 25px; font-weight:normal;
    color: #444;
}
.culbox p {
    float: left;
    width: 950px;
}



.box1 {
    margin-left: 0;
}

.box {
    float: left;
    width:340px;
    margin-left: 60px; margin-bottom:22px;
}

.box dt {
    height: 190px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
    text-align: center;
    color: #f27321;
}
.box1 dt i {
    background-position: 0 0;
}
.box dt i {
    display: block;
    width: 150px;
    height: 140px;
    margin: 0 auto 20px;
    background-image: url(../images/career_icon.png);
    background-repeat: no-repeat;
}
.box2 dt i {
    background-position: 0 -150px;
}
.box3 dt i {
    background-position: 0 -300px;
}

 .box dd {
    padding-left: 13px;
    margin-bottom: 10px;
    background: url(../ico/ico_dian3.png)  0 9px no-repeat;
    word-break: keep-all;
}

.botm {
    width:1200px;
    margin-left: 0;
}
.botm dt {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 30px;
    border-bottom:none;
    text-align: center;
}









/* history */
.center_inner{}
.ucard_img	{position: absolute; right:0; top:-10px; }
.ucard_contents	{position:relative; min-height:170px; padding-bottom:35px; margin-top:44px; border-top:1px solid #e6e6e6}
.ucard_contents:first-child	{margin-top:54px}
.ucard_contents.proven_pb	{padding-bottom:0 !important}
.ucard_contents div	{/* float:left;  */padding:30px 0 0}
.ucard_contents div.contents_tit	{width:100%; max-width:280px; padding:0; position:absolute; left:0}
.ucard_contents div.ucard_con	{/* position:absolute; left:280px */float:left; margin-left:280px}

.ucard_contents div.ucard_con .table_wrap	{display:block; padding:0; margin:0 0 0 20px; border-top:none}
.ucard_contents div.ucard_con table	{min-width:385px; width:100%}
.ucard_contents div.ucard_con table tr td	{padding:20px 0 15px 0}
.ucard_contents div.ucard_con table tr.line td	{border-bottom:1px solid #e6e6e6}
.ucard_contents .table_wrap table tbody tr:first-child td	{padding:0 0 15px 0}
.ucard_contents .table_wrap table tbody tr:last-child td	{border-bottom:none}
.ucard_contents div.ucard_con table strong	{/*font-family: "HN_Bd";*/}
.ucard_contents div.ucard_con .table_wrap.mo	{display:none; }

.ucard_contents .contents_tit p	{/* font-family:"HN_Th" */}
.ucard_contents p	{position:relative; padding:30px 0 0; font-size:28px; line-height:36px; color:#333}
.ucard_contents p:after {content:""; display:block; position:absolute; left:0; top:-1px; width:100%; height:2px; border-top:1px solid #333}
.ucard_contents ul li	{position:relative; padding-left:15px; font-size:15px; line-height:26px; color:#333}
.ucard_contents ul li:after	{content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#333}

.ucard_list	{position:relative; height:620px; background-size:cover !important}
.ucard_list .alpha_area		{position:absolute; right:50%; width:484px; margin-left:50px}
.ucard_list.fl_right	{float:none}
.ucard_list.fl_right .alpha_area	{position:absolute; left:50%; margin-left:0}

.ucard_list.plat_list	{height:620px;}
.ucard_list.plat_list .alpha_area		{height:568px;}

/* history */

.top {float:left;    margin-bottom: 30px;    text-align: center;}
.top .tit {    height: 180px; width:400px;    color: #f27321;}

.top h4 { font: normal 22px/25px "微软雅黑","宋体",Arial, Helvetica, sans-serif;
    padding-top: 140px;
    margin: 0 auto;
    background-image: url(../images/history_sec1_icon.png) ;
	background-position: center 0;
    background-repeat: no-repeat;
}
.top h4.a {	background-position: center -200px;}
.top h4.aa {	background-position: center -400px;}

 .top .txt1 {
    background-image: url(../images/history_sec1_line.png);
	background-position: center center;
    background-repeat: no-repeat;
    letter-spacing: 0;
}
 .top .txt1.b {background-position:200px  center ;}
 .top .txt1.bb {background-position:-520px  center ;}
 
 .top .txt1 span {
    display: inline-block;
    width: 135px;
    height: 25px;
    padding-top: 4px;
    background: #f27321;
    border-radius: 50px;
    color: #fff;
}


.history_list_area{ float:left; width:1200px;height:;background:url(../images/bg_line3.gif) center center repeat-y;margin:30px 0;}
.history_div{ float:left; width:100%;margin:30px 0 ;}
.history_left{ float:left; width:50%;}
.history_right{ float:right; width:50%;}
.left_img{float:left;margin:64px 0 0 81px;}
.right_img{float:right;margin:64px 89px 0 0;}
.left_img span,.right_img span{display:block;padding:8px 0 0 0;text-align:right;}

.h_year{margin:0 0 25px 0;padding:0 0 0 50px;color:#333333;font-size:40px; line-height:50px;background:url(../images/bg_line2.gif) 0 center no-repeat;}
.h_year02{text-align:right;margin:0 0 25px 0;padding:0 50px 0 0;color:#333333;font-size:40px;line-height:50px;background:url(../images/bg_line2.gif) right center no-repeat;}

.h_cont{padding:0 0 0 50px; width:550px;float:left;}
.h_cont dt{float:left;width:100px;color:#808080;line-height:30px;}
.h_cont dd{float:left;width:450px;color:#333333;line-height:30px; }

.h_cont02{padding:0 50px 0 0 ; width:550px;float:left;text-align:right;}
.h_cont02 dt{float:right;width:100px;color:#808080;line-height:30px; }
.h_cont02 dd{float:right;width:450px;color:#333333;line-height:30px; }


ul.news_list {width:1200px; float:left;}
ul.news_list li{float:left; margin-right:21px; margin-bottom:21px; text-align:center;}
ul.news_list li:nth-of-type(3n){margin-right:0;}
ul.news_list li.bgs{ background-color:#F5F5F5; }
ul.news_list li.bgs a{padding-top:11px;}
ul.news_list li a{ display:block; float:left;width:384px; border:#F5F5F5 1px solid;}
ul.news_list li a h2{width:80%; padding:0 10%; font: normal 18px/35px "微软雅黑"; height:35px; overflow:hidden; color:#333; margin-top:10px;}
ul.news_list li a h5{width:80%; padding:1% 10%; font: normal 14px/26px "微软雅黑";height:78px; overflow:hidden; color:#666; text-align:left;}
ul.news_list li a p.newspic{width:100%; height:190px;overflow:hidden;position: relative;}
ul.news_list li a p.newspic img{width:100%; height:190px;}
ul.news_list li a p.time{width:100%;font: normal 12px/50px Arial, "微软雅黑";color:#000;}
ul.news_list li a:hover{  border:#ff5e00 1px solid;}
ul.news_list li a p.newspic:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: 0;
    display: block;
    border-color: transparent transparent #fff transparent;
    border-width: 8px;
    border-style: solid;
    width: 0px;
    height: 0px;
}

#ViewLeft{width:870px; float:left; overflow:hidden; padding-bottom:30px;}
#View_tit{width:100%; float:left; overflow:hidden;  border-bottom: 1px solid #E9E9E9;}
#View_tit h3{font: normal 28px/40px "微软雅黑",Arial;color: #222;}
#View_tit p{padding: 12px 0 6px;    font-size: 12px;    color: #999;}
#NewView{width:100%; float:left;overflow:hidden; padding:11px 0;font: normal 16px/32px "微软雅黑",Arial; word-wrap: break-word;color: #333;}

#ViewRight{width:300px; float:right; background-color:#F9F9F9;}
#ViewRight h2 {
    height: 50px;
    border-bottom: 1px solid #e3e4e6;
    text-indent: 22px; 
    font: normal 18px/50px "微软雅黑",Arial;color: #333;
}
#ViewRight a.more { margin:0 15px 0 0;
    color: #888; font: normal 14px/50px "微软雅黑",Arial;
}

#ViewRight p.ad{width:100%; }
#ViewRight p.ad img{width:100%; }

ul.notice-panel {    padding: 20px 30px;    line-height: 20px;    display: inline-block;}
ul.notice-panel li {    width: 100%;    display: inline-block;    padding: 3px 0;}
ul.notice-panel i {
    float: left;
    display: inline-block;
    height: 3px;
    width: 3px;
    margin-right: 10px;
    margin-top: 11px;
    background: #ccc;
    overflow: hidden;
}
ul.notice-panel a {
    margin-left: 14px;
    display: block;
    color: #555;
    text-decoration: none;
}
ul.notice-panel a:hover {
    color: #ff5e00;
}
ul.notice-panel a img{ max-width:100%;}
ul.notice-panel a p{  text-align:center; margin-bottom:10px;}

#PROView{width:100%; float:left;overflow:hidden; padding-top:11px; word-wrap: break-word;}
#fenxiang{position: absolute; right:2px; top:22px;}
#PREVIOUS_NEXT { min-height:50px;
    float: left; position:relative;
    width: 100%;
    border-top: #E9E9E9 1px solid;
    text-indent: 15px;
    font: normal 14px/35px "微软雅黑",Arial,"宋体";
    overflow: hidden;
}
.PREVIOUS {    background: url(../ico/01.gif) 3px center no-repeat; height:35px; overflow:hidden;}
.NEXT {    background: url(../ico/02.gif) 3px center no-repeat;height:35px; overflow:hidden}

.PREVIOUS a,.NEXT a{ color:#666}
.PREVIOUS a:hover,.NEXT a:hover{ color:#ff5e00}


.inner_cont {width: 100%; float: left; margin-bottom:20px;
    overflow: hidden;
    padding: 48px 0 38px;
    background-color: #f8f8f8;
}
.inner_cont .tit {
    float: left; width:45%; text-align:center;
    display: block;
    padding-top: 11%;
    font-size: 25px;
    color: #333;
}
 .txt_area {
    float: left;
    padding-left: 80px;
    border-left: 1px solid #ccc;
}
 .txt_area dl {
    margin-bottom: 15px;
}
/*.txt_area dt {display: inline-block;font-size:0;
    width: 45px; 
    height: 45px;
    vertical-align: middle;
    background: url(../images/contact_us_ico.png) 0 0 no-repeat;
}

.txt_area .dt_v2 {
    background-position: -55px 0;
}
.txt_area .dt_v3 {
    background-position: -110px 0;
}*/
.txt_area dt span{display:none; font-size:0;}
.txt_area dt {
    display: inline-block;
    color: #f27321;
    font-size: 30px;
    font-family: FontAwesome;
    font-style: normal;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: #f27321 1px solid;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: middle;
}
.txt_area dd {
    display: inline-block;
    margin-left: 13px;
    font-size: 17px;
    color: #666;
    vertical-align: middle;
}

.faq_M { float:left; width:100%;border-bottom:#D2D2D2 1px solid;}
.faq_q { float:left; width:90%;cursor:pointer ;  padding:15px 0 15px 10%; background:url(../ico/Q.png) 4% center no-repeat; position:relative; font-weight:bold; background-color:#FFF;}
.faq_q:hover{ background-color:#F6F6F6;}
.faq_q img.off{ position: absolute; right:5%; top:13px;}
.faq_a { display:none;float:left; width:90%;border-top:#ccc 1px dashed;padding:15px 0 15px 10%;background:url(../ico/A.png) 4% center no-repeat;border-bottom:#ff5e00 1px solid;}


#listsearch {
float:left; width:100%;border-bottom:#D2D2D2 1px solid; padding-bottom:5px;
}

#listsearch form {
	display:block;
	float:right; width:400px;
/*	background:url(../images/bg_menu_over.png)
*/}
#listsearch form label {float:left;
	font: bold 14px/32px Arial, "微软雅黑";
	color:#ff5e00;
	background:#FFF;
	padding-right:5px
}

#listsearch form select.txtBox
{
	width:80px;
	height:32px;
	font:normal 14px/30px "微软雅黑";
	color:#999;
	background:#FFF;
	border: #ccc 1px solid; overflow:hidden;
	float:left;
	padding-left:2px; margin-right:2px;
}
#listsearch form input.txtBox {
	width:180px;
	height:30px;
	font:normal 14px/30px "微软雅黑";
	color:#999;
	background:#FFF;
	border: #ccc 1px solid; overflow:hidden;
	float:left;
	padding-left:5px
}
#listsearch input.login {
	width:55px; text-align: center;
	height:32px;font:normal 14px/32px "微软雅黑";
	border:none;
	background: #ccc;
	float:left;
	cursor:pointer; overflow:hidden;
}
#listsearch input.login:hover{
	color: #ff5e00;
}


ul.classlist {	float:left;	width:100%;  margin-bottom:15px;}
ul.classlist li{	float:left;	}
ul.classlist li a{  float:left;  display:block;  color:#333; text-align:center; background-color:#f5f5f5; border:#f5f5f5 1px solid; padding:8px 14px; margin-right:5px; position:relative;}
ul.classlist li a:hover{  color:#ff5e00; border:#f5f5f5 1px solid;}
ul.classlist li a.hover{  color:#ff5e00; border:#ff5e00 1px solid;}
ul.classlist li a.hover:after{ content:""; position: absolute; left:50%; margin-left:-4px; bottom:-14px;
    display: block;
    border-color:#ff5e00 transparent transparent transparent ;
    border-width: 7px;
    border-style: solid;
    width: 0px;
    height: 0px;
}







ul.caselist {	float:left;	width:100%; overflow:hidden;}
ul.caselist li {	float:left; width:50%; height:220px; overflow:hidden; background-color:#fbfbfb; margin-bottom:20px;}
ul.caselist li a {float:left; width:100%;overflow:hidden; display:block;position: relative; background:url(../ico/go_more.png) 90% 82% no-repeat;}
ul.caselist li a h2 {
	width:40%; padding:2% 5%;
	overflow:hidden;
	display:block;
	float:left;
	font:bold 16px/40px "微软雅黑","宋体";
}
ul.caselist li a h5 {
	width:40%; padding:0 5%;
	overflow:hidden;
	display:block;
	float:left;
	font: normal 14px/26px "微软雅黑","宋体";
}

ul.caselist li a p.datu{float:left; width:50%;overflow:hidden;position: relative;}
ul.caselist li a p.datu img {width:100%;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}
ul.caselist li a:hover p.datu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
ul.caselist li a p.datu:before {
    content: '';
    position: absolute; z-index:11;
    right:0;
    top: 7%;
    display: block;
    border-color: transparent #fbfbfb  transparent transparent;
    border-width: 10px;
    border-style: solid;
    width: 0px;
    height: 0px;
}

ul.prolist {	float:left;	width:100%; overflow:hidden;}
ul.prolist li {	float:left; width:380px;  overflow:hidden; background-color:#fbfbfb; margin-right:30px;margin-bottom:30px;}
ul.prolist li:nth-of-type(3n) {	margin-right:0; }
ul.prolist li a {float:left; width:100%;overflow:hidden; display:block;position: relative;}
ul.prolist li a h2 {
	width:90%; padding:2% 5%;
	overflow:hidden;
	display:block;
	float:left;
	font-size:16px; font-weight: normal; line-height:40px ; color:#444;height:40px;overflow:hidden;
}
ul.prolist li a h5 {
	width:90%; padding:0 5%;
	overflow:hidden;
	display:block;
	float:left;
	font: normal 14px/26px "微软雅黑","宋体";height:72px;overflow:hidden;
}

ul.prolist li a p.datu{float:left; width:100%;height:240px;overflow:hidden;position: relative;}
ul.prolist li a p.datu img {width:100%;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}
ul.prolist li a:hover p.datu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
ul.prolist li a p.datu:before {
    content: '';
    position: absolute; z-index:11;
    left:5%; bottom:0; 
    display: block;
    border-color: transparent transparent #fbfbfb transparent ;
    border-width: 10px;
    border-style: solid;
    width: 0px;
    height: 0px;
}



/*----------- index ------------*/
#bodyColor {    margin: 15px 0 25px;}
ul.caselist_index {	float:left;	width:100%;  overflow:hidden;}
ul.caselist_index li {	float:left; width:33.333%;  overflow:hidden; background-color:#fbfbfb;  }
ul.caselist_index li:nth-of-type(2n) {	background-color:#f2f2f2; }
ul.caselist_index li a {float:left; width:100%;overflow:hidden; display:block;}
ul.caselist_index li a h2 {background:url(../ico/go_more.png) 93% center no-repeat; 
	width:90%; padding:2% 5%;
	overflow:hidden;
	display:block;
	float:left;
	font:bold 16px/40px "微软雅黑","宋体";height:40px; overflow:hidden;
}
ul.caselist_index li a h5 {/* display:none; width:0; height:0;*/
	width:90%; padding:0 5%;
	overflow:hidden;
	display:block;
	float:left;
	font: normal 14px/26px "微软雅黑","宋体"; height:52px; overflow:hidden;
}

ul.caselist_index li a p.datu{float:left; width:100%; height:270px; overflow:hidden;position: relative;}
ul.caselist_index li a p.datu img {width:100%;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}
ul.caselist_index li a:hover p.datu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
ul.caselist_index li a p.datu:before {
    content: '';
    position: absolute; z-index:11;
    left:5%; bottom:0;
    display: block;
    border-color: transparent transparent #fbfbfb transparent;
    border-width: 10px;
    border-style: solid;
    width: 0px;
    height: 0px;
}

ul.prolist_index {	float:left;	width:100% ;}
ul.prolist_index li {	float:left; width:300px;  overflow:hidden;  }
ul.prolist_index li a {float:left; width:298px; border:#ECECEC 1px solid; padding-bottom:15px; background-color:#FFF;overflow:hidden; display:block;position: relative;}
ul.prolist_index li a h2 { 
	width:90%; padding:2% 5%;
	overflow:hidden;
	display:block;
	float:left;
	height:40px;overflow:hidden;
	font-size:16px; font-weight: normal; line-height:40px ; color:#333;height:40px;overflow:hidden;

}
ul.prolist_index li a:hover h2 {  color:#ff5e00;}
ul.prolist_index li a:hover h5 {  color:#666;}
ul.prolist_index li a h5 {
	width:90%; padding:0 5%;
	overflow:hidden;
	display:block;
	float:left;
	font: normal 14px/18px Arial ,"宋体";height:18px;overflow:hidden;
}
ul.prolist_index li a span{ background:url(../ico/iconadd_yello.png) no-repeat center center; position: absolute; bottom:30px; right:20px; width:30px; height:30px; font-size:0; transition:all ease-out 0.3s;}
ul.prolist_index li a:hover span{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */}

ul.prolist_index li a p.datu{float:left; width:100%;height:190px;overflow:hidden;position: relative;}
ul.prolist_index li a p.datu img {width:100%;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s
}
ul.prolist_index li a:hover p.datu img {
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06)
}
ul.prolist_index li a p.datu:before {
    content: '';
    position: absolute; z-index:11;
    left:5%; bottom:0;
    display: block;
    border-color: transparent transparent #FFFFFF transparent ;
    border-width: 10px;
    border-style: solid;
    width: 0px;
    height: 0px;
}


#indexM_news {width:600px; float:left;position:relative;/* margin-bottom:20px;*/}
h2.indexH2{width:100%; float:left; display:block; font: bold 16px/45px  "微软雅黑","宋体",Arial;color:#333;	}
.morenew{ display:none;	}

.blk_18 { overflow:hidden; zoom:1; width:570px; }
.blk_18 .pcont { width:100%; height:131px; float:left; overflow:hidden; z-index:11;}
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:0px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }

.blk_18 .LeftBotton,.blk_18 .RightBotton { width:26px; height:26px; float:left; background:url(../ico/btn_visualControlButton.png) center top no-repeat;position: absolute;  }
.blk_18 .LeftBotton { background-position: 0 0;         top:10px; right:60px;}
.blk_18 .RightBotton { background-position: 0 -52px;    top:10px; right:30px;}
.blk_18 .LeftBotton:hover { background-position: 0 -26px; }
.blk_18 .RightBotton:hover { background-position: 0 -78px; }

.blk_18 .pl {  float:left; width:570px; height:130px; border-bottom:#E6E7E8 1px dashed;overflow:hidden; }
.blk_18 .pl img{ display:block; float:left; cursor:pointer; border: none; width:200px; height:130px; overflow:hidden; }
.blk_18 .pl span{ 	display:block; float:left; cursor:pointer; width:360px; padding-left:10px; }
.blk_18 .pl span.hh{ font:bold 14px/16px "微软雅黑", Arial,"宋体"; padding-bottom:10px;}
.blk_18 .pl span.tt{ font: normal 12px/22px "微软雅黑", Arial,"宋体"; padding-bottom:10px;}
.blk_18 .pl span:hover{ color:#ff5e00;	}

ul.newi{ width:570px; float:left; padding:7px 0 15px 0;}
ul.newi li{	float:left;width:100%; /*list-style-type:disc; */}
ul.newi li a{
	float:left; display:block;
	width:97%; padding-left:3%;height:28px; overflow:hidden; 
	background:url(../ico/ico_di.png) 2px center no-repeat;
	font: normal 14px/28px "微软雅黑", Arial,"宋体";
	border-bottom:#E6E7E8 1px dashed;
}
ul.newi li a span{	float:right; color:#999;	font: normal 12px/28px Arial,"宋体";}
ul.newi li a:hover span{	color:#ff5e00;}
ul.newi li a:hover{	color:#ff5e00;border-bottom:#ff5e00 1px dashed;}


#indexM_right {width:600px; float:left;	}
#indexM_rightI {width:47%; padding-left:3%; height:250px; float:left; background:url(../images/bg_mainRecruit.jpg) right bottom no-repeat #FFF;}
#indexM_rightII {width:47%; padding-left:3%; height:250px;float:left; background:url(../images/bg_mainStory.png) right bottom no-repeat #F5F5F5;}
#indexM_rightIII {width:97%; padding-left:3%;height:106px; float:left; background:url(../images/img_glo.png) right center no-repeat #CCD7E1;}
a.gogo{width:26px; height:26px; float:left; display:block; font: normal 10px/26px  Arial;color:#FFF; background-color:#ff9933; border-radius:13px; text-align:center;	}
a.gogo:hover{ background-color: #ff5e00; 	}


.proTxt{ width:570px; float:right;}
 .bz{  float:left;border-bottom:#EFEFEF 1px solid; 
 width:98%;  padding-left:2%; padding-bottom:15px; margin-bottom:15px;  background:url(../images/icoRight.gif) 0 6px no-repeat; }
a.btn{  float:left; margin-left:3%; padding:10px 27px; font-size:16px; background-color:#aaa; color:#FFF;}
a.btnbule{background-color:#ff5e00 !important;}

.proTxt h2{  float:left; font-size:24px; line-height:26px; font-weight:normal;
    padding-left: 2%; width:98%;
    border-left:#3292de 4px solid ;
 }
.proTxt h2 span{ font: bold 20px/24px Arial,"宋体"; color:#777;}


/*---------- location---------------*/
.location_wrap	{ width:100%; height:53px;}
.page_nav	{padding:15px 0;border-top:1px solid #e6e6e6; width:1200px; margin:0 auto;}
.page_nav li:first-child img	{vertical-align:top; margin:3px 0 0}
.page_nav li	{position:relative; float:left; padding-right:16px; padding-left:11px; font-size:14px; line-height:23px;height:23px;}
.page_nav li:after	{content:""; display:block; position:absolute; right:0; top:4px; width:6px; height:15px; background:url('../images/icon_activity.png') no-repeat right top; background-position:-102px 0}
.page_nav li.current_path	{color:#ff5e00; padding-right:0; margin-right:0}
.page_nav li.current_path a{color:#ff5e00; }
.page_nav li.current_path:after	{background:none}



#page {width:1200px; float:left; text-align:center; margin-bottom:30px;}
#page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF;}
#page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;}
#page a:hover{background:#F5F5F5;color:#FF5E01;border:1px solid #FF5E01;margin-left:2px;margin-right:2px;}
#page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;}
#page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}


/*---------------------------------//footer-----------------------------------*/


#footermain{width:100%; background-color:#F0F0F0;padding:25px 0;position:relative;}
#footermain #footer	{position:relative; width:1200px; margin:0 auto; background-color:#F1F2F2;  color:#777; text-align:center; font: normal 12px/26px Arial, "宋体"; padding:22px 0; }
.btn_top{display:block; position:fixed; z-index:10; bottom:16px; left:50%; z-index:9999; width:50px; height:53px; margin-left:550px; background:url('../images/icon_activity.png') no-repeat 0 0 ; background-color:#F00; background-position:0 -30px; text-indent:-9999px}
#footermain  .btn_top.fixed	{position:absolute; top:-53px}

#footRight{position: absolute; right:0;top:40px;
width:220px; 
}
.wxewm{position: absolute;  display:none;  left:-76px; top:-206px; padding:0;/* background:url(../images/sanjiao.png) center bottom no-repeat;*/ }

#footRight a{float:left; display:block; margin-right:15px; padding-top:30px;color:#A2A2A2; }
#footRight a.btnQQ{ background: url(../images/qq.png) center top no-repeat ;}
#footRight a.wx{ background: url(../images/wx.png) center top no-repeat ;}
#footRight a:hover{color:#FC9500;}

#sitemap{width:900px;float:left; border-right:#EBEBEB 1px solid;}
UL.sitemap {float:left; display:block;width:150px; text-align:left; }
UL.sitemap h2{float:left; display:block; width:100%; font: normal 15px/30px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; color:#3a3a3a; margin-bottom:10px; position:relative;}
UL.sitemap h2:after{ position: absolute; left:0; top:-5px; content:""; width:0; height:0; background-color:#999; overflow:hidden;}
UL.sitemap li a{float:left; display:block;width:100%; text-indent:12px; font-size:13px; line-height:25px;color:#666; background:url(../ico/ico01.png) left center no-repeat; }
UL.sitemap li a:hover{color:#ff5e00;}

#footsearch {
	width:237px;
	position:absolute;
	right:0;
	top:110px
}

#footsearch form {
	display:block;
	width:228px;
	float:left;
/*	background:url(../images/bg_menu_over.png)
*/}
#footsearch form input.txtBox {
	width:185px;
	height:33px;
	font:normal 14px/33px "微软雅黑";
	color:#999;
	background:#FFF;
	border: #E6E7E8 1px solid;border-radius:3px 0 0 3px;overflow:hidden;
	float:left;
	padding-left:5px
}
#footsearch input.login {
	width:35px;
	height:35px;
	border:none;
	background:url(../images/btn_srh.png) center center no-repeat #A2A2A2;
	float:left;
	cursor:pointer; border-radius:0 3px 3px 0 ; overflow:hidden;
}


#footbtm{width:100%; background-color:#E6E6E6;padding:10px 0;}
#foot{width:1200px; margin:0 auto;   padding:15px 0; position:relative; color:#8c8c8c; font: normal 12px/24px Arial,"宋体";  }
#foot p{ display:block; float:left;}
#foot p.pic{ padding:28px 15px 0 0;}
#foot a{color:#8c8c8c;}
#foot a:hover{color:#444;}
#foot p.piclogo{float:right; padding:20px 0 0 0;}
#foot p span{ padding:0 5px; display:inline;}