﻿/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px 0 5px 0;;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:16px;}
h6 { font-size:10px;}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

/*页眉*/
.header{width:100%; overflow:hidden; background:url(images/header_top.png) no-repeat center top;}

.headerTop { overflow:hidden; height:145px;}
.headerTop h1{ float:left; margin-top:40px;}
.headerTop .wen{ float:left; margin-left:0px; margin-top:60px; padding-left:20px; border-left:1px dotted #ccc;}
.headerTop h2{ font-size:24px; color:#1058ac;}
.headerTop .wen p{ font-size:16px; color:#343434;}
.headerTop .headr{ float:right; overflow:hidden;}
.headerTop .htop{ overflow:hidden; margin-top: 13px;margin-left: 10px;}
.headerTop .htop li{ float:left; font-size:12px; padding:0 10px; border-right:1px dotted #6b6b6b;}
.headerTop .htop a{ color:#6b6b6b;}
.headerTop .htop .last{ padding-right:0; border:none}
.headerTop .phone{     padding-top: 40px; padding-right:60px; text-align:right; background:url(images/phone.png) no-repeat right 40px;}
.headerTop .phone p{ font-size:14px; color:#343434;}
.headerTop .phone h3{ font-weight:normal; font-family:Arial; font-size:25px; color:#1058ac;}

.headerNav { overflow:hidden; width:100%; height:53px; background-color:#1058ac;}
.headerNav li{ float:left; line-height:53px; font-size:14px; background:url(images/nav_bor.png) right top repeat-y}
.headerNav li a{ color:#fff; text-decoration:none;  display:block; padding:0 46px;}
.headerNav li.last{ background:none}
.headerNav li.cur,.headerNav li:hover{ background:url(images/nav_cur.png) repeat-x center;}


.headerTop .en-zh{ position:absolute;     right: 220px; width:203px; height:32px;  text-align:center;}
.headerTop .en-zh li{ margin-right:10px; display:inline-block; margin-top:10px;}
.headerTop .en-zh li{*display:inline}
.headerTop .en-zh li img{ display:block; float:left;}
.headerTop .en-zh li a{ color:#333; margin-left:10px;     font-size: 13px;}
.headerTop .en-zh li:hover a{ color:#333;}


/*footer*/
.footer { overflow:hidden; width:100%; background-color:#3e3e3e;}
.footer .f_nav { overflow:hidden; height:60px; background:url(images/f_nav_bg.png) no-repeat center bottom; margin-bottom:24px;}
.footer .f_nav li{ float:left; font-size:14px; line-height:60px; background:url(images/f_nav_bor.png) right center no-repeat; padding:0 46px;}
.footer .f_nav li a{ color:#fff;}
.footer .f_nav .last{ background:none}
.footer .link{ overflow:hidden; margin-bottom:15px;}
.footer .link h3{ float:left; font-size:14px; background:url(images/link.png) no-repeat left center; padding-left:20px; margin-left:10px;}
.footer .link h3 a{ color:#0ba43a;}
.footer .link ul{ overflow:hidden; float:left; margin-left:30px;}
.footer .link li{ float:left; margin:0 10px; font-size:13px;}
.footer .link li a{ color:#a2a2a2;}
.footer .f_btm{ overflow:hidden; margin-bottom:35px;}
.footer dl{ overflow:hidden; float:left; width:900px;}
.footer dt{ overflow:hidden; float:left; margin-top:35px;}
.footer dd{ overflow:hidden; float:left; margin-left:35px; padding-left:40px; border-left:1px solid #545353; height:150px; padding-top:30px; width:600px;}
.footer dd p{ font-size:12px; color:#fff; line-height:28px;}
.footer dd em{ margin:0 10px;}
.footer .phone{ overflow:hidden; background:url(images/phone.png) left center no-repeat; padding-left:45px; margin-top:20px;}
.footer .phone span{ display:block; font-size:12px; color:#fff;}
.footer .phone h4{ font-weight:normal; font-size:24px; color:#fff;}
.footer .ewm{ overflow:hidden; float:right; margin-top:50px; text-align:right;}
.footer .ewm img{ display:block; float:right}
.footer .ewm .ewen{ float:left; float:right; margin-right:20px;}
.footer .ewm P{ font-size:16px; color:#b5b5b5;}
.footer .ewm b{ display:block; font-size:19px; color:#b0b0b0; font-family:Arial; margin:8px 0;}
.footer .ewm span{ display:block; font-size:16px; color:#1058ac; font-weight:bold;}


#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 52px;
	width: 52px;
}
#roll_top
{
	background: url(images/top.jpg) no-repeat;
}
#fall
{
	background: url(images/top.jpg) no-repeat 0 -80px;
}
#ct
{
	background: url(images/top.jpg) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -515px;
	position: fixed;
	right: 42%;
	top: 50%;
	_margin-right: -525px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
	z-index:1000;
}


/* CSS Document */

/*banner*/
.banner{ overflow:hidden; width:100%; height:530px; background:url(images/banner.jpg) no-repeat center top; position:relative}
.banner .btn{ overflow:hidden; width:147px; height:23px; position:absolute; z-index:1000; left:50%; bottom:30px; margin-left:-73px;}
.banner .btn span{ display:block; width:23px; height:23px; background:url(images/banner_btn01.png) no-repeat center; float:left; margin:0 13px; cursor:pointer;}
.banner .btn span.cur{ background:url(images/banner_btn02.png) no-repeat center;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:9999; bottom:15px; left:50%; margin-left:-55px; padding:0px 6px; border:none;}
#flashs .btn span{ color:#fff;text-indent: -99999em;  background:url(images/banner_btn01.png) no-repeat center;  cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:url(images/banner_btn02.png) no-repeat center;text-indent: -99999em;}

/*search*/
.search{ overflow:hidden; width:100%; height:60px; background:url(images/bg01.jpg) repeat center;}
.search .scenter{ overflow:hidden; height:60px; background:url(images/search_bg.jpg) no-repeat center;}
.search p{ margin-left:20px; float:left; line-height:60px; font-size:13px; color:#666;}
.search a{ color:#666; margin:0 5px;}
.search .sBox{ overflow:hidden; float:right; margin-right:10px; margin-top:13px; width:316px; height:35px; background:url(images/search_box.png) no-repeat center top;}
.search input{ width:250px; height:35px; border:none; background:none; outline:none; line-height:35px; font-size:13px; color:#999; margin-left:12px;}
.search span{ display:block; width:44px; height:35px; cursor:pointer; float:right}

/*pro*/
.pro { width:100%; padding-top:30px; padding-bottom:50px; position:relative}
.pro .proContent{ overflow:hidden; position:relative; z-index:2}
.pro .proBg{ display:block; position:absolute; left:50%; bottom:-44px; margin-left:437px; z-index:1}

.proLeft { overflow:hidden; width:236px;height: 650px; background-color:#fff; border:2px solid #1058ac; float:left;}
.proLeft h3{ width:100%; height:116px; background:url(images/pro_left_t.png) no-repeat center; line-height:116px; text-align:center; font-size:30px; margin-bottom:20px;}
.proLeft h3 a{ color:#fff;}
.proLeft dl{ overflow:hidden; padding-left:20px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.proLeft dt{ font-size:16px; font-weight:bold;}
.proLeft dt a{ color:#353535;}
.proLeft dt a:hover,.proLeft dt a.cur{ color:#1058ac;}
.proLeft dd{ overflow:hidden; width:191px; margin-bottom:5px;}
.proLeft dd a{ display:block; font-size:16px; color:#353535; line-height:33px; padding-left:20px; background:url(images/pro_left_y01.png) no-repeat 0px center; text-decoration:none;}
.proLeft dd a:hover{ color:#fff; background:url(images/pro_left_y02.png) no-repeat left center;}
.proLeft .last{ border:none;}

.proRight { overflow:hidden; width:936px; float:right}
.proRight .protop{ padding-bottom:15px; background:url(images/pro_right_top.png) no-repeat left bottom;}
.proRight h3{ font-size:16px; background:url(images/pro_right_h.png) no-repeat left center; padding-left:30px; line-height:25px;}
.proRight h3 a{ color:#353535;}
.proRight ul{ overflow:hidden; width:936px;}
.proRight li{ float:left; width:219px; height:292px; background-color:#fff; margin-right:15px; margin-top:20px;}
.proRight li img{ display:block; margin:0 auto; margin-top:0;}
.proRight li a{ display:block; text-decoration:none}
.proRight li span{ display:block; width:219px; height:50px; margin-top:10px; border:1px solid #efefef; text-align:center; line-height:50px; font-size:13px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proRight li:hover span{ color:#fff; background-color:#ff9900;}

/*技术服务*/
.jishu { overflow:hidden; width:100%; padding:40px 0 50px 0; background-color:#e9e9e9;}
.jishu em{ display:block; text-align:center; font-size:18px; color:#3d3d3d; margin-bottom:5px;}
.jishu .jst{ display:block; margin:0 auto; margin-bottom:35px;}
.jishu .menu{ overflow:hidden; width:999px; margin:0 auto; padding-bottom:4px; margin-bottom:30px;}
.jishu .menu li{ position:relative; float:left; width:332px; height:80px; margin-right:1px; background:url(images/js_menu_bg.png) repeat-y center;}
.jishu .menu li i{ display:block; float:left; width:40px; height:40px; margin-top:20px; margin-left:40px;}
.jishu .menu li a{ display:block; line-height:80px; float:left; margin-left:10px; font-size:17px; color:#1e1e1e;}
.jishu .menu li img{ display:none; position:absolute; left:50%; margin-left:-3px; bottom:-4px;}
.jishu .menu li .i01{ background:url(images/js_icon01.png) no-repeat center top;}
.jishu .menu li .i02{ background:url(images/js_icon02.png) no-repeat center top;}
.jishu .menu li .i03{ background:url(images/js_icon03.png) no-repeat center top;}
.jishu .menu li.cur a{ font-weight:bold; color:#fff;}
.jishu .menu li.cur img{ display:block;}
.jishu .menu li.cur i{ background-position:bottom;}
.jishu .menu li.cur{ background:url(images/js_menu_cur.jpg) repeat-x left center;}
.jishu .jsBox { overflow:hidden; width:100%; height:290px;}
.jishu .jsBox .jsList{ overflow:hidden; width:100%; height:290px;}
.jishu .jsList .jsleft{ overflow:hidden; float:left; width:560px; height:410px; background-color:#fff;}
.jishu .jsleft img{ display:block; margin:0 auto; margin-top:8px; margin-bottom:15px;}
.jishu .jsleft h4{ font-size:16px; margin-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.jishu .jsleft h4 a{ color:#008a3d;}
.jishu .jsleft p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow:hidden; width:520px; margin:0 auto; margin-bottom:15px; text-align:justify}
.jishu .jsleft .more{ display:block; width:100px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:13px; background-color:#ff9900; margin-left:20px;}
.jishu .jsright{ overflow:hidden; width:1000px; float:right;}
.jishu .jsright li{ float:left; width:236px; margin-right:18px; height:280px;}
.jishu .jsright li img{ display:block; border:8px solid #fff; margin-bottom:10px;}
.jishu .jsright li a{ display:block; text-decoration:none}
.jishu .jsright li span{ display:block; text-align:center; font-size:14px; color:#535353;}
.jishu .jsright .nomrfff{margin-right:0px;}

/*留言*/
.liuyan { overflow:hidden; width:100%; height:377px; background:url(images/liuyan_bg.jpg) no-repeat center top;}
.liuyan p{ font-size:14px; margin-bottom:5px; color:#fff;}
.liuyan h3{ font-weight:normal; font-size:30px; color:#fff; font-family:Arial}
.liuyan .phone{ overflow:hidden; background:url(images/liuyan_phone.png) no-repeat left center; padding-left:55px; float:left; margin-left:170px; margin-top:250px;}
.liuyan input{ padding-left:50px; height:39px; line-height:39px; font-size:12px; color:#575757; width:256px; padding-right:10px; background:url(images/liuyan_input.png) left center no-repeat; border:none; outline:none; margin-bottom:2px;*float:left;}
.liuyan textarea{ padding:10px 10px 10px 50px; width:256px; height:89px;font-size:12px; color:#575757; background:url(images/liuyan_text.png) no-repeat left center; border:none; outline:none; resize:none;*float:left;}
.liuyan dl{ overflow:hidden; float:right; margin-top:50px; width:370px;}
.liuyan dt{ overflow:hidden; float:left; width:318px;}
.liuyan dd{ overflow:hidden; cursor:pointer; width:51px; height:148px; background:url(images/liuyan_tujiao.png) no-repeat center; float:right}

/*优势*/
.youshi { overflow:hidden; width:100%;}
.youshi h4{ font-size:26px; color:#1058ac;}
.youshi h5{ font-weight:normal; margin-bottom:50px; font-size:18px; color:#202020;}
.youshi p{ font-size:15px; line-height:18px; color:#3e3e3e; background:url(images/youshi_p.png) left 5px no-repeat; padding-left:15px; margin-bottom:10px;}
.youshi em{ display:block; font-size:14px; color:#343434;}
.youshi h6{ font-size:24px; font-weight:normal; color:#2aaa4c; font-family:Arial}
.youshi .phone{ background:url(images/phone1.png) no-repeat left center; padding-left:50px; margin-top:30px;}
.youshi>div{ overflow:hidden; width:100%;}
.youshi .yst { height:233px; background:url(images/youshi_01.jpg) no-repeat center;}
.youshi .ys01{ height:370px; background:url(images/youshi_02.jpg) no-repeat center;}
.youshi .ys02{ height:370px; background:url(images/youshi_03.jpg) no-repeat center;}
.youshi .ys03{ height:369px; background:url(images/youshi_04.jpg) no-repeat center;}
.youshi .ys04{ height:370px; background:url(images/youshi_05.jpg) no-repeat center;}
.youshi .ys01 .wen{ margin-left:100px; margin-top:20px;}
.youshi .ys02 .wen{ margin-left:620px; margin-top:20px;}
.youshi .ys03 .wen{ margin-left:100px; margin-top:40px;}
.youshi .ys04 .wen{ margin-left:620px; margin-top:40px;}
.youshi a{ margin-left:246px; margin-top:-80px; display:block}

/*about*/
.about{ overflow:hidden; width:100%; height:491px; background:url(images/about_bg.jpg) no-repeat center top;}
.about .aboutBox{ overflow:hidden; height:366px; background-color:#fff; margin-top:60px; margin-bottom:40px;}
.about h3{ font-size:22px; margin-top:20px; margin-bottom:20px;}
.about h3 a{ color:#333;}
.about h3 span{ margin-left:10px; font-weight:normal; font-size:14px; color:#d9d9d9; font-family:Arial;}
.about .aboutLeft{ overflow:hidden; width:1150px; float:left; margin-left:20px; margin-top: 20px;}
.about .aboutLeft dl{ overflow:hidden; width:100%;}
.about .aboutLeft dt{ overflow:hidden; width:283px; height:214px; float:left; border:5px solid #efefef;}
.about .aboutLeft dd{ overflow:hidden; float:right; width:830px;}
.about .aboutLeft h4{ font-size:16px; margin-bottom:20px;}
.about .aboutLeft h4 a{ color:#70c20a;}
.about .aboutLeft p{ font-size:13px; color:#333; line-height:24px;  overflow:hidden; margin-bottom:15px; text-align:justify}
.about .aboutLeft .btn{ overflow:hidden; border:none;}
.about .aboutLeft .btn a{ display:block; float:left; margin-right:5px;}
.about .aboutRight{ overflow:hidden; width:270px; float:right; margin-right:20px;}
.about .aboutRight h3{ margin-left:20px;}
.about .ryBox{ overflow:hidden; width:100%; height:290px; position:relative;}
.about .ryBox span{ display:block; width:31px; height:31px; position:absolute; cursor:pointer; top:111px;}
.about .ryBox .btn01{ left:0; background:url(images/about_ry_btn.png) no-repeat center top;}
.about .ryBox .btn02{ right:0; background:url(images/about_ry_btn.png) no-repeat center bottom;}
.about .ryWin{ overflow:hidden; width:177px; height:290px; position:relative; margin:0 auto;}
.about .ryWin ul{ overflow:hidden; position:absolute;}
.about .ryWin li{ float:left; width:177px; height:290px;}
.about .ryWin li img{ display:block; margin-bottom:10px;}
.about .ryWin li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#333;}
.about .chejian { overflow:hidden; width:1074px; margin:0 auto; position:relative; height:200px;}
.about .chejian span{ display:block; width:37px; height:37px; cursor:pointer; position:absolute; top:60px;}
.about .chejian .btn01{ left:0; background:url(images/about_cj_btn01.png) no-repeat center top;}
.about .chejian .btn02{ right:0; background:url(images/about_cj_btn02.png) no-repeat center top;}
.about .chejian span:hover{ background-position:bottom}
.about .chejian .cjBox{ overflow:hidden; width:1000px; height:200px; position:relative; margin:0 auto}
.about .chejian .cjBox ul{ position:absolute; overflow:hidden;}
.about .chejian .cjBox li{ float:left; width:230px; height:200px; margin-right:26px;}
.about .chejian .cjBox li img{ display:block; margin:0 auto; border:11px solid #fff; margin-bottom:15px;}
.about .chejian .cjBox li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#fff;}

/*news*/
.news { overflow:hidden; margin-top:40px; margin-bottom:50px;}
.newsLeft{ overflow:hidden; float:left; width:826px; height:417px; border:1px solid #e7e7e7;}
.newsRight{ overflow:hidden; float:right; width:350px; height:417px; border:1px solid #e7e7e7;}

.newsLeft .menu{ overflow:hidden; width:100%; height:60px; background:url(images/news_menu_bg.jpg) repeat-x left top; margin-bottom:20px;}
.newsLeft .menu li{ float:left; width:208px; height:60px; text-align:center; line-height:60px; font-size:16px; font-weight:bold; border-right:1px solid #e7e7e7; background:url(images/news_menu_bor.png) no-repeat right bottom}
.newsLeft .menu li a{ color:#333}
.newsLeft .menu li.last{ border:none}
.newsLeft .menu li.cur{ background:#1058ac}
.newsLeft .menu li.cur a{ color:#fff;}
.newsLeft .newsBox{ overflow:hidden; width:800px; margin:0 auto; height:320px; position:relative}
.newsLeft .newsList{ overflow:hidden; width:800px; margin:0 auto; height:320px;}
.newsLeft .newsList dl{ overflow:hidden; width:100%; margin-bottom:25px;}
.newsLeft .newsList dt{ overflow:hidden; float:left;}
.newsLeft .newsList dd{ overflow:hidden; width:550px; float:right}
.newsLeft .newsList dd h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.newsLeft .newsList dd h4 a{ color:#000}
.newsLeft .newsList dd p{ font-size:14px; line-height:22px; color:#555; height:88px; text-align:justify; overflow:hidden}
.newsLeft .list{ overflow:hidden; width:100%;}
.newsLeft .list li{ overflow:hidden; font-size:14px; line-height:24px;}
.newsLeft .list li a{ color:#333; display:block; width:450px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.newsLeft .list li em{ float:left; margin-right:10px;}
.newsLeft .list li span{ float:right; color:#666;}

.newsRight h3{ width:330px; height:60px; background:url(images/news_menu_bg.jpg) repeat-x left top; line-height:60px; padding-left:20px; margin-bottom:20px;}
.newsRight h3 a{ color:#333;}
.newsRight h3 img{ margin-right:10px;}
.newsRight .QAbox{ overflow:hidden; width:325px; margin:0 auto; height:320px; position:relative}
.newsRight .QAlist{ overflow:hidden; width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.newsRight .QAlist h5{ font-size:13px; background:url(images/news_Q.png) left center no-repeat; padding-left:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:22px;}
.newsRight .QAlist h5 a{ color:#333;}
.newsRight .QAlist p{ background:url(images/news_A.png) no-repeat left top; padding-left:35px; font-size:12px; color:#666; line-height:17px; text-align:justify}

.titles{
  text-align: center;
}
.titles h1{
  color: #333333;
  font-size: 30px;
}
.titles h1 span{
  color: #23ac37;
}
.titles h2{
  color: #999999;
  font-size:18px;
  font-weight: normal;
  text-transform: uppercase;
}
.titles h3{
  background: url(images/ttline.png) no-repeat center;
  margin-top: 4px;
}
.titles h3 div{
  font-size: 16px;
  color: #ffffff;
  width: 205px;
  height: 36px;
  background: #23ac37;
  margin: 0 auto;
  line-height: 36px;
  border-radius: 12px;
}
/*优势*/
.advantages{
  width: 1919px;
  height: 594px;
  background: url(images/bg1.jpg) no-repeat center;
  position: relative;
  left: 50%;
  margin-left: -960px;
  box-sizing: border-box;
  padding-top: 102px;
}
/*五大优势*/
.fiveadc{
    width: 1200px;
    margin: 0 auto;
    margin-top: 56px;
}
.fiveadc li{
    width: 238px;
    height: 196px;
    float: left;
    background: rgba(255,255,255,0.9);
    margin-left: 2px;
}
.fiveadc li:nth-child(1){
  margin-left:0
}
.fiveadc li a.img{
    width: 88px;
    height: 88px;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 18px;
}
.fiveadc li a.img div{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 88px;
    text-align: center;
}
.fiveadc li a.img img{
  max-width: 100%;
}
.fiveadc li a.img .img1{
  opacity: 1;
  transition: all 0.4s;
  }
.fiveadc li a.img .img2{
    opacity: 0;
    transition: all 0.4s;
}
.fiveadc li h3{
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    position:relative
}
.fiveadc li h3 a{
  display:block
}
.fiveadc li h3:before {
  content:'';
  width:29px;
  height:2px;
  background:#666;
  position:absolute;
  left:50%;
  margin-left: -15px;
  bottom: -12px;
}
.fiveadc li:hover a.img .img1{
  opacity: 0;
  transition: all 0.4s;
  }
.fiveadc li:hover a.img .img2{
    opacity: 1;
    transition: all 0.4s;
}
.fiveadc li:hover h3:before{
  background:#23ac37;
  transition: all 0.4s;
}
.fiveadc li:hover h3 a{
    color:#23ac37;
    transition: all 0.4s;
}

.ys_bg1 { background:url(images/ys_bg1.jpg) center top no-repeat;}
.ys_bg2 { background:url(images/ys_bg2.jpg) center 1032px no-repeat; height:1721px;}
.ys { width:1200px; margin:0 auto; padding-top:64px;}
.y_tit { text-align:center; margin-bottom:83px;}
.y_tit em { display:block; color:#aaa; font-size:12px; font-weight:normal; text-transform:uppercase; margin-top:12px;}
.y_tit span { color:#222; font-size:20px; font-weight:normal; display:block; margin-top:10px;}
.ys_part { overflow:hidden; zoom:1; position:relative; height:1440px;}
.ys_part dt { color:#1058ac; font-size:28px; font-weight:bold; line-height:32px; margin-bottom:18px;}
.ys_part dt span{ color:#333333; font-size:20px; font-weight:bold; line-height:32px; margin-bottom:18px;}
.ys_part dd { margin-left:35px; line-height:26px; color:#555; font-size:14px; margin-bottom:12px; background:url(images/ys_li.gif) left 6px no-repeat; padding-left:20px;}
.ys_part dd em { color:#ff6600; font-weight:bold;}
.ys_part dl { position:absolute;}
.ys_part .y_dl1 {width:600px; left:0px; top:50px;}
.ys_part .y_dl2 {width:600px; right:1px; top:450px;}
.ys_part .y_dl3 {width:540px; left:0px; top:826px;}
.ys_part .y_dl4 {width:600px; right:20px; top:1166px;}
.y_dl1 dt { margin-left:5px; background:url(images/one.png) left center no-repeat; padding-left:42px;}
.y_dl2 dt {background:url(images/two.png) left center no-repeat; padding-left:56px;}
.y_dl3 dt { background:url(images/three.png) left center no-repeat; padding-left:49px; height:67px;}
.y_dl4 dt { background:url(images/four.png) left center no-repeat; padding-left:58px;}


.links {
    margin-top: 0;
    padding-bottom: 25px;
}

.links span {
    font: 600 14px/23px "Microsoft YaHei";
}

.links a {
    font: 500 14px/23px "Microsoft YaHei";
}

.links a:hover {

}
