@charset "utf-8";

/*bannerBox*/

.bannerBox {

	width: 100%;

	position:relative;

}

.banner {

	height: 450px;

}

.b_box {

	width: 100%;

	height: 450px;

}

.flexslider {

	position: relative;

	height: 450px;

	overflow: hidden;

	background: url(../images/loading.gif) 50% no-repeat;

}

.slides {

	position: relative;

	z-index: 1;

}

.slides li {

	height: 450px;

}

.slides li a{ width:100%; height:450px; display:block;}

.flex-control-nav {

	position: absolute;

	bottom: 20px;

	z-index: 999;

	width: 100%;

	text-align: center;

}

.flex-control-nav li {

	display: inline-block;

	width: 16px;

	height: 16px;

	margin: 0 10px;

*display:inline;

	zoom: 1;

}

.flex-control-nav a {

	display: inline-block;

	width: 16px;

	height: 16px;

	line-height: 50px;

	overflow: hidden;

	background:url(../images/dot_03.png) right 0 no-repeat;

	cursor: pointer;

}

.flex-control-nav .flex-active {

	background-position: 0 0;

}

.flex-direction-nav {

	position: absolute;

	z-index: 3;

	width: 100%;

	top: 45%;

}

.flex-direction-nav li a {

	display: block;

	width: 50px;

	height: 50px;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

}

.slides .firstLi {

	position: relative;

}

.slides .firstLi p {

	font-size: 32px;

	font-weight: bold;

	width: 1050px;

	text-shadow: 2px 2px 2px #ffd02b;

	position: absolute;

	top: 290px;

	right: 20%;

	color: #000;

}

.slides .firstLi a {

	color: #000;

}

/*bannerBox end*/



/*caseBox*/

.caseBox{ width:100%;}

.case{ width:1180px; height:270px; margin:0 auto; overflow:hidden;}

.case_fl{ width:360px; height:270px; background:url(../images/case_h3_bg_03.png) no-repeat left; float:left;}

