/*首页产品*/
.producttit{width:100%; height:69px; background:url(../image/pro_b.png) center no-repeat; line-height:69px;text-align:center; color:#000000; font-size:35px; font-family:微软雅黑; margin-top:48px; margin-bottom:40px;}
.productxiao{width:100%; height:30px; line-height:30px; color:#999999; font-size:15px; font-family:微软雅黑; text-align:center; padding-bottom:48px;}
.product{width:1385px; height:auto; margin:auto;}
.product .shang{width:1350px; height:600px;}
.product .shang .left{width:530px; height:600px; float:left;}
.product .shang .left .pro1{width:520px; height:224px;position:relative; float:left; overflow:hidden; margin-bottom:8px;}
.product .shang .left .pro1 img{width:520px; height:224px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .shang .left .pro1:hover img{transform:scale(1.2);}
.product .shang .left .pro1 .txt{width:414px; height:140px; padding:42px 53px; position:relative; z-index:2; color:#fff;}
.product .shang .left .pro1 .txt .txt1{width:414px; height:39px; line-height:39px; font-size:22px;}
.product .shang .left .pro1 .txt .txt1 a{color:#fff;}
.product .shang .left .pro1 .txt .txt2{width:414px; height:79px; line-height:23px; font-size:14px;}
.product .shang .left .pro1 .txt .txt3{width:auto; height:22px; line-height:22px; font-size:14px; float:left;}
.product .shang .left .pro1 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #fff; border-radius:10px; color:#fff; float:left; text-align:center; margin-left:10px;}
.product .shang .left .pro1 .txt .moress a{color:#fff; text-decoration:none;}
.product .shang .left .pro1:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #369; border-radius:10px; color:#369; float:left;}
.product .shang .left .pro1:hover .txt .moress a{color:#369; text-decoration:none;}
.product .shang .left .pro1:hover .txt{color:#369;}
.product .shang .left .pro1:hover .txt .txt1 a{color:#369;}

.product .shang .left .pro2_com{width:520px; height:359px;position:relative; float:left; overflow:hidden; margin-bottom:9px;}
.product .shang .left .pro2{width:520px; height:359px; float:left; overflow:hidden;}
.product .shang .left .pro2 img{width:520px; height:359px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .shang .left .pro2:hover img{transform:scale(1.2);}
.product .shang .left .pro2 .txt{width:414px; height:140px; padding:270px 53px 0px 53px; position:relative; z-index:2; color:#000;}
.product .shang .left .pro2 .txt .txt1{width:auto; height:26px; line-height:26px; font-size:20px; float:left;}
.product .shang .left .pro2 .txt .txt1 a{color:#000;}
.product .shang .left .pro2 .txt .txt2{width:414px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; float:left;}
.product .shang .left .pro2 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; float:left; text-align:center; margin-top:2px; margin-left:10px;}
.product .shang .left .pro2 .txt .moress a{color:#000; text-decoration:none;}
.product .shang .left .pro2:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000; float:left;}
.product .shang .left .pro2:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .shang .left .pro2:hover .txt{color:#645000;}
.product .shang .left .pro2:hover .txt .txt1 a{color:#645000;}

.product .shang .right{width:820px; height:600px; float:right;}
.product .shang .right .pro3{width:820px; height:407px;position:relative; float:left; overflow:hidden; margin-bottom:9px; text-align:center;}
.product .shang .right .pro3 img{height:100%; transform:scale(1); transition:all ease-in-out .5s;}
.product .shang .right .pro3:hover img{transform:scale(1.2);}
.product .shang .right .pro3 .back{width:820px; height:407px; position:absolute; z-index:1;left:0;top:0; background:rgba(0,0,0,.2);}
.product .shang .right .pro3 .txt{width:714px; height:140px; padding:311px 53px 0px 53px; position:absolute; z-index:2; color:#000;left:0;top:0; text-align:left;}
.product .shang .right .pro3 .txt .txt1{width:auto; height:26px; line-height:26px; font-size:20px; float:left;}
.product .shang .right .pro3 .txt .txt1 a{color:#000;}
.product .shang .right .pro3 .txt .txt2{width:714px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; float:left;}
.product .shang .right .pro3 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; float:left; text-align:center; margin-top:2px; margin-left:10px;}
.product .shang .right .pro3 .txt .moress a{color:#000; text-decoration:none;}
.product .shang .right .pro3:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000; float:left;}
.product .shang .right .pro3:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .shang .right .pro3:hover .txt{color:#645000;}
.product .shang .right .pro3:hover .txt .txt1 a{color:#645000;}

.product .shang .right .pro4{width:405px; height:175px;position:relative; float:left; overflow:hidden; margin-bottom:9px;}
.product .shang .right .pro4 img{width:405px; height:175px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .shang .right .pro4:hover img{transform:scale(1.2);}
.product .shang .right .pro4 .txt{width:299px; height:140px; padding:90px 53px 0px 53px; position:relative; z-index:2; color:#000;}
.product .shang .right .pro4 .txt .txt1{width:auto; height:26px; line-height:26px; font-size:20px; float:left;}
.product .shang .right .pro4 .txt .txt1 a{color:#000;}
.product .shang .right .pro4 .txt .txt2{width:299px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; float:left;}
.product .shang .right .pro4 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; float:left; text-align:center; margin-top:2px; margin-left:10px;}
.product .shang .right .pro4 .txt .moress a{color:#000; text-decoration:none;}
.product .shang .right .pro4:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000; float:left;}
.product .shang .right .pro4:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .shang .right .pro4:hover .txt{color:#645000;}
.product .shang .right .pro4:hover .txt .txt1 a{color:#645000;}

.product .shang .right .pro5{width:405px; height:175px;position:relative; float:left; overflow:hidden; margin-left:10px; margin-bottom:9px;}
.product .shang .right .pro5 img{width:405px; height:175px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .shang .right .pro5:hover img{transform:scale(1.2);}
.product .shang .right .pro5 .txt{width:299px; height:140px; padding:90px 53px 0px 53px; position:relative; z-index:2; color:#000;}
.product .shang .right .pro5 .txt .txt1{width:auto; height:26px; line-height:26px; font-size:20px; float:left;}
.product .shang .right .pro5 .txt .txt1 a{color:#000;}
.product .shang .right .pro5 .txt .txt2{width:299px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; float:left;}
.product .shang .right .pro5 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; float:left; text-align:center; margin-top:2px; margin-left:10px;}
.product .shang .right .pro5 .txt .moress a{color:#000; text-decoration:none;}
.product .shang .right .pro5:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000; float:left;}
.product .shang .right .pro5:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .shang .right .pro5:hover .txt{color:#645000;}
.product .shang .right .pro5:hover .txt .txt1 a{color:#645000;}

.product .xia{width:1350px; height:171px;}
.product .xia .pro6{width:331px; height:171px;position:relative; float:left; overflow:hidden;}
.product .xia .pro6 img{width:331px; height:171px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .xia .pro6:hover img{transform:scale(1.2);}
.product .xia .pro6 .txt{width:331px; height:140px; padding:50px 0px 0px 0px; position:relative; z-index:2; color:#000;}
.product .xia .pro6 .txt .txt1{width:331px; height:26px; line-height:26px; font-size:20px; text-align:center;}
.product .xia .pro6 .txt .txt1 a{color:#000;}
.product .xia .pro6 .txt .txt2{width:331px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; text-align:center;}
.product .xia .pro6 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; text-align:center; margin:auto; margin-top:2px;}
.product .xia .pro6 .txt .moress a{color:#000; text-decoration:none;}
.product .xia .pro6:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000;}
.product .xia .pro6:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .xia .pro6:hover .txt{color:#645000;}
.product .xia .pro6:hover .txt .txt1 a{color:#645000;}

.product .xia .pro7{width:331px; height:171px;position:relative; float:left; overflow:hidden; margin-left:9px;}
.product .xia .pro7 img{width:331px; height:171px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .xia .pro7:hover img{transform:scale(1.2);}
.product .xia .pro7 .txt{width:331px; height:140px; padding:50px 0px 0px 0px; position:relative; z-index:2; color:#000;}
.product .xia .pro7 .txt .txt1{width:331px; height:26px; line-height:26px; font-size:20px; text-align:center;}
.product .xia .pro7 .txt .txt1 a{color:#000;}
.product .xia .pro7 .txt .txt2{width:331px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; text-align:center;}
.product .xia .pro7 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; text-align:center; margin:auto; margin-top:2px;}
.product .xia .pro7 .txt .moress a{color:#000; text-decoration:none;}
.product .xia .pro7:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000;}
.product .xia .pro7:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .xia .pro7:hover .txt{color:#645000;}
.product .xia .pro7:hover .txt .txt1 a{color:#645000;}

.product .xia .pro8{width:331px; height:171px;position:relative; float:left; overflow:hidden; margin-left:9px;}
.product .xia .pro8 img{width:331px; height:171px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .xia .pro8:hover img{transform:scale(1.2);}
.product .xia .pro8 .txt{width:331px; height:140px; padding:50px 0px 0px 0px; position:relative; z-index:2; color:#000;}
.product .xia .pro8 .txt .txt1{width:331px; height:26px; line-height:26px; font-size:20px; text-align:center;}
.product .xia .pro8 .txt .txt1 a{color:#000;}
.product .xia .pro8 .txt .txt2{width:331px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; text-align:center;}
.product .xia .pro8 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; text-align:center; margin:auto; margin-top:2px;}
.product .xia .pro8 .txt .moress a{color:#000; text-decoration:none;}
.product .xia .pro8:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000;}
.product .xia .pro8:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .xia .pro8:hover .txt{color:#645000;}
.product .xia .pro8:hover .txt .txt1 a{color:#645000;}

.product .xia .pro9{width:331px; height:171px;position:relative; float:left; overflow:hidden; margin-left:8px;}
.product .xia .pro9 img{width:331px; height:171px; transform:scale(1); transition:all ease-in-out .5s; position:absolute; z-index:1;}
.product .xia .pro9:hover img{transform:scale(1.2);}
.product .xia .pro9 .txt{width:331px; height:140px; padding:50px 0px 0px 0px; position:relative; z-index:2; color:#000;}
.product .xia .pro9 .txt .txt1{width:331px; height:26px; line-height:26px; font-size:20px; text-align:center;}
.product .xia .pro9 .txt .txt1 a{color:#000;}
.product .xia .pro9 .txt .txt2{width:331px; height:28px; line-height:28px; font-size:14px; text-transform:uppercase; text-align:center;}
.product .xia .pro9 .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #000; border-radius:10px; color:#000; text-align:center; margin:auto; margin-top:2px;}
.product .xia .pro9 .txt .moress a{color:#000; text-decoration:none;}
.product .xia .pro9:hover .txt .moress{width:20px; height:20px; line-height:20px; border:1px solid #645000; border-radius:10px; color:#645000;}
.product .xia .pro9:hover .txt .moress a{color:#645000; text-decoration:none;}
.product .xia .pro9:hover .txt{color:#645000;}
.product .xia .pro9:hover .txt .txt1 a{color:#645000;}


.product .procon{width:285px; height:400px; border-top:1px solid #83c44e; background:#fff;}
.product .procon .pimg{width:261px; height:211px;overflow:hidden; margin:19px 12px;}
.product .procon .pimg img{width:261px; height:211px; transform:scale(1); transition:all ease-in-out .5s;}
.product .procon .ptit{width:261px; height:125px; transition:all ease-in-out .5s; color:#83c44e; font-family:幼圆; text-align:center; padding-top:26px; margin:auto;}
.product .procon .ptit a{color:#83c44e; text-decoration:none; line-height:41px; font-size:16px;}
.product .procon .ptit a:hover{color:#369; text-decoration:none;}
.product .procon .ptit p{width:261px; height:44px; font-size:12px; line-height:20px; font-family:微软雅黑; color:#b0b0b0;}
.product .procon .ptit .mores{width:261px; height:40px; font-size:17px; line-height:40px; font-family:微软雅黑; text-align:center; color:#333;}
.product .procon:hover .pimg img{transform:scale(1.2);}
.product .procon:hover .ptit a{color:#369;}
.product .procon:hover{width:285px; height:400px; border-top:1px solid #369; background:#fff;}

.productmorecon{width:170px; height:43px; margin:auto; margin-bottom:58px; text-align:center; font-size:16px; line-height:43px; font-family:微软雅黑; color:#fff; background:#369;}
.productmorecon .productmore{width:150px; height:43px;
background:#00a1af;
transition:width 0.5s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition:width 0.5s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition:width 0.5s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition:width 0.5s;
-o-transition-timing-function:linear;
}
.productmorecon .productmore a{color:#fff; text-decoration:none;font-size:16px;}
.productmorecon .productmore:hover{width:170px;}



.index_pro_box{height:854px; margin-top:141px;}
.index_pro_center{ width:1350px; margin:0 auto;}
.pro_class{ width:232px; text-align:left; float:left;}
.pro_class ul li{
    display: inline-block;
    width:230px;
    height:69px;
    line-height:69px;
    text-align:left;
    color: #333;
    transition: all ease-in-out .3s;
    cursor: pointer;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
    background:#fff;
    font-size:15px;
	text-indent:20px;
    }
.pro_class ul .active-sort1{    
    color: #333;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
    background:#eeeeee;}
.pro_class ul li:hover{color: #369;background: url(../image/pro_b-.png) no-repeat;} 

.index_pro_conss{ width:1226px; overflow:hidden; margin-top:37px;}
.index_pros{ float:left;margin:13px; cursor:pointer;}
.index_pros ul .index_pro_img{ width:280px; height:208px; overflow:hidden;}
.index_pros ul .index_pro_img img{width:280px; height:208px; transform:scale(1); transition:all ease-in-out .5s;}
.index_pros .index_pro_text{height:120px; transition:all ease-in-out .5s;  }

.index_pros .index_pro_text li{ height:55px; line-height:55px;}
.index_pros .index_pro_text h2{ text-align:center; font-size:14px; color:#333; font-weight:normal; border-bottom:1px  dashed #c3c3c5; transition:all ease-in-out .5s;}
.index_pros .index_pro_text li .xq{width:140px; float:left; text-align:center; height:60px; line-height:60px ; background:url(../image/xq.jpg) no-repeat center center}
.index_pros .index_pro_text li .zx{width:140px; float:left; text-align:center; height:60px; line-height:60px ; background:url(../image/zx.jpg) no-repeat center center}
.index_pros .index_pro_text h3{ text-align:center; font-size:12px; color:#FFFFFF; text-transform:uppercase; transition:all ease-in-out .5s;}
.index_pros:hover ul .index_pro_img img{transform:scale(1.2);}
.index_pros:hover .index_pro_text{ background-color:#fff;}
.index_pros:hover .index_pro_text h2{ color:#000;}
.index_pros:hover .index_pro_text h3{ color:#fff;}


.index_pro_con1{ width:1350px; overflow:hidden; margin-top:38px;}
.index_pro1{ float:left; margin:0 25px; margin-bottom:24px; cursor:pointer;}
.index_pro1 ul .index_pro_img{ width:250px; height:332px; overflow:hidden;}
.index_pro1 ul .index_pro_img img{ width:100%; transform:scale(1); transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text{ background-color:#362d26; height:64px; transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text h2{ text-align:center; font-size:16px; color:#bcbcbc; padding-top:12px; transition:all ease-in-out .5s;}
.index_pro1 .index_pro_text h3{ text-align:center; font-size:12px; color:#bcbcbc; text-transform:uppercase; transition:all ease-in-out .5s;}
.index_pro1:hover ul .index_pro_img img{transform:scale(1.2);}
.index_pro1:hover .index_pro_text{ background-color:#834200;}
.index_pro1:hover .index_pro_text h2{ color:#fff;}
.index_pro1:hover .index_pro_text h3{ color:#fff;}




.proclass{ width:270px; height:auto; overflow:hidden;}
.proclass_tit{ width:270px; height:87px; overflow:hidden;}
.proclass_con{ width:270px; height:auto; overflow:hidden;}
.xian_bot{ width:270px; height:2px; overflow:hidden; background:#369;}
.proclass_con ul{ width:270px; height:auto; overflow:hidden;}
.proclass_con ul li{ width:270px; height:57px; line-height:57px; background:url(../image/hleft.jpg) no-repeat; text-indent:30px; font-size:14px;}
.proclass_con ul li a{ width:270px; height:57px;  display:block;  background:url(../image/hleft.jpg) no-repeat; color:#333;}
.proclass_con ul li a:hover{width:270px; height:57px; background:url(../image/hleft-.jpg) no-repeat; color:#333;}

.index_pro{ width:960px; height:auto; overflow:hidden;}
.index_pro_tit{ width:960px; height:89px; overflow:hidden; border-bottom:1px solid #b9b9b9;}
.ny_tit{ width:960px; height:89px; overflow:hidden; line-height:89px; background:url(../image/icon.jpg) no-repeat center left; text-indent:20px;}

.more{ width:87px; height:22px; overflow:hidden; float:right; background:url(../image/more.jpg) no-repeat top center; margin-top:42px;  line-height:22px; text-indent:5px;}
.more a{ color:#ffffff;}
.tit_ch{ width:auto; float:left; overflow:hidden; font-size:24px; color:#369;}
.tit_en{ width:auto; float:left; overflow:hidden; font-size:16px; text-transform:uppercase; color:#808080; line-height:100px; text-indent:10px;}
.index_pro_con{ width:960px; height:auto; overflow:hidden;}

.index_pro_con .list{position: relative;overflow: hidden;float: left; width: 960px;height: auto;}
.index_pro_con ul{width: 960px;}
.index_pro_con li{position: relative;overflow: hidden;width:300px;height:341px; background:#fff; margin-left: 20px; margin-bottom:0px; display: inline;float:left;}
.index_pro_con p{ text-align:center; line-height:50px;width:300px;}
.index_pro_con .pv{width:300px;height:40px; float:left;}
.index_pro_con .pv .xiangqing{width:143px;height:40px; float:left;}
.index_pro_con .pv .xiangqing a{ text-decoration:none;}
.index_pro_con .pv .zixun{width:143px;height:40px; float:right;}
.index_pro_con .pv .zixun a{ text-decoration:none;}
.index_pro_con .bg{ position: absolute; left: 0; top:341px; width: 100%; height: 100%; background: #000;filter:alpha(opacity=50); opacity: 0.50;}
.index_pro_con .price{ display: inline-block; position: absolute; left: -100%; top: 60px; width: 100%; font-size:14px; color: #fff;text-align: center;}
.index_pro_con .button{display: inline-block;position: absolute; left:-120px;top: 100px;width:120px; height:40px; background:#369;font-size: 14px;line-height:35px;color: #fff;text-align: center;}


/*首页关于我们*/
.syabout{width:100%; height:701px; background:url(../image/about.jpg) no-repeat center;}
.syabout .aboutcon{width:1350px; height:701px; margin:auto;}
.syabout .aboutcon .aboutleft{width:511px; height:395px; float:right;line-height:34px;font-size:15px;color:#333;text-align:left;font-family:"微软雅黑"; margin-top:108px;}
.syabout .aboutcon .aboutright{width:514px; height:517px; float:left; line-height:29px;font-size:15px;color:#000;text-align:right;font-family:"微软雅黑"; margin-top:108px;}
.syabout .aboutcon .aboutright .rightcen{width:514px; height:576px; margin-top:56px;}


/*首页合作客户*/
.hezuotit{width:1350px; height:70px; line-height:35px;text-align:center; color:#000000; font-size:21px; margin:auto; margin-top:50px; margin-bottom:15px; overflow:hidden;}
.hezuotit span{color:#636161; font-size:16px;}
.hezuomore{width:136px; height:30px; line-height:30px; border:1px solid #bbbbbb; color:#8a8a8a; font-size:13px; text-align:center; text-decoration:none; margin:auto; margin-bottom:30px; transition:all ease-in-out .5s;}
.hezuomore:hover{width:136px; height:30px; line-height:30px; border:1px solid #369; background:#369; color:#000;}
.hezuomore a{color:#8a8a8a;}
.hezuomore:hover a{color:#000;}
.syhezuo{width:1350px; height:164px; margin:auto; margin-bottom:40px;}

/*首页新闻*/
.synews{width:1350px; height:630px; margin:auto;}
.synews .newstit{width:1350px; height:70px; line-height:35px;text-align:center; color:#000000; font-size:21px; margin-top:37px; margin-bottom:15px;}
.synews .newstit span{color:#636161; font-size:16px;}
.synews .newsmore{width:136px; height:30px; line-height:30px; border:1px solid #bbbbbb; color:#8a8a8a; font-size:13px; text-align:center; text-decoration:none; margin:auto; margin-bottom:30px; transition:all ease-in-out .5s;}
.synews .newsmore:hover{width:136px; height:30px; line-height:30px; border:1px solid #369; background:#369; color:#000;}
.synews .newsmore a{color:#8a8a8a;}
.synews .newsmore:hover a{color:#000;}


.synews .news1{width:642px; height:441px; float:left;}
.boxgrid{width: 642px; height: 441px; float:left; background:#161613; overflow: hidden; position: relative; }
.boxgrid img{position:absolute; top: 0; left: 0; border: 0;}
.boxgrid p{padding:30px; color:#fff; font-weight:bold; font:12pt "Lucida Grande", Arial, sans-serif; line-height:30px; text-transform:uppercase;}
.boxgrid p span{color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; line-height:50px;}


.synews .news1:hover .txtt{width:330px; height:401px; float:right; background:rgba(252,203,5,.8); color:#000; line-height:28px; padding:20px; font-size:14px;}
.synews .news1:hover .txtt span{color:#000; line-height:80px; margin-bottom:20px; padding:10px 0px;font-size:18px; border-bottom:2px solid #000;}
.synews .news1 .txtt{width:330px; height:401px; float:right; background:rgba(0,0,0,.8); color:#fff; line-height:28px; padding:20px; font-size:14px;}
.synews .news1 .txtt span{color:#fff; line-height:80px; margin-bottom:20px; padding:10px 0px;font-size:18px; border-bottom:2px solid #fff;}


.synews .news2{width:678px; height:439px; float:right;border:1px solid #cccccc; background:url(../image/news_back.jpg) top no-repeat;}
.synews .news2 .newtitr{width:352px; height:91px; line-height:29px; font-size:16px; color:#000; font-family:"微软雅黑"; text-align:left;}
.synews .news2 .newtitr a{color:#000; text-decoration:none;}
.synews .news2 .newtitr a:hover{color:#369; text-decoration:none;}
.synews .news2 .newtitr p{width:352px; height:62px; line-height:24px; font-size:14px; color:#6b6b6b;}
.synews .news2 .newtitr p span{color:#000; text-decoration:none; float:right;}


.synews .news2 .news_left{width:648px; height:441px; margin:auto;}
.synews .news2 .news_left .newss1{width:648px; height:166px; border-bottom:1px solid #cccccc; line-height:24px; font-size:14px; color:#636262; font-family:"微软雅黑"; text-align:left; margin-bottom:10px;}
.synews .news2 .news_left .newss1 img{width:204px; height:140px; float:left;}
.synews .news2 .news_left .newss1 .newtits{width:418px; height:166px; float:right;}
.synews .news2 .news_left .newss1 .newtits .p1{width:418px; line-height:25px; font-size:18px; color:#333;}
.synews .news2 .news_left .newss1 .newtits .p1 a{color:#333; text-decoration:none;}
.synews .news2 .news_left .newss1 .newtits .p1 a:hover{color:#143e8b; text-decoration:none;}
.synews .news2 .news_left .newss1 .newtits .p2{width:418px; height:72px; padding-top:14px;}
.synews .news2 .news_left .newss1 .newtits .p3{width:418x; height:55px; line-height:55px;}
.synews .news2 .news_left .newss1 .newtits .p3 span{float:left;}
.synews .news2 .news_left .newss1 .newtits .p3 a{float:right; text-decoration:none; padding-left:30px; background:url(../image/news_more.jpg) center left no-repeat;color:#636262;}
.synews .news2 .news_left .newss1 .newtits .p3 a:hover{color:#143e8b; text-decoration:none;}

.synews .news2 .news_left .news3{width:648px; height:35px; line-height:24px; font-size:14px; color:#636262; font-family:"微软雅黑"; text-align:left;}
.synews .news2 .news_left .news3 .p1{width:648px; line-height:35px; font-size:18px; color:#333;}
.synews .news2 .news_left .news3 .p1 a{color:#333; text-decoration:none;}
.synews .news2 .news_left .news3 .p1 a:hover{color:#143e8b; text-decoration:none;}
.synews .news2 .news_left .news3 .p2{width:648px; height:30px;}
.synews .news2 .news_left .news3 .p3{width:648x; height:35px; line-height:35px;}
.synews .news2 .news_left .news3 .p3 span{float:left; font-size:15px;}
.synews .news2 .news_left .news3 .p3 a{float:right; text-decoration:none; padding-left:30px; background:url(../image/news_more.jpg) center left no-repeat;color:#636262;}
.synews .news2 .news_left .news3 .p3 a:hover{color:#143e8b; text-decoration:none;}



/*首页技术*/
.sytechnology{width:100%; height:auto;}
.sytechnology .jscon{width:1350px; height:285px; padding-top:37px; margin:auto;font-family:"微软雅黑";line-height:28px; font-size:15px; color:#fff;}
.sytechnology .jscon .jsleft{width:513px; height:257px; float:left;}
.sytechnology .jscon .jsleft p{width:513px; padding-top:28px; text-align:left;}
.sytechnology .jscon .jsright{width:530px; height:257px; float:right;}
.sytechnology .jscon .jsright p{width:530px; padding-top:28px; text-align:left;}
.sytechnology .jscon .jscenter{width:157px; height:285px; float:left; background:url(../image/js_c.png) bottom no-repeat;}


.sycontact{width:100%; height:545px; background:url(../image/contact.jpg) center no-repeat; border-bottom:1px solid #dfdfdf;}
.sycontact .contactcon{width:1350px; height:545px; margin:auto;}
.sycontact .contactcon .left{width:435px; height:413px; float:left; margin-top:132px;}
.sycontact .contactcon .left .lxfs{width:435px; height:188px; line-height:28px; font-size:15px; color:#333;font-family:"微软雅黑"; text-align:left;}
.sycontact .contactcon .left .sousuo1{width:435px; height:42px; line-height:42px; font-size:14px; color:#7c7c7c;font-family:"微软雅黑"; text-align:left;}
.sycontact .contactcon .left .sousuo2{width:435px; height:45px;}


.sylink{width:100%; height:150px; }

.mingxing{ width:900px; height:auto; overflow:hidden; padding-top:25px;}

.mingxing .list{position: relative;overflow: hidden;float: left; width: 900px;height: auto;}
.mingxing ul{width: 900px;}
.mingxing li{position: relative;overflow: hidden;width: 212px;height: 255px; margin-right: 17px; margin-bottom:22px; display: inline;float:left;}
.mingxing p{ text-align:center; line-height:35px;}
.mingxing .bg{ position: absolute; left: 0; top: 253px; width: 100%; height: 100%; background: #000;filter:alpha(opacity=68); opacity: 0.68;}
.mingxing .price{ display: inline-block; position: absolute; left: -100%; top: 100px; width: 100%; font-size:18px; color: #fff;text-align: center;}
.mingxing .button{display: inline-block;position: absolute; left:-92px;top: 140px;width: 91px;background: url(../image/bg_btn02.png) no-repeat;font-size: 14px;line-height: 30px;color: #fff;text-align: center;}



.index_02{ width:100%; height:695px; overflow:hidden; margin-top:25px; background:url(../image/index_02_bg.jpg) no-repeat top center;}
.index_02_tit{ width:1350px; height:auto; overflow:hidden; text-align:center; margin-top:65px;}
.index_03_tit{  width:1350px; height:auto; overflow:hidden; text-align:center;}

.sgtb{ width:100%; height:130px; border-top:1px solid #d7d7d7; margin-top:32px;}
.sgtb_mid{ width:1350px; height:auto; overflow:hidden; margin:0 auto;}
.sgtb_mid ul{width:1350px; height:auto; overflow:hidden;}
.sgtb_mid ul li{ width:315px; height:auto; overflow:hidden; float:left; padding-left:85px; padding-top:32px;}
.sgtb_left{ width:70px; height:70px; overflow:hidden; float:left;}
.sgtb_rig{ width:220px; height:auto; float:left; overflow:hidden; padding-left:25px;}
.sgtb_rig h2{ width:220px; height:38px; line-height:40px; font-size:20px; font-weight:normal;}
.sgtb_rig p{ color:#666666; line-height:20px;}


.tab_box{width:1384px; margin:auto;}
.lyz_tab_left{ width:1384px; height:107px;}
.lyz_tab_left UL{ padding:0px; width:1384px; list-style-type: none; margin:auto; text-align:center;}
.lyz_tab_left UL LI{border-right:1px solid #e1e3e9; cursor:pointer; color:#666; line-height:30px; text-align:center; font-size:16px; width:191px; height:107px; overflow:hidden; float:left;}
.lyz_tab_left UL LI p{width:auto; height:48px; color:#666;}
.lyz_tab_left UL LI img{width:auto; height:59px; display:inline-block; position: relative;}
.lyz_tab_left UL LI:hover{border-right:1px solid #e1e3e9; color:#2173ff;}
.lyz_tab_left UL LI:hover img{width:auto; height:59px; margin:auto; position: relative;left:-350px; -webkit-filter:drop-shadow(#369 350px 0);filter:drop-shadow(#369 350px 0);}
.lyz_tab_left UL LI:hover p{width:auto; height:48px; color:#666;}
.lyz_tab_left UL LI.hover{border-right:1px solid #e1e3e9; color:#2173ff;}
.lyz_tab_left UL LI.hover img{width:auto; height:59px; margin:auto; position: relative;left:-350px; -webkit-filter:drop-shadow(#369 350px 0);filter:drop-shadow(#369 350px 0);}
.lyz_tab_right{width:1384px; height:auto; padding-top:50px;}
.clear{ clear:both}
 .bottom_contact{
	width:1384px;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items {
	position: relative;
	margin: 0 auto;
	/*margin-top: 60px;*/
	top: 700px;
	width:1384px;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .8s ease-in-out 0s;
	-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;
	transition: all .8s ease-in-out 0s;
}
.bottom_contact.active .swiper-container.items {
	top: 0px;
	width: 1384px;
}
.bottom_contact .swiper-container.items .swiper-slide {
	width:315px;
	margin:0 15px;
	background:#e6e6e6;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
	float:left;
}
.bottom_contact .swiper-container.items .swiper-slide img {
	width:313px;
	height:313px;
	border:1px solid #d7d7d7;
	vertical-align:middle
}
.bottom_contact .swiper-container.items .swiper-slide .shade {
	position: absolute;
	width:315px;
	height:238px;
	margin-top: -238px;
	background: Black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index:1;
}
.bottom_contact .swiper-container.items .swiper-slide .shade u {
	display: block;
	margin: 0 auto;
	margin-top:90px;
	width:56px;
	height:56px;
	background: url(../image/icons.png) no-repeat
}
.bottom_contact .swiper-container.items .swiper-slide p {
	position:absolute;
	margin:20px;
	color:#333;
	font-size:14px;
	line-height:25px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index:1;
}
.bottom_contact .swiper-container.items .swiper-slide p strong {
	color:#000;
	font-size:18px;
	line-height:30px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide p span {
	font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
.bottom_contact .swiper-container.items .swiper-slide .bg {
	width:315px;
	height:94px;
	background-color: #f4f4f4;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide .bg u {
	display: block;
	position: absolute;
	width: 315px;
	height:94px;
	margin-top: 150px;
	background-color: #369;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide:hover .shade {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide:hover .bg {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide:hover .bg u {
	margin-top: 0px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide:hover p {
	color:#000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.bottom_contact .swiper-container.items .swiper-slide:hover p strong {
	color:#000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
/*新闻动态*/ 
 .inews{max-width: 1920px;margin: 0 auto;padding: 60px 0;background: #f5f5f5;}
 .inews .hd{height: 40px;padding: 28px 0 0;text-align: center;}
 .inews .hd ul li{display: inline-block;margin:0 10px;}
 .inews .hd ul li a{display: block;color: #333;font-size: 16px;padding: 0 40px;text-align: center;height: 43px;line-height: 43px;overflow: hidden;background: #fff;border: 1px solid #ebebeb;} 
 .inews .hd ul li a:hover, .inews .hd ul li.on a{color: #fff;background:#336699;border-color: #336699;}
 .inews .bd{padding: 10px 0 0;}
 .inews .bd dl{float: left;width: 49%;height: 108px;overflow: hidden;border: 1px solid #ebebeb;margin-top: 30px;background: #fff;transition: all .5s;}
 .inews .bd dl:nth-child(2n){float: right;}
 .inews .bd dl dt{float: left;width: 112px;height: 78px;font-family: Arial, Helvetica, sans-serif;color: #666;font-size: 14px;text-align: center;line-height: 34px;padding: 30px 0 0;border-right: 1px solid #ebebeb;}
 .inews .bd dl dt b{color: #333;display: block;font-size: 50px;}
 .inews .bd dl dd{padding-top: 12px;margin-left: 133px;margin-right: 20px;}
 .inews .bd dl dd h3{display: block;color: #333;font-size: 16px;font-weight: bold;line-height: 30px;transition: all .5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .inews .bd dl dd p{color: #888;font-size: 14px;line-height: 22px;text-align: justify;height: 44px;overflow: hidden;padding-top: 5px;} 
 .inews .bd dl:hover{border-color: var(--colour1);box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}
 .inews .bd dl:hover dd h3{ color:var(--colour1);}

.box{width:227px;height:192px; float:left; margin-left:15px; margin-bottom:29px;}
.bxo{color:#333; font-size:12px; font-family:"微软雅黑"; line-height:40px; text-align:center; background:#cacacc;}
.bxq{color:#fff; font-size:12px; font-family:"微软雅黑"; line-height:40px; text-align:center; background:#01004e;}

.tab_boxn{ width:648px; margin:auto;}
.lyz_tabn_top{float:left; width:648px; height: auto !important; min-height:60px; height:60px; border-bottom:1px solid #d4d4d4;}
.pro_conn11{ float:left; overflow:hidden; width:648px; height:60px;}
.pro_conn1 UL{ padding:0px; width:648px; height:56px; list-style-type: none; float:left;}
.pro_conn1 UL LI{display: inline; float:left; width:150px; cursor: pointer; height:57px; line-height:57px; font-size:20px; color:#000; font-family:微软雅黑; text-align:center; border-bottom:3px solid #fff;}
.pro_conn1 UL LI.hover{display: inline; float:left; width:150px; cursor: pointer; height:60px; line-height:60px;  border-bottom:3px solid #369; font-size:20px; color:#000; font-family:微软雅黑; text-align:center;}
.lyz_tabn_bottom{display: inline; float: left; width:648px; height:361px; margin-top:20px;}
.clear{ clear:both}