@charset "utf-8";
.ui-page{ background:#fff }
body,p ,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
.clear { clear:both; }
.center{ text-align:center}
.center img{ width:80%; max-width:200px;}
.padding10{padding:10px;}
.ui-body-f{background-color:#fff;}
.fr{ float:right}
.am-img-thumbnail{ width:100%;}

body{ background:#fff}
.top{background:#fff; width:100%; height:auto; border-bottom:1px solid #489fe8;}
.logo{float:left; margin:10px 0 5px; width:200px;height: 44px;}
.topright{width:50%; height:36px; margin:8px 0 18px 0px; float:right;}
.search{width:96%; padding-right:4%; height:36px; margin-top:14px; background:#8F0100;border-radius:4px;}
.textinput{width:80%; height:28px;box-shadow:0; border:0; margin:4px 0 0 0; float:left; line-height:28px; text-indent:10px; color:#666; background:none; font-size:12px;}
.buttoninput{background:url(../images/search_but.gif) no-repeat 0 0 ; width:23px; height:19px;display:block; float:right; margin:4px 0 0 0;}
.content{ padding-bottom:50px;}
.nav{width:100%; height:40px; background:#0d75be; position:relative;}
.navleft{margin:0 0 11px 2.8125%; display:none; width:20px; height:20px; position:absolute; left:-5px; top:9px;}
.navright{margin:0 2.8125% 11px 0px; display:none; width:20px; height:20px; position:absolute; right:-5px; top:9px;}
.landr{/*width:78.125%;*/ width:100%;text-align:center; height:100%; overflow:hidden;}
.landr li{height:40px; float:left; text-align:center; font:300 17px/38px Microsoft YaHei;}
.landr li a{color:#fff;}
.landr li a:hover { color:#ff0;}
.ssbox{ background:url(../images/ssbg.png); width:100%; height:28px; padding:9px 0; margin-bottom:10px;}
.ssabox{ width:94%; margin:0 auto; border:1px solid #afafaf; border-radius:10px; background:#f8f8f8; height:28px; overflow:hidden;}
.ssbt{ float:left; color:#999; font-size:14px; line-height:28px; text-indent:13px;}
.ssabox input { background:#f8f8f8; border:none; width:60%; line-height:28px; height:100%;}
.sstj { float:right; background:url(../images/sstj.gif) no-repeat center; width:30px; height:30px;}
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto 5px;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.b-left { background: #ff6700 no-repeat left center;
    width: 140px;
    float: left;
    margin:5px 2%;
    color:#fff;
    display: block;
    height: 26px;
    font-size: 9pt;
    font-weight: 700;
    line-height: 26px;
    text-indent: 3%;
    border-radius: .8rem;}
.b-right { background: #000 no-repeat left center;
    width: 108px;
    float: right;
    margin:5px 2%;
    color:#fff;
    display: block;
    height: 26px;
    font-size: 9pt;
    font-weight: 700;
    line-height: 26px;
    text-indent: 3%;
    border-radius: .8rem; }
.slide-dot{position:absolute;left:8px;bottom:10px;height:9px;padding:2px 0; float:left;}
.slide-dot span{display:inline-block;width:11px;height:11px;margin:0 5px;background:url(../images/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.icontact{margin-top:10px;color:#414141;line-height:1.5;padding:2%;}
.icontact li{ width:100%; border-bottom:1px solid #dedede; height:40px; line-height:40px;}
.icontact li b { float:left; background:#56678e; border:1px solid #3a4e7c; width:14px; color:#fff; margin:7px 10px 0 0; height:14px; display:block; line-height:14px; text-align: center;}
.icontact li a { float:left; font-size:15px; color:#414141;}
.icontact li span { float:right; color:#666;}
.icontact p { margin:0; text-indent:2em; font-size:15px; line-height:30px;}
.icontact .conbox{ font-size:15px; line-height:27px;}
.icontact .conbox strong { font-size:15px; color:#d00;}
.icontact .conbox strong a { color:#d00;}
.botlink{ background:#808080; width:100%; text-align:center; line-height:34px; height:34px; color:#fff;}
.botlink a{ font-size:11pt; color:#fff;margin:0px 5px;}
.botcopyright { width:100%; text-align:center; font-size:10pt; color:#333; line-height:24px; padding:20px 0;}
.news{width:100%;}
.newstitle{ clear:both;width:100%; height:36px; margin:10px auto; border-bottom:2px solid #f0f0f0;}
.more_i{ width:58%; text-align:right; color:#0e74c8; line-height:36px; float:right; padding-right:2%; font-size:13px; }
.more_ip{ width:58%; text-align:right; color:#0e74c8; line-height:36px; float:right; padding-right:2%; font-size:13px; }
.newstitle_t{ display:block; height:36px; width:35%; float:left; #border-radius: 10px;#background:#14a6ef left bottom no-repeat; #text-indent:26px; line-height:36px; color:#000; font-weight:700; font-family:Microsoft YaHei;}
.newsul{float:left; width:100%; padding:5px 0 14px;}
.newsul li{width:46%; background:#f0f0f0; float:left; height:40px; margin:5px 0 0 2%; border-radius:10px;}
.newsul li a{display:block; line-height:40px; color:#414141; height:40px; font-size:11pt; text-align: center;}
.hot{float:left; margin:6px 0 10px 1.71875%;}
.button{width:132px; height:26px; border-radius:3px; background-image:-moz-linear-gradient(center top , #ececec, #dbd8d8);background-image: -moz-linear-gradient(top, #ececec, #dbd8d8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#dbd8d8));background-image: -webkit-linear-gradient(top, #ececec, #dbd8d8);background-image: -o-linear-gradient(top, #ececec, #dbd8d8);background-image: linear-gradient(top, #ececec, #dbd8d8); margin:9px auto; border:1px solid #c2c2c2;}
.button a{width:130px; height:24px; border-radius:2px; border-color:#fff; display:block; border:1px solid #fff; background:url(../images/icons3.png) 119px center no-repeat; text-align:center; color:#8c8b8b; font:500 12pt/24px Microsoft YaHei;}
.product{ clear:both; float:left;margin-bottom:35px; width:100%;}
.product2{ clear:both; }
.proul{width:100%; padding:3% 0}
.proul li{position:relative; }
.proul li div{ width:90%;padding:0 5%;}
.proul li img{width:100%;border:0.5px solid #d5d0ca; border-radius: 6px;}

.proul li p{
       left:1px;
       width:100%; 
       height:30px; 
       text-indent:5px; 
       text-align:left; 
       font:200 15px/28px \5FAE\8F6F\96C5\9ED1;
       text-overflow:ellipsis; 
       overflow:hidden;
       white-space:nowrap; 
       color:#000 }

.proul li span {
    float: left;
    display: block;
    height: 22px;
    line-height: 22px;
    text-indent: 5%;
    border-radius: .8rem;
}

.proul li span a {
    width: 75px;
    height: 22px;
    display: block;
    float: left;
    color: #f00;
    font-size: 10pt;
}
.proul li span ba {
    width: 90px;
    height: 22px;
    display: block;
    float: right;
    font-size: 9pt;
}
.footer{
      width:100%; 
      height:45px; 
      position:fixed;
      bottom:0; 
      left:0; 
      right:0;
      z-index:1000; 
      overflow:hidden;
      text-align: center;
}

.footer a.fomail { 
                float: left;
	display: inline-block;
	width: 32%;
	font-size: 20px;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: 1px;
	color: #fff;
	background-color: #EE0000;}

.footer a.fotel { 
                float: left;
	display: inline-block;
	width: 68%;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: 1px;
                font-size:20px;
	color: #fff;
	background-color: #0066CC;
}

.footeral{ background:url(../images/bottel.png) no-repeat 14px center; height:39px; line-height:39px; width:66.3%; float:left; text-indent:40px; color:#fff;}

.footerar{ width:29%; text-align:center; float:right;}
.footerar a{color:#fff; font-family:΢ÈíÑźÚ;}

.subpages {width:100%; margin-bottom: 12px; height:auto; float:left;}
.subpages2 {padding: 5px 2%; height:auto;#float:left; font:14px/28px \5B8B\4F53;}
.subpages p{width:100%;}
.subpages p strong {color: #d00;}

.am-table{ width:100%; margin-top:10px;}
.products{width:100%;}
.products a{font-weight:bold;}
.products li{width:100%; border-bottom:1px solid #dfd8cf; padding-bottom:8px;  overflow:hidden; padding-top:8px; text-overflow:ellipsis; background-color:#99FF00}
.border{width:25%;  margin:0px; padding:0px; float:left }
.prodimg{width:100%;  float:left; padding:3px; border:1px solid #e3dbd0; background:#fff; margin:0 0 0 8px;}
.profont{ width:65%; margin-left:2%; background-color:#00CCFF }
.profont p{margin:0; padding:0; font-weight:normal;}
.profont p a{font-weight:1000; color:#880308; font-size:10.5pt; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; width:65%; background-color:#00FF66}
h3{color:#900100; width:100%; text-align:center; padding: 20px 0px 6px;border-bottom: 1px #dfd8cf solid;}
.subpages p.date{width:100%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:center; font-size:13px; color:#999;}
#backbut{ float:right; margin:5px 5px 5px 0px; -moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; background:#d00; display:block; width:60px; text-align:center; font-size:14px; color:#fff;height:25px; line-height:25px;}
.botnav li div{ padding:20px 20%}
.pages{height: 36px; margin: 10px 5%; width: 80%; text-align:center;}
.pages a { background:#d00; margin:4px; color: #fff; display: block; border-radius:5px; font: 500 10pt/26px \5B8B\4F53; height: 26px;text-align: center; float: left; padding:0 10px}
.pages span{ background:#d00; margin:3px; color: #fff;  display: block; border-radius:5px; font:500 10pt/26px \5B8B\4F53; height: 26px;text-align: center; float: left; padding:0 5px}
.left{ height:25px;width:80px; color:#fff;display:inline-block; vertical-align:middle;;display: block; float: left; font: 100 14px/28px \5B8B\4F53; height: 28px; text-align: center;
-moz-border-radius:.2em /*{global-radii-blocks}*/;-webkit-border-radius:.2em /*{global-radii-blocks}*/;border-radius:.2em;}
.right{height:25px; width:80px;color:#fff; display:inline-block; vertical-align:middle;display: block; float: left; font: 100 14px/28px \5B8B\4F53; height: 28px; text-align: center;-moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em;
}

#btn-cla{ background:#808080 repeat-x left bottom;}
#btn-cla a { color:#fff;}
.ui-bar-f{

background-image:-moz-linear-gradient(center top , #8F0100, #8D0000);
background-image: -moz-linear-gradient(top, #8F0100, #8D0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8F0100), to(#8D0000));
background-image: -webkit-linear-gradient(top, #8F0100, #8D0000);
background-image: -o-linear-gradient(top, #8F0100, #8D0000);
background-image: linear-gradient(top, #8F0100, #8D0000);
backg/round:#8D0000;
}



.pro-cla_list{display:none;right:0;z-index:9999;width:100%; margin-bottom:20px; }
.pro-cla_list li{width:100%;border-bottom:1px solid #fff;background:#F7EBEB ;color:#860005;text-indent:5%;text-align:left;font:normal .875em/3 "Microsoft YaHei"}
.pro-cla_list li:hover{background:#FB7378}
.pro-cla_list li a{color:#860005; display: block;}
.pro-cla_list li a:visited{color:#860005}

.cak{width:100%; padding-top:10px;clear:both;}
.cak li{display:block; padding:1%; clear:both;height:100px; }
.cak li a{ border-radius: 6px;padding:5px 0px;display:block;color:#333;width:100%;background:#fff; }
.cak .ui-block-a {width:35%;padding-left:1%;}
.cak .ui-block-b {float:left;width:64%; padding-left:2%; padding-bottom:4px;}
.cak .ui-block-b p {font-size:15px; line-height:1.5; letter-spacing:0.5px; }
.cak .ui-block-c {float:left;width:64%; padding-left:2%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.cak .ui-block-c p {font-size:14px; line-height:15px; margin-bottom:5px; }

.x{margin-left:10px;}

.imgborder{display:block;float:left;   }
.imgborder img{ border-radius: 6px; width:100%;  border:0.5px solid #e3dbd0; background:#fff;float:left; }

.flet { display: inline; }

.f-color {color: #ff0000;
    font-weight: 700;
    font-family:Microsoft YaHei;}