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

a {
    color: #000000;
    text-decoration: none;
}

a:hover { 
    text-decoration:none;
	transition: all 300ms ease-in 0ms;
	}

body{  color:#666; line-height:24px; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}


.hover a {
    background-color: #e60012;
    color: #FFFFFF;
} 



.dingbu {
    background-color: #e32129;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    color: #FFFFFF;
	padding-left:10px; padding-right:10px;
}

.ctt {
    text-align: center;
    padding-top: 10px;
    padding-right: 20px;
    cursor: pointer;
}

#toggle-sidebar {
    cursor: pointer;
}

.cha {
    color: #000000;
    font-size: 20px;
}
   
.dhw-aa {
    width: 50%;
    float: left;
}  

.dhw-bb {
    width: 50%;
    float: right;
    text-align: right;
	line-height:32px;
}

.dht {
   background-color:#0067ac;
   height:auto; overflow:hidden;
   }
   
.dht-aa {
   width:85%;
   float:left;
   }
   
.dht-bb {
   width:15%;
   float:right;
   padding-right:15px;
   }
   

      
.cplei {
    padding-left:15px;
	padding-right:15px;
    height: auto;
    overflow: hidden;
}
   
   
.cplei li {
   list-style-type:none;
   float:left;
   width:50%;
   padding:10px;
   border-bottom:1px solid #bdbdbd;
   }
   
.cplei li p {
   text-align:center;
   margin-top:7px;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   }
   
.fenget {
   border-right:1px solid #bdbdbd;
   }
   

.why {
   padding:15px;
   text-align:center;
   color:#1b689c;
   font-size:18px;
   height:auto; overflow:hidden;
  }
   
.tixi {
   height:auto; overflow:hidden;
   padding-top:8px;
   padding-bottom:8px;
   }
   
.tixi-aa {
  width:12%;
  float:left;
  }
  
.tixi-bb {
  width:85%;
  float:right;
  color:#3f3f3f;
  }
  
.tixi-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   color:#ffab00;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:6px;
   } 
   
.case {
   height:auto; overflow:hidden;
   margin-top:20px;
   } 
   
.case-lan {
   height:auto; overflow:hidden;
   line-height:50px;
   border-bottom:1px solid #e1e1e1;
   margin-bottom:20px;
   }
   
.case-lan-aa {
   width:50%;
   float:left;
   font-size:20px;
   font-weight:bold;
   color:#0067ac;
   }
   
.case-lan-bb {
   width:50%;
   float:right;
   text-align:right;
   }
   
.case-lan-bb a {
   color:#0067ac;
   }
   

.case-nei {
   height:auto; overflow:hidden;
   }
   
.casetu {
    height:auto; overflow:hidden;
   }
   
.casetu p {
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   text-align:center;
   margin-top:15px;
   color:#0067ac;
   }  
   
.abkk {
   height:auto; overflow:hidden;
   border:1px solid #ffab00;
   }
   
.abkk-aa {
   width:46%;
   float:left;
   }
   
.abkk-bb {
   width:54%;
   float:right;
   padding-top:15px;
   }
   
.abkk-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   text-align:center;
   color:#7c7c7c;
   font-size:16px;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:10px;
   }
   
.abkk-more {
   width:50%;
   margin:10px auto 0px;
   }
   
.abkk-more a {
   display:block;
   height:35px;
   line-height:35px;
   text-align:center;
   background-color:#0067ac;
   color:#FFFFFF;
   }
   
.xinwen {
   height:auto; overflow:hidden;
   margin-top:20px;
   }
   
.xwlan {
   height:auto; overflow:hidden;
   margin-bottom:10px;
   }
   
.xwlan li {
   list-style-type:none;
   float:left;
   width:33%;
   margin-right:0.3%;
   }
   
#slidingy {
	height:auto; overflow:hidden;
}

#slidingy span {
    float:left; width:100%; height:40px;line-height:40px; text-align:center; font-size:16px; over-flow:hidden;
}
#slidingy span.menuNo {
    font-weight:normal; width:100%; height:40px; line-height:40px; color:#434343; background-color:#e6e6e6; text-align:center;
}
#slidingy span.menuOn {
    font-weight:normal; width:100%; height:40px; line-height:40px; color:#ffffff; text-align:center; background-color:#0067ac;
}
#slidingy DIV.slidingList_none {
    display:none
}
#slidingy DIV.slidingList {
    width:100%;
    margin:0px; padding:0px; height:auto; overflow:hidden;
}
   
.xwhh {
   height:auto; overflow:hidden;
   padding-top:12px;
   padding-bottom:12px;
   border-bottom:1px solid #e1e1e1;
   }
   
.xwhh-aa {
   width:26%;
   float:left;
   }
   
.xwhh-bb {
   width:71%;
   float:right;
   color:#585858;
   }
   
