@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;}
body{color:#1E1E1B;line-height:180%; }
h1, h2, h3, h4, h5, h6, h7, h8, h9{font-size:100%; font-family:"Helvetica Neue","Helvetica,Arial","PingFang SC","Heiti SC","Microsoft Yahei",sans-serif; font-weight:normal;}
address, cite, dfn, em, var{font-style:normal;}
ul,li, ol{list-style:none;}
html{ overflow-x:hidden;}
a{ text-decoration:none; color:#333;}

.sd_a{ width:auto; height:400px; margin:0 auto; background:url(/web/img/bg01.jpg) no-repeat center; overflow:hidden; clear:both;}
.sm_ino{ width:1300px; line-height:80px; margin:0 auto; font-size:14px;}

/*head*/
.index_aa{ width:92%; min-height:600px; margin:0 auto; overflow:hidden;min-width:1300px; clear:both; margin-top:30px;}
.index_aa ul{ width:100%; margin:0 auto;}
.index_aa ul li{ width:31%;*width:29.95%!important; float:left; position:relative; margin-left:3.5%; margin-bottom:35px;}
.index_aa ul li:nth-child(3n+1){margin-left:0px;}
.index_aa ul li .pic{width:100%; height:auto;overflow:hidden; margin-bottom:5%;}
.index_aa ul li .pic img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.index_aa ul li .pic:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
	
.index_aa ul li p{ width:100%; min-height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.index_aa ul li em{ width:100%; line-height:20px; font-size:14px; color:#666;}

.text{ width:100%; height:auto;min-width:1300px;}
.text h1{width:100%; min-height:30px; line-height:30px; font-size:16px; font-weight:bold}
.text em{ width:100%; line-height:20px; font-size:14px; color:#666; font-weight:normal;}

.sd_cont{ width:1300px; height:360px; margin:0 auto;}


/*news*/
.sd_xw{ width:auto; min-height:600px; overflow:hidden; margin:0 auto; background:#f6f7f7; margin-bottom:30px; padding:30px 0 60px 0;}
.sd_xw .xw{ width:1300px; min-height:500px; margin:0 auto; }
.sd_xw .xw ul{ width:1300px; margin:0px;}
.sd_xw .xw ul li{width:380px; height:460px; float:left; margin-left:20px; background:#FFF; padding:20px;margin-bottom:10px;}
.sd_xw .xw ul li:nth-child(3n+1){margin-left:0px;}
.sd_xw .xw ul li dd{ width:auto; line-height:50px; font-size:18px;}
.sd_xw .xw ul li em{ width:auto; min-height:70px; line-height:26px; font-size:14px; color:#666666; padding-bottom:20px;}
.sd_xw .xw ul li dt{ width:380px; height:250px; margin:10px 0 20px 0;overflow:hidden;}
.sd_xw .xw ul li dt img{width:380px; height:250px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.sd_xw .xw ul li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}


/*news*/

.sdm_xw{ width:1300px; height:auto; margin:0 auto;}
.sdm_xw ul{ width:1300px; margin:0px;}
.sdm_xw ul li{ width:1300px; height:180px; position:relative; border-bottom:1px solid #f1f1f1; padding:20px 20px 20px 20px;}
.sdm_xw ul li:hover{ box-shadow:0 1px 30px rgb(0 0 0 /10%); }
.sdm_xw ul li dd{ width:260px; height:170px; float:left; overflow:hidden; background:url(/web/img/gc_1.jpg) center;}
.sdm_xw ul li dd img{width:260px; height:170px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.sdm_xw ul li:hover dd img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); overflow:hidden;}
.sdm_xw ul li dt{ width:1000px; height:auto; float:right;}
.sdm_xw ul li dt h1{ width:auto; line-height:30px; font-size:20px; margin-bottom:10px;}
.sdm_xw ul li dt span{ width:auto; line-height:22px; font-size:14px;color:#666;}
.sdm_xw ul li dt em{ width:auto; line-height:30px; font-size:14px; margin-top:30px; color:#666;}

.sdm_cn{ width:1300px; min-height:600px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.sdm_cn .lee{ width:960px; height:auto; float:left;}
.sdm_cn .lee h2{ width:auto; line-height:80px; font-size:36px; font-weight:bold;}
.sdm_cn .lee .ino{ width:auto; height:50px; border-bottom:1px solid #f1f1f1;}
.sdm_cn .lee .ino em{ min-width:160px; line-height:30px; font-size:14px; padding:0 10px 0 10px; color:#777;}
.sdm_cn .lee .cont{ width:auto; line-height:36px; font-size:16px; color:#777; padding-top:20px;}
.sdm_cn .lee .pag{ width:auto; height:60px; border-bottom:1px solid #f1f1f1;color:#777;}
.sdm_cn .lee .pag ul{ width:auto; margin:0px;}
.sdm_cn .lee .pag ul li{ width:480px; line-height:60px; float:left;}

.sdm_cnn{width:1300px; min-height:600px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.sdm_cnn .le2{ width:100%; height:auto;}
.sdm_cnn .le2 h2{ width:auto; line-height:80px; font-size:36px; font-weight:bold; text-align:center;}
.sdm_cnn .le2 .ino{ width:auto; height:50px; border-bottom:1px solid #f1f1f1; text-align:center;}
.sdm_cnn .le2 .ino em{ min-width:160px; line-height:30px; font-size:14px; padding:0 10px 0 10px; color:#777; display:inline;}
.sdm_cnn .contn{ width:auto; line-height:36px; font-size:16px; color:#777; padding-top:20px;}

.sdm_cnn .pag{ width:100%; height:60px; border-bottom:1px solid #f1f1f1;color:#777;}
.sdm_cnn .pag ul{ width:auto; margin:0px;}
.sdm_cnn .pag ul li{ width:50%; line-height:60px; float:left; text-align:center;}


.sdm_cn .ree{ width:290px; height:auto; float:right;}
.sdm_cn .ree .now{ width:auto; height:70px; background:#28aa4a; color:#FFF; font-size:24px; margin-bottom:20px;}
.sdm_cn .ree .now dd{min-width:200px; line-height:69px; color:#FFF; font-size:26px; float:left; text-align:center;}
.sdm_cn .ree .now dt{ width:60px; line-height:70px; float:right; padding-top:20px; text-align:center;}
.sdm_cn .ree .now dt img{ width:30px; height:30px;}
.sdm_cn .ree .new1{ width:auto; height:auto;}
.sdm_cn .ree .new1 h3{ width:auto; line-height:40px; border-bottom:1px solid #f1f1f1; }
.sdm_cn .ree .new1 h3 dd{ width:90px; line-height:40px;border-bottom:1px solid #30398d;font-weight:bold;}
.nw{ width:auto; height:auto; padding-top:10px; padding-bottom:20px;}
.nw ul{ width:auto; margin:0px;}
.nw ul li{ width:auto; line-height:36px; font-size:14px;}

.sdm_ct{ width:1300px; height:360px; margin:0 auto; clear:both;}
.sdm_ct .soml{ width:500px; height:auto; float:left;}
.sdm_ct .soml dl{width:500px; height:50px;margin:0px;}
.sdm_ct .soml dl dd{ width:60px; height:50px; line-height:50px; float:left; font-weight:bold;}
.sdm_ct .soml dl dt{ width:400px; line-height:50px; float:left;}
.sdm_ct .somr{ width:760px; height:auto; float:right;}



.sdm_ab{ width:auto; height:700px; margin:0 auto;background:#f4f5f7; padding-top:60px;}
.sdm_aob{width:1300px; height:700px; margin:0 auto;}

.sdm_aob .abouts{ width:615px; height:615px; float:left; position:relative; border-radius:10px;  background:url(/web/img/about.jpg);}
.sdm_aob .abouts .abou{ width:370px; height:325px;border-radius:10px; background:#FFF; position:relative; z-index:999; padding:10px; top:330px; float:right; left:60px;}
.sdm_aob .abouts .abou img{ width:350px; height:305px; margin:10px;}

.sdm_aob .abrig{ width:590px; height:600px; float:right;}
.sdm_aob .abrig h1{ width:auto; line-height:60px; font-size:36px; font-weight:bold;}
.sdm_aob .abrig p{ width:auto; line-height:30px; font-size:14px; padding-top:20px;}

.sdm_aob .abryu{ width:auto; height:auto; padding-top:80px;}
.sdm_aob .abryu ul{ width:auto; margin:0px;}
.sdm_aob .abryu ul li{ width:auto;line-height:45px; font-size:16px; text-indent:30px; background:url(/web/img/ic.jpg) no-repeat left;}

.abrig .abrln{ width:590px; height:auto; padding-top:60px;}
.abrig .abrln dl{ width:147.5px; height:auto; float:left; text-align:center;}
.abrig .abrln dl dd{ width:auto; line-height:60px; font-size:45px; font-family:"Impact"; color:#04c18e;}
.abrig .abrln dl dt{ width:auto; line-height:30px; font-size:16px;}

.index_i{ width:1300px; height:100px; margin:0 auto; clear:both;}
.index_i h2{ width:auto; line-height:100px; font-size:36px; text-align:center;font-weight:bold;}

.sdm_bzo{ width:auto; line-height:80px; font-size:36px; font-weight:bold; text-align:center; margin-top:30px;}
.sdm_bz{ width:1300px; height:300px; margin:0 auto; margin-top:40px;position:relative;}
.sdm_bz ul{ width:1300px; margin:0px;}
.sdm_bz ul li{ width:120px; height:160px; float:left; margin-left:115px; position:relative; }
.sdm_bz ul li:nth-child(6n+1){margin-left:0px;}
.sdm_bz ul li dd{ width:120px; height:120px; background:#30398d; border-radius:10px;}
.sdm_bz ul li dd img{ width:80px; height:auto; margin:20px;}
.sdm_bz ul li p{ width:auto; line-height:60px; font-size:16px; font-weight:bold;text-align:center;}


/*产品详情*/
.index_swd{ width:1300px; min-height:1000px; margin:0 auto;}

.index_swd .sow1{ width:1300px; height:500px;margin-bottom:10px;}

.index_swd .sow .sowe{ width:700px; height:500px; float:left;}
.index_swd .sow .sowe img{ width:700px; height:500px;}
.index_swd .sow .sowr{ width:530px; height:460px; float:right; }
.index_swd .sow .sowr h2{ width:auto; line-height:60px; font-size:30px; font-weight:bold; color:#333; margin-top:20px;}

.index_swd .sow .sowr .sow2{ width:auto; height:230px; font-size:14px; margin-top:20px;}
.index_swd .sow .sowr .sow2 dl{ width:auto; margin:0px;}
.index_swd .sow .sowr .sow2 dd{ width:80px; line-height:36px; float:left;color:#757575;}
.index_swd .sow .sowr .sow2 dt{ width:420px; line-height:36px; float:right; color:#757575; text-align:left;}
.index_swd .sow .sowr .sow3{ width:auto; line-height:56px; font-size:16px; margin-top:30px;}
.index_swd .sow .sowr .sow3 dd{ width:200px; line-height:56px; color:#FFF; text-align:center; float:left; background:#30398d;-webkit-transition:all 0.5s;transition:all 0.5s;}


.index_swd .sow  .sowr .sow3 dd:hover {background:#b0b0b0;border-radius:20px;}
.index_swd .sow  .sowr .sow3 dt{ width:130px; line-height:56px;color:#FFF; background:#b0b0b0; float:left; text-align:center; margin-left:20px;-webkit-transition:all 0.5s;transition:all 0.5s;} 
.index_swd .sow  .sowr .sow3 dt:hover {background:#30398d;border-radius:20px;}

.index_swd .sow .sows{ width:1260px; height:60px; background:#FFF;padding:20px; clear:both; margin-top:20px;}
.index_swd .sow .sows h2{ width:auto; line-height:60px; font-size:26px; color:#333; font-weight:bold; margin-bottom:30px;}
.index_swd .sow .sows  span{ width:60px; height:2px; background:#30398d; display:block; margin-bottom:20px;}
.index_swd .sow .sown{ width:100%; height:auto;}
.index_swd .sow .sown ul{ width:100%; margin:0px;}
.index_swd .sow .sown ul li{ width:280px; line-height:46px; float:left; position:relative; margin-left:45px;}
.index_swd .sow .sown ul li:nth-child(4n+1){margin-left:0px;}
.index_swd .sow .sown ul li dd{ width:80px; line-height:46px; font-size:16px;float:left;color:#333;}
.index_swd .sow .sown ul li dt{ width:200px; line-height:46px; float:left;color:#757575;font-size:16px; text-align:left;}
.contan{ width:1260px; min-height:500px; overflow:hidden; line-height:40px; font-size:16px;color:#757575; background:#FFF; padding:20px;}


.index_swd .lee{ width:230px; min-height:1370px; float:left; background:#FFF;}
.index_swd .lee h1{ width:auto; line-height:80px; font-size:24px; font-weight:bold; color:#FFF; background:#65ed93; text-align:center;}
.index_swd .lee .lee1{ width:230px; height:auto;}

.movu{ width:1300px; height:80px; line-height:80px; font-size:20px;color:#333; clear:both; margin:0 auto;}
.movo{ width:1300px; height:260px; margin:0 auto; clear:both;}
.movo ul{ width:1300px; margin:0px;}
.movo ul li{ width:200px; height:260px; float:left; position:relative; margin-left:20px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.movo ul li:nth-child(6n+1){margin-left:0px;}
.movo ul li p{ width:200px; height:60px; line-height:60px; font-size:14px; text-align:center;color:#FFF;-webkit-transition:all .2s linear; transition:all .2s linear;} 
.movo ul li:hover p{ width:200px; height:200px; line-height:60px; background:#30398d;  position:relative; -webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);transition: all 0.36s ease; color:#FFF;}
.movo ul li:hover p a{ color:#FFF;}
.movo ul li span{ width:200px; height:145px; float:left; overflow:hidden; position:relative; z-index:666;}
.movo ul li span img{ width:100%; height:auto;
 -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; }
.movo ul li:hover img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s; 
     -ms-transition: all 5s;
     -o-transition: all 5s;
     transition: all 5s;
  -webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
      -o-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1); }


.pord_lis{ width:1300px; min-height:300px; line-height:60px; -webkit-transition: all .2s linear;transition: all .2s linear;background:#FFFFFF; margin:0 auto;}
.pord_lis ul{ width:100%; margin:0px;}
.pord_lis ul li{ width:1300px; line-height:80px; font-size:16px; float:left; border-bottom:1px solid #eee; padding:0 5px 0 10px;position: relative; overflow: hidden;
    transition: all .5s;
    transition: all .5s; color:#757575;}
.pord_lis ul li:hover{ -webkit-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
    box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;}
.pord_lis ul li span{ width:120px; line-height:80px; font-size:14px; float:right; text-align:center;color:#757575;}


.pager {
    list-style: outside none none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center; font-size:14px;
}
.pager li {
    display: inline; margin:2px;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}      
.dataTables_paginate{text-align: center;}


.contact{ width:1300px; height:600px; margin:0 auto; background:url(/web/img/map.jpg) center no-repeat;  margin-top:30px; margin-bottom:30px;}
.contact .con{ width:400px; height:460px; float:left; padding:60px 0px 0 30px; background-color: rgba(255,255,255,1); margin:30px 0px 0 30px;}
.contact .con h1{ width:auto; line-height:50px; font-size:24px; font-weight:bold; margin-bottom:10px;}
.contact .con em{ width:auto; line-height:40px; font-size:18px; display:block;color:#757575;}
.contact .con .wx{ width:300px; height:auto; margin:20px auto;}
.contact .con .wx ul{ width:300px; margin:0px;}
.contact .con .wx ul li{ width:130px; height:120px; float:left; text-align:center;}
.contact .con .wx ul li img{ width:120px; height:120px;}
.contact .con .wx ul li p{ width:auto; line-height:30px; font-size:14px; text-align:center;}

.contact .cons{ width:600px; height:500px; float:right;}

/*zhuanti*/
.smd_z{ width:auto; height:120px; margin:0 auto; margin-top:30px;}
.smd_z h1{ width:auto; line-height:60px; font-size:36px; font-weight:bold; text-align:center;}
.smd_z p{ width:auto; line-height:30px; font-size:18px; text-align:center;}

.smd_z1{ width:1300px; min-height:400px; margin:0 auto; overflow:hidden;}
.smd_z1 ul{ width:1300px; margin:0px;}
.smd_z1 ul li{ width:310px; height:260px; float:left; position:relative; margin-left:20px;}
.smd_z1 ul li:nth-child(4n+1){margin-left:0px;}
.smd_z1 ul li span{width:310px; height:auto; float:left; overflow:hidden; margin-bottom:10px;}
.smd_z1 ul li span img{ width:310px;}
.smd_z1 ul li p{ width:auto; line-height:30px; font-size:16px; text-align:center;}

.smd_z2{ width:1300px; min-height:300px; margin:0 auto; overflow:hidden;}
.smd_z2 ul{ width:1300px; margin:0px;}
.smd_z2 ul li{ width:310px; height:260px; float:left; position:relative; margin-left:20px;}
.smd_z2 ul li:nth-child(4n+1){margin-left:0px;}
.smd_z2 ul li span{width:310px; height:auto; float:left; overflow:hidden; margin-bottom:10px;}
.smd_z2 ul li span img{ width:310px;}
.smd_z2 ul li p{ width:auto; line-height:30px; font-size:16px; text-align:center;}