﻿@charset "utf-8";
.band{ width:100%; height:400px;}
.gd{background:url(../img/gdband.jpg) no-repeat center;}
.fangan{background:url(../img/gdband.jpg) no-repeat center;}
.fuwu{background:url(../img/fwband.jpg) no-repeat center;}
.news{background:url(../img/fwband.jpg) no-repeat center;}
.position {
    width: 100%;
    height: 58px;
	background-color:#f2f2f2;
}
.position .position_cen {
    width:1300px;
    height: auto;
    margin: 0 auto;
    line-height: 58px;
    font-size: 14px;
    color: #2a2a2a;
    background: url(../img/home.png) no-repeat left center;
    padding-left: 30px;
}
.position .position_cen a{ color:#2a2a2a;}
/*产品列表*/
.btit{ border-bottom:1px solid #c4c4c4; margin-top:10px; height:54px; line-height:54px; background:url(../img/ico3.jpg) no-repeat left center;}
.btit h2{ color:#333; font-size:20px; float:left; font-weight:bold; padding-left:10px;}
.btit span{ color:#616161; font-size:14px; display:block; float:left; margin-top:3px; margin-left:5px;}
.gdmian{ margin-top:30px; margin-bottom:30px;}
.gdmian .gdmianL{ width:240px; float:left;}
.gdmian .gdmianL dl{ width:100%;}
.gdmian .gdmianL dl dt{ font-size:16px; color:#454545; width:100%; height:36px; line-height:36px; border-bottom:1px solid #dbdbdb; padding-left:5px;background:url(../img/ico.jpg) no-repeat center right; cursor:pointer;}
.gdmian .gdmianL dl dd{ height:36px; line-height:36px; padding-left:10px;}
.gdmian .gdmianL dl dd a{ display:block; background:url(../img/ico4.png) no-repeat center left; padding-left:25px; }
.gdmian .gdmianL dl dd a.hover{ background:url(../img/ico5.png) no-repeat center left;}
.gdmian .gdmianL dl.on dd{ display:block;}
.gdmian .gdmianR{ margin-left:40px; width:1020px; float:left;}
.gdmian .gdmianR .con{ width:100%; margin:0 auto;}
.gdmian .gdmianR .con ul li{ width:326px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; background-color:#f6f6f6;}
.gdmian .gdmianR .con ul li:nth-child(3n){ margin-right:0;}
.gdmian .gdmianR .con ul li a{ display:block;padding:10px;border-radius:5px; height:385px;}
.gdmian .gdmianR .con ul li a .img img{ width:100%; height:217px;}
.gdmian .gdmianR .con ul li a .name{ font-size:16px; text-align:left; margin-top:8px; color:#000; border-bottom:1px solid #b1b1b1; padding-bottom:5px;}
.gdmian .gdmianR .con ul li a .memo{ margin-top:6px; color:#777; text-align:left; line-height:20px;}
.gdmian .gdmianR .con ul li a:hover .name{ color:#D9251B;}
.gdmian .gdmianR .con ul li a .more{ width:120px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; background-color:#4a4a4a; margin:0 auto;margin-top:10px; }
.gdmian .gdmianR .con ul li a:hover .more{ text-decoration:underline;}

/*产品详情页*/
.box{width:1300px;margin:0 auto; padding-top:30px;}
.box .detaposit{ font-size:14px; margin:10px 0;}
.box .left-pro{width:590px; text-align:left;float:left}
.box .left-pro .t1{width:100px;float:left}
.box .left-pro .t2{width:490px;text-indent:0;float:left;}
.box .left-pro .t2 img{text-indent:0; width:490px; height:327px;}
.box #showArea img{cursor:pointer;display:block;margin-bottom:5px;width:90px;height:90px;float:left}
.box #showArea a:hover img{ border:2px solid #ff5541; width:86px; height:86px;}
.box #main_img{cursor:pointer;display:block}
.box #gotop{cursor:pointer;display:block;margin-left:9px}
.box #gobottom{cursor:pointer;display:block;margin-left:9px}
.box #showArea{height:247px;overflow:hidden; margin:10px 0 10px 10px;}
.box .right-pro{ width:670px; margin-left:40px; float:left; margin-left:40px;}
.box .right-pro h2{ font-size:28px; color:##1a1a1a; font-weight:bold;}
.box .right-pro .memo{ font-size:14px; color:#92969c; margin-top:10px; line-height:24px;}
.box .right-pro .attribute{ width:100%; background-color:#f7f7f7; padding:10px 15px; margin-top:10px;}
.box .right-pro .attribute li{ font-size:14px; color:#333;line-height:24px;}
.box .right-pro .attribute li em{ font-weight:bold; width:100px; display:inline-block;}
.box .right-pro .zixun{  margin-top:30px; margin-left:20px;}
.box .right-pro .zixun a{ display:block; width:130px; height:40px; line-height:40px;text-align:center; background-color:#ff5541; color:#fff; font-size:14px; float:left; margin-right:20px;}
.box .right-pro .zixun a:hover{ background-color:#E53621;}
.box .right-pro .zixun span{ float:left; display:block; line-height:40px; font-size:16px; margin-left:30px; background:url(../img/ico6.png) no-repeat center left; text-indent:30px;}


.box .product-detail{ margin-top:40px;}
.box .product-detail .detailL{ width:980px; float:right;}
.box .product-detail .detailL .detitle{ border-bottom:2px solid #333;}
.box .product-detail .detailL .detitle span{ display:block; width:200px; height:40px; line-height:40px; background-color:#333; color:#fff; text-align:center;}
.box .product-detail .detailL  .xiangqing{ padding:20px; border-left:1px solid #e6e6e6;}
.box .product-detail .detailR{ width:300px; float:left;}
.box .product-detail .detailR .gs{ text-align:center; border:1px solid #e6e6e6; padding:20px;}
.box .product-detail .detailR .gs img{ width:200px;}
.box .product-detail .detailR .gs i{ display:block; width:80px; height:2px; border:2px solid #333; margin:10px auto;}
.box .product-detail .detailR .gs p{ font-size:14px;}
.box .product-detail .detailR .tuijian{text-align:center; border:1px solid #e6e6e6; padding:20px; margin-top:30px;}
.box .product-detail .detailR .tuijian .title{ position:relative; margin-top:10px;}
.box .product-detail .detailR .tuijian .title i{ display:block;width:80%; height:1px; background-color:#e6e6e6; margin:0 auto;}
.box .product-detail .detailR .tuijian .title span{background-color:#fff;position:absolute; top:-8px; left:50%; width:100px; margin-left:-50px; font-size:16px;}
.box .product-detail .detailR .tuijian .tjlist{ width:100%; margin-top:30px;}
.box .product-detail .detailR .tuijian .tjlist ul li{ width:100%; margin-bottom:20px;}
.box .product-detail .detailR .tuijian .tjlist ul li a{}
.box .product-detail .detailR .tuijian .tjlist ul li .img{ width:100%;}
.box .product-detail .detailR .tuijian .tjlist ul li .img img{ width:100%;}
.box .product-detail .detailR .tuijian .tjlist ul li .name{margin-top:10px; font-size:16px; font-weight:bold; color:#1a1a1a;}
.box .product-detail .detailR .tuijian .tjlist ul li .meo{ font-size:12px; color:#92969c; margin:5px; }
.box .product-detail .detailR .tuijian .tjlist ul li .price{ font-size:18px; color:#ff5541; font-weight:bold;}




/*详情*/
.mian{ width:100%; padding:20px 0 80px; background-color:#F4F6F8;}
.mian .cats{background-color:#eff3f8;border-top:1px solid #dee7f2; border-bottom:1px solid #dee7f2; border-left:1px solid #dee7f2; width:1300px; margin:0 auto; margin-bottom:20px;}
.mian .cats ul li{ width:25%;display:table-cell;width:1%; text-align:center;}
.mian .cats ul li a{
    padding: 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #7e93ae;
    font-weight: 500;
    border-right: 1px solid #dee7f2;
	display:block;
	font-weight:bold;
}
.mian .cats ul li a:hover{ background-color:#fff; color:#e8727e;}
.mian .cats ul li a.hover{ background-color:#fff; color:#e8727e;}
.mian .cont{ width:1300px; margin:0 auto;}
.mian .cont .contL{ width:1000px; float:left;}
.mian .cont .contL .contLcm{background-color:#fff;border-radius:6px; padding:20px;}
.mian .cont .contL .contLcm h1{ font-size:22px; border-bottom:1px solid #EEEEEE; padding-bottom:8px;}
.mian .cont .contL .contLcm .tit{ font-size:14px; color:#67696d; line-height:45px;}
.mian .cont .contL .contLcm .tit span::after {
    margin-left: 15px;
    margin-right: 15px;
    color: #b0b0b0;
    content: "|";
}
.mian .cont .contL .contLcm .tit span:last-child::after {
    margin-left: 0px;
    margin-right: 0px;
    content: "";
}

.mian .cont .contL .contLcm .title{ border-bottom:1px solid #EEEEEE; padding-bottom:8px; margin-bottom:20px;}
.mian .cont .contL .contLcm .title h1{ border-bottom:none;}
.mian .cont .contL .contLcm .cons{ overflow:hidden;}
.mian .cont .contL .contLcm .cons strong{ font-size:16px;}
.mian .cont .contL .contLcm .cons p{ font-size:16px; line-height:30px; margin-bottom:15px;}
.mian .cont .contL .contLcm .cons img{ max-width:100%; margin-bottom:10px;}
.mian .cont .contL .fenye{ width:100%; padding:30px 0; background-color:#fff; margin-top:20px;border-radius:6px; padding:10px 20px; }
.mian .cont .contL .fenye ul li{ font-size:16px; line-height:30px;}
.mian .cont .contL .fenye ul li a{}
.mian .cont .contL .fenye ul li a:hover{color:#ea572b;}
.mian .cont .contR{ width:270px; float:left; margin-left:30px;}
.mian .cont .contR .adv{ width:100%; text-align:center;}
.mian .cont .contR .adv img{ width:100%;}
.mian .cont .contR .biaoqian{background-color:#fff;border-radius:6px; padding:10px 20px 20px;}
.mian .cont .contR .biaoqian .titl{ border-bottom:1px solid #e8eaec; font-size:18px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian.jpg) no-repeat 0px 0px; text-indent:30px; margin-bottom:20px;}
.mian .cont .contR .biaoqian a{text-transform:uppercase;border:1px solid #e8eaec;padding:9px 14px;display:inline-block;margin-bottom:5px;font-size:12px;line-height:12px;color:#9a9fab;border-radius:20px;letter-spacing:1px; margin-bottom:5px; margin-right:5px;}
.mian .cont .contR .biaoqian a:hover{
    background-color: #ea572b;
    color: #fff;
    border-color: #ea572b;
}
.mian .cont .contR .xgzx{background-color:#fff;border-radius:6px; padding:10px 20px 20px; margin-top:20px;}
.mian .cont .contR .xgzx .titl{border-bottom:1px solid #e8eaec; font-size:18px; font-weight:bold; width:100%; padding-bottom:12px; background:url(../img/biaoqian2.jpg) no-repeat 0px 4px; text-indent:30px; margin-bottom:20px;}
.mian .cont .contR .xgzx ul li{ border-bottom:1px dashed #e8eaec; padding:10px 0;}
.mian .cont .contR .xgzx ul li a{ font-size:16px; color:#666; line-height:25px; padding-left:20px;background:url(../img/biaoqian3.jpg) no-repeat 0px 4px;}
.mian .cont .contR .xgzx ul li a:hover{ color:#ea572b;}

/*解决方案列表*/
.fa .cats{background-color:#eff3f8;border-top:1px solid #dee7f2; border-bottom:1px solid #dee7f2; border-left:1px solid #dee7f2; width:1300px; margin:0 auto; margin-bottom:20px; margin-top:20px;}
.fa .cats ul li{ width:25%;display:table-cell;width:1%; text-align:center;}
.fa .cats ul li a{
    padding: 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #7e93ae;
    font-weight: 500;
    border-right: 1px solid #dee7f2;
	display:block;
	font-weight:bold;
}
.fa .cats ul li a:hover{ background-color:#fff; color:#e8727e;}
.fa .cats ul li a.hover{ background-color:#fff; color:#e8727e;}
.list{ width:100%;}
.list .con{ width:1300px; margin:0 auto; margin-top:30px;}
.list .con ul li{ width:310px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; background-color:#f9f9f9;}
.list .con ul li:nth-child(4n){ margin-right:0;}
.list .con ul li a{border:1px solid #eee; display:block;padding:10px;border-radius:5px; height:310px;}
.list .con ul li a .img img{ width:100%; height:180px;}
.list .con ul li a .name{ font-size:16px; text-align:left; margin-top:8px; color:#000; border-bottom:1px solid #b1b1b1; padding-bottom:5px;}
.list .con ul li a .memo{ margin-top:6px; color:#777; text-align:left; line-height:20px;}
.list .con ul li a:hover{ border:1px solid #333;}



/*案例列表*/
.anlilist{ background-color:#fff;border-radius:6px; padding:20px;}
.anlilist ul li{ border-bottom:1px solid #e8eaec; padding:40px 0;}
.anlilist ul li .alL{ width:215px; float:left;}
.anlilist ul li .alL img{ width:100%;}
.anlilist ul li .alR{ width:600px; float:right;}
.anlilist ul li .alR h3 a{ color:#3c4d6b; font-size:22px; font-weight:400px;}
.anlilist ul li .alR h3 a:hover{color:#ea572b;}
.anlilist ul li .alR .meta{font-size:14px;text-transform:uppercase;color:#67696d;margin-bottom:14px;margin-top:14px;}
.anlilist ul li .alR .meta span::after {
    margin-left: 15px;
    margin-right: 15px;
    color: #b0b0b0;
    content: "|";
}
.anlilist ul li .alR .meta span:last-child::after {
    margin-left: 0px;
    margin-right: 0px;
    content: "";
}
.anlilist ul li .alR p{ font-size:15px; line-height:26px;}















