/* CSS Document */
@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px auto; padding:0px;font-family:"微软雅黑";-webkit-user-select:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent; cursor:pointer; background:#fff; max-width:720px;}
input{margin:0px;padding:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;} 
.cscreen{position:absolute;top:0;left:0;z-index:30;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70; cursor:pointer;}

.topDiv{ width:100%; height:50px; overflow:hidden; position:relative; text-align:center; background:#fff;}
.topDiv .logo{margin-top:12px;display: block;text-align: left;padding-left: 10px;}
.topDiv .menu{ position:absolute; right:10px; top:18px;}
.topDiv .txt{color:#1E73BE;font-size:18px;margin-top:12px;display: block;}
.topDiv .back{ position:absolute; left:10px; top:18px;}
.topDiv .protype{ position:absolute; left:10px; top:10px; color:#000; font-size:16px;}

/*导航*/
.mainNav{width:95px;height:auto; background: rgba(0,0,0,.6);padding:0 10px 0px 10px; box-sizing:border-box; position: absolute; top:49px; right:5px; z-index:101; display:none; border-radius:5px;}
.mainNav .arrow{width:0; height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #666;position: absolute;left:70px; top:-6px;}
.mainNav ul{width:100%; height:auto; overflow:hidden; margin-top:0px;}
.mainNav ul li{ display:block; width:100%; height:32px; line-height:32px;overflow:hidden; text-align:center;}
.mainNav li a{  display:block; width:100%; height:32px;color:#D3D3D3; font-size:15px;overflow:hidden;}
.mainNav li a.hover{color:#ff0;}



.bottom {width:100%;height:50px;position:fixed;bottom:0px;z-index:5;overflow:hidden; background:#fff; border-top:1px solid #e0e0e0; max-width:720px; margin:0px auto;}
.bottom li {width:33.33%;height:50px;float:left;line-height:50px;text-align:center; box-sizing:border-box;}
.bottom li a { display:block;color:#fff;width:100%;height:50px; font-size:14px; line-height: 50px;text-indent: -9999px; box-sizing:border-box;}
.bottom li a.hover{ color:#fff;}
.bottom li:nth-child(1){ background: url(../images/foot1.png) #4e5053 no-repeat center center; background-size:90px auto;}

.bottom li:nth-child(2){ background: url(../images/foot2.png)#2883d4 no-repeat  center center; background-size:90px auto;}

.bottom li:nth-child(3){ background: url(../images/foot3.png) #1e73be no-repeat  center center; background-size:90px auto;}
.inside-type{ width:100%; height:auto; overflow:hidden; clear:both; margin:0px auto; background:#f4f4f4; border-bottom:1px solid #ddd; padding:0 5px; box-sizing:border-box; padding-bottom:10px;}
.inside-type .type-list{ display:block; width:25%; padding:0 5px; float:left; height:40px; text-align:center; line-height:40px; box-sizing:border-box; margin:10px 0 0 0; overflow:hidden;}
.inside-type .type-list a{ display:block; background:#fff; border-radius:5px; color:#666; width:100%; height:40px;overflow:hidden;}
.inside-type .type-list a:hover,.inside-type .type-list a.hover{ background:#1E73BE; color:#fff;}

.body_bg{ background:#fff; height:auto; margin:0px auto; width:100%; padding-top:10px; overflow:hidden;}

.info_body {width:100%;height:40px;line-height:40px;background:#e1e1e1;border:1px solid #ccc;margin:10px auto;}
.info_body p {float:left;margin-left:10px;color:#000; width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_body p a {color:#000;}
.info_body img {float:right;margin-top:15px;margin-right:10px;}

.info_bot {width:100%; padding:0 10px; box-sizing:border-box;margin:0 auto; overflow:hidden;}
.info_bot .title {line-height:26px;text-align:center; font-size:16px;}
.info_bot .date{display:block;font-size:12px;text-align:center; color:#999; margin-top:5px;}
.info_bot .date img{ margin-right:4px;}
.info_bot .cont {line-height:200%;margin:0px auto 0 auto;overflow:hidden; width:100%; height:auto;}
.info_bot .cont table,.info_bot .cont img,.pro_main .cont img,.pro_main .cont table{ max-width:100%;}

.abh2{ font-weight:bold;}

.m_news{ width:100%; height:auto; overflow:hidden;padding:0 5px;box-sizing:border-box;}
.m_news .first{ width:100%; padding:0 5px;border-bottom:1px solid #e0e0e0;box-sizing:border-box; height:120px; margin-top:10px; overflow:hidden;}
.m_news .first li{ display:block; float:left;}
.m_news .first .pic{ width:34%; height:110px; float:left; overflow:hidden;box-sizing:border-box;border:1px solid #e0e0e0;}
.m_news .first .pic a{ display:block; width:100%; height:110px;}
.m_news .first .title{ width:66%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 10px;box-sizing:border-box;}
.m_news .first .title a{ color:#333;}
.m_news .first .intro{ width:66%; height:48px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;padding-left: 10px;box-sizing:border-box;}
.m_news .first .botA{width:66%; height:25px; color:#999; font-size:13px; line-height:25px; float:left;padding-left: 10px;box-sizing:border-box;margin-top: 5px;}
.m_news .botA a{ display: block;float: left;width:40%;height: 25px;line-height: 25px;margin-right:10px;border-radius: 5px;text-align: center;color: #fff;}
.m_news .botA .a-1{background: #d60313;}
.m_news .botA .a-2{background: #179fed;}

.dateList{ width:100%; padding:0 5px;border-bottom:1px solid #e0e0e0;box-sizing:border-box; height:90px; margin-bottom:10px; overflow:hidden;}
.dateList li{ display:block; float:left;}
.dateList .title{ width:78%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 10px;box-sizing:border-box;}
.dateList .title a{ color:#333;}
.dateList .intro{ width:78%; height:48px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;padding-left: 10px;box-sizing:border-box;}
.dateList .date{width:22%; height:80px; float:left; overflow:hidden;box-sizing:border-box;background: #f4f4f4;text-align: center;}
.dateList .day{display: block;width:100%;height: 50px;line-height: 50px;background: #1E73BE;color: #fff;font-size: 26px;font-family: "Arial";}
.dateList .year{display: block;width:100%;height:30px;line-height:30px;color: #333;font-size: 12px;}

.up-down{ width:100%; height:auto; overflow:hidden;}
.up-down li{ width:100%; height:35px;overflow:hidden; display:block; line-height:35px; border-bottom:1px dashed #e1e1e1; padding:0 10px; box-sizing:border-box; color:#666;}
.up-down li span{ float:left;}
.up-down li a{ color:#666; display:block; width:83%;height:35px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.up-down .back{ border-bottom:none; text-align:right;}
.up-down .back a{ float:right; margin-right:10px; color:#999;}

.Cases{ width:50%; height:160px; overflow:hidden; background:#fff; padding:0 5px; box-sizing:border-box; float:left; margin-bottom:10px;}
.Cases a{ display:block; width:100%; height:160px; overflow:hidden; position:relative;border:1px solid #ddd; box-sizing:border-box;border-radius:2px; float:left; padding:3px 3px;}
.Cases .list{ width:100%; height:100%;box-sizing:border-box; overflow:hidden;}
.Cases .txt{ position:absolute; left:0; bottom:3px; background:url(../images/opacity.png); width:100%; height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:13px; padding:0 10px; box-sizing:border-box; margin:0 3px;}

.product_type{position: fixed; top:0; overflow:hidden; width:70%; left:-70%;height:auto; background:#fff; display:none;z-index:72;}
.product_type ul{ width:100%; height:auto; overflow:hidden; padding:0 5px; box-sizing:border-box; overflow:hidden;}
.product_type li{ display:block; width:100%; height:auto; overflow:hidden;}
.product_type li .big{ display:block; width:100%; height:30px; padding:0 5px; box-sizing:border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:15px; margin-top:10px;}
.product_type li .big.hover{ color:#1E73BE;}

.proitem_ul{ width:100%; height:auto; margin-top:10px; overflow:hidden; clear:both;}
.proitem_ul li{ width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; overflow:hidden;border-bottom:1px solid #ddd;}
.proitem_ul .topic{ height:auto; color:#333; font-size:16px; line-height:40px; font-weight:bold;}
.proitem_ul .desc{ color:#666; font-size:13px;white-space:nowrap;text-overflow:ellipsis;}

.arrow-lf{ display:block; position:fixed; top:50%; left:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrlf.png) no-repeat 2px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-lf.hover{opacity:0.1;}
.arrow-rg{display:block; position:fixed; top:50%; right:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrrg.png) no-repeat 8px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-rg.hover{opacity:0.1;}

.copyright{width:100%;height:auto;padding:10px 10px 10px 10px;box-sizing:border-box;text-align:center; background:#f7f7f7;overflow:hidden; clear:both;border-top: 1px solid #e0e0e0;}
.copyright .cont{ color:#666; font-size:13px; line-height:24px;}
.copyright .cont a{color:#666; font-size:13px;}

.m_tel{ width:100%; height:40px; line-height:40px; margin:0px auto;overflow:hidden; text-align:center; color:#333; clear:both;padding:0 10px;box-sizing:border-box;}
.m_tel img{ position:relative; top:5px;margin-right:8px;}
.m_tel span{ margin-left:5px; font-weight: bold; color:#f00; font-size:16px;}


.formpic{width: 100%;height: auto;margin: 10px auto;text-align: center;}