.top {width:100%;height:30px;line-height:30px;border-bottom:1px solid #ccc;}
.top_l {width:900px;}
.top_r {width:280px;text-align:right;}

.header {padding:30px 0;overflow:hidden;}
.logo{max-height:50px;margin-top: 2px;}
.yu{ padding-left:15px;color:#333;font-size:30px;line-height: 50px;}
.toptel{background: url(../images/tel.png)no-repeat right;padding-right:80px;color: #333;line-height: 30px;text-align:right;}
.toptel p {font-size:18px;}
.toptel span {display:block;font-size:20px;color:#666;}

.menu{background: #227af1;}
.nav li{height:50px;line-height:50px;text-align:center;float:left;}
.nav li a{display:block;color:#fff;font-size:16px;padding:0 35px;}
.nav li a:hover,.nav li a.cur{background:#1c64c6;}

.banner{width: 1920px;margin-left: -960px;left:50%;position: relative;height: 500px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}

.search{padding:10px 0;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.hotSearch{width:600px;line-height: 40px;color: #227af1;}
.hotSearch a{margin-right:10px;color:#666;}
#formsearch{float:right;}
#formsearch input{background:none;outline: none;}
#formsearch input#keyword{width: 350px;height:40px;line-height:40px;border:1px solid #c1c1c1;border-right:none;float: left;padding-left:20px;}
#formsearch input#s_btn{width:64px;height:42px;line-height:42px;text-align:center;background-color:#227af1;color:#fff;border:none;cursor:pointer;float: left;}

.title{background: url(../images/tit.png)no-repeat center 18px;text-align:center;color:#333;}
.title h3{color: #227af1;font-size:20px;font-weight:bold;margin-bottom: 16px;}

.iabout {margin-top:30px;}
.iabo_img {width:400px;}
.iabo_txt {width:760px;}
.iabo_txt p{text-indent:2em;line-height:32px;}
.more {margin-top: 20px;}
.more a{color:#fff;background:#227af1;padding:8px 20px;}
.more a:hover {background:#1c64c6;}

.heng{height: 110px;}

.ipro {margin-top: 30px;}
.iprol{width:302px;background:#eee; height: 530px;}
.iprol h3{color: #fff;font-size: 24px;padding-left:60px;padding-top:36px;background: url(../images/protit.jpg) no-repeat;}
.iprol ul{padding:20px;}
.iprol ul li{background:url(../images/dot.png) no-repeat 0px;height:40px;line-height:40px;border:1px dotted #ccc;margin-bottom: 20px;}
.iprol ul li:last-child {margin-bottom: 0px;}
.iprol ul li:hover{border:1px dotted #227af1;}
.iprol ul li a{display: inline-block;color: #333;font-size: 16px;padding-left:30px;}
.iprol ul li a:hover{color: #227af1;}

.ipror{width: 880px;}
.iprolist li{float: left;margin-right: 35px;margin-bottom: 40px;width: 270px;position: relative;}
.iprolist li:nth-child(3n){margin-right:0px;}
.iprolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.iprolist li h3 a {display: block;color:#fff;}
/*.iprolist li a img{width: 270px;height: 200px;}*/
.iprolist li a img{
    padding-left: 30px;
    width: 200px;
}
.iprolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.iprolist li:hover .cp-hover{display: block;}

.ys{background: url(../images/ys.jpg) no-repeat;margin-top:60px;padding: 60px 0;}
.ys_tit {color:#f8252b;font-size:30px;font-weight:bold;padding-bottom:30px;}
.ys_tit span {display: block;font-size:14px;color: #fff;text-transform: uppercase;}
.ys ul{overflow: hidden;}
.ys ul li{float: left;margin-right: 10px;margin-bottom: 10px;overflow: hidden;width: 595px;height: 350px;cursor: pointer;}
.ys ul li img{width: 250px;height: 350px;float: left;}
.ys ul li .cont{width: 260px;float: left;margin-left: 35px;margin-top: 70px;overflow:hidden;}
.ys ul li .cont span{color: #227af1;font-size: 20px;font-weight: bold;}
.ys ul li .cont p{color: #666;font-size: 16px;line-height: 26px;text-align: justify;margin-top: 20px;height: 138px;}
.ys ul li:nth-child(1){background: url(../images/yb1.png)no-repeat;}
.ys ul li:nth-child(2){background: url(../images/yb2.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(2) img{float: right;}
.ys ul li:nth-child(3){background: url(../images/yb3.png)no-repeat;}
.ys ul li:nth-child(4){background: url(../images/yb4.png)no-repeat;margin-right: 0px;}
.ys ul li:nth-child(4) img{float: right;}
.ys ul li:hover{background: #227af1;color: #fff;}
.ys ul li:hover span,.ys ul li:hover p{color: #fff;}

.caselist{margin-top: 30px;}
.caselist li{float: left;width: 270px;height: 230px;position: relative;margin:0 20px;}
.caselist li img{width: 270px;height: 230px;}
.caselist li span{display: block;position: absolute;bottom: 0px;left:0px;height: 36px;line-height: 36px;text-align: center;background: rgba(0,0,0,0.7);width: 100%}
.caselist li span a{color: #fff;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.inews_tit{background: url(../images/xin.png)no-repeat center 0;text-align: center;color: #333;height:52px;padding-top: 18px;}
.inews_tit h3{color:#227af1;font-size: 20px;}
.inews_cont{margin-top: 50px;}
.inews_img{width: 300px;height: 380px;}
.inews_ri{width: 900px;border-top:1px solid #ccc;}
.inews_list{padding-left: 40px;margin-top: 10px;}
.inews_list li{overflow: hidden;margin-bottom: 18px;}
.inews_list li .time{text-align: center;}
.inews_list li .time p{color: #333;font-size: 32px;line-height:50px;}
.inews_list li .time span{color: #666;display: block;}
.inews_list li .cont{width: 770px;}
.inews_list li .cont a{color: #227af1;font-size: 16px;}
.inews_list li .cont p{color: #333;line-height: 24px;}

.shangmeng {width:100%;border-bottom: 1px solid #545454;background:#292929;line-height:35px;color:#eee;}
.shangmeng a{color:#eee;margin-right:10px;}

#footer{background:#292929;color:#eee;border-bottom: 1px solid #454545;padding:20px 0;overflow:hidden;}
#footer a{color:#eee;}
.nav_foot{width:400px;border-right:1px solid #949494;line-height:40px;}
.nav_foot li{
    float: left;
    padding-left: 10px;
}
.nav_foot em {font-style:normal;padding:0 5px;}
.ft_cont{width:450px;text-align:center;border-right:1px solid #949494;}
.copyright{background: #171717;padding:20px 0;text-align: center;}

.n_banner{width:1920px;margin-left:-960px;left:50%;position:relative;height:300px;}
.n_banner img{width:1920px;height:300px;}

.container{padding:30px 0;overflow:hidden;}
.left{width:240px;float:left;}
.left .box{margin-bottom:20px;}
.left .box h3{line-height:20px;padding-left:15px;background: url(../images/bt.png) no-repeat 0% 50%;font-size: 16px;color:#000;height:45px;}
.left .box h3 span{font-size:12px;color:#949494;font-family:"Arial";}
.sort{padding:0 10px 0 10px;}
.sort li{margin-top:10px;}
.sort li a{color:#333;display:block;line-height:35px;text-align: center;background: #e6e8e7;border-radius: 5px;}
.sort li a:hover{background: #227af1;color: #fff;}
.left .box .content{padding:10px;}

.right{width:920px;float:right;padding-bottom:10px;}
.crumb{line-height:45px;height:45px;font-size: 16px;border-bottom:1px solid #d8d8d8;}
.right .content{padding:15px 0;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;text-indent:2em;}

.h20{height: 20px;}
.prolist li{float: left;margin-right:55px;margin-bottom:30px;width: 270px;position: relative;}
.prolist li:nth-child(3n){margin-right:0px;}
.prolist li h3{background: #227af1;height: 45px;line-height: 45px;text-align: center;}
.prolist li h3 a {display: block;color:#fff;}
.prolist li a img{width:200px;padding-left: 38px;}
.prolist li a.cp-hover{background: url(../images/probg.png)no-repeat;position: absolute;left:0px;top:0px;width: 100%;height:200px;display: none;}
.prolist li:hover .cp-hover{display: block;}

.pages {
    padding: 10px 0 10px; 
    text-align: center;  
}
.pages li {
    display: inline;
    margin:0 5px;
}
.pages li.pages_solid {
    color: #fff;
    background: #227af1;
    padding: 3px 8px;
}
.pages li a {
    padding: 4px 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    font-size:12px;
}
.pages li a:hover {
    padding: 3px 8px;
    border: 1px solid #227af1;
    background: #227af1;
    color: #fff;
    text-decoration: none;
}

.newsleft li{background:url(../images/list_dot.gif) no-repeat 0% 50%;padding-left:12px;border-bottom:1px dotted #ccc;}
.newsleft li a{display:block;}

.pic{float: left;width: 120px;}
.pic img {width:120px;height:90px;}
.wenzi{float: right;width: 780px;}
.news_list li{line-height:30px;position:relative;padding:10px 0;overflow:hidden;border-bottom: 1px dashed #cfcfcf;}
.news_list li a{color:#555;font-size:16px;}
.news_list li a:hover{color:#227af1;}
.news_list li span{color:#999;z-index:0;line-height:30px;position:absolute;right:0px;top:10px;}
.news_list li p{color: #666;line-height: 25px;}

.product_detail{padding:5px;}
.product_detail h1{text-align:center;line-height:30px;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img {width: 50%;float: left;}
.product_detail .img img {width:270px;height:200px;display:inline;padding-left: 55px;padding-bottom: 18px;}
.p_detail {padding:20px 0;clear: both;}
/*.p_detail p {text-align: center;width: 450px;padding-left: 235px;}*/
.tag{line-height:30px;border-top:1px dashed #e0e1dc;color:#999;}
.tag a{color:#005a98;}
.tag a:hover{color:#3480ce;}
.pre{line-height:26px;border-top:1px dashed #e0e1dc;}
.pre a{color:#005a98;}
.pre a:hover{color:#3480ce;}

.relate {margin-top:10px;}
.relate h4{width:100px;text-align:center;line-height:30px;color:#fff;background:#227af1;}
#relate_n li{height: 35px;
    line-height: 35px;border-bottom:1px dotted #ccc;}
#relate_n li a {width:70%;float:left;}
#relate_n li span {width:28%;float:right;text-align:right;}
#relate_p li {float:left;width:220px;text-align:center;margin-top:10px;margin-right:10px;}
#relate_p li a {display:block;}
#relate_p li img {width:200px;}
#relate_p li h3 {height:35px;line-height:35px;background:#227af1;}
#relate_p li h3 a {color:#fff;}

.news_detail h1{text-align:center;font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;}
.news_detail h6 {line-height:30px;text-align:center;border-bottom:1px dotted #e0e1dc;}
#pages label{display:none;}
#pages input{display:none;}
#pages {
    clear: both;
    padding: 10px 0 10px;
    text-align: center;
    font: 12px 'Microsoft YaHei';
}
#pages a {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    margin-right: -1px;
}
#pages a.a1 {
    padding: 0px 12px;
    height: 24px;
    line-height: 22px;
    margin-top: 0px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 22px;
    background: #5a85b2;
    border: 1px solid #5a85b2;
    color: #fff;
    text-align: center;
}
.zhenshu{
    text-align: center;
}
.pre span{
    color: #C7C7C7;
}
.sousuo{
    display: none;
}
.prolist table{
	line-height: 30px;
	border:solid 1px #cad9ea;
}
.product_detail table{
   
    border:solid 1px #cad9ea;
    text-align: center;
}
 .ss img { width:270px !important; height :200px !important; padding-left: 0px !important;}
 .logo img{
	 height:45px;
 }
 .canshu{
    text-align: left;
    width: 50%;
    float: left;
    padding-top: 18px;
 }

