@charset "utf-8";
/* CSS Document */
* {	margin: 0;padding: 0;border: 0; font-family:"Microsoft Yahei",Arial;}
a:hover{ text-decoration:none; }
a:active,a:link,a:visited { text-decoration:none;color:#000;}
.divclear{height:10px; width: 100%;}
ul,ol,li{list-style-type:none;}
.topline{height:5px; width:100%; background-color:#666;}
.top{height:77px; width:1200px;  margin:15px auto;}
.toplogo{height:77px; width:68px; float:left;}
.topname{height:77px; width:431px; float:left;}
.topver{height:77px; width: 600px;margin-left: 90px; float: left;}
.topver li{float: left;height:77px; font-size: 14px; width: 120px;line-height: 77px;text-align: center;}
.topver i{color:red;}

.nav_c{width:100%; height:55px; background-color:#000;}
.nav_cc{width:1200px;height:55px;margin:0 auto;line-height:55px;}
.nav{width:920px; float:left; }
.nav li{float:left; list-style:none;}
.nav li a{display:block; padding:0px 45px; text-align:center;font-size:14px;font-weight:bold;color:#fff; overflow:hidden;}
.nav li a:hover, .nav li a:hover.on{ background-color:#222;text-decoration:none;}
.nav li a.on{background:#222;}
.in_title {font-size:14px; color:#218dfc; float: left; }
.nav li:hover.on{background:#222;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav .sub_nav li{float:none;position:relative;line-height:30px;_display:inline; border:0; border-bottom:1px solid #000; width:205px; list-style:none; overflow:hidden;} 
.nav .sub_nav li a{display:block; padding:6px 5px 6px 5px;background:#222;text-align:center;font-weight:normal;font-size:12px;color:#ffffff;  overflow:hidden;}
.nav .sub_nav li a:hover{ color:#ffffff; background-color:#000;}


.mysearch{width:240px; margin-left:5px; height:55px;  float:left; line-height:55px; }
.sss{height:25px; line-height:25px;}

/* 大画切换 */
.flexslider{position:relative;height:500px;overflow:hidden;background:url(/images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(/images/next.png) center center no-repeat;}

.entitle{height:50px; width:500px; line-height:50px;  margin:50px auto 0px; font-size:30px;  font-family:verdana; text-align:center; }
.entitle span{font-weight:bold; color: red;}

.border-shape::before {
background: #c0c0c0 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
left: 120px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 540px;
}
.border-shape {
background: #ff0000 none repeat scroll 0 0;
color: #ff0000;
display: block;
height: 5px;
left: 0;
margin: 0 auto;
position: relative;
right: 0;
text-align: center;
top: 0;
width: 120px;
}
.border-shape::after {
background: #c0c0c0 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 1px;
right: 120px;
margin: 0 auto;
position: absolute;
text-align: center;
top: 1px;
width: 540px;
}

img { border: 0;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 95% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 95% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
.ck-slide { width: 600px; height: 360px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 360px;}

.about{height:360px; width: 1200px;margin: 30px auto;}
.aboutpic{height:360px; width: 600px; float: left;}
.aboutus{height:320px; width:490px; margin-left:60px ;padding:20px; border: 2px dashed #999; float: right; line-height: 200%;}
.abmore {height:30px; width:120px; border-radius:8px; background-color:#fff; display:block; color:#000; margin:0  auto; line-height:30px; text-align:center; border: 2px dotted #FF0000; font-family:Arial; font-size:14px;}
.abmore:hover{ height:30px; width:120px; border-radius:8px; background-color:#FF0000; display:block; color:#fff; margin:0  auto; line-height:30px; text-align:center; border: 2px dotted #999;}

.product{height:480px; width: 1040px; margin: 0 auto;}
.product li{height:220px; width: 220px; float: left; margin: 10px 20px;}
.tproduct{height:220px; width: 100%; background-color: #f0f0f0; margin-top: 20px; padding-top: 40px; padding-bottom: 40px;}
.tuijian{height:220px; width: 1200px;margin: 0 auto;}
.loading{height:720px; width: 1200px; margin: 20px auto 80px;}
.loading li{height:360px; width: 360px; margin: 10px 20px; float: left;}

.foot{height:30px; width:100%; line-height:30px; text-align:center; background-color:#444; padding-top:10px; padding-bottom:10px; color:#fff; font-size:14px;}
.bottom{height:40px; width:100%; color:#fff; font-size:14px; line-height:40px; text-align:center; background-color:#111; border-top:1px solid #ff0000;}
.bottom span{ font-size:12px; color:#999; margin-left:40px;}
.bottom a{color:#999;}


.maintitle{height:45px; line-height:45px; text-indent:2em; font-size:14px; font-weight:bold; color:#fff; border: 1px dotted #666; background-color:#ff0000; border-radius:10px; margin:20px auto; width:1200px;}
.leftpr{height:auto; width:260px; background-color:#e0e0e0;display:block; margin:5px 0px; color:#111; text-indent:10px; font-size:14px; font-weight:bold; line-height:35px; text-align: left;}
.leftpr:hover{ background-color:#f73737; color:#fff;text-align: left;}

.leftppr{height:93px; width: 260px; text-align: left;}
.leftpr1{height:auto; width:260px; background-color:#e0e0e0;display:block; margin:3px 0px; color:#111; text-indent:20px; font-size:14px;  line-height:30px; text-align: left;}
.leftpr1:hover{ background-color:#f73737; color:#fff;text-align: left;}

.leftpppr{height:180px;width: 260px; text-align: left;}



.lefttitle{height:40px; line-height:40px; width:260px; margin:10px 0px; text-indent:2em; background-color:#ff0000; color:#fff; font-size:14px; font-weight:bold; border-radius: 10px 10px 0px 0px; }

.mypro{width:890px;}
.mypro li{height:250px; width:210px; margin:5px; float:left; border:dashed 1px #FF0000; background-color:#f0f0f0; font-size:14px; text-align:center;}
.mypro li span{ line-height:40px; height:40px;}
.mypro li:hover{ background-color:#FF0000; color:#fff; border: solid 1px #FF0000;}
.mypro li img{height:210px; width:210px;}


.page{ margin-top:750px;text-align: center; height:80px; }
.page a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #999;
    border: 1px solid #c6c4be;
    border-radius: 50%;
    background-color: #fff;
}
.page a.active,
.page a:hover
{
    color: #fff;
    border-color: #0d52b5;
    background-color: #0d52b5;
}

.page1{ margin-top:20px;text-align: center; height:50px; }
.page1 a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #999;
    border: 1px solid #c6c4be;
    border-radius: 50%;
    background-color: #fff;
}
.page1 a.active,
.page1 a:hover
{
    color: #fff;
    border-color: #0d52b5;
    background-color: #0d52b5;
}

.page2{ margin-top:10px;text-align: center;   }
.page2 a{
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 4px;
    -webkit-transition: all .2s linear;
            transition: all .2s linear;
    text-align: center;
    color: #FF0000;
    border: 1px dashed #ff0000;
    border-radius: 50%;
    background-color: #fff;
}
.page2 a.active,
.page2 a:hover
{
    color: #fff;
    border-color: #ffffff;
    background-color: #ff0000;
	border: 1px solid #ff0000;
}

.font5{height:30px; line-height:30px; background-color:#f9f9f9; border-bottom:1px dotted #e0e0e0; border-top:1px dotted #e0e0e0; text-align:center; color:#666; font-size:12px;}
.font6{text-align:center; line-height:50px; font-size:24px; font-weight:bold; height:50px; }