﻿@charset "utf-8";

/* CSS Document */



.case_wrap{width:1180px;margin:100px auto 0 auto;}

.case_t{width:1180px; margin:50px auto 0 auto; height:65px; background:url(../images/case_t.jpg) no-repeat top center;}

.case_t h3 a{font-size:30px;color:#008ae2; text-align:center;font-weight:bold; display:block;  padding-top: 20px;}

.case_con ul li:first-child{width:778px;height:440px;}

.case_con ul li:first-child > a{ width:778px;height:440px;overflow:hidden;}

.case_con ul li:first-child a img{width:778px;height:440px;}

.case_con ul li:first-child .anl_rig{width:778px;height:440px;}

.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{width:400px;margin:120px auto 0;}

.case_con ul li:first-child .anl_rig .an_more p{height:66px;overflow:hidden;}



.case_con ul{overflow:hidden;width:1300px;margin-top:25px;}

.case_con ul li{float:left;position:relative;margin-right:18px;margin-bottom:14px;border:1px #bdbdbd solid;padding:2px;}

.case_con ul li > a{ width:376px;height:210px;overflow:hidden;display:block;}

.case_con ul li a img{ width:376px;height:210px; }

.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png); width:376px;height:210px; text-align:center;position:absolute;top:2px;}

.case_con ul li .anl_rig .an_more{color:#fff;width:200px;margin:30px auto 0;}

.case_con ul li .anl_rig .an_more h5 a{font-size:18px; text-align:center;height:25px;overflow:hidden;font-weight:bold;color:#fff;margin-top:95px;}

.case_con ul li .anl_rig .an_more a{display:block;}

.case_con ul li .an_more .more{height:46px; width:46px; margin:0 auto;}

.case_con ul li .anl_rig .an_more p{font-size:12px;line-height:22px;height:44px;overflow:hidden;margin:12px 0;}

.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}

.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:266px;}

.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}



