@CHARSET "UTF-8";
.head{width:100%; position:fixed;top: 0;z-index: 999999;}
#header{text-align:center;background:#fff; font-weight:bold; line-height:54px; font:bold 20px/44px "微软雅黑"; color:#fff;max-width: 640px;position:relative;}
#header img{width:70%;}
#header .search{position: absolute;left: 15px;top: 8px;width:30px;height:30px;background: url(../../images/btn.png) no-repeat;background-size:30px 30px;cursor: pointer;}
#header .nav-btn{position: absolute;right: 15px;top: 8px;width:30px;height:30px;background: url(../../images/nav-btn.png) no-repeat;background-size:30px 30px;cursor: pointer;}
.header_left{width:74px; height:34px; background:url(../../images/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0;  margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../../images/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}
/*header css style*/

.haha{width: 50%;float: left;}
.tou{background: rgba(0,0,0,.7);z-index: 999999;position: absolute;width: 100%;top: 18px;left: 0;}

.home{width:100%;overflow: hidden;margin-bottom: 80px;margin-top: 44px;}
.nav-hide{display:none;}
.nav-top{width:100%;   text-align:center; padding-top:20px; background:#0e2e71; font-weight:bold; padding-bottom:20px; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#fff; position:relative;position: relative;}


.close{width:25px;height:25px;position: absolute;left: 100px;top: 16px;background: url(../../images/close.png) no-repeat;background-size: 25px 25px;}

#nav{

text-align: center;

position: relative;

width: 50%;

overflow: hidden;

animation:myfirst 3s;

-moz-animation:myfirst 1s; /* Firefox */

-webkit-animation:myfirst 1s; /* Safari and Chrome */

-o-animation:myfirst 1s; /* Opera */

float: right;

z-index: 9999;

background: #0e2e71;
}
@keyframes myfirst
{
from {width:0;}
to {width:100%;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {width:0;}
to {width:100%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {width:0;}
to {width:100%;}
}

@-o-keyframes myfirst /* Opera */
{
from {width:0;}
to {width:100%;}
}
#nav li{height: 50px;line-height: 50px;font: 100 14px/50px '微软雅黑';border-bottom: 1px solid #fff;}
#nav li a{

display:block;

color: #fff;

width:100%;

font-size:16px;
}

#nav li .sec{position: absolute;width:60%;top:30px;left:100%;z-index: 9999;}
#nav li .sec a{font-size: 14px;}



/*网站头部返回按钮样式*/
.header_return{position:absolute;right:15px;top:2px;}
.header_return img{width:43px;height: 40px;}

 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;}
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

.scroll{width:320px;height:auto;margin:0 auto 0 auto; position:relative;overflow:hidden;}
.mod_01{float:left;width:320px;}
.mod_01 img{display:block;width:100%;height:auto;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:50%;z-index:11;width:80px;margin-right:-40px;}
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 2px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}

 /*product css style*/

