@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: #ff5e00;}
a:active {text-decoration: none;	color: #666;}


/* 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: #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:200px; margin:0 5px 5px 0; float:left;
    line-height: 32px;height: 32px;
    border: 1px solid #d9d9d9;
    color: #808080;
    background: #f8f8f8;
	 }
.inputent{ width:417px; height:95px;}
.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-----------------------------------*/
#topmain{ width:100%;min-width:1200px; height:80px; background-color:#2F4D93;}
#top{ width:1200px; margin:0 auto; color:#FFF; position:relative;}
#top h2{letter-spacing: 3.5px; padding-top:15px; font: bold 22px/30px "微软雅黑","宋体";   }
#top h3{ font: normal 12px/14px "Arial","宋体";  }
.teline{ position: absolute; right:0; top:20px; font: normal 24px/34px "微软雅黑","Arial","宋体"; text-indent:30px; background:url(../images/yuyue_tel2.png) left center no-repeat;}


.tille_div {width: 100%; float:left;}
.txtP { text-align:center;
    padding-top: 24px;
    font-size: 28px;
    color: #067bc6;
    line-height: normal;
}
.txtENG {text-align:center;font-size: 16px;
    color: #666; padding-top: 4px; 
}
.line-blue {
    margin: 12px auto 0px;
    width: 100px; height:0;
    border-bottom: 4px solid #00a1e7;
}
.line-blueqq {
    margin: 10px auto 25px;
    width: 60px; height:0;
    border-bottom: 2px solid #00a1e7;
}
.line-gray {
    margin: 0 auto 5px;
    width: 600px;height:0;
    border-bottom: 1px solid #e3e3e3;
}
.txt {
    padding: 0 16px;
    margin-top: 18px;
    line-height: 28px;
    font-size: 16px;
    color: #5a5a5a;
}

ul.ul-about{width:100%;	float:left; }
ul.ul-about li{ display:block; float:left; width:25%; margin:1% 4%; text-align:center; }
/*ul.ul-about li.li1{ background:url(../images/about01.png) center top no-repeat;}
ul.ul-about li.li2{ background:url(../images/about02.png) center top no-repeat;}
ul.ul-about li.li3{ background:url(../images/about03.png) center top no-repeat;}*/
ul.ul-about li i{ display:block; margin:0 auto; }
ul.ul-about li em{ display:block; margin:15px auto;  width:50px; height:2px; overflow:hidden; background-color:#999;}


/*---------------------------------//body-----------------------------------*/
#bodyMain{width:100%; clear:both; padding:15px 0;}
#bodyColor{width:100%; min-width:1200px; background: url(../images/bg_m2.jpg) center center no-repeat #F7F7F7;background-size:cover;margin:0; padding:20px 0; }
#body{ width:1200px; margin:0 auto;clear:both;  }
#content,.content{ width:1200px; float:left; clear:both;  }

.aboutimg{ width:450px; float:left; margin-left:50px; position:relative;}
.aboutimg h2{  position: absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0); font: bold 20px/50px "微软雅黑","宋体"; color:#FFF; text-indent:15px;}
.aboutxt{ width:700px; float:left; line-height:26px; padding-top:30px;}

		/* 本例子css */
		.certScroll{ width:1200px;  overflow:hidden; position:relative;    }
		.certScroll .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.certScroll .bd{   }
		.certScroll .bd ul{ overflow:hidden; zoom:1; }
		.certScroll .bd ul li{ margin:0 10px; float:left; _display:inline;width:150px;  overflow:hidden; text-align:center;  }
		.certScroll .bd ul li .pic{ text-align:center; }
		.certScroll .bd ul li .pic img{ width:146px; height:; display:block;  padding:1px; border:1px solid #ccc; }
		.certScroll .bd ul li .pic a:hover img{ border-color:#999;  }
		.certScroll .bd ul li .title{ line-height:24px; width:100%;   }
		
		/* 本例子css */
		.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
		
		.picScroll-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li { text-align:center; }
		.picScroll-left .bd ul li p.datu{ width:188px; height:188px; overflow:hidden;  display:block;  padding:1px; border:1px solid #ccc; }
		.picScroll-left .bd ul li img{ width:188px;height:188px;  }
		.picScroll-left .bd ul li h2{ width:100%; font: normal 14px/30px "微软雅黑","宋体";   }
		
		
/*---------------------------------//footer-----------------------------------*/


#footermain{width:100%; min-width:1200px; background-color:#2F4D93;padding:35px 0; color:#FFF; }
#footermain #footer	{width:1200px; margin:0 auto;  }
#divban	{ width:600px; float:left; position:relative; line-height:26px; }
#divban	h3{ width:100%;padding-bottom:10px;}
#divban	p{ width:100%; float:left;}
#divban	span{ font-size:26px; color:#FFCC00; font-family:Arial, Helvetica, sans-serif;}
#wxtu	{ position: absolute; right:150px; top:50px; }





#footbtm{width:100%; min-width:1200px; background-color:#243164; color:#FFF;font: normal 12px/24px Arial,"宋体"; }
#foot{width:1200px; margin:0 auto;   padding:15px 0; position:relative; }
#foot span{  float:right;}
#foot a{color:#FFF;}
#foot a:hover{color:#FFF;}