.product_bg{width:100%;  margin:30px auto 0 auto; height:1000px; background:#9dd2f4;}

.product{width:1180px;  margin:0 auto; height:auto;}

.list{width:1180px; height:152px; margin:20px auto 0 auto; padding-top:50px; }

.list .list_con{ width:1180px;}

.list_con dl{margin: 0px auto;background:url(../images/chanpin_t.jpg) no-repeat center;width:1180px; height:152px;}

.list_con dl dt{ height:131px; width:183px;float:left; background:#009800;}

.list_con dl dt .fl h2 a{ font-size:24px; color:#fff; font-weight:bold; line-height:50px;text-align: center;display: block;margin-top: 25px; }

.list_con dl dt .fl span{ font-size:14px; color:#fff; font-weight:normal; text-align: center;display: block; font-family:Arial, Helvetica, sans-serif;}

.list_con dl dd{padding-left:80px; line-height:131px; float:left;}

.list_con dl dd a{ font-size:18px; color:#008ae2; font-weight:bold; }



.product .neirong{width:1180px;height:465px;margin:20px 0 0 0px; background:#008ae2;}

.product .neirong img{width:802px;height:465px; float:left; }

.product .neirong .nr_xq{ float:right; width:350px;margin-left:20px;}

.product .neirong .nr_xq h5{ font-size:18px; color:#fff; font-weight:bold; background:url(../images/cp_xt.jpg) no-repeat bottom left; line-height:50px; margin:80px 0 30px 0;}

.product .neirong .nr_xq p{ font-size:14px; color:#fff; line-height:24px;height:120px; overflow:hidden; margin-right:20px;}

.product .neirong .xq a{ margin:25px 0px 0 0px; display:block; color:#333;width:128px;height:37px;line-height:37px;float:left; background:url(../images/more.jpg) no-repeat; font-size:14px;padding-left: 25px;}





.gd_01{ position:relative; height:260px; width:1180px;margin:30px auto 0 auto; overflow:hidden;}

.gd_01 em{position: absolute;top: 50px;}

.gd_01 .t_l{ left:0px;}

.gd_01 .t_r{ right:0px;}

.gd_01 #simgs{ margin:0px 50px;}

.gd_01 li{ float:left; width:350px; text-align:center;margin:10px 10px 40px 10px;height: 202px;}

.gd_01 li.last{ padding-right:0;}

.gd_01 li .img img{ display:block; width:342px; height:194px; border:1px solid #d0e6f5; padding:3px; }

.gd_01 li a{ color:#333;}

.gd_01 .fl { float:left;}

.gd_01 .fr { float:right;}

.gd_01 .pa{ position:absolute;}

.gd_01 .pr{ position:relative}

.gd_01 #simgs a{color:#333;font-size:14px; line-height:60px; text-align:center; }



.i_zgs{width:100%;}

.i_zgs .ys_t{width:1180px; height:79px; margin:0 auto; text-align:center; background:url(../images/ys_t.jpg) no-repeat center; font-size:30px; font-weight:bold; color:#008ae2; margin:50px auto;padding-top: 28px;}

.i_zgs .ys_t p{font-size:14px; font-weight:normal; color:#545454;}

.izgsc{width:100%; height:785px; overflow:hidden; }

.i_zgs_li{ display:inline-block; vertical-align:top; width:18.8%; min-height:720px; max-height:720px; padding-bottom:65px; margin-right:.2%; position:relative; cursor:pointer; transition:all .4s ease 0s; overflow:hidden;}

.i_zgs_li .i_zgstit,.i_zgs_li .i_zgsmc,.i_zgs_li span{ display:none;}

.js_wzgs{width:62%;}

.js_wzgs .i_zgstit,.js_wzgs .i_zgsmc,.js_wzgs span{ display:block;}

.js_wzgs .i_zgstit{width:39%; min-height:340px; padding:15px 3%; text-align:center; background:rgba(255,255,255,.6); position:absolute; top:50%; left:50%; z-index:3; margin:-200px 0 0 -22.5%; transition:all .4s ease 0s;}

.js_wzgs .i_zgstit .i_zgsimg1{padding-left: 50px; height:auto; overflow:hidden; font-size:36px; font-weight:bold; color:#008ae2;background:url(../images/ys1.png) no-repeat left top; }

.js_wzgs .i_zgstit .i_zgsimg1 span{ height:auto; font-size:18px; font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:#666; background:url(../images/xt.jpg) no-repeat bottom center;line-height: 30px;text-transform: uppercase;}

.js_wzgs .i_zgstit .i_zgsjs{width:100%; font-size:20px; line-height:36px; color:#333333; padding-top:35px; text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}



.js_wzgs .i_zgsmc{width:100%; position:absolute; bottom:0; left:0; z-index:5; font-size:22px; font-weight:lighter; text-align:center; color:#333333;}

.js_wzgs .i_zgsmc p{ font-size:14px; text-transform:uppercase; color:#999999;}

.i_zgs_li .i_qhan{width:80%; height:42px; line-height:42px; font-size:16px; color:#FFFFFF; position:absolute; top:15px; right:50px; text-align:right;}

.i_zgs_li .i_qhan div{ display:inline-block; vertical-align:top; width:42px; height:42px; line-height:42px; font-family:"新宋体"; font-size:15px; background:#ffc803; border-radius:50%; overflow:hidden; color:#FFFFFF; text-align:center; margin-left:15px;}

.js_wzgs .i_zgstit .i_zgsimg2{padding-left: 50px;height:auto; overflow:hidden; font-size:36px; font-weight:bold; color:#008ae2;background:url(../images/ys2.png) no-repeat left top; }
.js_wzgs .i_zgstit .i_zgsimg2 span{ height:auto; font-size:18px; font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:#666; background:url(../images/xt.jpg) no-repeat bottom center;line-height: 30px;text-transform: uppercase; }
.js_wzgs .i_zgstit .i_zgsimg3{padding-left: 50px;height:auto; overflow:hidden; font-size:36px; font-weight:bold; color:#008ae2;background:url(../images/ys3.png) no-repeat left top; }
.js_wzgs .i_zgstit .i_zgsimg3 span{ height:auto; font-size:18px; font-family:Arial, Helvetica, sans-serif;  font-weight:normal; color:#666; background:url(../images/xt.jpg) no-repeat bottom center;line-height: 30px;text-transform: uppercase; }

.mr0{ margin-right:0 !important;}



.banner1{margin:50px auto 0 auto;width:100%; height:247px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .zx1{ width:440px; float:right;margin:85px 25px 0 0;color:#fff; font-size:18px;font-weight:bold;}

.banner1 .zx .zx1 .rx{float:left;color:#fff; font-size:16px;margin-top:85px;}

.banner1 .zx img{margin:78px 0 20px 60px;}



.review{width:1180px;margin:30px auto 0 auto;height:auto;}

.review_title{width:236px;margin:0 auto;height:388px; background:url(../images/jz_t.jpg) no-repeat center; float:left;}

.review_title h3 a {font-size:24px;color:#fff; text-align:center; font-weight:bold; display:block; }

.review_title h3 span {font-size:14px;color:#fff; text-align:center; font-weight:normal; display:block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; margin-top: 140px; }

.review_title .more{font-size:14px;color:#fff; text-align:center; line-height:24px;display:block; border:1px solid #bfbfbf;width:80px; text-align:center; margin:20px auto 0 auto;}

.review_title .more a{font-size:14px;color:#fff; text-align:center; line-height:24px; display:block; font-weight:bold;}

.review_nr{width:940px; height:410px; margin:0px auto 0 auto; float:right;}



.review_nr ul li{width:280px; float:left;height:388px;margin:0 16px 0 16px;}

.review_nr ul li .img{width:280px; margin:15px 10px;}

.review_nr ul li .img img{width:278px;height:160px; border:1px solid #dbdbdb;}

.review_nr ul li .neir{width:280px; height:210px;margin-top:15px;}

.review_nr ul li .neir h5 a{font-size:14px;color:#008ae2; font-weight:bold;text-align:center; margin:10px 25px; height:30px; display:block; background:url(../images/xt.jpg) no-repeat bottom center;}

.review_nr ul li .neir p{font-size:12px;color:#545454;line-height:200%; overflow:hidden;margin:0 10px; height:100px; overflow:hidden;}

.review_nr ul li .xq{width:185px;height:34px; border:1px solid #dbdbdb; margin:8px auto;}

.review_nr ul li .xq a{color:#545454; line-height:34px; text-align:center; display:block; font-size:14px;}



.ab_bg{width:100%;margin:30px auto 0 auto; height:830px; background:url(../images/ab_bg.jpg) no-repeat center;}

.about{width:1180px;margin:0px auto 0 auto; height:420px;padding-top:50px; }

.about .img{ float:right; width:486px; height:348px;}

.about .img img{width:478px; height:340px; padding:3px; border:1px solid #dbdbdb;}

.about  .box{width:540px; height:419px; float:left; background:url(../images/ab_nr.png) no-repeat left center;padding-left:120px;}

.about  .box h3 a{font-size:18px;color:#008ae2; line-height:50px;font-weight:bold; display:block; margin-top:50px;}

.about  .box h3 span{font-size:16px;color:#cfcfcf;font-weight:normal; font-family:Arial, Helvetica, sans-serif;}

.about  .box p{ font-size:14px;width:530px; text-indent:2em; line-height:30px; color:#545454;margin:15px 20px 0 0px;height:150px; overflow:hidden;}

.about  .box .xq { margin:10px 0px 0 0px; width:154px;height:45px; line-height:45px;float:left; background:url(../images/more1.png) no-repeat center;}

.about  .box .xq a{display:block; color:#333;font-size:14px; font-weight:bold; text-align:left;padding-left:28px;}



.rongyu{ width:1180px; height:290px;  margin:10px auto 0 auto;}

.rongyu .ttt{ width:1180px; height:50px; margin:0 auto; border-bottom:1px solid #c9c9c9;}

.rongyu .ttt ul{height:63px;margin:0 auto; width:580px; float:left;}

.rongyu .ttt li{font-family: microsoft yahei; float:left; width:100px;  height:63px;  text-align:center; line-height:63px;cursor:pointer; color:#333; }

.rongyu .ttt li a{ font-size:18px; color:#333; font-weight:bold;}

.rongyu .ttt li a:hover{color:#008ae2;}
.rongyu .ttt .hover a {color:#008ae2;}

.rongyu .ttt li.mouseover a{color:#008ae2;}

.rongyu .tabcont{ width:1180px; float:left; height:auto;clear:both;}

.rongyu .tabcont .tabc{width:1180px; float:left; height:215px;clear:both; overflow:hidden;}

.rongyu .tabcont .tabc ul li{ width:279px; float:left;margin:0 15px; margin-top:5px;}

.rongyu .tabcont .tabc ul li:hover{}

.rongyu .tabcont .tabc ul li img{ width:275px; height:170px; border:4px solid #e2e2e2;}

.rongyu .tabcont .tabc ul li span{ width:275px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }





.banner2{margin:0 auto;width:100%; height:242px; 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 0px 0 50px; }

.banner2 .zx .zx1 .rexian{color:#fff;font-size:16px;margin: 25px 0 0 20px; font-weight:bold;}

.banner2 .zx img{margin:20px 0 0px 25px;}





.trends{margin: 50px auto 0 auto;width:1180px; height:400px; overflow:hidden; }

.trends .tab_menu{ width:910px; height:410px; float:left;}

.tab_menu .ttt{ width:185px; height:363px; background:url(../images/news_t.jpg) no-repeat center; float:left;}

.tab_menu .ttt ul{ width:185px;margin:150px auto 0px auto;}

.tab_menu li h3 a{font-size:18px;color:#fff; font-weight:bold; display:block; text-align:center;}

.tab_menu .ttt li{ width:120px; height:36px; text-align:center; line-height:36px;cursor:pointer; color:#fff; border:1px solid #fff; margin:20px auto ; }

.tab_menu .ttt li:hover{ background:#ffc803; }

.tab_menu .ttt .hover{ background:#ffc803; }

.tab_menu .tabcont{ width:680px; float:left; height:auto; margin-left:20px;}
.tab_menu .tabcont .tabc{width:680px; float:left; height:auto;}

.tab_menu .tabc .box_nr{width:680px; margin:0 auto;height:172px;}

.tab_menu .tabc .box_nr img{float:left;width:263px;height:167px;border:1px solid #c3c3c3;}

.tab_menu .tabc .box_nr p{ float:left;margin-left:15px;line-height:200%; text-indent:2em;padding-top:10px;font-size:12px;height:75px;overflow: hidden; color:#666;width:368px;}

.tab_menu .tabc .box_nr .more{color:#333;font-size:14px;margin:20px 0 0 20px; float:left; width:126px; height:34px; display:block; text-align:center; background:#ffc803; line-height:34px;}

.tab_menu .tabc .news{margin-top:10px;}

.tab_menu .tabc ul li{width:49%; float:left;line-height:300%; padding-left:5px; background:url(../images/buttom.jpg) no-repeat left; border-bottom:1px dashed #e4e4e4;}

.tab_menu .tabc ul li.last{ overflow:none;}

.tab_menu .tabc ul li span{ float:right; padding-right:15px; font-size:12px;}

.news ul li a{ font-size:14px; color:#333; float:left;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:230px; }

.tab_menu .tabc .box_nr h5 a {float:left;margin-left:15px;font-size:12px;color:#333;}



.trends .left{width:260px;float:right;height:410px; background:#fff;}

.trends .left .question_title{height:44px; margin:0 10px;border-bottom:1px solid #c8c8c8;}

.trends .left .question_title h3 a{ float:left;font-size:16px; color:#008ae2; line-height:44px; font-weight:bold; }

.trends .left .question_title .more{ float:right;font-size:14px; color:#333;line-height:44px;margin-right:5px;}

.trends .left ul li{margin:20px auto;border-bottom:1px dashed #e1e1e1;}

.trends .left .question{ line-height:200%; height:305px; margin:20px 8px 0 8px; overflow:hidden;}

.trends .wen a{color:#333;font-size:12px; line-height:20px; background:url(../images/q.jpg) no-repeat left center;padding-left:25px;}

.trends .right .question ul li{border-bottom:1px dotted #a0a0a0;margin:12px auto;}

.trends .da{margin:10px auto;}

.trends .da p{color:#333;font-size:12px; line-height:20px;background:url(../images/a.jpg) no-repeat left top;padding-left:25px;}



.catenate{margin:30px auto; width:1180px;height:52px;line-height:52px; border-bottom:1px solid #dcdcdc;}

.catenate .link{float:left;font-size:18px;color:#008ae2;line-height:52px;width:160px; font-weight:bold; }

.catenate .yq a{font-size:14px;color:#333; float:left; line-height:25px; text-align:center;margin-left:10px;}
.catenate .yq {
    float: left;
    width: 1010px;
}