.xwhh-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   margin-top:0px;
   margin-bottom:20px;
   color:#585858;
   }
   
.xwhang {
   height:auto; overflow:hidden;
   line-height:40px;
   border-bottom:1px solid #e1e1e1;
   }
   
.xwhang a {
   color:#585858;
   }
   
.xwhang-aa {
   width:75%;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   float:left;
   }
   
.xwhang-bb {
   width:23%;
      height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   float:right;
   text-align:right;
   }
   
.cjwt {
   height:auto; overflow:hidden;
   padding-top:15px;
   border-top:10px solid #e1e1e1;
   } 
   
.cjwt h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   color:#0067ac;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:20px;
   }


   
.cjwt li {
   list-style-type:none;
   margin-bottom:7px;
   }
   
.cjwt li a {
   display:block;
   height:40px;
   line-height:40px;
   border-bottom:1px solid #e1e1e1;
   color:#545454;
   } 
   
.cjwt li a:hover {
   color:#545454;
   }
   
.cjwt li.hover a {
   color:#545454;
   }
   
.cjwt-aa {
   width:80%;
   float:left;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   }
   
.cjwt-bb {
   width:20%;
   float:right;
   text-align:right;
   }
   
.cjwt ul {
    overflow: hidden;
	color:#545454;
} 

.cjwt li ul{
    display: none;
}


.fuwu {
   height:auto; overflow:hidden;
   }
   
.dhtt {
   box-shadow: 0px 0px 10px rgba(0,0,0,.3);
   }


.about {
   height:auto; overflow:hidden;
   color:#4d4d4d;
   padding:15px;
   border-bottom:10px solid #f4f4f4;
   }   
   
.about h2 {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   font-size:25px;
   color:#1b689c;
   text-align:center;
   margin-top:0px;
   padding-bottom:15px;
   background:url(../images/xiahua.jpg) bottom center; background-repeat:no-repeat;
   margin-bottom:10px;
   }

.abmore {
    width: 160px;
    height: 30px;
	margin:20px auto 0px;
}

.abmore a {
   display:block;
   width:100%;
   height:30px;
   line-height:30px;
   text-align:center;
   color:#FFFFFF;
   font-size:14px;
   background-color:#1b689c;
   }
   
.ysrow {
    margin-left: -9px;
    margin-right: -9px;
	height:auto; overflow:hidden;
	margin-top:15px;
	margin-bottom:15px;
}

.ysrow li {
    list-style-type: none;
    width: 50%;
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 10px;
}

.yskk {
    height: auto;
    overflow: hidden;
    padding: 10px;
    padding-top: 25px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #2e2e2e;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.87);
}

.yskk h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 8px;
    color: #2e2e2e;
}

.yskk2 {
   height:auto; overflow:hidden;
   padding: 10px;
   padding-top: 25px;
   padding-bottom: 15px;
   font-size:14px;
   color:#2e2e2e;
   border-radius: 5px;
   background-color:rgba(255,194,10,0.87);
   }  
   
.yskk2 h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   font-weight:bold;
   margin-top:0px;
   margin-bottom:8px;
   color:#2e2e2e;
   } 
   
/* 单页 */
.huibj {
   padding:15px;
   background-color:#eaeaeb;
   height:auto; overflow:hidden;
   }
   
   
.biaoti {
    overflow: hidden;
    height: 56px;
    line-height: 56px;
    background: #fff;
}


.biaoti .left {
    width: 14%;
    float: left;
    background: url(../images/a_01.jpg) no-repeat center;
}

.biaoti .center {
    width: auto;
    float: left;
    color: #0067ac;
    font-size: 18px;
    padding-left: 3%;
}

.biaoti .right {
    width: auto;
    float: right;
    margin-right: 4%;
    color: #898989;
    font-size: 14px;
    background: url(../images/home.jpg) no-repeat center left;
    padding-left: 25px;
}

.class {
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}

.class li {
    width: 49%;
    margin-right: 1%;
    line-height: 32px;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
	list-style-type:none;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
}


.class li.hover a {
    color: #fff;
    background: #0067ac;
}

.class li a:hover {
    color: #fff;
    background: #0067ac;
}

.class li a {
    width: 100%;
    height: 32px;
    display: block;
    color: #848484;
    background: #fff;
    transition: all 300ms ease-in 0ms;
}

.bd {
   border:1px solid #e70012;
   }


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

.abcd img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
   }
   
.abcd h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   text-align:center;
   margin-top:0px;
   margin-bottom:15px;
   }


/* 新闻列表 */
.news {
    width: 100%;
    overflow: hidden;
    padding: 2%;
    background: #fff;
    margin-bottom: 10px;
}

.news a {
    display: block;
    background: #fff;
}

.news a .pic {
    width: 25%;
    float: left;
    margin-right: 3%;
}

