@media (min-width: 1200px) {
  .container {
    width: 360px;
  }
}

a { color: #000000; text-decoration: none;}
a:hover { text-decoration: none;}
li{ list-style-type:none;}
body{  color:#666; font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px solid #BEBCBC;
}
.navbar-brand {
   margin-top:0px;
   padding:0px;
}
.navbar-inverse {
   background:#fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
	background-color:#3a80c2;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.juzhong{ margin:0 auto;}
/************************ ???? more *************************/
.nore{ width:80%; height:46px; line-height:46px; margin:10px auto 40px; font-size:14px;}
.nore a{ width:100%; height:46px; display:block; background:#3a80c2; color:#fff; border-radius:5px; transition: all 500ms ease-in 0ms; border:1px solid transparent; text-align:center;}
.nore a:hover{ border:1px solid #3a80c2; background:#fff; color:#3a80c2;}
.b_b{ border-bottom:1px solid #999;}


.nore1{ width:80%; height:46px; line-height:46px; margin:20px auto 40px; font-size:14px;}
.nore1 a{ width:100%; height:46px; display:block; border-radius:5px; transition: all 500ms ease-in 0ms;  text-align:center; border:1px solid #fff;  color:#fff;}
.nore1 a:hover{ background:#fff; color:#3a80c2; }

/************************ ???? ???? *************************/

.pro_li{ width:46%; margin:10px 2%; float:left;}
.case_box{position:relative;}   
.case_hover {
    background:rgba( 58, 129, 196,0.83);
	width:100%;
    height:100%;
	position: absolute;
    top:0px;
}
.case_tit{ font-size:20px; color:#fff; text-align:center; width:80%; margin:10% auto 0;}
.case_x{ background:url(../image/bg1.png) no-repeat center; width:50px; height:50px; margin:10px auto 0;}


/************************ ???? products **************************/
.iprotype{ width:50%; height:32px; line-height:32px; text-align:center; font-size:14px; float:left;}
.iprotype a{ width:100%; height:32px; display:block; border:1px solid #3a80c2; border-left:0px none; border-top:0px none; color:#a0a0a0;}
.iprotype a:hover{ color:#fff; background:#3a80c2;}


.iproducts{ overflow:hidden; background:url(../image/bg1.jpg) repeat; padding-bottom:30px;}
.iproducts li{ margin-top:20px;}
.iproducts li a .tit{ height:32px; line-height:32px; text-align:center; display:block; color:#595757; font-size:14px;}
.iproducts li a:hover .tit{  background-color:#3a80c2; color:#fff;}

/************************ ???? about **************************/

.iabout{ overflow:hidden; background:#3a80c2; padding-bottom:30px;}
.iabout_memo{ color:#fff; font-size:12px; line-height:26px;}


/************************ ???? case **************************/

.icase{ overflow:hidden; background:url(../image/bg_1.jpg) no-repeat top;}

    .img-scrol4 { position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:40px;}
    .img-scrol4 .prev,.img-scrol4 .next { position:absolute; display:block;
    top:0; z-index:99;}
    .img-scrol4 .prev { left:0; margin-left:0px; background:url(../image/left_1.png) no-repeat center center; width:60px; height:150px;}
    .img-scrol4 .next { right:0; margin-right:0px; background:url(../image/right_1.png) no-repeat center center; width:60px; height:150px;}
	.img-scrol4 .prev:hover { left:0; background:url(../image/left_1.png) no-repeat center center;}
	.img-scrol4 .next:hover { right:0; background:url(../image/right_1.png) no-repeat center center;}
	
    .img-scrol4 .img-list { position:relative; width:80%; height:auto; overflow:hidden; margin-left:0px; margin:0 auto;}
    .img-scrol4 .img-list ul { width:570px; padding-left:0px;}
    .img-scrol4 .img-list li { float:left; display:inline; height:auto; overflow:hidden;}
	.img-scrol4 .img-list li a { padding:3px; background:#fff; display:block;}


/************************ ???? coop **************************/

.icoop{ overflow:hidden; background:#fff;}	
	
    .img-scrol3 { position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:40px;}
    .img-scrol3 .prev,.img-scrol3 .next { position:absolute; display:block;  top:0; z-index:99; width:40px; height:50px;}
    .img-scrol3 .prev { left:0; margin-left:0px; background:url(../image/left_1.png) no-repeat center center;}
    .img-scrol3 .next { right:0; margin-right:0px; background:url(../image/right_1.png) no-repeat center center;}
	.img-scrol3 .prev:hover { left:0; background:url(../image/left_1.png) no-repeat center center;}
	.img-scrol3 .next:hover { right:0; background:url(../image/right_1.png) no-repeat center center;}
    .img-scrol3 .img-list { position:relative; width:80%; height:auto; overflow:hidden; margin-left:0px; margin:0 auto;}
    .img-scrol3 .img-list ul { width:860px; padding-left:0px;}
    .img-scrol3 .img-list li { float:left; display:inline; height:auto; overflow:hidden;}






/******************????news css***************/
.inews{ overflow:hidden; padding:30px 3%; width:100%;}

.inews a .tit{ height:52px; line-height:52px; text-align:center; display:block; background:#3a80c2; color:#fff; font-size:18px; overflow:hidden; margin-bottom:18px;}
.inews li{ height:52px; line-height:52px; margin-bottom:8px;}	
.inews li a{ height:52px; display:block; background:#fff; color:#595757;}	
.inews li a .in_xh{ background:#989898; width:10%; text-align:center; font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; float:left;}
.inews li a:hover .in_xh{ background:#3a80c2;}
.inews li a .in_time{ width:30%; text-align:center; font-size:14px; color:#9e9f9f; font-family:Arial, Helvetica, sans-serif; float:right;}
.inews li a .in_cont{ width:50%; margin-left:5%; font-size:14px; color:#595757; float:left; overflow:hidden; height:52px;}


/************************ ???? ???????? *************************/

.db{ width:100%; height:auto; padding:16px 0; overflow:hidden; background:#dddddd; position: relative;}
.dbbq{ width:80%; height:auto; margin:0 auto; font-size:12px; color:#595757;}



/************    ????banner  and  ????   *************/

.biaoti{ background-color:#3a80c2; text-align:center; color:#fff; font-size:20px; padding-top:12px; padding-bottom:12px;}


.class{ height:auto; padding-bottom:20px; overflow:hidden; position:relative; padding-top:30px;}
.class li{ width:32.3%; margin-right:1%; height:32px; line-height:32px; float:left; font-size:14px; text-align:center; margin-bottom:5px;}
.class li a{ width:100%; height:32px; display:block; color:#898989; background:#fff;transition: all 300ms ease-in 0ms;}
.class li a:hover{color:#fff; background:#3a80c2;}
.class li.hover a{color:#fff; background:#3a80c2;}


.abcd{ height:auto; margin-bottom:20px; overflow:hidden; position:relative; background:#fff; padding:5%; line-height:26px; font-size:12px; color:#717071;}





.class1{ width:96%; height:auto; margin:0 auto; padding-bottom:20px; padding-top:20px; overflow:hidden; position:relative; z-index:3;}
.class1 li{ width:100%; height:30px; line-height:30px; float:left; font-size:14px; text-align:center; margin-bottom:5px;}
.class1 li a{ width:100%; height:30px; display:block; color:#999; background:rgba(187,205,45,0.5);transition: all 300ms ease-in 0ms; border-radius:8px;}
.class1 li a:hover{color:#fff; background:#bdcd33;}
.class1 li.hover a{color:#fff; background:#bdcd33;}


.i-market{
	height:auto;
	width: 100%;
	position: relative;
	overflow:hidden;
}

.i-market .brand{ width:96%; position:relative; margin:0 auto;}
.i-market .brand li{ width:100%; height:auto; margin-top:16px;}
.i-market .brand li a{ width:100%; height:auto; overflow:hidden; padding:2%; display:block; background:#fff; transition: all 500ms ease-in 0ms; border-radius:4px;}
.i-market .brand li a:hover{ background:#3a81c4;}
.brand li a img{ width:35%; display:block; float:left; border-radius:4px; border:2px solid #dcd9d9;}
.brand li a .tit{ width:60%; margin-left:5%; float:left; font-size:14px; color:#8b8b8b; line-height:26px; height:auto; overflow:hidden; transition: all 500ms ease-in 0ms;}
.brand li a:hover .tit{ color:#fff;}






.product{ width:100%; height:auto; overflow:hidden;}
.product li{ width:46%; height:auto; margin:16px 2%; overflow:hidden; float:left;}
.product li a{ width:100%; height:auto; display:block; background:#fff; overflow:hidden;}
.product li a .pic{ width:100%; height:100%; float:left;}
.product li a .tit{ width:100%; height:26px; line-height:26px; color:#000; text-align:center; font-size:12px; float:left; border-top:1px solid #e0e0e0;}
.product li a:hover .tit{ color:#fff; background:#3a80c2;}