﻿.position{height:42px;line-height:42px;padding-left:25px;font-size:14px;color: #190202;border-radius:12px;margin-bottom:8px;border:1px solid #00a8ff;/* background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8 100%)!important; */}
.position a{color: #2a2a2a;}

/**/
.Page{padding-right:7px;padding-left:7px;padding-bottom:7px;margin:3px;padding-top:7px;text-align:center;margin-top:20px;}
.Page a{padding:5px 10px;margin:0px 3px;color:#000000;border:1px solid #cccccc;}
.Page a:hover{color:#fff;background-color:#595959;padding:5px 10px;}
.Page a:active{border-right:#000000 1px solid;border-top:#000000 1px solid;border-left:#000000 1px solid;color:#fff;border-bottom:#000000 1px solid;background-color:#000}
.Page span.current{border-right:#000000 1px solid;padding-right:5px;border-top:#000000 1px solid;padding-left:5px;font-weight:bold;padding-bottom:2px;margin:2px;border-left:#000000 1px solid;color:#fff;padding-top:2px;border-bottom:#000000 1px solid;background-color:#000000}
.Page span.nolink{margin:2px;color:#b4b4b4;border:1px solid #cccccc;padding:5px;}
.Page span{margin:2px;color:#b4b4b4;border:1px solid #b4b4b4;padding:5px 10px;}

/**/
.mleft{width:230px;float:left;}
.mright{width:956px;float:right;padding-left:12px;}

/**/
.list{margin-top:0px;padding-left:8px;padding-right:8px;}
.list h3{text-align:center;background: linear-gradient(to right, #bfb2b2 ,#e2985b, #00bcd4);line-height:50px;font-size: 20px;color:white;margin-bottom:12px;}

/**/
.list ul li{height:43px;line-height:43px;font-size:14px;color:#fff;text-align:center;overflow:hidden;display:block;background: #333333;transition: all 1s ease-out;border-radius:5px;margin-bottom:6px;}
.list ul li a{color:white;width:100%;height:100%;display:block;}
.list ul li:hover{background: linear-gradient(to right, #feac5e, #c779d0, #4bc0c8 100%)!important;}

/**/
.call{width:220px;margin:0 auto;margin-top:14px;}
.call img{width:100%}
.call ul{height:188px;font-size: 21px;padding:4px;color: #009ce1; background:#eee;}
.call ul li{float:left;width:100%;font-size: 18px; line-height: 35px;text-align: center;}
.call ul li:nth-child(1){margin-top: 10px;}

/**/
.prolist{}
.prolist ul{}
.prolist ul li{width: 298px;float:left;margin:5px 4px;height: 326px;border:1px #cccccc solid;padding:5px;}
.prolist ul li img{width: 298px;height: 298px;}
.prolist ul li h3{text-align:center;font-size: 15px;margin-top: 6px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#03A9F4;}

/*news*/

/**/

.newslist{margin-top:22px}
.newslist ul{}
.newslist ul li{border:1px solid #C4C7C8;height:172px;padding:8px;margin-top:8px;}
.newslist ul li a{color:#00bcd4;line-height:33px;font-size:22px;width:100%;height:100%;display:block;float:left;}
.newslist ul li div{float:left;width:273px;}
.newslist ul li div img{width: 235px;height: 166px;}
.newslist img{width:100%;display:block;}
.newslist ul li dl{float:right;width: 663px;height:158px;}
.newslist ul li dl dt{width:100%;height:35px;}
.newslist ul li dl dt span{float:right}
.newslist ul li dl dd{font-size:14px;line-height:24px;}
.newslist .date{color:#ea6311;padding-left:8px;margin-top:0px;}
.newslist .date span{float:left;width:200px;display:block;}
.newslist .date a{display:block;width:222px;float:right;}
.newslist .date img{float:right;width:142px;display:block;}
.listzai{/* border:1px solid #ddd; */width:96%;font-size: 13px!important;margin:auto;display:block;padding:2px 12px;font-style:normal;margin-top: 1px;color:#009ce1;height: 72px;overflow: hidden;margin-bottom: 8px;}
.listzai span{color:red}

/**/
.about_con .tit{font-size:22px;text-align:center;padding-top:10px;color:#0D2127;}
.about_con .date{font-size:14px;text-align:center;padding:20px 0;border-bottom:1px dashed #CCC;line-height:38px;margin-bottom:10px;height:36px;width:600px;display:block;margin:0 auto;}
.about_con .date span{margin-left:10px;float:left;margin-right:32px;}
.about_con .date span b{color:#00bcd4;}

/**/
.proms{width:100%;height:275px;float:left;padding:2px 10px;border-bottom:1px solid #ffb560;}
.proms_l{width:400px;height:248px;float:left;margin-top:8px;/* border:1px solid #d3d3d3; */}
.proms_l img{width:100%;height:100%}
.proms_r{width:518px;height:260px;float:right;}
.proms_rh{margin-bottom:12px;}
.proms_rh h1{font-size:28px;line-height:30px;margin-bottom:8px;color:#00bcd4;font-weight:300;}
.proms_rh p{font-size:14px;line-height:30px;}
.proms_tell{width:100%;height:72px;}
.proms .bdsharebuttonbox{width:274px;float:right;}
.bdsharebuttonbox{width:222px;float:left;}

/**/
.about_con .con{width:98%;line-height:34px;margin-left:10px;font-size:15px;}
.about_con .con p{margin-bottom:4px;text-indent:38px;}
.about_con .con h3{text-align:center;color:#009ce1;font-size:16px;margin-bottom:6px;margin-top:6px;}
.about_con .con img{margin:0 auto;display:block;max-width:100%;margin-top:12px;}
.about_con a{color:#009CE1}
.about_con .fanye{padding:6px;width:96%;font-size:14px;height:36px;line-height:30px;margin:25px auto;color:red;}
.about_con .con table{width:100%;margin:0 auto;text-align:center;margin-bottom:12px;font-size: 13px;}
.fanye{}
.fanye ul li{float:left;    /* margin-right: 60px; */display:block;border:1px solid #4a3f3d;padding:8px;}
.fanye ul li a{    /* width: 45%; */
overflow:hidden;}
.fanye ul li:nth-child(even){float:right}
.zaiyao{border:1px solid #ddd;width:96%;font-size:14px;margin:auto;display:block;padding:16px 12px;margin-bottom:20px;font-style:normal;margin-top:20px;color:#00bcd4;}
.zaiyao span{color:red}
/**/
.mright .con h2{color:#00bcd4;margin:10px 0 10px 0px;padding-left:10px;font-size:16px;font-weight:bold;border-left:6px solid #f6b266;    /* clear: both; */}
.mright .con h4{font-size:14px;color:red;}
/**/
 

/**/
table{border-collapse:collapse;width:100%;}
table,td,th{border: 1px solid #c2d1e4;background: #faf5f5;}
tr{}
td{text-align:center;padding:2px;}
.bg1 td{    /*background: #f3f3f3*/}
.cp1{width:26%;height:293px;float:left;margin-right:12px;}
.cp1 img{width:100%;height:100%}
.bg1 td{    /*background: #f3f3f3*/}
.cp2{width:30%;height:240px;float:left;margin-right:12px;}
.cp2 img{width:100%;height:100%}
.cp2t{font-size:19px;line-height:50px;padding-top:12px;}
.cp2a{width:67%;height:152px;float:right;margin-right:12px;margin-top:9px;}
.cp2a img{width:100%;height:100%}
.cp2b{width:36%;height:220px;float:left;margin-right:12px;}
.cp2b img{width:100%;height:100%}

/**/
.cp4{max-width:400px;}
.cp4 img{width:100%}
.cp5{max-width:210px;float:left;margin-right:22px;}
.cp5 img{width:100%}
.bg{background:url(./../images/bg2.jpg) center;    /* background-size: 100% auto; */padding-top:36px;padding-bottom:42px;background-size:contain;}
.bc{background:rgba(255,255,255,0.95);padding:36px;}
.casebtn{border:1px solid red;padding:12px;display:block;width:250px;height:33px;text-align:center;font-size:18px;margin:28px auto;transition:all 0.5s ease-out;background:#fbfbfb;color:#353131!important;}
.casebtn:hover{background:red;color:white!important;}

/*newszy*/
.newszy{width: 98%;display:block;border:1px solid #00bcd4;border-radius:12px;padding:8px;height:172px;}
.newszy img{width:275px;display:block;float:left;}
.newszy div{width:64%;display:block;float:left;margin-left:12px;line-height:34px;margin-top:12px;color:#434343;text-indent:32px;}
.newszy div p{font-size:15px;color:#009ce1;text-indent:1px;line-height:42px;}
/*  */
.at{
    margin-bottom: 25px;
    margin-top: 21px;
}
.at_img{width: 490px;height: 490px;overflow: hidden;float: left;border: 1px solid #cec3c3de;}
.at_img img{transition: all 1s;width: 100%;height: 100%;margin: 0 auto;display: block;}
.at_img img:hover{ transform: scale(1.2)}
.at_cs{}
.ab{}

/*  */


.item-info {position: relative;float: right;width: 616px;}
.item-info h1 { width: 680px; font-size: 32px; color: #000; font-weight: normal;word-break: break-all }
.item-info .handbook { position: absolute; right: 0; top: 0; font-size: 14px; color: #e50000; text-align: center; }
.item-info .handbook > div { margin-bottom: 6px; width: 70px; height: 48px; line-height: 48px; border: 1px solid #e50000; border-radius: 4px; }
.item-info .handbook > div .icon { font-size: 30px; }
.item-info .item-select { position: relative; width: 350px; }
.item-info .item-select .name { height: 31px; position: relative; font-size: 20px; color: #000; }
.item-info .item-select .name .icon { margin-left: 8px; margin-top: -5px; width: 14px; height: 14px; line-height: 14px; text-align: center; border-radius: 50%; font-size: 14px; color: #fff; background: #ef001d; vertical-align: middle; }
.item-info .item-select ul { display: none; position: absolute; left:0;top: 41px; background: #5e5e5e; border: 1px solid #727272; border-radius: 0 0 6px 6px; }
.item-info .item-select li { width: 348px; height: 34px; line-height: 34px; text-align: center; }
.item-info .item-select li a { display: block; font-size: 18px; color: #fff; }
.item-info .item-select li:hover a { background: #848484; font-size: 20px;}
.item-info .item-select:hover { text-align: center; }
.item-info .item-select:hover .name .inner { width: 100%; line-height: 42px; position: absolute; left: 0; top: 0; border-radius: 6px 6px 0 0; background: #ef001d; color: #fff;transition-property:none;-webkit-transition-property: none }
.item-info .item-select:hover .name .inner .icon { background-color: #fff; color: #ef001d; line-height: 14px; transition: transition .1s ease-in-out; -webkit-transition: transition .1s ease-in-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.item-info .item-select:hover ul { display: block; }
/*  */

.summary {height: 162px;margin-top: 10px;padding-top: 8px;padding-bottom: 2px;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.summary .p-desc {line-height: 39px;overflow: hidden;font-size: 15px;color: #343434;height: 116px;}
.summary .p-info { margin-top: 15px; overflow: hidden; }
.summary .p-info span { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.p-label{padding-top:15px; font-size:16px;}
.p-label span{display: inline-block;line-height: 26px;font-size: 14px;border: 1px solid #ccc;padding: 0 8px;margin-right: 5px;color: #666;}
.p-label span:hover{color: #f00;border:1px solid #f00;}
.p-btns { margin-top: 37px;overflow: hidden }
.p-btns a { float: left; height: 70px; line-height: 70px; text-align: center;  border-radius: 4px; }
.p-btns .consultation { width: 217px; background: #ef001d; font-size: 24px; color: #fff; cursor: pointer;}
.p-btns .call { margin-left: 25px; width: 143px; font-size: 24px; color: #ef001d; }
.p-btns .order-btn {width: 220px;background: #163878;font-size: 24px;color: #fff;cursor: pointer;margin-right: 20px;}
.p-btns .tel{ padding: 8px 0;  line-height: 27px; font-size: 16px;}
.p-btns .tel span{ font-size: 24px; color: #f00;}
.support { margin-top: 28px; height: 20px;position: relative }
.support a { float:left; margin-right: 15px; height: 20px; line-height: 20px; font-size: 16px !important; color: #000 !important; }
.support a .icon { margin-top: -1px; margin-right: 6px; width: 18px; height: 18px; font-size: 18px; color: #ef001d; }

.bds_share{float:left;position: absolute;right: 0;top:305px; background:url(../images/fx.jpg) no-repeat; width:80px}
.bds_share:hover .bdsharebuttonbox{display: block;}
.bdsharebuttonbox{display:none;position: absolute; top:60px; width:220px; left:-130px; height:50px}

/*  */
.tit-b{border-bottom: 1px solid #E0E0E0;color: #00812E;line-height: 48px;height: 48px;font-size: 0;background: url(../images/pro_28.jpg) no-repeat 12px center white;}
.xgxw ul li{background: url(../images/kh_jt2.png) no-repeat left center;line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-indent: 20px;margin-left: 10px;display: block;border-bottom: 1px dashed #ccc;color: #666;font-size: 14px;padding-left: 6px;padding-right: 12px;}
.xgcp{/* border:1px solid #D6D6D6; */margin-top: 6px;margin-bottom: 12px;}
.xgcp ul li {width: 228px;float: left;margin-left: 6px;text-align: center;line-height: 25px;margin-top: 6px;border: 1px solid #ccc;margin-bottom: 6px;padding: 8px 2px;}
.xgcp ul li img {width: 212px;height: 200px;border: 1px solid #ccc;}
.xgcp ul li h4 {font-size: 15px;height: 27px;line-height: 30px;text-align: center;}
.xgcp ul li h4 a { color: #009ce1; }
/**/
.tit-c{border-bottom: 1px solid #E0E0E0;color: #00812E;line-height: 48px;height: 48px;font-size: 0;background: url(../images/pro_29.jpg) no-repeat 12px center white;}
/*  */
h2.title{font-size:32px; text-align:center; padding:2em 0 1em 0; line-height:1em; color:#484848; font-weight:normal;}
h2.title strong{display:inline-block; padding:0 1em; border-left:3px solid #484848;border-right:3px solid #484848;}
h2.title span{font-size:14px; color:#9d9d9d; font-size:0.8em; line-height:2em;}
h2.title.cate{ padding-top:1em;}
a.fw-vedio{width:536px; float:left; display:block; position:relative;}
a.fw-vedio .zhez{width:536px; height:242px; display:block; position:absolute; top:0; left:0; background:url(../images/play.png) no-repeat center #666; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; display:none;}
a.fw-vedio img{border-radius:4px 4px 0 0;} 
a.fw-vedio span.text{display:inline-block; width:90%; padding:15px 5%; font-size:14px; background:#efefef;border-radius:0 0 4px 4px ; color:#595757;}
.fw-tel ul{ width:1250px;}
.fw-tel li{display:block; width:350px; height:125px; border:3px solid #eee; margin:0 20px 20px 0; float:left;padding:10px 20px;border-radius:15px}
.fw-tel li .lx{float:left; width:220px;}
.fw-tel li .lx h3{font-size:18px;line-height:40px;color:#f50000;font-weight:bold;}
.fw-tel li .lx p{font-size:16px;line-height:40px;font-weight:bold;}
.fw-tel li .ewm{float:right; width:120px;}


.ab{
    width: 900px;
    display: block;
    margin: 0 auto;
}
.ab p{font-size:17px;line-height:45px;text-indent}
.ab img{padding:10px 0;}

/*  */
h2.title{font-size:32px; text-align:center; padding:2em 0 1em 0; line-height:1em; color:#484848; font-weight:normal;}
h2.title strong{display:inline-block; padding:0 1em; border-left:3px solid #484848;border-right:3px solid #484848;}
h2.title span{font-size:14px; color:#9d9d9d; font-size:0.8em; line-height:2em;}
h2.title.cate{ padding-top:1em;}
a.fw-vedio{width:536px; float:left; display:block; position:relative;}
a.fw-vedio .zhez{width:536px; height:242px; display:block; position:absolute; top:0; left:0; background:url(../images/play.png) no-repeat center #666; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; display:none;}
a.fw-vedio img{border-radius:4px 4px 0 0;} 
a.fw-vedio span.text{display:inline-block; width:90%; padding:15px 5%; font-size:14px; background:#efefef;border-radius:0 0 4px 4px ; color:#595757;}
