@charset "utf-8";



/*banner*/

.banner {width:100%;height: 440px;margin:0 auto;padding:0;position:relative;}

.banner ul{width:100%;height: 440px;margin:0 auto;padding:0;}

.banner ul li {position:absolute;left:0%;top:0;width:100%;height: 440px;list-style-type: none;}

.banner ul li a{width:100%;height: 440px;display:block;}





/*banner*/

.main{width:1200px;overflow:hidden;margin: 15px auto;min-height:300px;}

.left{ width:300px; overflow:hidden; float:left;}

.left h2{ float:left; width:100%; padding-left:5%; height:38px; line-height:38px;font-size:16px; color:#ffffff; background-color: #0b6cce; }

.left h2 a{ color:#ffffff;}

.lianxi{ background:#fff; border:1px solid #0b6cce; width:298px; overflow: hidden;}

.lianxi li{  width:298px; height:50px; line-height:50px; color:#000; border-bottom:1px solid #ddd; font-size: 16px; }

.lianxi li input{color:#333; padding:0 3px; font-size: 16px; width: 230px;height: 45px; border:0;}

.lianxi li input:hover{ color:#712d2d}

.fenlei{ background:#fff; border:1px solid #af8282; width:298px; overflow: hidden; height: 300px; }

.fenlei li{  width:298px; height:50px; line-height:50px; color:#000;  font-size: 16px; border-bottom:1px #ccc dashed  }

.fenlei li a{color:#000; padding:0 3px; }

.fenlei li a:hover{ color:#712d2d}

.news{ background:#fff; border:1px solid #0b6cce; width:388px; overflow: hidden; height: 400px; float:left; }

.news li{  width:360px; height:50px; line-height:50px; color:#000;  font-size: 16px; }

.news li a{color:#000; padding:0 3px; }

.news li a:hover{ color:#712d2d}

.left .leftcontact{ width:100%; overflow:hidden; float:left; margin-top:20px; border:1px solid #bb0000; box-sizing:border-box;}

.left .leftcontact h3{ width:100%; height:35px; line-height:35px; background:url(../images/leftcont.jpg) no-repeat;}

.conmain{ width:201px; overflow:hidden; margin:10px auto;}

.conmain p{ margin-top:10px; line-height:27px; color:#000000;}





.right{ width:890px; overflow:hidden; float:right;}

.product{ width:100%; overflow:hidden;}

.product h2{ width:100%; height:38px; line-height:38px; font-size:16px; color:#ffffff; background-color: #0b6cce;}

.product h2 a{ color:#ffffff; padding-left:20px;}

.abouts{ background:#fff; border:1px solid #0b6cce; width:888px; overflow: hidden; height: 265px; }

.abouts li{  width:888px; height:50px; line-height:50px; color:#000; border-bottom:1px solid #ddd; font-size: 16px; }

.abouts li input{color:#333; padding:0 3px; font-size: 16px; width: 230px;height: 45px; border:0;}

.abouts li input:hover{ color:#712d2d}

.examp{ background:#fff; border:1px solid #af8282; width:888px; overflow: hidden;height: 300px;  }

.examp li{  width:88px; height:50px; line-height:50px; color:#000;  font-size: 16px; }

.examp li a{color:#000; padding:0 3px; }

.examp li a:hover{ color:#712d2d}

.dongtai{ background:#fff; border:1px solid #af8282; width:888px; overflow: hidden;height: 400px; }

.dongtai li{  width:888px; height:50px; line-height:50px; color:#000;  font-size: 16px; }

.dongtai li a{color:#000; padding:0 3px; }

.dongtai li a:hover{ color:#712d2d}



/*客户案例*/

.fullexamp{width: 1200px; margin: auto;overflow:hidden;}

.fullexamp h2{ width:100%; height:38px; line-height:38px; font-size:16px; color:#ffffff; background-color: #0b6cce;}

.fullexamp h2 a{ color:#ffffff; padding-left:20px;}

.exampinfo{ background:#fff;  width:1200px; overflow: hidden; height: 205px; }

.exampinfo li{  width:1200px; height:50px; line-height:50px; color:#000; border-bottom:1px solid #ddd; font-size: 16px; }

.exampinfo li input{color:#333; padding:0 3px; font-size: 16px; width: 230px;height: 45px; border:0;}

.exampinfo li input:hover{ color:#712d2d}

/*商品模块*/
.clear{clear:both;}
.container{
	width:1200px;
	margin:10px auto 0;
}
.container .nav{width:1200px;}
.container .nav span{display: block; width:598px; text-align:center; border:#ccc solid 1px; line-height:35px; color:#333; float:left; cursor:pointer;border-radius: 20%;}
.container .nav span.active{color:#09C; border:#09C solid 1px;}


.content{ margin-top:20px; width:1200px;position:relative; overflow:hidden;height:200px;} /*定位一般设置为relative，overflow设置为hidden来隐藏外面的内容*/
.content .box{position:absolute;width:1101px;height:200px;} /*这个定位设置为absolute, 因为要操作这个的位置来切换内容*/
.content ul{float:left; width:1200px;}
.content ul li{display: block; height:198px; width:238px; float:left; border:1px solid #aaa; text-align:center; line-height:218px;}
.content ul li+li{margin-left:-1px;}

/* scrollleft */
.scrollleft{width:1200px;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:230px;text-align:center;line-height:19px}
.scrollleft img{width:230px;height:160px; padding-top:5px;}
/* scrolltop 
.scrolltop{width:158px;height:438px;overflow:hidden;margin:20px auto;}
.scrolltop li{height:156px;overflow:hidden;text-align:center;line-height:19px}
.scrolltop img{width:136px;height:100px;padding:10px;border:solid 1px #ddd;}
*/
/*案例结束*/





.pagemain{ width:1200px; overflow:hidden; margin:30px auto;}



.col-md-3{width:235px; float:left;}

.panel-aside{width:219px;overflow:hidden;float:left;background: #225eb4;padding:10px 0 30px 20px;}

.panel-aside .panel-heading{height:46px; line-height:46px; color:#fff; font-size:22px; font-weight:normal;}

.panel-aside .panel-heading h3{height:46px;line-height:46px;color:#fff;font-weight:normal;font-size: 22px;}

.panel-aside .panel-body{float:left;}

.panel-aside .panel-body li{width:220px;height:32px;float:left;background:url(../images/first-bg-01.jpg) top left no-repeat;text-align:left;margin:2px 0;color: #59b56c;}

.panel-aside .panel-body li a{color:#fff; line-height:32px; font-size:14px; text-decoration:none;}

.panel-aside .panel-body li a:hover{color:#424242; text-decoration:underline;}

.pagemain .contact{width:240px; height:317px; float:left;  background:url(../images/contact_bg.png) no-repeat;}

.pagemain .contact img{width:240px;}

.pagemain .contact_text{margin-top:70px; float:left; }

.pagemain .contact_text p{float:left;text-align:left;width: 93%;margin: 0 8px;line-height:31px;color: #333333;font-size: 13px;}









.neirong{width: 900px;line-height:24px;/* padding:0 20px; */color:#000000;float: right;border: 1px solid #225eb4;}



.neirong .title a{width: 880px;line-height: 50px;color: #ffffff;background: #225eb4;font-size:24px;display:block;padding-left: 20px;}



.neirong img{ max-width:100%;}



.rightmain{/* margin-top:10px; */line-height:26px;padding: 20px;}

.rightmain a{

text-decoration:none;

color:#000000;

}


/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;overflow:hidden;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{ background-color:#09C;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background-color:#09C;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background-color:#f5f5f5; border:2px solid #09C;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}



/*qq*/

.qq_main{ width:151px;height:auto; color:#666666; position: fixed;bottom:160px;right:1%;_position:absolute;_bottom:240px;_top:expression(eval(document.documentElement.scrollTop+240)); z-index:9999;}

.qq_main .qq_midden{ display:block;padding:4px;background: url(../images/bggg.png) repeat-y;width:143px;}

.qq_main .qq_midden p { width:134px; padding:0 5px; font-size:14px; color:#444444; line-height:20px;}

.qq_main .qq_midden ul{ text-align:center}

.qq_main .qq_midden li{ padding:5px 0;}

.wx  { width:122px; height:150px; margin: 10px auto 0 auto;}

.wx img { width:122px; height:122px;}

.wx span { width:100%; height:28px; line-height:28px; text-align:center; font-size:14px; color:#444444; display:block;}

.qq_top{ background: url(../images/qq_top_bg.png) no-repeat; width:151px; height:38px;}

.qq_bot{ background: url(../images/bot.jpg) no-repeat; width:151px; height:21px;}

/*产品详情*/

.goodsbox{width:100%; overflow:hidden; font-size:14px; line-height:24px; color:#333;}
.goodsbox li{width:260px; margin:10px 10px; height:260px; border:1px solid #ddd; float:left;}
.goodsbox li:hover{ border:1px solid #C00;}



