body{font-family:"Microsoft Yahei";font-size:14px;color:#5B5B5B; padding:0; margin:0; background:#e3d7bf;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
a{ color:#333;}
a:hover{ color:#0B5AD3;}
img{max-width:100%;}
/*首页头部*/
.ltop { width:100%; height:auto; padding:20px 0px;}
.ltop img { width:100%;}
.ltopl { width:60%; padding-left:8px; float:left;}
.ltopr { width:38%; margin-top:5px; float:right;}
.dhtp { float:left; width:30%; margin-right:5px; }
.ltopr p { font-size:1.0em; line-height:1.5em;}
.ltopr p strong { font-size:1.2em; color:#ff933b;}
/*nav*/
.lnav { width:100%; height:100px; background-color:#5c3c1d;}
.lnav ul li { width:25%; height:50px; line-height:50px; font-size:14px; background:url(../images/shouji_15.jpg) repeat-x bottom; float:left; text-align:center;  }
.lnav ul li a { color:#fdfdfa; text-decoration:none; background:url(../images/shouji_11.jpg) repeat-y right; display:block;}






#hhd {
    width: 100%;
    height:10px;
    background:#114e85;
    font-size: 12px;
    line-height: 30px;
    color:#c3d7e7;
    text-align: left;
    text-indent: 20px;
}


/*头部*/
.head{ width:100%; height:90px; background:#fff; position:fixed; left:0; top:0; z-index:99999; text-align:center; color:#FFF; /*-webkit-box-shadow: 1px 1px 1px #aaa; -moz-box-shadow: 1px 1px 1px #aaa; box-shadow: 1px 1px 1px #aaa;*/}
.head .back,.head em,.head span{ display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px; color:#FFF;}
.head .back{ position:absolute; left:20px; top:24px; padding-left:20px; background:url(../images/icon2.png) no-repeat left center; font-size:16px;}
.head em{ font-size:20px;}
.head img{height:55px; margin-top:10px;}
.head span{ width:50px; background:url(../images/icon1.png) no-repeat center center; position:absolute; right:5px; top:24px; cursor:pointer;}
.head .nav{ width:100px; position:absolute; right:0; top:90px; background:#3369ac; text-align:center; display:none;}
.head .nav a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFF;}





#img{width:100%; height:60px; margin:0 auto; padding:10px 0px 0px 0px; text-align:center; }
#img img{height:100px; width:100%;}
#imgt{width:95%; height:60px; margin:0 auto; line-height:60px; z-index:111; font-size:16px; text-align:left;  background:url(../images/hk1.png) left bottom no-repeat;}
#imgt span{color:#5c3c1d; font-family:Arial, Helvetica, sans-serif; margin-left:5px; font-size:14px; font-weight:normal;}

#clear{width:100%; height:0pc; clear:both;}
#cont1{width:90%; min-height:50px; margin:0 auto; padding:10px 0px 20px 0px; font-size:14px; line-height:28px; text-align:center;}



#pp11{font-size:12px; line-height:20px; height:40px; padding:5px 0px 5px 0px; overflow:hidden;}


#cont0{width:100%; min-height:50px; margin:0 auto;}
#cont0 img{width:100%;}

#cont1c{width:96%; min-height:50px; margin:0 auto; margin-top:20px; padding:0px 0px 10px 0px; font-size:14px; line-height:28px; text-align:center;}
#cont1c img{width:100%;}


#cont2{width:100%; min-height:100px; margin:20px 0px 20px 0px; padding:0px 0px 20px 0px; background:#f2faf9;}

#cont3{width:100%; min-height:100px; padding:0px 0px 0px 0px; padding-bottom:20px; margin:30px 0px 0px 0px; background: url(../images/hsa2.jpg) bottom center; border-top:#eee 0px solid;}


#cont4{width:100%; min-height:100px; padding:0px 0px 0px 0px; padding-bottom:20px; margin:30px 0px 0px 0px;border-top:#eee 0px solid;}



#mme{width:100%; height:32px;}
#mme a{display:block; width:70%; height:30px; margin:0 auto; line-height:30px; font-size:12px; text-align:center; border:#5c3c1d 1px solid; border-radius:25px;}

#mme1{width:100%; height:32px; margin:20px 0px 0px 0px;}
#mme1 a{display:block; width:40%; height:30px; margin:0 auto; line-height:30px; font-size:12px; text-align:center; color:#fff; background:#97c295; border:#afd1ad 1px solid; border-radius:25px;}



.bannera{width:100%; margin-top:80px; position:relative;}
.bannera img{width:100%;}
.banneraw{width:200px; height:40px; padding-top:55px; padding-left:40px; position:absolute; left:0px; top:0px; z-index:88; font-size:1.2em; color:#fff; line-height:40px;}
.banneraw h2{}
.banneraw p{font-size:1em; color:#acb2b7;}

.i_maq{ width:100%; padding:0 10px;}
.i_maq li{ width:33.3%; float:left; margin-bottom:6px; text-align:center;}
.i_maq li a,.i_ma dl dt a{ display:block; width:100%; padding:10px 0; color:#555; border:#d5dee7 0px solid;}
.i_maq li a img,.i_ma dl dt img{ width:90%; height:150px; vertical-align:top; margin-bottom:10px;}
.i_maq li a h6,.i_ma dl dt a h6{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal;}
.i_maq li.i_m1 a{ background:#; font-size:12px;}
.i_maq li.i_m2 a{ background:#; font-size:12px;}
.i_maq li.i_m3 a{ background:#; font-size:12px;}
.i_maq li.i_m4 a{ background:#; font-size:12px;}





.i_maq2{ width:100%; padding:0 10px;}
.i_maq2 li{ width:33.33%; float:left; margin-bottom:0px; padding-bottom:5px; text-align:center;}
.i_maq2 li a,.i_ma2 dl dt a{ display:block; width:100%; padding:10px 0; color:#555; border:#d5dee7 0px solid;}
.i_maq2 li a img,.i_ma2 dl dt img{ width:95%; height:180px; vertical-align:top; margin-bottom:0px;}
.i_maq2 li a h6,.i_ma2 dl dt a h6{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal;}

.i_maq2 li p{ width:95%; margin:0 auto; padding:0; background:#f5f5f5; line-height:35px;}



.i_maq4{ width:100%; padding:0 10px;}
.i_maq4 ul li{ float:left; width:50%; float:left; margin-bottom:0px; padding-bottom:5px; text-align:center;}
.i_maq4 ul a{display:block; width:200px; height:120px; margin-right:10px; background:url(../images/b1.jpg); line-height:80px; font-size:24px; text-align:center; font-weight:bold; color:#404040;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.i_maq4 ul a:hover{ color:#e6a508; background:url(../images/b1.jpg);}

/*.i_maq4 li{ width:50%; float:left; margin-bottom:0px; padding-bottom:5px; text-align:center;}
.i_maq4 li a,.i_ma4 dl dt a{ display:block; width:100%; padding:10px 0; color:#555; border:#d5dee7 0px solid;}
.i_maq4 li a img,.i_ma4 dl dt img{ width:95%; height:auto; vertical-align:top; margin-bottom:0px;}
.i_maq4 li a h6,.i_ma4 dl dt a h6{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal;}
.i_maq4 li p{ width:95%; margin:0 auto; padding:0; background:#f5f5f5; line-height:35px;}*/



/*幻灯片*/
.banner{ width:100%; margin-top:0px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 800ms ease-in-out;-moz-transition: height 800ms ease-in-out;-ms-transition: height 800ms ease-in-out;-o-transition: height 800ms ease-in-out;transition: height 800ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom:0px; width: 100%; height: 22px; text-align:center;}
.owl-page { display: inline-block; width:10px; height: 10px; margin:0 3px 10px 3px; background:#FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; *display: inline; *zoom: 1;}
.owl-pagination .active { background:#ff7f18;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
/*.owl-prev { left: 10px; background-image: url(../images/bg17.png);}
.owl-next { right: 10px; background-image: url(../images/bg18.png);}
.owl-prev:hover { background-image: url(../images/bg17.png);}
.owl-next:hover { background-image: url(../images/bg18.png);}*/
/*幻灯片*/
.foot{ width:100%; min-height:50px; background:#5c3c1d; color:#ffffff; padding:20px 0; height:auto; text-align:center; line-height:22px; margin:px; font-size:12px; display:inline-block; *display:inline; zoom:1;}
.foot span{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; margin:0 5px; font-size:12px;}
.foot a{  color:#e3eef4;}




.dbgao {height:70px;}

/*footer*/
.lfooter { width:100%; height:70px; background-color:#5c3c1d; position:fixed; bottom:0px;  }
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:10px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}












.i_m{ width:100%; padding:0 20px;}
.i_m li{ width:50%; float:left; margin-bottom:20px; text-align:center;}
.i_m li a,.i_ma dl dt a{ display:block; width:100%; padding:10px 0; color:#555; border:#d5dee7 1px solid;}
.i_m li a img,.i_ma dl dt img{ width:60%; max-width:160px; height:auto; vertical-align:top;}
.i_m li a h6,.i_ma dl dt a h6{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal;}
.i_m li.i_m1 a{ background:#f2f7fc; font-size:14px;}
.i_m li.i_m2 a{ background:#f2f7fc; font-size:14px;}
.i_m li.i_m3 a{ background:#f2f7fc; font-size:14px;}
.i_m li.i_m4 a{ background:#f2f7fc; font-size:14px;}
.i_ma{ width:100%; padding:0 20px;}
.i_ma dl{ width:100%;}
.i_ma dl dt{ width:50%; float:left; text-align:center; height:180px; position:relative; padding-right:10px;}
.i_ma dl dt a{ background:#3EEADB; position:relative;}
.i_ma dl dt i{ display:block; width:13px; height:27px; background:url(../images/icon3.png) no-repeat; position:absolute; right:-1px; top:50%; margin-top:-14px;}
.i_ma dl dd{ width:100%; margin:0 auto; padding-left:0px; float:left;}
.i_ma dl dd ul{ width:100%; padding:20px 0;}
.i_ma dl dd ul li{ width:96%; background:url(../images/icon4.jpg) no-repeat left center; height:30px; margin:0 auto; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_ma dl dd ul li a{ margin-left:10px; color:#555;}
.i_ma dl dd ul li span{float:right; font-size:12px; color:#a0a0a0;}
.i_ma dl dt,.i_ma dl dt a{ height:190px;}
.scd{ width:100%; padding:0 10px; font-size:14px; line-height:255%;}
.scd_m{ width:100%; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:0px 10px 10px 10px;}
.scd_ma{ padding:0 20px;}
.s_nav{ width:100%; margin-bottom:10px; text-align:center; padding-top:10px;}
.s_nav a{ display:inline-block; *display:inline; zoom:1; height:35px; line-height:34px; margin:0 8px 5px; font-size:16px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; padding:0 12px; background:#eee;}
.s_nav a.now,.s_nav a:hover{ color:#fff; background:#196dbb;}
.zs{ width:100%;}
.zs li{ width:50%; float:left; margin-bottom:15px;}
.zs li img{ width:100%; height:auto; vertical-align:top;}
.zs li p{ width:100%; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page{ width:100%; height:50px; line-height:50px; margin-top:20px; border-top:1px solid #eee; position:relative; padding-top:20px; text-align:center; font-size:18px;}
.page a{ display:inline-block; *display:inline; zoom:1; padding:0px 15px 0px 15px; border:#e5e5e5 1px solid; height:40px; line-height:40px; font-size:15px;}
.page .prev{ position:absolute; left:0; top:20px;}
.page .next{ position:absolute; right:0; top:20px;}
.zp li{ width:100%;}
.zp li .title{ width:100%; height:50px; line-height:50px; font-size:16px; color:#0B5AD3;}
.zp li .des{ width:100%; text-align:left; height:auto;}
.zp li .des b{ color:#000;}
.news{ width:100%;}
.news li{ width:100%; display:block; height:41px; line-height:41px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:10px; position:relative; background:url(../images/icon4.jpg) no-repeat left center;}
.news li a{display:block; width:100%; height:40px; border-bottom:1px dotted #e0e0e0;}
.news li p{ }
.news li span{float:right; font-size:12px;}
.solution{ width:100%;}
.solution dl{ width:100%; margin-bottom:15px;}
.solution dl dt{ width:30%; float:left; max-width:175px; float:left;}
.solution dl dt img{ width:100%; height:auto; vertical-align:top;}
.solution dl dd{ width:70%; float:left; padding-left:15px;}
.solution dl dd .title{ width:100%; height:30px; line-height:30px; font-weight:bold;}
.solution dl dd .des{ width:100%; height:84px; font-size:12px; color:#999; line-height:185%; overflow:hidden;}
.scd_ma{ position:relative; height:530px;}
.scd_ma .line{ width:3px; height:100%; background:#DDDDDD; position:absolute; left:50%; top:0; margin-left:-1px;}
.scd_ma ul{ width:100%;}
.scd_ma ul li{ width:50%; position:relative; height:150px; float:right; margin-top:30px;}
.scd_ma ul li .line_a{ width:50%; height:1px; background:#ddd; position:absolute; top:70px;}
.scd_ma ul li.li_1 .line_a,.scd_ma ul li.li_3 .line_a{ left:0;}
.scd_ma ul li.li_2 .line_a,.scd_ma ul li.li_4 .line_a{ right:0;}
.scd_ma ul li .tu{ width:120px; height:120px; border:1px solid #ddd; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; display:inline-block; *display:inline; zoom:1; position:absolute; z-index:99; left:50%; margin-left:-60px;}
.scd_ma ul li.li_1 .tu,.scd_ma ul li.li_3 .tu,.scd_ma ul li.li_1 p,.scd_ma ul li.li_3 p{ right:50%; margin-left:-60px;}
.scd_ma ul li .tu img{ width:120px; height:120px; vertical-align:top;}
.scd_ma ul li p{ width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; display:inline-block; *display:inline; zoom:1; position:absolute;left:50%; margin-left:-60px; top:120px;}
.scd_ma ul li.li_1,.scd_ma ul li.li_3{ text-align:left;}
.scd_ma ul li.li_2,.scd_ma ul li.li_4{ text-align:right;}
.scd_ma ul li.li_4{ margin-top:50px !important;}

@media screen and (max-width:615px){
.i_m li a h6, .i_ma dl dt a h6{ font-size:17px;}
.i_ma dl dt img{ margin-top:10%;}
.s_nav a{ margin:5px 3px 10px; font-size:15px;}
.solution dl dt{ width:40%;}
.solution dl dd{ width:60%;}
}
@media screen and (max-width:415px){
.zs li{ width:100%; padding:0 !important;}
.news li em{ display:none;}
.news li p{ width:100%;}
.head em{ font-size:17px;}
.head .back{ font-size:15px;}
.solution dl dt{ width:40%;}
.solution dl dd{ width:60%;}
.scd_ma ul li .tu,.scd_ma ul li .tu img{ width:90px; height:90px;}
.scd_ma ul li .tu{ top:25px;}
.scd_ma ul li p{ width:100px; font-size:15px;}
.scd_ma ul li.li_1 .tu,.scd_ma ul li.li_3 .tu,.scd_ma ul li.li_1 p,.scd_ma ul li.li_3 p{ margin-left:-30px;}
}

/*2016-02-28修改*/
.pro_d{ width:100%;}
.pro_d .title{ width:100%; padding:12px 0; border-bottom:1px solid #ddd;}
.pro_d .title h1{ width:100%; font-size:16px; line-height:145%;}
.pro_d .title .des{ width:100%; color:#888; line-height:135%; margin-top:5px;}
.pro_d .ctn{ width:100%; margin-top:20px;}
.pro_d .tabBox_t , .pro_d .tabBox  {width:100%;text-align:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0;}
.pro_d .tabBox .tabNav { width:100%; height:40px; line-height:40px; text-align:center; background:#F1F1F1;}
.pro_d .tabBox .tabNav li { cursor:pointer; width:33.33%; float:left; background:url(../images/xian.jpg) no-repeat left center;}
.pro_d .tabBox .tabNav li.now { color:#005BAB; font-weight:bold;}
.pro_d .tabBox .tabCont { display:none; width:100%; padding:10px;}
.scd_a{ margin-top:70px;}
.scd_a .banner{ margin-top:0;}
.scd_a .owl-pagination{ text-align:center; bottom:7px;}