.products-home{padding-top:30px;}
.pro-title{color:#01a2ea;font:400 32px/46px "微软雅黑";text-align: center;background: url(../../images/tit-line.jpg) no-repeat 50% 100%;padding-bottom: 25px;}
.pro-title span{color:#6a6a6a;font:400 16px/30px "arial";display:block;}
.products-home ul{margin-top: 40px;}
.products-home ul li{width:46%;float: left;margin-right:2%;margin-left:2%;min-height: 78px;margin-bottom: 20px;}
.products-home ul li a{display:block;color:#b19975;font:400 17px/32px "Microsoft Yahei";text-align: left;padding-left:60px;}
.products-home ul li span{display:block;color:#656565;font:400 14px/20px "Microsoft Yahei";text-align: left;padding-left:60px;}
.products-home ul li.pro1{background: url(../../images/pro1.png) no-repeat 0 50%;background-size: 50px 48px;}
.products-home ul li.pro2{background: url(../../images/pro2.png) no-repeat 0 50%;background-size: 50px 48px;}
.products-home ul li.pro3{background: url(../../images/pro3.png) no-repeat 0 50%;background-size: 50px 48px;}
.products-home ul li.pro4{background: url(../../images/pro4.png) no-repeat 0 50%;background-size: 50px 48px;}

.case-home{margin-top:20px;}
.case-home ul{padding-bottom:5px; text-align:left !important;}
.case-home ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.case-home ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.case-home ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.case-home ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}





.box{padding:15px 10px;}
.box2{background: #fff;padding:10px;}
.products{position:relative;}
.contentss{padding:10px 0; line-height:25px; text-align:left;margin-top:10px;color:#b19772;font:400 14px/26px "Microsoft Yahei";}
.contentss img{max-width:100%;width:auto !important;height:auto !important;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.products_title{background:url(../../images/tit-line2.jpg) no-repeat 0 100%; text-align:left; color:#30871c;font:400 24px/40px "Microsoft Yahei";width:100%;padding-bottom: 10px;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; border: 1px solid #dcdcdc; }
.products ul li a{display: inline-block;overflow: hidden;width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{padding:10px 5px;}
.products ul li  h3 a{display: block;overflow: hidden;text-align: left;font:400 14px/30px "Microsoft Yahei";height:30px;overflow: hidden;}
.products ul li  h3 span{display:block;font:400 14px/20px "Microsoft Yahei";text-align: left;height:60px;overflow: hidden;}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:100 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{padding-top:20px;}
.news ul li{line-height:35px; border:1px solid #dcdcdc;margin-bottom: 20px;}
.news ul li .img{float: left;width:45%;}
.news ul li .img img{width:100%;height:auto;}
.news ul li h3{width:53%;float: right;text-align: left;}
.news ul li h3 a{font:400 16px/35px "微软雅黑"; text-align:left; display:block;color:#313131;height:35px;overflow: hidden;}
.news ul li h3 span{color:#646464;font:400 12px/20px "微软雅黑"; display:block;text-align: left;}

/* product_cate css style*/
.product_cate{}
.product_cate_title{background:url(../../images/page-line.jpg) 0 100% no-repeat;text-align:left;font:400 18px/40px "微软雅黑"; height:40px; width:100%; color:#00a2e5;background-size: 100% auto;}
.product_cate ul{}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font:100 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}


/* footer css style*/
.distraction{height:35px; width:100%;}
.footbg{position: fixed; z-index: 110;bottom: 0;left: 0;width:100%;}
.footer{max-width:640px;margin:0 auto;background:#014099; display:-webkit-box;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{display:block; margin:0 auto; text-align:right; font:100 16px "微软雅黑"; color:#fff; height:70px;  padding: 48px 20px 0;}
.footer span.span1{background:url(../../images/a11.png) center 12px no-repeat;}
.footer span.span2{background:url(../../images/a22.png) center 12px no-repeat; }
.footer span.span3{background:url(../../images/a33.png) center 12px no-repeat;}
.footer span.span4{background:url(../../images/a44.png) center 12px no-repeat;}

.footer span.span0{background:url(../../images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}

 .foot1{background:#eb1b35;color:#fff;font:400 14px/22px "微软雅黑";text-align:center;padding:15px 0;}
  .foot1 p{text-align:center}



/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
.share-weixin {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-weixin i{background:url(../../images/share_icon2.png) no-repeat;background-size:32px 32px;
	width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-weixin span{display:inline-block;}
body{max-width:640px; height:100%;margin:0 auto !important; overflow-x:hidden; position:relative;background: #f5f5f5;font-family: "Microsoft Yahei";}


.search-hide{display:none;}
.search-box{padding:17px 14%;background: #0e2e71;position: relative;z-index: 999999999999;}
.search-box form{width:100%;border-radius:8px;background: #fff;}
.search-box form #s_btn{width:15%;float: left;background: url(../../images/btn2.png) no-repeat 50% 50%;line-height: 50px;}
.search-box form #keyword{width:80%;float: left;background: none;text-align: left;color:#fff;font:400 16px/30px "Microsoft Yahei";padding:10px 0;}

.search-box .closen{width:25px;height:25px;position: absolute;right:15px;top:25px;background: url(../../images/close.png) no-repeat;background-size: 25px 25px;}
.hot-title{background:#efefef;border-top:1px solid #dddbdc;border-bottom: 1px solid #dcdcdc;color:#464646;font:400 16px/40px "Microsoft Yahei";padding-left:7%;}
.hot-search{padding-left:4%;padding-top:20px;}
.hot-search span{margin-left:3%;margin-right:3%;color:#464646;font:400 16px/40px "Microsoft Yahei";}




#nav1{text-align: left;
width: 100%;
background: #000;
.z-index: 99999;
}
#nav1 li{width: 25%;float:left;margin: 10px 0;}
#nav1 li a{display:block; color:#d0d0d0; font:400 16px/32px "微软雅黑";}

.dao{text-align: left;
width: 100%;
.z-index: 99999;
}
.dao li{width: 25%;float:left;}
.dao li a img{
display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.dao li a{}



.c1{padding-top:1px;width: 100%;margin:0 auto;}
.c1 h2{text-align:left; color:#fff;font:400 24px/50px "Microsoft Yahei";width:100%;background: #0e2e71;padding-left: 2%;}
.c1 h2 a{float: right;display: block;width: 10%;color: #fff;text-transform: uppercase;font-size:14px;}
.c1 ul{padding-bottom:5px; text-align:center !important;margin-top: 15px;text-align:center;}
.c1 ul li{display: inline-block;text-align: center;overflow: hidden; width:30.5%;margin:0 2px;}
.c1 ul li a{display: inline-block;overflow: hidden;width:100%;}
.c1 ul li a img{display: block;width:100%;height: auto;vertical-align: middle;border: 1px solid #96a1a6;}

.c1 ul li  h3{display: block;text-align:center;font:400 16px/45px "Microsoft Yahei";background:#96a1a6;color:#fff;}
.c1 ul li  h3 span{display:block;font:400 14px/20px "Microsoft Yahei";text-align: left;height:60px;overflow: hidden;}





.c2{width: 100%;margin:0 auto;margin-top:10px;}
.c2 h2{color:#014099;font:400 24px/35px "Microsoft Yahei";width:100%;text-align:center;background:url(../../images/atitle.png) no-repeat center 20%; }
.c2 h2 span{display:block;font-size:12px;text-transform: uppercase;}
.c2 h2 a{float: right;display: block;width: 20%;color: #fff;background: #000;}
.tupians{width:96%;margin:0 auto;margin-top:5px;}
.tupians img{width:100%;display:block;margin:0 auto;}
.c2 .content{padding: 10px;font:16px/30px "Microsoft Yahei";}
.c2 a{display:block;width:80px;height:30px;background:#fabe00;font:400 12px/30px "微软雅黑";color:#fff;text-align:center;margin-top:10px;margin:0 auto;}
.c2 a:hover{color:#efefef;}


.c3{width: 100%;margin:0 auto;margin-top:10px;background:#f4f4f4;padding:10px 0;}
.c3 h2{color:#014099;font:400 26px/45px "微软雅黑";position:relative;border-bottom:1px solid #d8d8d8}
.c3 h2 a{float: right;display: block;width: 10%;color: #979797;text-transform: uppercase;font-size:14px;}
.c3 ul{padding-bottom:5px; text-align:left !important;margin-top: 15px;}
.c3 ul li{display: inline-block;text-align: center;overflow: hidden; width:32.0%;}
.c3 ul li a{display: inline-block;overflow: hidden;width:100%;}
.c3 ul li a img{display: block;width:100%;height: auto;vertical-align: middle;border:4px solid #a0a9be;}

.c3 ul li  h3{display: block;text-align:center;font:400 16px/45px "Microsoft Yahei";}
.c3 ul li  h3 span{display:block;font:400 14px/20px "Microsoft Yahei";text-align: left;height:60px;overflow: hidden;}

.c4{width: 100%;margin:0 auto;margin-top:10px;padding:10px 0;}
.c4 h2{color:#014099;font:400 26px/45px "微软雅黑";position:relative;background:url(../../images/ntitle.png) no-repeat center bottom;}
.c4 h2 a{float: right;display: block;width: 10%;color: #979797;text-transform: uppercase;font-size:14px;}



.nlist1 li img{width:98%;height:204px;margin-top:5px;}
.nlist1 h3{margin-top:18px;}
.nlist1 h3 a{color:#333;font:400 14px/30px "微软雅黑";}
.nlist1 h3 span{display:block;font:400 12px/25px "微软雅黑";text-indent:1em;}
.nlist1 h3 span a{color:#fabe00;display:inline;font:400 12px/25px "微软雅黑";}
.nlist1 li h3 a:hover{color:#0071cc;}
.news_list2{width:96%;margin:0 auto;margin-top:5px;}
.news_list2 li a{color:#333;font:400 14px/33px "微软雅黑";border-bottom:1px dashed #999;display:block;text-align:left;}
.news_list2 li a:hover{color:#0071cc;}


.logos{width:60%;margin:0 auto;}
.logos img{width:100%;margin:0 auto;}
.logoss{width:88%;margin:0 auto;margin-top:5px;font-size:12px;text-align:center;line-height:24px;}
.logoss p{text-align:center;}



.xn{width: 63%;margin-left: 5%;float: right;}



.lxwm{
    padding: 2% 0;
    border-radius: 0.05rem;
    width: 95.3125%;
    font-family: "microsoft yahei";
    color: #ff9292;
    text-align: left;
    margin: 0 auto;
}
.lx{
    background: #b60e1c;
    float: left;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    margin-top: 0;
    overflow: hidden;
    margin-bottom: 0;
    width: 26%;
    padding: 3%;
}
.lxwm .content{
        float: left;
        width: 71%;
        margin-top: 1%;
        font-size: 16px;
        margin: 0 0 0 3%;
        color: #000;
}
.lxwm .content p{border-bottom: 1px solid #989898;}