.news a .cont {
    width: 70%;
    float: left;
    color: #717071;
}

.news a .tit {
    width: 100%;
    height: 22px;
    color: #717071;
    font-size: 14px;
    overflow: hidden;
    line-height: 22px;
    margin-bottom: 10px;
    float: left;
}

.news a .time {
    width: 100%;
    height: 20px;
    color: #717071;
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
    float: left;
}

.news a .more {
    width: 25%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #1055b3;
    border-radius: 5px;
    float: right;
}

/* 产品列表 */

.cpkk {
   height:auto; overflow:hidden;
   margin-bottom:10px;
   }
   
.cptu {
   border:1px solid #c3c3c3;
   }
   
.cpkk p {
   text-align:center;
   margin-top:10px;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   color:#474747;
   }

/* 产品内页 */
.datu {
   width:80%;
   margin:0 auto;
   }
.datuzi {
   text-align:center;
   font-weight:bold;
   margin-top:5px;
   font-size:18px;
   }


.fanhui {
    height: auto;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #757472;
}

.fenye {
    width: 100%;
    height: 60px;
}

.fenye-aa {
    width: 50%;
    float: left;
}

.fenye-aa a {
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    background-color: #ff6101;
    font-size: 18px;
}

.fenye-bb {
    width: 50%;
    float: right;
}

.fenye-bb a {
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    background-color: #ffb601;
    font-size: 18px;
}


.daohang ul { padding:0px; margin:0px;}
.daohang ul li {
   width:33.3%;
   height:45px;
   line-height:45px;
   float:left;
   text-align:center;
   list-style-type:none;
   background-color:#e70012;
   border-bottom: 1px solid #c50f1d;
   }
.daohang ul li a {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
	border-left: 1px solid #c50f1d;
    border-right: 1px solid #c50f1d;
	font-size:16px;
}

.daohang ul li a:hover {
    background-color:#c50f1d;
	color:#FFFFFF;
}  

.lanmore {
   margin-top:5px;
   text-align:center;
   height:auto; overflow:hidden;
   }
 
.lanmore a {
   color:#555555;
   }

.abcd h5 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   font-weight:bold;
   text-align:center;
   margin-top:0px;
   margin-bottom:15px;
   }
   
   
.apply {
	position:fixed;
	z-index:10000;
	background:rgba(0,0,0,.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
.zwcont {
	width:90%;
	left:5%;
	top:50%;
	margin-top:-378px;
	position:relative;
}
.zwcont iframe {
	height:400px;
	background:transparent;
	width:100%;
}
.tmbody {
	background:transparent;
}
.zwcont .closets {
	position:absolute;
	height:90px;
	right:15px;
	top:0;
	cursor:pointer;
	width:40px;
	background:url(../images/gbtou.png) center no-repeat;
}
.sqxx {
	width:100%;
	background:#fff;
}
.sqxx h2 {
	text-align:center;
	font-size:2.0rem;
	margin:0px;
	color:#000;
	line-height:90px;
}
.sqxx h2 big {
	font-size:2.0rem;
}
.sqxx .form {
	background:#f6f6f6;
	padding:30px 7% 25px;
}
.sqxx .form div {
	float:left;
	width:47%;
	margin-right:6%;
	margin-bottom:25px;
}
.sqxx .form div:nth-child(2n+0) {
	margin-right:0;
}
.sqxx .form div p {
	float:left;
	width:88px;
	color:#636366;
	line-height:42px;
}
.sqxx .form div p:before {
	content:"* ";
	color:#f00;
}
.sqxx .form div input {
	width:calc(100% - 88px);
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	line-height:22px;
	outline:none;
	padding:9px 10px;
}
.sqxx .form div select {
	width:calc(100% - 88px);
	border:1px rgba(0,0,0,.1) solid;
	background:#fff;
	height:42px;
	outline:none;
	padding:0px 10px;
}
.sqxx .form div:last-child {
	width:100%;
}
.sqxx .form div textarea {
	width:calc(100% - 88px);
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	line-height:22px;
	outline:none;
	padding:9px 10px;
	resize:none;
}
.sqxx form button {
	display:block;
	margin:30px auto 0px;
	background:#2a54a8;
	width:100%;
	max-width:230px;
	color:#fff;
	height:44px;
	outline:none;
	font-size:1.5rem;
	transition:.3s;
	border:0;
}
.zwcont form button:hover {
	background:#333;
}   

.spkk a {
   cursor:pointer;
   }

/* 固定底 */

.fygnav {
    padding: 0px;
	height:50px;
	background-color:#f3f3f3;
	border-top:1px solid #c2c4c1;
}


.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%;
    text-align: center;
    float: left;	
}
.fygnav li a { color:#989898;}

.fygnav li a:hover { color:#0067ac;}

.bottom {
    margin-bottom: 60px;
}

#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
}

#mcover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    display: none;
	}