@charset "utf-8";

/************************************************************************

 * 公司	: suyee inc.

 * 网址	: www.suyee.net.cn

 * 作者QQ: 新月(46780956)

 * 日期	: 2017.09.08

************************************************************************/

	.pcDIV	{display: block;}

	.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: #0064D4;}

a:active {text-decoration: none;	color: #666;}





/* div全局 */

.img_left	{padding-left:15px;}

.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 9px 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: #d8d8d8 1px solid;  border-right: #d8d8d8 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: url(../images/bg1.jpg) center center no-repeat #F8F8F8;background-size:cover; margin:30px 0; padding-bottom:30px; clear:both;}

#body{ width:1200px; margin:0 auto;clear:both;padding:22px 0;}

#content,.content{ width:870px; float:left;  }



#bodyLeft{ width:300px; float:left; margin-right:30px; position:relative; padding:42px 0;}

#bodyLeft h1{  position: absolute; left:0; top:-80px; width:100%; line-height:30px;padding:30px 0; z-index:999; background-color:#EC6C00; color:#FFF; text-align:center; }

#bodyLeft h1 b{ font-weight:normal; font-size:16px; line-height:30px; }

#bodyLeft ul.tabnav{width:100%; float:left;  line-height:44px; }

#bodyLeft ul.tabnav li{width:100%; float:left; margin-bottom:1px;}

#bodyLeft ul.tabnav li a{width:100%; float:left; text-indent:15px; font-size:15px; background:url(../ico/012.png) 94% center no-repeat #F8F8F8;}

#bodyLeft ul.tabnav li a:hover{ color:#0064D4; background:url(../ico/013.png) 94% center no-repeat #F8F8F8;}



#bodyRight{ width:870px; float:left; overflow:hidden;}

#addrees{width:100%; float:left; border-bottom:#CCC 1px dashed; margin-bottom:22px; line-height:35px; text-align:right; position:relative;}

#addrees p{float: right; font-family:"宋体"; font-size:12px; padding-left:15px; background:url(../ico/home01.png) left center no-repeat;}

#addrees h2{position: absolute; left:0; top:10px; color:#1F56B1; font-size:26px; font-weight:normal; line-height:35px; background-color:#FFF; padding-right:15px;}



.news_list{ width:100%; float:left; margin-bottom:20px;}

.news_list li{ width:100%; padding:20px 0; float:left; background-color:#FFF;  border-bottom:1px dashed #CCCCCC;}

.news_list li:nth-of-type(1){padding:0 0 20px 0;}

.news_list li dt{ display:inline; float:left; width:100px; background:#D8E1E6;}

.news_list li dt .day{ display:block;color:#333; font-size:24px; text-align:center; font-family:"Arial Black", Gadget, sans-serif; padding-top:22px;}

.news_list li dt .year{ display:block;color:#333; font-size:15px; text-align:center; padding-bottom:10px;}

.news_list li dd{ display:inline; float:left; width: 750px; margin-left:20px; }

.news_list li dd h1{ font: normal 16px/25px "微软雅黑",Arial,"宋体";color:#444; padding-bottom:8px; }

.news_list li dd h2{ font: normal 14px/26px "微软雅黑",Arial,"宋体";color:#888; height:52px; overflow:hidden;}

.news_list li dd:hover h1{ color:#0064D4;}

.news_list li dd:hover h2{ color:#0064D4;}



.cntil{ width:100%; float:left; text-align:center; font:normal 24px/30px "微软雅黑","宋体",Arial; color:#333 ;}

.entil{ width:100%; float:left;text-align:center; font:normal 12px/35px Arial,"微软雅黑","宋体";color:#999; }



ul.newslist {width:100%; float:left; }

ul.newslist li{float:left; width:280px; margin-right:14px; margin-bottom:14px; text-align:center;}

ul.newslist li:nth-of-type(3n){margin-right:0;}

ul.newslist li.bgs{ background-color:#F5F5F5; }

ul.newslist li.bgs a{padding-top:11px;}

ul.newslist li a{ display:block; float:left;width:100%; border:#F5F5F5 1px solid;}

ul.newslist li a h2{width:80%; padding:0 10%; font: normal 18px/35px "微软雅黑"; height:35px; overflow:hidden; color:#333; margin-top:10px;}

ul.newslist li a h5{width:80%; padding:1% 10%; font: normal 14px/26px "微软雅黑";height:78px; overflow:hidden; color:#666; text-align:left;}

ul.newslist li a p.newspic{width:100%; height:150px;overflow:hidden;position: relative;}

ul.newslist li a p.newspic img{width:100%; height:150px;}

ul.newslist li a p.time{width:80%; padding:0 10%;font: normal 12px/50px Arial, "微软雅黑";color:#000; position: relative; text-align:left;}
ul.newslist li a p.time:after{ content: "更多>"; position: absolute; right:30px; bottom:0; font-size:12px; color:#999; }
ul.newslist li a:hover p.time:after{ color:#666;}

ul.newslist li a:hover{  border:#0064D4 1px solid;}

ul.newslist 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;

}





#cul{width:100%; height:240px;  float:left; background-color:#FBFBFB; position:relative;}

#culimg,#culimg02,

#cultxt,#cultxt02{ display:block; float:left; width:50%; position:relative;}

#cultxt02{ text-align:right;}

#culimg img.picimg{  width:100%; margin:0 ; padding:0; border:none;}

#cultxt h1,#cultxt02 h1

{ display:block; margin:0 auto; padding:0 11%; width:78%; font: bold 16px/50px Arial,"宋体"; color:#4c4c4c; text-decoration:underline;}

#cultxt h2,#cultxt02 h2

{ display:block; margin:0 auto; padding:0 15%; width:70%; font: bold 16px/40px "微软雅黑",Arial,"宋体"; color:#252525; padding-bottom:10px; }

#cultxt p,#cultxt02 p

{ display:block; margin:0 auto; padding:0 11%; width:78%; height:140px; font: normal 14px/24px "微软雅黑",Arial,"宋体"; color:#666; }

#culimg:before {

    content: '';

    position: absolute; z-index:11;

    right:0; top:15px; 

    display: block;

    border-color: transparent #FBFBFB transparent transparent ;

    border-width: 10px;

    border-style: solid;

    width: 0px;

    height: 0px;

}



#culimg02:before {

    content: '';

    position: absolute; z-index:11;

    left:0; top:15px; 

    display: block;

    border-color: transparent  transparent transparent #FBFBFB;

    border-width: 10px;

    border-style: solid;

    width: 0px;

    height: 0px;

}















#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:100%; float:left;}

ul.cert li{float:left; width:206px;   margin-right:15px; margin-bottom:15px;}

ul.cert li p{width:100%;  }
ul.cert li p img{max-width:100%; border:#E6E6E6 1px solid;
  /*  filter: url(blur.svg#blur); 
    
    -webkit-filter: blur(1px); 
       -moz-filter: blur(1px);
        -ms-filter: blur(1px);    
            filter: blur(1px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1, MakeShadow=false);*/ }

ul.cert li:nth-of-type(4n){margin-right:0;}

ul.cert li h2{width:98%; padding:0 1%;text-align:;font: normal 14px/24px "微软雅黑";}



.jobil {    width:100%; float:left; padding-bottom:15px; color:#EC6C00;}

.jobil a{ color:#EC6C00;}

.jobil a:hover{ color:#EC6C00; text-decoration: underline;}



.jobbox {

    width:100%; float:left; padding: 30px 0;

    border-top: 1px solid #e0e0e0;

}

.jobbox h5 {

    float: left; position:relative;

    width: 20%;

    font-size: 25px; font-weight:normal; 

    color: #000;
	line-height:35px; /*text-indent:10px;*/

}

.jobbox h5:after{ content:"";

position: absolute; left:0; top:-31px;

width:100%; height:1px; background:#333; overflow:hidden;



}

.jobbox .jobinfor {

    float: left; display:block;

    width: 80%;

}







.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; }









#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: #000;}

#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;}

#PROView{width:100%; float:left;overflow:hidden; padding:11px 0; 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;}





#fenxiang{position: absolute; right:2px; top:22px;}

#PREVIOUS_NEXT {

    float: left; position:relative;

    width: 100%;

    border-top: #E9E9E9 1px solid; margin-top:20px; 

    text-indent: 15px;

    font: normal 14px/30px "微软雅黑",Arial,"宋体";

    overflow: hidden;

}

#PREVIOUS_NEXT p{ height:30px; overflow:hidden;}

.PREVIOUS {    background: url(../ico/01.gif) 3px center no-repeat; }

.NEXT {    background: url(../ico/02.gif) 3px center no-repeat;}



.PREVIOUS a,.NEXT a{ color:#888}

.PREVIOUS a:hover,.NEXT a:hover{ color:#0064D4}





.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: 70px;

    font-size: 25px;

    color: #f37423;

}

 .txt_area {

    float: left;

    padding-left: 38px;

    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(../ico/contact_us_ico.png) 0 0 no-repeat;

}

.txt_area dd {

    display: inline-block;

    margin-left: 13px;

    font-size: 17px;

    color: #666;

    vertical-align: middle;

}

.txt_area .dt_v2 {

    background-position: -55px 0;

}

.txt_area .dt_v3 {

    background-position: -110px 0;

}



.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:320px;

/*	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 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; padding:6px 14px; margin-right:5px;}

ul.classlist li a:hover,

ul.classlist li a.hover{  color:#ff5e00; background:#;}



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;

}











/*----------- index ------------*/

#bodyColor {    margin: 15px 0 25px;}

ul.caselist_index {	float:left;	width:100%; height:363px; overflow:hidden;}

ul.caselist_index li {	float:left; width:33.333%;  overflow:hidden; background-color:#fbfbfb; padding-bottom:15px; }

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 {

	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:240px; 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 {	float:left;	width:100%; overflow:hidden;}

ul.prolist li {	float:left; width:280px;  overflow:hidden; background-color:#fbfbfb; margin-right:15px;margin-bottom:15px; }

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:94%; padding:2% 3%; position:relative;

	display:block;

	float:left;

	font-size:15px; line-height:28px; font-weight: normal; color:#111;

	height:56px;overflow:hidden;

}

ul.prolist li a h2:after{ content: "更多>"; position: absolute; right:10px; bottom:10px; font-size:12px; color:#999; }
ul.prolist li a:hover  h2:after{ color:#666;}
ul.prolist li a:hover h2 { color:#0064D4; }

ul.prolist li a p.datu{float:left; width:100%;max-height:279px;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;

}























ul.prolist_index {	float:left;	width:100% ;}

ul.prolist_index li {	float:left; width:32%; margin:0.5%;  overflow:hidden;  }

ul.prolist_index li a {float:left; width:100%;  padding-bottom:0; background-color:#FFF;overflow:hidden; display:block;position: relative;}

ul.prolist_index li a h2 { position: relative; text-align:center;

	width:94%; padding:2% 3%;

	display:block;

	float:left;

	font-size:15px; line-height:40px; font-weight: normal; color:#111;

	height:45px;overflow:hidden;

}
ul.prolist_index li a h2:after{ content: " "; position: absolute; right:10px; bottom:10px; font-size:12px; color:#999; }
ul.prolist_index li a:hover  h2:after{ color:#666;}
ul.prolist_index li a:hover h2 { color:#0064D4;}
ul.prolist_index li a span{  display:none; width:0; height:0; font-size:0; }



ul.prolist_index li a p.datu{float:left; width:100%;height:380px;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;

}



/* title */

.tit_fir {width: 100%; float:left; position:relative;

    position: relative;

    margin: 15px 0;

    text-align: center;

    color: #333;

}

.tit_fir h2 {

    font-size: 30px; font-weight:normal;

    line-height:50px; 

    letter-spacing: -0.5px;

}

.tit_fir h1 { margin:5px auto; font-size:0; height:2px; width:50px;background-color:#0064D4; overflow:hidden;}

.tit_fir p {

    font-size: 16px;text-align: center;

    word-break: break-all;

    line-height: 24px;

}

.tit_fir p a{ padding:0 15px;}

.tit_fir .pageMore{position: absolute; right:0; bottom:0; background:url(../ico/ico_012.png) 90% center no-repeat; padding:0 19px 0 10px; border:#CCC 1px solid; color:#3292de;}



#newarp{float:left; border:#DDDDDD 1px solid; margin-right:15px; margin-top:15px; padding:48PX 8PX 8PX 8PX;position:relative; height:180px; overflow:hidden;}

#newarp h2{ position: absolute; left:0; top:0; width:100%; font-size:16px; height:42px; line-height:42px; color:#000; font-weight:normal; background-color:#F9F9F9; overflow:hidden; text-indent:20px;}

#newarp h2.hover{ border-top:#0064D4 1px solid; height:41px; line-height:41px; }

#newarp h2:before{ content:"";position: absolute; left:8px; top:15px;  width:4px; height:12px;  background-color:#0064D4; overflow:hidden;}



.newarpA{ width:285px !important; }

.newarpA span{ display:none; }

.newarpB{ width:546px !important; }

.newarpC{ width:285px !important; margin-right:0 !important;}

.newimg{ float:left; width:236px; max-height:178px; overflow:hidden; margin-right:10px; }

.newtt{  float:left; width:300px; max-height:178px; overflow:hidden; }



.newimg02{ float:left; width:100%; max-height:95px; overflow:hidden;  }





ul.newi{ width:100%; float:left;  }

ul.newi li{width:100%;float:left; /*list-style-type:disc;*/ position:relative;}

ul.newi li:before{ content:""; position: absolute; left:0; top:13px; width:4px; height:4px; border-radius:50%; background-color:#0064D4; overflow:hidden;}

ul.newi li a{width:100%;float:left; display:block;	height:30px; line-height:30px; overflow:hidden; text-indent:10px;}

ul.newi li a span{	float:right; color:#999;	font: normal 12px/28px Arial,"宋体";}

ul.newi li a:hover span{	color:#0064D4;}

ul.newi li a:hover{	}







.company{ float:left; width:633px; margin-right:17px; height: 361px;

background-repeat:no-repeat; background-position:center center;background-size:cover; background-image:url(../images/img_about.jpg);}



.companyR{ float:left; width:550px; color:#787878; line-height:28px;}

.companyR dl{ float:left; width:100%; margin-bottom:22px;}

.companyR dl dt{ float:left; font-size:38px; font-weight:bold; color:#153060; }

.companyR dl dd{ float:left; margin:0 20px 0 5px; font-size:16px; padding-top:5px; color:#039;}

a.pbtn{ display:block; float:left; margin-right:35px; margin-top:35px;text-align:center;

	    color: #999; background-color:#FFF;

	    width: 150px; overflow:hidden;

    height: 40px;

    line-height: 40px;

	-moz-border-radius: 30px 30px 30px 30px;

    -webkit-border-radius: 30px 30px 30px 30px;

    border-radius: 30px 30px 30px 30px;

	    -moz-box-shadow: rgba(102,102,102,0.6) 0px 1px 4px 0px;

    -webkit-box-shadow: rgba(102,102,102,0.6) 0px 1px 4px 0px;

    box-shadow: rgba(102,102,102,0.6) 0px 1px 4px 0px;

}

a.pbtn:hover{color: #FFF; background-color: #69F;

}

/*---------- location---------------*/

.location_wrap	{ width:100%; min-height:25px;background:url(../ico/bg_body_btm.png) left bottom repeat-x;}

.page_nav	{ width:1200px; margin:0 auto; border-top:#e9e9e9 1px solid;  padding:10px 0 20px 0;}

.page_nav li:first-child img	{vertical-align:top;}

.page_nav li{ float:left; padding-right:15px; font-size:14px; line-height:25px;height:25px;}









#page {width:100%; float:left; text-align:center;}





/*---------------------------------//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: normal 13px/25px "微软雅黑",Arial, Helvetica, sans-serif,"宋体";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:#007E25;padding:10px 0;}

#foot{width:1200px; margin:0 auto;   padding:15px 0; position:relative; color:#FFF; font: normal 12px/24px Arial,"宋体";  }

#foot p{ display:block; float:left;}

#foot p.pic{ padding:28px 15px 0 0;}

#foot a{color:#FFF;}

#foot a:hover{ text-decoration: underline;}

#foot p.piclogo{float:right; padding:20px 0 0 0;}

#foot p span{ padding:0 5px; display:inline;}



.bottom_pages{

    width:100%;

    float:left;

}

.pages_center{

    margin: 0px auto;

    text-align:center;

}

.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background: #007e25;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background: #007e25;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

@media screen and (max-width:800px){
    .kefu{
        display: none;
    }
}