@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
a{ text-decoration: none; color: #333; font-size: 16px; }
li{ list-style: none; }
.clear{ clear: both; }
body{ font-size: 1em; font-family:"微软雅黑","Microsoft YaHei",msyh; font-size: 16px;}
::selection{color:#fff;background:#aaa;}
::-moz-selection{color:#fff;background:#aaa;}
::-webkit-selection{color:#fff;background:#aaa;}

img { border: 0; display: block; }
header{ background: #f2f2f2; width: 100%; height: 100px; border-bottom: 2px #e9e9e9 solid; transition: all 0.35s; box-shadow: 0px 0px 3px #ccc; }
.header1000{ width: 1000px; margin:0 auto; }
header .logo{ padding-top: 10px; float: left; transition: all 0.35s;}
header .nav{ float: right; margin-top: 30px; transition: all 0.35s;}
header .nav ul li{ float: left; margin:0 5px; }
header .nav ul li a{ display: block; padding: 7px 15px; border-radius: 6px; font-size: 1.05em; transition: 0.3s all;  }
header .nav ul li a:hover{ background: #215689; color: #fff; }
header .nav ul li .hover{ background: #215689; color: #fff; }
/* fullSlide */
.fullSlide{width:100%;position:relative;height:510px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:510px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:510px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-6px -137px;}

.con1{display: table; width: 100%;}
.sp{ width: 1000px; margin: 0 auto; }
.sp1, .sp2{ float: left; text-align: center; font-size: 2em; line-height: 2em; color: #555; }
.sp1:hover{ color: #888; }
.sp2:hover{ color: #888; }
.sp2{ float: right; }
.sp0{ width: 460px; height: 460px; background-color: #aaa; }

.con2{ background-color: #f2f2f2; display: table; width: 100%; margin: 50px 0 0 0; padding-bottom: 50px; }
.con2 ul{ display: table; margin: 0 auto; }
.con2 ul li{ width: 200px; text-align: center; float: left; margin: 0 35px;  }
.con2 ul li{font-size: 1.5em; line-height: 2em; color: #555; transition: 0.35s all; }
.con2 ul li .con2img{ width: 200px; width: 200px; overflow: hidden; }
.con2 ul li img{ width: 200px; width: 200px; transition: all 0.35s; cursor: pointer; }

.con2 ul li img:hover{ transform: scale(1.2); }
.con2 ul li a:hover{ color: #888; }

.con3 ul{ display: table; margin: 0 auto }
.con3 ul li{ float: left; width: 500px; height: 350px; position: relative; }

.con4{ width: 100%; display: table; background-color: #f2f2f2; margin-top: 50px; padding-bottom: 50px; }
.con4 ul{ display: table; margin: 0 auto;  }
.con4 ul li{ width: 240px; height: 240px; border-radius: 50%; margin: 0 6px; float: left; }
.con4 ul li img{width: 100%; height: 100%;}
.con5{ background: url(../images/ht.png); width: 100%; height: 50px; padding-top: 15px;}
.con5 ul{ display: table; margin: 0 auto; }
.con5 ul li{ border-right: 1px solid #aaa;  float: left; line-height: 32px; color: #51737a; font-size: 1.6em; transition: 0.3s all;  }
.con5 ul li span{ padding-right: 15px; }
.con5 ul li a{ float: left; line-height: 32px; padding: 0 15px; color: #fff; font-size: 0.8em; transition: 0.3s all;  }
.con5 ul li img{ float: left; margin-right: 15px;  }
.con5 ul li:hover{ color: #799; }

footer{ background: #222; padding: 65px 0 65px 0; display: table; width: 100%; }
footer .fl{ display: table; float: left; margin-right: 60px; }
.zxzx{ width: 180px; height: 80px; line-height: 80px; background:#00e2df url(../images/baiwx.png) no-repeat 7% 50%; background-size: 25%; border-radius: 7px; text-align: right; padding-right: 20px; color: #fff; font-size: 1.7em; }
.inf{ color: #fff; margin-top: 20px; letter-spacing: 20px;}
.fl span{ width: 31px; height: 1px; background: #555; margin:7px 0; display: block; }
.int{ color: #fff; font-size: 1.5em;  }

.fr{ float: right; display: table;  }
.fr dl{ float: left; margin:0 25px; }
.fr dl dt{ color: #fff; margin:0px 0 15px 0; font-weight: bold; }
.fr dl dd{ color: #aaa; margin:7px 0; }


dd a {
    display: block;
    color: #aaa;
}
.con4d{ margin-top: 132px; color: #fff; text-align: center; }

.ljxq{ background: url(../images/了解详情.png) no-repeat; width: 100px; height: 29px; margin: 0 auto; margin-top: 12px; cursor: pointer; }
.ljxq:hover{ background: url(../images/了解详情2.png) no-repeat; margin-top: 15px; }
.con0{ width: 1200px; margin: 50px auto; }
.contact1{ display: table; }
.company1{ display: table; }
.company1 p{ text-indent: 2em; }
.cp2{ margin: 80px 0; display: table; }
.cp2 li{ float: left; margin-right: 50px; }
.cp3{ margin: 50px 0; display: table; }
.cp4 li{
	float: left;
    line-height: 50px;
    margin: 0 40px;
    color: #fff;
    font-size: 1.6em;
    transition: 0.3s all;
}
.cp4 li img{
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}
.ck1{ display: table; margin:50px 0; }
.ck-t{ float: right; width: 500px; text-align: center; margin-top: 150px; }

.product_czw{ display:table; margin:0 auto; }

.product_czw li{ width: 480px; height: 230px; float: left; margin:0 20px; text-align: center; padding-bottom:50px; }
.product_czw li a{     font-size: 1.5em;line-height: 2em;color: #555; }

.tpbg{background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; display: none; z-index: 999;  cursor: pointer; }

#tooltip{ display: table; margin:0 auto; background:#fff;  padding: 7px; border-radius: 5px; box-shadow: 0px 0px 10px #555; }
#tooltip img{ max-width: 100%; }

.maxw{ max-width: 100%; }
.maxh{ max-height: 100%; }

.pro-cs1l{ float: left; display: table; text-align: center; padding-top: 370px; font-size: 1.5em; color: #51737a; }
.pro-cs1r{ float: right; display: table; }

.pro-cs2l{ float: left; display: table; text-align: center; }
.pro-cs2r{ float: right; display: table; font-size: 1.5em; color: #51737a; padding-top: 370px; }

.pro-cs1{ margin:60px 0; display: table; width: 100%; }
.pro-text{ width: 610px; color: #333; margin: 50px 0 20px 0; }
.topyc{ width: 100%; height: 60px; display: none; }

.down1 ul li a span{ font-size:1em; color: #666; }
.down1 ul li a{ display: block; }
.down1 ul li{ border-bottom: 1px dashed #aaa; width: 100%; height: 40px; line-height: 40px;}
.hddb{ width: 80px; height: 70px; background: #f5f5f5 url(../images/hddb.png) center no-repeat; position: fixed; right: 20px; bottom: 0px; border-radius: 50% 50% 0 0; box-shadow: 0px 0px 10px #aaa; cursor: pointer; }

.fangda img{ cursor: pointer; }

.pro1-left{ width: 240px; }

.product-list{ background:#fff; float:left; width:220px; margin-top:15px;  }
.product-num{  background:#fff; float:right; width:900px;  border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 30px 70px 30px;}

.product-list ul{ width:100%;  }
.product-list ul li{ width:100%; line-height:50px; text-align:left; display: block; }
.product-list>ul>li{ border-top: 1px solid #aaa;  }
.product-list ul li a{ font-size: 1em; text-decoration:none;   font-weight:bold; color: #555; }
.product-list>ul>li>a{ border-bottom: 1px solid #eee; }

.product-list ul li ul{ border:0px;}
/*.product-list ul li a:hover{ font-weight:bold; }
.product-list ul li:hover > ul{ display:block;}*/
.product-list ul li ul li ul{ display:none; }
.product-list ul li ul li{ font-size:1em; text-align:left; width:75%; padding-left: 25%; line-height: 40px;}
.product-list ul li ul li ul li{ border-bottom:1px dashed #ccc; display:block; font-size:1em; text-align:left; width:90%; padding: 0 5%; line-height: 30px;}
.product-list ul li ul li a{ font-weight:normal; padding:0px; }
.product-list .bao-a{ width: 100%; height: 100%; }
.product1{ width:150px; height:200px; margin:10px; float:left;}
.product-img{ width:150px; height:150px; vertical-align:middle; text-align:center; display: table-cell;}
.product-img img{ max-height:100%; max-width:100%; vertical-align:middle;}
.product-xh{ width:100%; text-align:center;}
.a871 {
    margin-right: 10px;
    text-align: center;
    display: block;
    color: #777;
    float: left;
    width: 30px;
    height: 48px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}
.a872:hover {
    color: #999;
}
.a872{
    display: none;
    margin-right: 10px;
    text-align: center;
    color: #777;
    float: left;
    width: 30px;
    height: 40px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
}
.pro1-left{ float: left; margin-left: 0px; }
.pro1-right{ float: right; width: 960px; }
.location{ height: 30px; line-height: 30px; border-bottom: 1px solid #aaa; padding-bottom: 5px; margin-bottom: 10px;}
.location span{ line-height: 10px; margin: -10px 10px 0 10px; }
.pro1-right ul li{ width: 300px; margin: 20px 15px; float: left; display: block; }
.pro1-right ul{ display: table; }
.con0{ display: table; }
.con5 span{color: #fff; font-size: 0.8em;}

.spxq{display:table; float: left; margin-right: 10px; height: 28px; line-height: 28px; padding:0 30px; border: 1px solid #000; transition: all 0.3s;}
.spxq:hover{ color: #fff; border: 1px solid #000; background: #f0312c;}

/*相关样式*/
#showbox { background:#fff;border:1px solid #CCC;}
#showbox span { background:rgba(255,255,255,0.6);}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #09f;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.pro-img1{ width:400px; float:left; }
.pro-img1 img{}


#example2-2{ display:block;}
.pro-title1{ float:right; width:510px;}
.pro-title1 h1{ font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.pro-title2{ font-size:0.9em; color:#555; letter-spacing:2px; max-height:250px; overflow:auto;}

.pro-img1 ul{ width:402px; height:67px; margin-left:10px; margin-top:10px; display:table; margin-bottom:10px; }
.pro-img1 ul li{ width:67px; height:67px; float:left; border:1px solid #ccc; margin-right:9px; display:table; }
.pro-img1 ul li img{ width:67px; height:67px; display:table; }
.xq-r{ margin: 0 20px; width: 500px; float: right; }

.cpxqy{ width: 100%; display: table; margin-top: 500px; }

.footer-bottom{ width: 100%; background: #000; height: 60px; }
.footer-bottom1000{ margin:0 auto; width: 1000px; height: 60px; line-height: 60px; color: #fff; font-size: 0.9em; line-height: 1.6em; }
.f-t-1{float: left; line-height: 60px;}
.f-t-2{float: right; line-height: 60px;}
.f-t-1 ul{ margin:0; }
.f-t-1 ul li{ float: left; margin-right: 12px; }
.f-t-1 ul li a{ color: #fff; font-size: 1em; }
.f-t-2 a{ color: #eee; margin-left: 10px; }
.tanchu{overflow: auto; display: none; background: #fff; box-shadow: 0px 0px 10px #777; width: 500px; height: 480px; left: 50%; margin-left: -250px; padding: 10px; border-radius: 7px; position: fixed; z-index: 55; top:100px; cursor:pointer; 
 }
.tanchu1{ width: 560px; height: 390px; }
.tanchugb{ position: absolute; bottom: 7px; right: 7px; background: #fff; }
.logo img{ width: 80px; }
.dz-1{ display: table; margin: 0 auto; }
.dz-1 dd{margin: 10px 20px; float: left; width: auto !important; line-height: 27px; color: #0773d5;  }
.dz-1 dd img{ float: left; margin-right: 10px; }
.dz-1 dd a{color: #0773d5;}