@charset "utf-8";

/* CSS Document */

.product_bg{margin:0px auto 0 auto;width:100%;height:1030px; background:#f3fbfe;}

.product{margin:0px auto 0 auto;width:1180px;height:1030px;padding-top:30px;}

.list{ float:left; width:203px; height:auto; background:#fff; border:1px solid #c4c4c4;}

.list .list_t{height:70px;text-align:center; background:#0e7cf0; display:block;}

.list .list_t h2 a{ font-size:24px; color:#fff;display:block;font-weight:bold; text-align:center;padding-top:10px;}

.list .list_t h2 p{ font-size:14px; color:#e2f1ff; font-weight:normal;}

.list .list_con{}



#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}

#menu a {display: block;text-decoration: none;	}

#menu li { line-height:25px; font-family:"Microsoft YaHei"; font-size:16px;margin:23px auto;}

#menu li a {font-size:14px;color:#fff; line-height:25px;background:url(../images/list.jpg) no-repeat center; width:203px; margin:25px 0px; display:block; text-align:center;}

#menu li a:hover {color:#fff;}

#menu li ul li{height:10px; line-height:10px;margin:0px auto; background:none;}

#menu li ul li a {color: #333;padding-left: 10px; font-size:14px; font-weight:bold;background:none; text-align:left;}

#menu li ul li a:hover {color:#0e7cf0;}



#tab{width:950px;position:relative;margin:0 auto 0 20px; float:right;}                            

#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1; background:url(../images/chanpin_list.jpg) no-repeat bottom center; height:45px; line-height:45px;}

#tab .tab_menu li{float:left;width:150px;height:39px;line-height:39px;cursor:pointer;text-align:center;margin:0px 0px 10px 0; font-size:16px; background:#004097; color:#fff;}

#tab .tab_box{width:950px;height:200px;clear:both;top:50px;position:relative; float:right; }

#tab .tab_menu h3 a{ font-size:18px; font-weight:bold; color:#333; float:left;}

#tab .tab_menu .more{ font-size:12px; font-weight:normal; color:#545454; float:right;}

#tab .tab_menu .selected{background:#ffb900;cursor:pointer;color:#fff;height:39px;}

#tab .tab_box ul li{width:222px; height:280px; float:left;margin:20px 12px 5px 0;}

.tab_box ul li span{width:222px; text-align:center; display:block; height:32px; line-height:32px; font-size:14px;color:#fff; background:#616466;}

.tab_box ul li p{margin-top:10px;}

.tab_box ul li p .zixun{float:right;width:109px; background:url(../images/list2.jpg) no-repeat center;height:34px;color:#fff; line-height:25px; text-align:center; font-size:14px;}

.tab_box ul li p .xiangqing{float:left;width:109px; background:url(../images/list1.jpg) no-repeat center;height:34px;color:#fff; line-height:25px; text-align:center;font-size:14px;}

#tab .tab_box ul li.last{ overflow:none;}

#tab .tab_box ul li img{ width:220px;height:189px; border:1px solid #dcdcdc;}

#tab .hide{display:none;}

#tab .tab_box div{padding:10px 0;} 



.te_bg{margin:0px auto 0 auto;width:100%;height:561px; background:url(../images/te_bg.jpg) no-repeat center; position:relative;}

.te_bg .te{margin:0px auto 0 auto;width:1180px;height:561px;position:relative;}

.te_bg .te .te_t{margin:0px auto 0 auto;width:1180px; text-align:center; font-size:24px; color:#32a505; font-weight:bold;padding-top: 35px;}

.te_bg .te .te_t p{ font-size:14px; color:#4d4d4d; font-weight:normal;}



.te .te1{ position:absolute; top:172px;width:590px; height:134px;left:0px;}

.te .te1 .tet{ color:#fff; font-size:16px;position:absolute;  left:40px; font-weight:bold; }

.te .te1 .tecon{ color:#fff;  font-size:14px;position:absolute; top:40px; left:40px;font-weight:bold; }

.te .te1 .tecon p{line-height:24px; margin-bottom:20px;}



.te .te2{ position:absolute; top:380px; left:0px; width:590px; height:134px;}

.te .te2 .tet{color:#333; font-size:16px;position:absolute; left:40px;font-weight:bold;}

.te .te2 .tecon{color:#333;  font-size:14px;position:absolute; top:40px; left:40px;font-weight:bold; width:345px;}

.te .te2 .tecon p{line-height:24px; margin-bottom:20px;}



.te .te3{ position:absolute; top:172px;width:590px; height:134px;right:0px;}

.te .te3 .tet{ color:#333; font-size:16px;position:absolute; left:230px;font-weight:bold;}

.te .te3 .tecon{ color:#333; font-size:14px;position:absolute; top:40px; left:230px;font-weight:bold;}   

.te .te3 .tecon p{line-height:24px; margin-bottom:20px;}



.te .te4{ position:absolute; top:405px;width:590px; height:134px;right:0px;}

.te .te4 .tet{ color:#fff; font-size:16px;position:absolute; left:240px;font-weight:bold;}

.te .te4 .tecon{ color:#fff; font-size:14px;position:absolute; top:40px; left:240px;font-weight:bold;width:345px;}   

.te .te4 .tecon p{line-height:24px; margin-bottom:20px;}



.te .tu1{ position:absolute; top:160px; left:410px; width:330px; height:330px;}

.te .tu1 .img{position:absolute;  left:0px; }



.banner1{margin:0px auto 0 auto;width:100%; height:245px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .zx1{ width:675px; float:right;margin:150px 0px 0 0;color:#fff; font-size:16px; font-weight:bold;}

.banner1 .zx .zx1 p{color:#fff;font-size:24px; font-weight:bold; }

.banner1 .zx img{margin:0px 0 10px 50px;}



.case_bg{width:100%;margin: 0 auto; background:url(../images/case_bg.jpg) no-repeat center ; height:486px;}

.case{width:1180px;margin: 0 auto;height:486px;padding-top:20px;}

.case_title{width:1180px;margin:0px auto 0 auto; height:70px;}

.case_title  h3 a{font-size:24px;color:#1781f1; text-align:center;font-weight:bold; margin:10px auto; display:block;background:url(../images/case_t.png) no-repeat center;}

.case_title  p{font-size:16px;color:#333;  text-align:center;font-weight:bold;}

#focus_Box{position:relative; width:1180px; height:335px ;margin:30px auto 0 auto;}

#focus_Box ul{position:relative; width:910px; height:335px; margin:auto;}

#focus_Box li{z-index:0; position:absolute; width:0px; height:0px; top:146px; cursor:pointer; left:377px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1);}

#focus_Box li img{width:100%; height:100%;}

#focus_Box li p{position:absolute; right:0; bottom:0px; width:200px; height:40px; line-height:40px; background:#1c1c1c; text-align:center;}

#focus_Box li p a{ color:#fff; font-size:14px;}

#focus_Box .prev,#focus_Box .next{display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:44px; height:44px; top:130px;}

#focus_Box .prev{background:url(../images/left.jpg) left bottom no-repeat;left:0px}

#focus_Box .next{background:url(../images/right.jpg) right bottom no-repeat;right:0px} 



.review_bg{width:100%;margin: 0 auto; background:url(../images/jz_bg.jpg) repeat ; height:600px; }

.review{width:1180px;margin:30px auto 0 auto; }

.review_title{width:1180px; margin: 0 auto; padding-top:55px;}

.review_title h3 a{font-size:24px;color:#333; text-align:center;font-weight:bold; background:url(../images/jz_t.png) no-repeat  bottom center; display:block; }

.review_title .more{margin:0 auto;  }

.review_title .more a{font-size:14px;color:#333;text-align:center; display:block; line-height:25px;}

.review_title a p {font-size:14px;color:#666666; text-align:center; }

.review ul li{ float:left;width:49%; margin:15px 5px;height:177px; }

.review ul li .img{ float:left; width:237px; height:194px; background:url(../images/img_y.png) no-repeat bottom center;}

.review ul li .img img{ width:225px; height:163px;padding:5px; border:1px solid #c1c1c1; background:#fff;}

.review ul li .neir{width:310px; float:left; height:190px; margin-left:15px;}

.review ul li .neir h5 a{font-size:14px; color:#333; padding:10px 0 10px 0px; font-weight:normal;}

.review ul li .neir p{ margin:15px 0 0 0px; line-height:200%; width:310px;height:100px; text-align:left; color:#616161;}

.review ul li .neir .xq a{color:#32a505;margin:10px 0px 0 0px;} 

.review ul li .neir h5 a:hover{color:#32a505;}



.banner2{margin:30px auto 0 auto;width:100%; height:225px; background:url(../images/banner_2.jpg)  no-repeat center;}

.banner2 .zx {width:1180px;margin:0 auto;}

.banner2 .zx .zx1{ width:300px; float:right;margin:70px 25px 0 0;color:#fff; font-size:16px; font-weight:bold;}

.banner2 .zx .zx1 p{color:#fff;font-size:24px; font-weight:bold; }

.banner2 .zx img{margin:0px 0 20px 50px;}





.ysbg{ width:100%;  height:1347px;margin:30px auto 0 auto; position:relative;background:url(../images/ys_bg.jpg) no-repeat center; }

.ysbg .advantage{ width:1180px; height:1000px; margin:85px auto 0 auto; position:relative;}

.ysbg .advantage_title {margin:0px auto 0 auto;width:1180px; padding-top:40px;padding-top:112px;}

.ysbg .advantage_title .ys_t{ margin:0 auto;}

.ysbg .advantage_title .ys_t a{font-size:26px; font-weight:bold; color:#FFF; margin:0 auto; display:block;  text-align:center;}

.ysbg .advantage_title .ys_t p{font-size:24px; font-weight:normal; color:#6f6f6f;text-align:center;margin-top: 35px;}

.advantage .ys1{ position:absolute; top:44px;width:590px; height:334px;right:0px;}

.advantage .ys1 .yst{ color:#1576dc; font-size:24px;position:absolute;  left:80px; font-weight:bold; }

.advantage .ys1 .yscon{ color:#333;  font-size:15px;position:absolute; top:90px; left:65px;width:400px; }

.advantage .ys1 .yscon p{line-height:24px; margin-bottom:20px; background:url(../images/bottom.jpg) no-repeat left 7px; padding-left:20px;}

.advantage .ys1 .yst p{ color:#666; font-size:14px; font-weight:normal;}



.advantage .ys2{ position:absolute; top:380px; left:0px; width:590px; height:334px;}

.advantage .ys2 .yst{color:#1576dc; font-size:24px;position:absolute; left:150px;font-weight:bold;}

.advantage .ys2 .yscon{color:#333;  font-size:15px;position:absolute; top:90px; left:135px;width:400px;}

.advantage .ys2 .yscon p{line-height:24px; margin-bottom:20px;background:url(../images/bottom.jpg) no-repeat left 7px; padding-left:20px;}

.advantage .ys2 .yst p{ color:#666; font-size:14px; font-weight:normal;}



.advantage .ys3{ position:absolute; top:720px;width:590px; height:334px;right:0px;}

.advantage .ys3 .yst{ color:#1576dc; font-size:24px;position:absolute; left:80px;font-weight:bold;}

.advantage .ys3 .yscon{ color:#333; font-size:15px;position:absolute; top:90px; left:65px;width:400px;}   

.advantage .ys3 .yscon p{line-height:24px; margin-bottom:20px;background:url(../images/bottom.jpg) no-repeat left 7px; padding-left:20px;}

.advantage .ys3 .yst p{ color:#666; font-size:14px; font-weight:normal;}



.advantage .tu1{ position:absolute; top:0px; left:-1px; width:590px; height:334px;}

.advantage .tu1 .img{position:absolute;  left:0px; }

.advantage .tu2{ position:absolute; top:333px; right:0px; width:590px; height:334px;}

.advantage .tu2 .img{position:absolute;  left:0px; }

.advantage .tu3{ position:absolute; top:665px; left:0px; width:590px; height:334px;}

.advantage .tu3 .img{position:absolute;  left:0px; }



.about_bg{width:100%;margin:0px auto 0 auto;height:441px; background:#f3fbfe; }

.about{width:1180px;margin:0 auto; height:441px;padding-top: 20px;}

.about .left{ float:left;width:880px;height:305px; background:#1781f1; margin-top:40px; }

.about .left .shipin{width:420px; float:left;}

.about .left .shipin p{width:381px; height:39px; background:url(../images/img10.png) no-repeat center; line-height:39px; text-align:center; font-size:16px; font-weight:bold; float:left; color:#fff; margin-left:20px;}

.about .left .img{ float:left; width:401px; height:269px;margin: -50px 0 0 20px; background:url(../images/img_bg.png) no-repeat center;}

.about .left .img img{ width:375px; height:179px; margin:12px 15px;}

.about .left .box{ height:305px; float:left; width:450px; position:relative;}

.about .left .box h3 a {font-size:20px; color:#fff;margin:10px 0 10px 20px; font-weight:bold; display:block; background:url(../images/ab_t.png) no-repeat bottom left; line-height:50px;}

.about .left .box p{ font-size:14px;width:400px; text-indent:2em; line-height:240%; color:#fff; height:140px; overflow:hidden; margin: 10px 0 0 20px;}

.about .left .box .xq a{margin: 5px 35px 0 0px; position:absolute; bottom:0px; right:0px;}



.about .right{ float:right;width:300px;height:305px; background:#f3f4f8;margin-top:40px; }

.about .right .right_title{width:290px;height:40px; background:url(../images/ry_t.jpg) no-repeat left center;margin: 0px 10px; line-height:40px; border-bottom:1px solid #cbcbcb; margin:0 5px;}

.about .right .right_title .r_biaoti h3 a{font-size:16px; color:#009800; font-weight:bold; float:left; margin:0 auto; background:url(../images/buttom.jpg) no-repeat left 15px; padding-left:15px;}

.about .right .right_title .more{font-size:14px; text-align:center; float:right; }

.about .right .right_title .more a{color:#333;}

.gd_03{ position:relative; width:300px; margin: 0 5px;padding-top:25px; }

.gd_03 em{position: absolute;top: 60px;}

.gd_03 .t_l{left: 0px;}

.gd_03 .t_r{right: 10px;}

.gd_03 #simgs03{ margin:0 34px;}

.gd_03 li{ float:left; width:218px; text-align:center;}

.gd_03 li.last{ padding-right:0;}

.gd_03 li img{ display:block; width:218px; height:147px; margin-bottom:15px;}

.gd_03 li a{ color:#333;font-size:14px;}

.gd_03 .fl { float:left;}

.gd_03 .fr { float:right;}

.gd_03 .pa{ position:absolute;}

.gd_03 .pr{ position:relative}





.trends{width:1180px; margin:30px auto 0 auto;}

.trends .tab_menu{ float:left; width:168px;    margin-top: 60px;}

.trends .tab_menu ul li{ width:168px; height:71px; background:#1781f1;margin-bottom:10px;}

.trends .tab_menu ul li h3 a{font-size:16px; font-weight:bold; color:#fff; text-align:center;display:block;padding-top: 15px; }

.trends .tab_menu ul li h3 p{font-size:16px; font-weight:normal; color:#fff; text-align:center;}

.trends .tab_menu ul li:hover,.trends .tab_menu ul li.casehover{ width:181px; height:71px; background:url(../images/buttom1.jpg) no-repeat center;;margin-bottom:10px;}

.tabcont{width:960px; float:right;}

.tabcont .tabc{ display:none;}

.tabcont img{width:417px; height:345px ;float:left; margin-top: 15px;}

.tabcont .nr{width:530px; height:345px  ;float:right;}

.tabcont .nr ul li{font-size:12px; color:#333;  margin:0px 0 0 0px; background:url(../images/buttom2.jpg) no-repeat left center; height:44px; line-height:44px;padding-left:20px; border-bottom:1px dashed #e5e5e5;}

.tabcont .nr ul li a{font-size:12px; color:#333;line-height:44px;width:400px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display: block;float: left;}

.tabcont .nr ul li span{float:right; margin-right:5px;}

.tabcont .nr dl dd p{font-size:14px; color:#333; line-height:24px; margin:20px 15px ; height:160px; overflow:hidden;}

.tabcont .nr dl dd img{width:155px; height:46px; margin:20px auto 0 auto;}

.tabcont .tab_menu ul li a:hover,.fangan .fangan_left ul li a.casehover{color:#fff; background:url(../images/img9.jpg) no-repeat center;}





.catenate_bg{width:100%; height:85px; background:#eee; margin:0 auto;}

.catenate{margin:30px auto; width:1180px;height:85px;}

.catenate .link{float:left;font-size:16px;color:#1781f1;width:160px; font-weight:bold; text-align:center;margin-top: 23px;}

.catenate .link p{font-size:16px;color:#333; font-weight:normal; background:url(../images/links_bg.png) no-repeat center;}

.catenate .yq a{font-size:14px;color:#333; float:left; line-height:85px; text-align:center;margin-left:10px;}