.case_fl .search { width:340px; margin-bottom:34px; border-bottom:1px #cccccc solid; padding-bottom:27px;} 

.case_fl .search p{ width:300px; margin:20px auto; text-align:center; font-size:14px; color:#323232; line-height:24px;}

.case_fl .search p a{ color:#323232; }

.case_fl .search .sear{ width:250px; height:30px; overflow:hidden; margin:0 auto;}

.case_fl .search .sear input{ width:198px; height:26px; border:1px solid #187eb2; display:block; float:left; font-size:14px; color:#323232; line-height:26px; text-indent:10px;}

.case_fl .search .sear button{ width:45px; height:30px; background:#187eb2; color:#fff; font-size:14px; text-align:center; line-height:30px; display:block; border:none; float:left; cursor:pointer;}

.case_fl h3{ text-align:center; font-size:24px; line-height:36px;}

.case_fl h3 a{ color:#187eb2;}

.case_fl h3 span{ font-size:24px; color:#9a9a9a; font-family:Arial,Gotham, "Helvetica Neue", Helvetica,  sans-serif;}







.case_fr{ width:820px; float:right; padding-top:40px;}

.gd_01{ position:relative; height:230px; width:793px;}

.gd_01 em{

	position: absolute;

	top: 78px;

}

.gd_01 .t_l{ left:0px;}

.gd_01 .t_r{ right:0px;}

.gd_01 #simgs{ margin: 0 36px;}

.gd_01 li{ float:left; width:210px; padding: 0 16px 0 0; text-align:center;}

.gd_01 li.last{ padding-right:0;}

.gd_01 li img{ display:block; width:179px; height:137px; margin-bottom:5px; border:5px solid #e6e6e6;}

.gd_01 li a{ color:#000000;}

.gd_01 li .lastA{ width:240px; height:30px; line-height:30px; font-size:16px;}

.gd_01 li:hover img{ border:5px solid #187eb2;}

.gd_01 .fl { float:left;}

.gd_01 .fr { float:right;}

.gd_01 .pa{ position:absolute;}

.gd_01 .pr{ position:relative}

/*caseBox end*/

/*principlesBox*/

.principlesBox{ width:100%; margin-bottom:40px;}

.principlesBox h3{ width:1180px; margin:55px auto; text-align:center; line-height:21px; font-size:24px; color:#187eb2; font-weight:normal; }

.principlesBox h3 span{ color:#b2b2b2; font-size:14px; font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}

.principles{ width:1180px; margin:0 auto; overflow:hidden;}

.principles li{ width:270px; height:285px; float:left; margin-left:33px; background:#f2f2f2;}

.principles li:first-child{ margin-left:0;}

.principles li dl dt{ font-size:24px; color:#323232; text-align:center; margin:27px auto 12px;}

.principles li dl img{ width:162px; height:110px; display:block; margin:0 auto 10px;}

.principles li dl dd{ font-size:16px; color:#4c4c4c; text-align:center; line-height:30px;}

.principles li:hover{ background:#187eb2;}

.principles li:hover dt{ color:#fff;}

.principles li:hover dd{ color:#fff;}

.principles .ly{ background:#6ca204; position:relative;}

.principles .ly:hover{ background:#6ca204;}

.principles .ly .p1{ width:37px; height:650px; line-height:24px; font-size:16px; color:#4c4c4c; padding-top:55px;  position:absolute; top:95px; left:24px; color:#fff; background:url(../images/principle_icon_03.png) 0 0 no-repeat;}

.principles .ly img{ width:161px; height:161px; border:1px #2183b5 solid; position:absolute; top:51px; right:31px;}

.principles .ly .p2{ width:215px; position:absolute; left:24px; bottom:40px; font-size:21px; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;}

/*principlesBox end*/

/*productBox*/

.productBox{ width:100%; margin-top:35px;}

.product{ width:1180px; margin:0 auto 20px; overflow:hidden;}

.product_fl{ width:250px; float:left; background:url(../images/product_fl_bg_03.jpg) no-repeat 0 0;}

.product_fl p{ width:250px; height:50px; padding-top:14px;color:#ffffff; text-align:center; line-height:19px; font-size:20px; background:url(../images/product_fl_p_03.png) no-repeat 50px 14px; }

.product_fl p span{ font-size:14px;}

.product_fl ul{ width:250px; padding:20px 0; background:#187eb2;}

.product_fl ul li{ margin-left:50px; width:200px; height:30px; line-height:30px; color:#fff;}

.product_fl ul li a{  display:inline-block; margin:0 auto;font-size:14px; color:#fff; }

.product_fl ul p{ background:#319cd2; height:40px; line-height:40px; width:210px; margin:10px auto; font-size:16px; color:#fff; padding-top:0;}



.product_fr{ width:910px; float:right;}

.product_fr .product_fr_h3{ width:910px; height:56px; border-bottom:1px #e3e3e3 solid; overflow:hidden; margin-bottom:30px;}

.product_fr .product_fr_h3 h3{ width:153px; height:40px; line-height:17px; padding-left:40px; padding-top:12px; background:url(../images/product_h3_icon_03.png) no-repeat left; float:left; font-size:20px; font-weight:normal;}

.product_fr .product_fr_h3 h3 a{ color:#187eb2;}

.product_fr .product_fr_h3 h3 span{ font-size:12px; color:#686868;}

.product_fr .product_fr_h3 .more{ float:right; font-size:14px; line-height:70px;} 

.prod{ width:933px; overflow:hidden;}

.prod .cell{width:210px; float:left; margin-right:23px; margin-bottom:15px;}

.prod .cell img{ width:204px; height:154px; border:3px #f1f1f1 solid;  display:block; margin:0 auto 10px;}

.prod .cell p{ width:210px; height:24px; line-height:24px; overflow:hidden; text-align:center; font-size:16px; color:#333333;}

.prod .cell:hover img{ border:3px #187eb2 solid; }

.about{ width:910px; margin-top:20px;}

.about_fl{ width:340px; height:290px; float:left; position:relative; }

.about_fl h3{ width:140px; height:70px; padding-top:10px;  text-align:center; background:url(../images/about_h3_bg_03.png) no-repeat center; position:absolute; top:0; left:0; z-index:10;}

.about_fl h3 a{ font-size:20px; font-weight:none; text-align:center; line-height:26px; color:#fff; font-weight:normal;}

.about_fl h3 a span{ font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;}

.about_fl img{ width:338px; height:248px; border:1px #187eb2 solid; position:absolute; top:40px; left:0px;}

.about_fr{ width:540px; float:right; margin-top:40px;}

.about_fr p{ font-size:12px; color:#4c4c4c; line-height:24px;}

.about_fr p a{ color:#187eb2;}

/*productBox end*/

/*mid_bannerBox01*/

.mid_bannerBox01{ width:100%; height:220px; background:url(../images/mid_banner01_03.png) no-repeat 50% 0;}

.mid_banner01{ width:1180px; height:220px; position:relative; margin:0 auto;}

.mid_banner01 .ljzx{ width:310px; position:absolute; bottom:40px; right:65px;}

.mid_banner01 .ljzx p{line-height:30px; color:#fff; font-size:16px; background:url(../images/mid_banner01_icon_03.png) no-repeat left;}

.mid_banner01 .ljzx p span{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:24px; font-weight:normal; }

.mid_banner01 .ljzx a{width:310px; height:50px; background:url(../images/mid_banner01_bg_03.png) no-repeat center; color:#fff; font-size:24px; text-align:center; line-height:50px; display:block; margin:0 auto;  margin-top:15px; }

/*mid_bannerBox01 end*/



/*kaolvBox*/
.kaolvBox{ width:100%; margin-top:50px;}
.kaolv{ width:1180px;height:776px; margin:0 auto; background:url(../images/index_03.png) no-repeat 50% 0; position:relative;}
.kaolv dl{ position:absolute;}
.kaolv dl dt{ width:130px; font-size:18px; color:#187eb2; float:left; margin-top:6px;}
.kaolv dl dd{ width: 610px; float:left; font-size:16px; color:#333; margin-left:20px; line-height:30px;}
.kaolv .dl01{ left:408px; top:110px;}
.kaolv .dl02{ left:408px; top:245px;}
.kaolv .dl03{ left:408px; top:360px;}
.kaolv .dl04{ left:408px; top:505px;}
.kaolv .dl05{ left:408px; top:660px;}



/*kaolvBox end*/



/*bothBox*/

#tab_2{width:1180px; position:relative; margin:40px auto;}

#tab_2 .tab_menu{width:235px; float:left; position:absolute;z-index:1; height: 120px; top:55px;}

#tab_2 .tab_menu li{width:235px;height:60px;line-height:60px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 0 20px 0;overflow:hidden;background:#187eb2;}

#tab_2 .tab_menu li a{ font-size:24px; color:#fff;}

#tab_2 .tab_box_2{width:910px; padding-left:154px;height:265px; padding-top:15px;clear:both;top:0px;position:relative;float: right; background:#f8f8f8;}

#tab_2 .tab_menu .selected{background-color:#6ca204;cursor:pointer; height:60px;}

#tab_2 .hide{display:none;}

#tab_2 .tab_box_2 div{ width:910px; }

#tab_2 .tab_box_2 div .cell{ width:200px; float:left; margin-right:27px;}

#tab_2 .tab_box_2 div .cell img{ width:198px; height:168px; border:1px #f1f1f1 solid;}

#tab_2 .tab_box_2 div .cell:hover img{ width:198px; height:168px; border:1px #187eb2 solid;}

#tab_2 .tab_box_2 div .cell dl{ width:198px; height:78px; border:1px #f1f1f1 solid; border-top:none; margin-top:-1px;}

#tab_2 .tab_box_2 div .cell:hover dl{ width:198px; height:78px; border-top:0; border-left:1px #187eb2 solid;border-right:1px #187eb2 solid; border-bottom:1px #187eb2 solid;}

#tab_2 .tab_box_2 div .cell dl dt{ width:190px; height:24px; line-height:24px; overflow:hidden; margin:0 auto 5px; padding-top:5px;}

#tab_2 .tab_box_2 div .cell dl dt a{ color:#333333; font-size:16px;}

#tab_2 .tab_box_2 div .cell dl dd{ width:190px; height:40px; line-height:20px; color:#333; font-size:14px; overflow:hidden; margin:0 auto;}

#tab_2 .tab_box_2 div .cell:hover dl a{ color:#6ca204;}







.gd_02{ position:relative; height:200px; width:910px; float:right}

.gd_02 #simgs02{ margin:0 auto;}

.gd_02 li{ float:left; width:200px; margin-right:27px; text-align:center;}

.gd_02 li.last{ padding-right:0;}

.gd_02 li img{ display:block; width:198px; height:220px; border:1px solid #f1f1f1;}

.gd_02 li a{ color:#000000;}

.gd_02 li .lastA{ width:200px; height:30px; line-height:30px; text-align:center; font-size:16px; color:#333;}

.gd_02 .fl { float:left;}

.gd_02 .fr { float:right;}

.gd_02 .pa{ position:absolute;}

.gd_02 .pr{ position:relative}

.clear{ clear:both;}

/*bothBox end*/



/*mid_bannerBox02*/

.mid_bannerBox02{ width:100%; height:286px; background:url(../images/mid_banner02_02.png) no-repeat 50% 0;}

.mid_banner02{ width:1180px; height:286px; position:relative; margin:0 auto;}

.mid_banner02 .ljzx{ width:310px; position:absolute; bottom:130px; right:65px;}

.mid_banner02 .ljzx p{line-height:30px; color:#fff; font-size:16px; background:url(../images/mid_banner01_icon_03.png) no-repeat left;}

.mid_banner02 .ljzx p span{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size:24px; font-weight:normal; }

.mid_banner02 .ljzx a{width:310px; height:50px; background:url(../images/mid_banner01_bg_03.png) no-repeat center; color:#fff; font-size:24px; text-align:center; line-height:50px; display:block; margin:0 auto;  margin-top:15px; }

/*mid_bannerBox01 end*/







/*advantageBox*/

.advantageBox{ width:100%; margin-bottom:30px;}



.advantageBox h3{ width:1180px; margin:0px auto; height:121px; font-size:24px; font-weight:bold; color:#187eb2; text-align:center; line-height:32px;}

.advantageBox h3 span{ font-size:30px; color:#d8d8d8; font-weight:normal; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; text-transform:uppercase;}

.advantage{ width:1180px; height:851px; margin:0 auto; background:url(../images/advantage_bg_03.png) no-repeat center; position:relative;}

.advantage dl{ position:absolute;}
.advantage dl dt{ font-size:24px; color:#333; margin-bottom:60px;}
.advantage dl dd{ font-size:16px; color:#333; line-height:30px;}
.advantage .cell01{ left:64px; top:30px;}
.advantage .cell02{ left:666px; top:215px;}
.advantage .cell03{ left:64px; top:429px;}
.advantage .cell04{ left:666px; top:659px;}








.advantage p{ position: absolute; left:30px; bottom:20px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; color:#187eb2; font-size:30px;}



/*processBox*/

.processBox{ width:100%;}

.processBox h3{ text-align:center; font-size:24px; color:#187eb2; font-weight:normal; margin-bottom:20px;}

.process { width:1180px; height:401px; background:url(../images/process_03.png) no-repeat 50% 0; margin:0 auto 40px;}

/*processBox end*/

/*newBox*/

.newBox{ width:100%;}

.new{ width:1180px; margin:0 auto;}

.new_fl{ width:380px; float:left; background:#f2f2f2;}

.new_fl_h3{ width:380px; height:50px; background:#187eb2;}

.new_fl_h3 h3{ width:100px; line-height:50px; float:left; text-align:center; font-weight:normal;}

.new_fl_h3 h3 a{ font-size:16px; color:#fff; }

.new_fl_h3 .more{ float:right; margin-right:10px; line-height:70px; color:#fff;}



#ticker2 {

	width: 380px;

	height: 340px;

	overflow: hidden;

	position: relative;

	margin: 30px auto 0 auto;

	background:#f2f2f2;

}

#ticker2 li {

	position: relative;

	width: 345px;

	line-height: 22px;

	overflow:hidden;

	margin:0 auto 10px;

}

#ticker2 li .wen{ width:345px; height:20px; overflow:hidden; margin-bottom:10px;}

#ticker2 li .wen span{ width:24px; height:24px; border-radius:2px; text-align:center; display:block; float:left; background:#ff0000; font-size:14px; font-family:"Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", Times, serif; color:#fff; line-height:24px;}

#ticker2 li .wen a{ width:310px; height:20px; line-height:20px; display:inline-block; float:left; color:#000; font-size:14px; margin-left:10px;}

#ticker2 li .da{ width:345px;height:72px; overflow:hidden;}

#ticker2 li .da span{ width:24px; height:24px; border-radius:2px;text-align:center; line-height:24px; display:block; background:#359223; float:left; font-size:14px; color:#fff; font-family:"Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", Times, serif;}

#ticker2 li .da p{ width:310px; color:#333; line-height:24px; float:right;}

.clear{ clear:both;}



.new_fr{ width:770px; float:right; background:#e7e0db;}

#tab{width:770px;position:relative;margin:0px auto;}

#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; border-bottom:1px #cccccc solid; background:#187eb2;}

#tab .tab_menu li{float:left;width:100px;height:50px;line-height:50px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 2px 0 0; font-size:18px;}

#tab .tab_menu li a{color:#fff; }

#tab .tab_box{width:770px;clear:both;top:70px;position:relative;}

#tab .tab_menu .selected{cursor:pointer; background:#2d9bd2;}



#tab .hide{display:none;}

#tab .tab_box div{  overflow:hidden; background:#e7e0db;} 

#tab .tab_box div .more{ position:absolute; top:-50px; right:10px; font-size:14px; color:#fff; z-index:9999;}

#tab .tab_box div { width:770px; float:left; border:0; padding:10px 0 0;}

#tab .tab_box div .firstnew{ width:310px; overflow:hidden; background:none; padding:0px; border:none; float:left; margin-left:23px;}

#tab .tab_box div .firstnew img{ width:310px; height:170px; display:inline-block; float:left;}

#tab .tab_box div .firstnew dl{ width:310px; height:170px; float:right; position:relative;}

#tab .tab_box div .firstnew dt{ width:310px; height:24px; font-size:16px;line-height:24px; overflow:hidden; margin:10px auto; }

#tab .tab_box div .firstnew dt a{ color:#1b1b1b; }

#tab .tab_box div .firstnew dd{ width:310px; height:120px; font-size:12px; color:#4c4c4c; text-indent:24px; line-height:24px; overflow:hidden; margin:0 auto;}

#tab .tab_box div .firstnew .xq{ color:#359223; font-size:14px;}

#tab .tab_box div ul{ width:400px; float:right; margin-right:15px;}

#tab .tab_box div li{ width:400px; height:34px; line-height:34px; border-bottom:1px #cdcdcd dotted; font-size:14px; overflow:hidden;}



#tab .tab_box div li span{ width:80px; height:34px;line-height:34px; float:right; font-size:14px; color:#562f05;}

#tab .tab_box div li a{ width:270px; height:34px; margin-left:25px; display:inline-block; float:left; overflow:hidden; color:#1a1919; padding-left:25px; margin-left:13px; background:url(../images/new_icon_03.png) no-repeat 0px 15px;}

#tab .tab_box div li:hover a{ color:#187eb2;}

.clear{ clear:both;}



/*newBox end*/





/*pnBox end*/

.clear{ clear:both;}





/*linkBox*/

.linkBox{ width:100%; margin:30px 0; }

.link{ width:1180px; height:80px; border-top:1px #595756 solid;border-bottom:1px #595756 solid; margin:0 auto;}

.link h3{ width:200px; line-height:80px; text-align:center; font-size:24px; font-weight:normal; color:#595756; float:left;}

.link ul{ width:980px; float:right;}

.link ul li{ float:left; line-height:80px;}

.link ul li a{ font-size:14px; color:#333; margin:0 20px;}

/*linkBox end*/



