﻿ ::selection {

	background-color: #0258b8;

	color: #fff;

}



::-moz-selection {

	background-color: #0258b8;

	color: #fff;

}



::-webkit-selection {

	background-color: #0258b8;

	color: #fff;

}



.product_bg{margin:0 auto;width:100%; height:1010px; background:#f5f5f5;}

.product{margin:0 auto;width:1180px; height:800px; padding:30px 0 30px 0;}

.list{ float:left; width:277px; background:#fff;}

.list .list_con{width:277px;}



#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}

#menu{ padding:0;}

#menu a {display: block;text-decoration: none;	}

#menu li { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}

#menu li .first{background:url(../images/cp_list.jpg) no-repeat center left; height:50px;width:275px;margin:0px auto 10px auto;}

#menu li a.first { height:40px;font-size:15px;color:#fff; line-height:40px; display:block;text-indent: 30px; font-weight:bold;}

#menu li ul li{height:32px; line-height:32px;margin:0px auto;padding-left: 30px;}

#menu li ul li a {color: #333;font-size:14px; text-align:left; padding-left:20px; }

#menu li ul li a:hover {background:url(../images/buttom.jpg) no-repeat center left;}





#tab1{width:880px;position:relative;margin:0 auto; float:right;}                            

#tab1 .tab_box{width:880px;height:auto;clear:both;top:0px;position:relative; float:right; overflow:hidden;}

 

#tab1 .tab_box ul li{width:275px; height:290px;float:left;margin:0px 16px 20px 0px; background:#e3e3e3; border:1px solid #e3e3e3; }

#tab1 .tab_box ul li p{width:275px; text-align:center; display:block; height:45px; line-height:45px; }

#tab1 .tab_box ul li p a{font-size:14px; color:#666; text-align:center; display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

#tab1 .tab_box ul li.last{ overflow:none;}

#tab1 .tab_box ul li img{ width:275px; height:245px; margin:0 auto; display:block;}

#tab1 .hide{display:none;}

#tab1 .tab_box ul li:hover{background:#0258b8;}

#tab1 .tab_box ul li:hover p a{ color:#fff;}



.advantage_bg{width:100%; margin:0 auto; background:url(../images/ys_bg.jpg) no-repeat center; height:923px;}

.advantage_bg .advantage{ width:1180px; height:858px; margin:0 auto; padding-top:70px;}

.advantage_bg .advantage .adv_r{ float:right; width:655px; height:511px; margin-top:215px;} 

.advantage_bg .advantage .adv_r img{width:655px; height:511px}

.advantage_bg .advantage .adv_l{float:left; width:480px;} 

.advantage_bg .advantage .adv_l .adv_t{}

.advantage_bg .advantage .adv_l .adv_t h5{ font-size:16px; font-weight:bold; color:#fff;}

.advantage_bg .advantage .adv_l .adv_t h4{font-size:48px; font-weight:bold; color:#fdc32a; letter-spacing:2px;}

.advantage_bg .advantage .adv_l .adv_t span{font-size:12px; font-weight:normal; color:#fff; font-family:"Times New Roman", Times, serif ;text-transform: uppercase;}

.advantage_bg .advantage .adv_l .adv_t p{ margin-top:30px; height:50px; border-top:1px solid #70777f; border-bottom:1px solid #70777f; font-size:18px; font-weight:bold; line-height:50px; text-align:center; color:#fff;letter-spacing:2px;}

.advantage_bg .advantage .adv_l .adv_nr{ margin-top:50px;}

.advantage_bg .advantage .adv_l .adv_nr ul li{ height:150px; padding-left:85px;}

.advantage_bg .advantage .adv_l .adv_nr ul li h5{font-size:20px; font-weight:bold; color:#fff;}

.advantage_bg .advantage .adv_l .adv_nr ul li p{font-size:14px; font-weight:normal; color:#fff; line-height:24px; margin-top:25px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys1{ background:url(../images/ys1.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys2{ background:url(../images/ys2.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys3{ background:url(../images/ys3.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys4{ background:url(../images/ys4.png) no-repeat left 10px;}



.advantage_bg .advantage .adv_l .adv_nr ul li.ys1:hover{ background:url(../images/ys11.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys2:hover{ background:url(../images/ys22.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys3:hover{ background:url(../images/ys33.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li.ys4:hover{ background:url(../images/ys44.png) no-repeat left 10px;}

.advantage_bg .advantage .adv_l .adv_nr ul li:hover h5{ color:#0258b8;}







.customer{width:1180px; margin:30px auto 0 auto;}

.customer .hz_t{width:1180px; margin:0 auto; background:url(../images/case_t.png) no-repeat bottom center; height:80px;}

.customer .hz_t  h3{font-size:24px;color:#3a3a3a; text-align:center;font-weight:bold; display:block;}

.customer .hz_t p{font-size:14px;color:#999; text-align:center;font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

.customer .hz_nr{width:1180px;height:225px; margin:20px auto 0 auto; }

.customer .hz_nr .hz_l{ float:left; width:230px; height:225px; background:url(../images/hz_t.jpg) no-repeat center; }

.customer .hz_nr .hz_l h5{ font-size:20px; color:#fff; font-weight:bold;margin: 130px 0 0 23px;}

.customer .hz_nr .hz_r{ width:920px; float:right; border-top:2px solid #e6e6e6;height:225px;}

.customer .hz_nr .hz_r ul{margin:10px auto 0 auto;}

.customer .hz_nr .hz_r ul li{ width:215px; height:84px; float:left; margin:0px 15px 32px 0;} 

.customer .hz_nr .hz_r ul li img{width:213px; height:82px; border:1px solid #e0e0e0;}

.customer .hz_nr .hz_r ul li img:hover{border:1px solid #0258b8;}
.customer .hz_nr .hz_r ul li p a{ line-height:30px; font-size:14px; color:#333; text-align:center; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




.case_wrap{width:100%;margin:40px auto 0 auto; height:565px; background:#f5f5f5; }

.case_wrap .con_width{width:1180px; margin:0 auto;padding-top:30px;}

.case_t{width:1180px; margin:0 auto; background:url(../images/case_t.png) no-repeat bottom center; height:80px; }

.case_t  h3{font-size:24px;color:#3a3a3a; text-align:center;font-weight:bold; display:block;}

.case_t p{font-size:14px;color:#999; text-align:center;font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

.case_con ul li:first-child{width:550px;height:400px;margin-left: 8px;}

.case_con ul li:first-child > a{ width:550px;height:400px;overflow:hidden;}

.case_con ul li:first-child a img{width:550px;height:400px;}

.case_con ul li:first-child .anl_rig{width:550px;height:45px; position:absolute; bottom:0;}

.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:546px;}

.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1{height:416px;}

.case_con ul li:first-child .anl_rig .an_more{margin:0px auto;}



.case_con ul{overflow:hidden;width:1300px;margin-top:20px;}

.case_con ul li{float:left;position:relative;margin-right:21px;margin-bottom:14px;border:1px #eee solid;padding:2px;}

.case_con ul li > a{ width:285px;height:188px;overflow:hidden;display:block;}

.case_con ul li a img{ width:285px;height:188px; }

.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:285px;height:45px; text-align:center;position:absolute; bottom:0;}

.case_con ul li .anl_rig .an_more{color:#fff;}

.case_con ul li .anl_rig .an_more h5 a{font-size:14px; text-align:left;height:45px;line-height: 45px; display:block;font-weight:normal;color:#fff; padding-left:25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.case_con ul li .anl_rig .an_more a{display:block;}

.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}

.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:286px;}

.case_con .hover .bor_right_1,.hover .bor_left_1{height:191px;}

.bor_top_1{width:0;height:1px;top:7px;left:7px; -webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out}

	

.banner_1{ width:100%; height:355px;background:url(../images/banner_1.jpg) no-repeat center; overflow:hidden;}

.zx{ width:1180px; height:355px; margin:0 auto;}

.gg_left{ float:left; width:665px; height:257px; padding-top:95px; color:#fff; font-size:20px;line-height:54px; font-weight:bold; text-align:right;}

.gg_left .phone{ margin-top:30px;background:url(../images/tel1.png) no-repeat 450px  center; line-height:32px; padding-left:65px; font-size:14px; color:#fff;font-weight:bold;}

.gg_left .phone p{font-size:24px; color:#fff;font-weight:bold; font-family:"Impact";}



.gg_right{ float:right; width:368px; height:388px; border:2px solid #0258b8;border-radius:5px; background:#f4f4f4;}

.bdtitile{ width:368px; height:63px; line-height:63px; background:#0258b8; font-size:20px; color:#fff; font-weight:bold; text-align:center;}

.bdtitile span{ font-family:"Times New Roman", Times, serif; color:#eec5c6; padding-left:36px;}

.xm{ margin-top:30px; margin-left:24px; width:320px; height:30px;}

.xm span{ display:block; float:left; width:86px; line-height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold;}

.xm_value{ float:right; width:212px; height:28px; line-height:28px; border:1px solid #cfcfcf; padding:0px 10px;}

.anniu { margin-top:30px; margin-left:24px; width:320px; height:50px; background:#0258b8; margin:30px auto 0px;}

.anniu  button{width:320px; height:50px; background:#0258b8;font-size:16px;color: #fff; font-weight:bold;cursor: pointer;background: none;border: none;}



.news_box{ width:100%; height:515px;padding:15px 0px 30px; overflow:hidden;}

.news_box .news_t{width:1180px; margin:0 auto;padding-top:10px;}

.news_t{width:1180px; margin:0 auto; background:url(../images/case_t.png) no-repeat bottom center; height:80px; }

.news_t  h3{font-size:24px;color:#3a3a3a; text-align:center;font-weight:bold; display:block;}

.news_t p{font-size:14px;color:#999; text-align:center;font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

.xw{ width:1180px; height:420px; margin:0 auto;}

.gshyxw{ float:left; width:856px; height:420px; background:#ffffff;}

.gshyxw_tit{ width:856px; height:49px; line-height:49px;border-bottom:1px solid #cdcdcd;}

.gshyxw_tit h3 a{ float:left;margin-left:15px; padding:0px 15px; border-bottom:3px solid #ffffff; width:90px; height:46px;line-height:46px; text-align:center; font-size:18px;font-weight:bold; color:#333333;}

.gshyxw_tit .active a{ border-bottom:3px solid #0258b8;color:#0258b8;}

.gshyxw_tit span{ display:block; float:right; padding-right:15px;}

.gshyxw_tit span a{display:block;font-size:14px;font-weight:normal; color:#333333;}

.gshyxw_list{ margin-top:20px;}

.gshyxw_list .hide{ display:none;}

.gsxw{width:856px; height:365px;}

.gsxw1{ width:372px; height:350px; line-height:30px; float:left; position:relative;}

.gsxw1 dl dd{ width:372px; height:215px;float:left;}

.gsxw1 dl dd img{width:372px; height:215px;}

.gsxw1 dl dt{  background:#f0f0f0;float:right;width:343px;height: 103px; padding:15px; }

.gsxw1 dl dt h5 a{display:block; font-size:14px; line-height:28px; font-weight:bold; color:#333; padding-left:100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.gsxw1 dl dt h5 a:hover{ color:#020202;}

.gsxw1 dl dt p{ padding-top:10px; height:60px; font-size:14px;line-height:28px;color:#333333; overflow:hidden;}

.gsxw1 dl dt span{display:block;  width:65px; height:65px; padding:10px; line-height:36px; background:#0258b8; position:absolute; top:180px; left:20px; text-align:center; font-size:30px; font-weight:bold; color:#fff;}

.gsxw1 dl dt span i{ display:block; font-weight:bold; font-size:14px; border-top:1px solid #fff;}

.gsxw2{width:453px; height:350px; float:right; background:url(../images/xwline.jpg) no-repeat left center; }

.gsxw2 ul li{ float:left; width:451px;line-height:44px;}

.gsxw2 ul li a{ display:block; float:left; width:310px; padding-left:20px; font-size:14px; color:#333333; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.gsxw2 ul li span{ display:block;font-size:14px; color:#666666; float:right;} 

.gsxw2 ul li:hover a, .gsxw2 ul li:hover span{ color:#0258b8;}

.cjwt{float:right; width:295px; height:420px; background:#ffffff;}

.cjwt_tit{ width:295px; height:49px; line-height:49px;border-bottom:1px solid #cdcdcd;}

.cjwt_tit h3 span{ display:block;height:46px; float:left; margin-left:15px; padding:0px 15px; font-size:18px;font-weight:bold; border-bottom:3px solid #0258b8; color:#0258b8;}

.cjwt_tit .more{ display:block; float:right; padding-right:15px;font-size:14px;font-weight:normal; color:#333333;}



/* 向上滚动 */

.faq {width:295px;height:336px; margin-top:15px;}

.faq .contant {position:relative;height:336px;}

.faq .faq-c{ position:relative;}

.faq .faq-c .faq-l { border-bottom:1px dashed #cccccc;clear:both;overflow:hidden;padding: 12px 0;}

.faq .faq-c .faq-l .faq-w span{width: 25px;height: 25px;line-height:25px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../images/Q.jpg) no-repeat center top;}

.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 25px;height: 25px;line-height:25px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../images/A.jpg) no-repeat center top;}

.faq .faq-c .faq-l .faq-w p {float:right;line-height: 22px;width: 244px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.faq .faq-c .faq-l .faq-d p {float:right;width: 244px;height:54px;line-height:24px;margin:0;color: #333;font-size: 14px;overflow:hidden;}



/* 风采 */

.fc{margin:0px auto 0 auto;width:1180px; height:auto; position:relative;}

.fc .fc_t{width:1180px; margin:0 auto;}

.fc_t{width:1180px; margin:0 auto; background:url(../images/case_t.png) no-repeat bottom center; height:80px; }

.fc_t  h3{font-size:24px;color:#3a3a3a; text-align:center;font-weight:bold; display:block;}

.fc_t p{font-size:14px;color:#999; text-align:center;font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

.fc .picScroll-left{ width:1180px; margin:40px auto 0 auto ; height:230px; overflow:hidden; position:relative;}

.picScroll-left .hd{ overflow:hidden;  }

.picScroll-left  .prev{ display:block;  width:40px; height:40px; float:right;  overflow:hidden;cursor:pointer; background: url(../images/left.jpg) no-repeat; position:absolute; top:85px; left:10px; z-index:99;}

.picScroll-left  .next{ display:block; width:40px; height:40px; float:right;  overflow:hidden;cursor:pointer; background:url(../images/right.jpg) no-repeat;position:absolute; top:85px; right:10px;z-index:99; }

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:0px; zoom:1; }

.picScroll-left .bd{ width:1180px; margin:0 auto;}

.picScroll-left .bd ul li{width:275px; height:205px; background:#fff; float:left; margin:0 10px; position:relative;}

.picScroll-left .bd ul li img{width:275px; height:205px; position:relative; }

.picScroll-left .bd ul li p{width:275px; height:40px; background:url(../images/an_hov_bg.png) repeat center; position:absolute; bottom:0px;}

.picScroll-left .bd ul li p a{ font-size:14px; color:#fff; text-align:center; line-height:40px; display:block;text-overflow: ellipsis;

white-space: nowrap;overflow:hidden;}



.about{margin:30px auto 0 auto;width:1180px;}

.about .ab_t{width:1180px; margin:0 auto;}

.ab_t{width:1180px; margin:0 auto; background:url(../images/case_t.png) no-repeat bottom center; height:80px; }

.ab_t  h3{font-size:24px;color:#3a3a3a; text-align:center;font-weight:bold; display:block;}

.ab_t p{font-size:14px;color:#999; text-align:center;font-weight:normal; display:block; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

.about .about_nr{margin:20px auto 0 auto;width:1180px; height:420px; background:url(../images/ab_bg.jpg) no-repeat center;}

.about .about_nr .left_n{ float:left; width:450px; margin:60px 0 0 35px;}

.about .about_nr .left_n .about_t{ font-size:24px; font-weight:bold; color:#333;  border-bottom:1px solid #ccc;height: 105px;}

.about .about_nr .left_n .about_t span{font-size:36px; font-weight:bold;color:#ccc; font-family:"Times New Roman", Times, serif; display:block;}

.about .about_nr .left_n p{ font-size:14px; line-height:30px; color:#333; height:120px; overflow:hidden; margin:30px 0;}

.about .about_nr .left_n .xq{ width:130px; height:36px; background:#f0f0f0;}

.about .about_nr .left_n .xq a{ font-size:14px; line-height:36px; text-align:center; display:block; color:#333;}

.about .about_nr .ab_img{ width:587px; height:372px; float:right;margin-top: 25px;}

.about .about_nr .ab_img img{ width:587px; height:372px;}







.links{margin:20px auto;height: 50px;line-height: 50px; width:1180px;}

.links h3 {

  font-size: 14px;

  color: #0377da;

  float: left;font-weight: bold;

   

}



.links_n {

  width: 1100px;

  float: left;

  margin-left: 20px;height: 50px;line-height: 50px;overflow: hidden;

 

}



.links_n a {

  padding: 0px 10px;

}