.main-container{margin-top: 30px;}
#preview{
    width: 380px;
    height: 380px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border:1px solid #eee;
    float: left;
    position: relative;

 }

#preview .smllImg-con{width:340px;overflow: hidden;margin: auto;position: relative}
#preview .jqzoom{width:380px;height: 299px;overflow: hidden;text-align: center;display: table-cell;vertical-align: middle}
#preview .jqzoom img{padding: 10px;max-width:360px;max-height: 270px;}
#preview .spec-items{width:100%;position: relative}
#preview .activebox{position: absolute;width:78px; height: 77px; border: 1px solid #b8b8b8;left:0px;margin-left: 19px;top:0px;}
#preview .i-hot{position:absolute;background: url("../../images/cppc/icons.png") no-repeat 0px -45px; color: #fff;display: inline-block;width: 37px; height: 37px;z-index: 99;}
#preview .pro-cppc{position: absolute;top:0px;right: 0px;z-index: 999}
#preview .pro-cppc img{width:100px;height:100px;border-radius: 50%}
#preview .spec-items .lh li{width:79px;height:78px;border: 1px solid #eee;border-bottom: none; display: inline;float: left;text-align: center;margin-right: 5px;vertical-align: middle;cursor: pointer}
#preview .spec-items .lh li img{width:100%;height:100%}

#preview .spec-items   .lh .active{border: 1px solid #ff0000}
.scroll-arrow-left{width:15px;height:30px;position:absolute;background: url("../../images/cppc/arrow.png")no-repeat 1px 0;top:25px; cursor: pointer}
.scroll-arrow-right{width:15px;height:30px;position:absolute;background: url("../../images/cppc/arrow.png")no-repeat -15px 0;top:25px;right:0px;cursor: pointer}
#ulItems{width:1000px;}

#p-introduce{ float: left;margin-left: 20px;width:510px;position: relative}

#p-introduce .p-name{font-size: 20px; font-weight: 700;margin:0 10px 20px;}
#p-introduce .p-i{background: url(../../images/cppc/icons.png) no-repeat 0 -219px; width:48px; height: 25px;font-style: normal;color: #fff;display: inline-block;line-height: 25px;text-align: center;    position: relative;  top: -2px;}
#p-introduce .each-item{min-height: 42px;position: relative;}
#p-introduce .each-item span{color: #666;}
#p-introduce .each-item .zz-detail{display: inline-block;width:358px;}
#p-introduce .each-item .l-t{color:#999;display: inline-block;width:98px; text-align: right;margin-right: 15px;vertical-align: middle; }/*width从80改为98，添加vertical-align: middle; 周俊--20170605*/
#p-introduce .each-item .c-red{color: #FF6600;font-size: 16px; font-weight: 400;display: inline-block; padding: 0 10px;cursor: pointer;max-width: 350px;}
#p-introduce .each-item .bg-orange{ display: inline-block; color: #666666;padding: 1px 1px;max-width: 350px;vertical-align: middle;}/*去掉background，color改为#FF6600，padding改为1px，1px，update by 周俊 on 20170612*/
#p-introduce .each-item .bg-red{ display: inline-block; color: #FF6600;padding: 1px 1px;max-width: 350px;font-size: 20px;vertical-align: middle;}/*去掉background，color改为#FF6600，添加vertical-align: middle，padding改为1px，1px，font-size: 20px;update by 周俊 on 20170612*/
#p-introduce .each-item .price-orange{color: #ff6600; font-size: 24px;font-weight: 400; font-style: italic;margin-left: -10px;}
#p-introduce .each-item .i-split{color: #ccc;padding:0 5px;font-family:"宋体"}
#p-introduce .each-item  .btn-submit{width:120px; height: 35px; background: #de615f; color: #fff; border: 0px; border-radius:2px;margin-right: 15px;font-size: 16px;
    margin-top: 45px;display: inline-block;text-align: center;line-height: 35px;}
#p-introduce .each-item  .btn-contact{width:120px; height: 35px; background: #204062; color: #fff; border: 0px; border-radius: 2px;font-size: 16px;margin-top: 45px;}
#p-introduce .each-item  li{ float: left;color: #666;}
#p-introduce .each-item  li .d-list{position: absolute;top:42px;background-color: #fafafa;padding: 10px;z-index: 99;box-shadow: 3px 3px 10px #666;border-radius: 5px;  filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;  display: none;}
#p-introduce .each-item  li .d-list .d-list-each{padding-bottom:10px;width:300px;}
#p-introduce .each-item  li .d-list .d-list-each a{margin-right:10px;color: #204062;}
.i-arrow-l{    /* background: url(../../images/cppc/icons.png) no-repeat -90px -67px; */  width: 0;  height: 0;  position: absolute;  display: block;  top: -20px;  border: 10px solid #fafafa;left:30px;
    border-top-color: transparent;  border-left-color: transparent;  border-right-color: transparent;}
.p-atta{position: absolute; top:50px;left: 300px;}
.p-atta a{font-size: 16px;color: #999}
 .p-atta .i-attention{background: url(../../images/cppc/icons.png) no-repeat -60px -159px;display: inline-block;width:23px;height: 20px;margin-right: 3px;}
.p-atta .i-attention-r{background: url(../../images/cppc/icons.png) no-repeat -60px -196px;display: inline-block;width:23px;height: 20px;margin-right: 3px;}
.p-qrcode{position: absolute; top:-59px;left: 390px;}
.p-qrcode img{width:100px!important;height:100px!important;margin-left: 6px;}
.webChatPic{width: 205px;
    box-shadow: 1px 1px 2px #ccc;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 999;
    right: 3px;
    left:70%;
    top: 93px;
    text-align: center;}/*width从130改为205，增加left70%，周俊--20170524*/
.p-qrcode .btn-qrcode{width:80px; height: 35px; background: #999; color: #fff; border: 0px; border-radius:2px;margin-right: 15px;font-size: 16px;
    margin-top: 45px;display: inline-block;text-align: center;line-height: 35px;}
.p-qrcode .btn-qrcode-span{width:110px; height: 35px; background: #999; color: #FFFFFF; border: 0px; border-radius:2px;margin-right: 1px;font-size: 12px;
    margin-top: 1px;display: inline-block;text-align: center;line-height: 35px;}

#company-info{border-left: 1px solid #eee;float:left; width:248px;padding-left: 30px;min-height:400px;}
#company-info h3{font-size: 16px; font-weight: 400; color: #204062;margin-bottom: 30px;    word-break: break-all;}
#company-info .each-item{margin-bottom: 15px;}
#company-info .each-item span{color: #666;float:left;}
#company-info .each-item .l-t{color:#999;display: inline-block;width:80px; text-align: right;margin-right: 8px; }
#company-info .each-item .p-t{font-size: 12px; margin-top: 10px;color:#999;margin-bottom: 5px;line-height: 20px;}
#company-info hr{border-top:1px solid #eee;border-bottom: 0px;margin-bottom: 20px;margin-top: 20px}
#company-info .each-item .l-t{width:74px;}/*width从60改为74，周俊--20170605*/
#company-info .proEmail{display: inline-block;width:150px;word-break: break-all}
#company-info .d-star{color: #999;margin-top: 10px}
#company-info .clor-999{font-size: 16px;}
.clor-red{color: #FF6600}
#company-info .d-star span{position: relative;top:-3px;font-size: 16px;}

/*move*/
.site-best-shop{position:relative;border: 1px solid #e4e4e4;margin-top: 20px;padding-bottom: 20px;}
.site-best-shop h2{font-size: 20px; font-weight: 400;margin:15px 30px;}
.hot-pro{overflow:hidden;width:1075px; margin: auto;}
.hot-pro-pre{display: block;background: url("../../images/cppc/icons.png") no-repeat -83px -199px;position: absolute;top:120px; left:20px;cursor: pointer}
.hot-pro-next{display: block;background: url("../../images/cppc/icons.png") no-repeat -83px -146px;position: absolute;top:120px; right:20px;cursor: pointer}
.hot-pro-pre,.hot-pro-next{ height: 48px;width: 25px;opacity: 0.6 }
.hot-pro-content{float: left}
.ScrCont{width:100000px;}
.hot-pro-content .hot-pro-c-item{width:215px;float:left;height:200px;background-color: #ffffff;  margin: auto; position: relative;text-align: center;display: table}
.hot-pro-content .hot-pro-c-item a{display: table-cell;vertical-align: middle}
.hot-pro-c-item .i-product{max-height: 200px;margin:0;bottom:2px;position: absolute;left: 13px;}
.hot-pro-c-item .i-patent{height: 61px; width: 60px;position: absolute;top:0px;z-index: 5;right: 2px;border-radius:50%;display: inline;}
/*background: url(../../images/cppc/icons.png) no-repeat 0 -249px;去掉，update by 周俊 on 20170616*/
/*----change tabs--------*/
#tabbox{  margin:20px auto; }
.tab_conbox li{ }
.tab_con{ display:none;}
.tabs{height: 55px;width:100%;margin: auto;border-top: 1px solid #eee;}
.tabs li{height:31px;line-height:31px;float:left;overflow: hidden;position: relative;padding-bottom: 15px;margin-right: 2px;padding-top: 10px; }
.tabs li a {display: block;padding: 0 15px;outline: none;color:#333; font-size: 16px; font-weight: 400;}
.tabs li:hover {background: #fff;border-top:3px solid #ff9900;margin-top: -1px;}
.tabs .thistab{background: #fff;border-top: 3px solid #ff9900;margin-top: -1px;}
.tabs .thistab a{color: #999;}
.tab_con {padding:12px;font-size: 14px; }

.cust-reviews{border: 1px solid #eee;width:100%;color: #333;text-align: left}
.cust-reviews .each-argu{border-bottom: 1px solid #eee;margin: 25px;padding-bottom: 20px;}
.cust-reviews .each-argu .t-t{text-align: center;float: left;width:120px;margin-right: 15px;}
.cust-reviews .each-argu p{width:800px;}
.clor-999{color: #999;}
.cust-reviews .con-comment{width:1000px; border: 1px solid #eee;margin: 50px auto}
.cust-reviews .con-comment .cmt-title{font-weight: 700;background: #eee;height: 45px; line-height: 45px;padding-left: 30px;}
.cust-reviews .con-comment  .cmt-input{margin: 10px;width:980px;height:145px }
.cust-reviews  .btn-submit{width:100px; height: 37px; color: #fff;background: #2eac33;border: 0; float: right;margin-right: 100px;margin-bottom: 100px;}
/* auth-service*/
.auth-service .auth-title{font-size: 18px; font-weight: 700;color: #333; border-bottom:2px solid #ff9900;padding-bottom: 10px;display: inline-block;padding-right: 10px;}
.auth-service .auth-con{background: #f8f8f8;padding: 15px;margin-bottom: 20px;}
.auth-service .auth-con{position: relative;}
.auth-service .auth-con  .auth-circle-c{width:180px; height: 180px; background: url(../../images/cppc/orang.png)no-repeat center;margin: auto; text-align: center;line-height: 180px;font-weight: 700;font-size: 16px; color: #333;margin-top: 110px;}
.auth-service .auth-con   .ct{ text-align: center;width:125px;height: 125px;line-height: 125px;font-weight: 700;font-size: 16px; color: #333; position: relative;}
.auth-service .auth-con  .auth-circle-g{width:180px; height: 180px;  position: absolute;left: 23%;top: 12%;text-align: right}
.auth-service .auth-con  .auth-circle-g .t1{background: url(../../images/cppc/green1.jpg)no-repeat center;  left: 110px;margin-bottom: 5px;}
.auth-service .auth-con  .auth-circle-l{width:180px; height: 180px;  position: absolute;left: 19%;top:55%;text-align: right}
.auth-service .auth-con  .auth-circle-l .tl{background: url(../../images/cppc/light.png)no-repeat center;  left: 90px;margin-bottom: 10px;}
.auth-service .auth-con  .auth-circle-r{width:180px; height: 180px; margin: auto; text-align: left; position: absolute;left: 69%;top: 57%;}
.auth-service .auth-con  .auth-circle-r .tr{background: url(../../images/cppc/rose.png)no-repeat center;left: -110px;top:30px;}
.auth-service .auth-con  .auth-circle-b{width:180px; height: 180px; margin: auto; text-align: left; position: absolute;left: 65%;top: 14%;}
.auth-service .auth-con  .auth-circle-b .tb{background: url(../../images/cppc/blue1.jpg)no-repeat center;left: -60px;top:-5px;}

.auth-service .col-xs-7{width:14.2857%;text-align: center;margin-top: 70px; margin-bottom: 55px;float: left;}
.auth-service .col-xs-7 img{display: block;margin: auto; padding-bottom: 10px;}
.auth-service .col-xs-4{width:18%;margin:70px 3.5%;float: left}
.auth-service .col-xs-4 .d-t{text-align:left;font-size: 18px; font-weight: 700;line-height: 36px; padding-top: 70px; padding-bottom: 65px;padding-left: 20px;}
.auth-service .col-xs-4 .i-cppc{font-size: 48px;  font-weight: 700;  opacity: 0.3;  color: #fff;display: block;text-align: center;line-height: 43px;}
.auth-service .bg-1-1{background-color:#79c4be }
.auth-service .bg-1-2{background-color:#7484cb }
.auth-service .bg-1-3{background-color:#ec8c6e }
.auth-service .bg-1-4{background-color:#85b2f3 }



/*prize details*/
#p-introduce .i-prize{position:relative;left: 10px;top:7px; cursor:pointer;z-index: 888;width:28px;}
#p-introduce .i-prize-s{position:relative;left: 2px;top:7px;z-index: 888;}
#p-introduce .i-prize-s img{width:25px;}
#company-info-details{width:350px; position: absolute;background-color: #fafafa;z-index: 999999;padding: 15px;left: 5px;top:10px; box-shadow: 3px 3px 10px #666;border-radius: 5px;filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0; display: none}
#company-info-details h3{font-size:1em; font-weight: 700; color: #204062;margin-bottom: 20px;margin-top: 0;}
#company-info-details  .each-item-p{margin-bottom: 10px;}
#company-info-details  .each-item-p span{color: #000;}
#company-info-details  .each-item-p .l-t{color:#888;display: inline-block;width:70px; text-align: right;margin-right: 10px; }
#company-info-details  .each-item-p .p-t{font-size:1em; margin-top: 10px;margin-bottom: 15px;line-height:20px;}
#company-info-details  .d-star{color: #888;margin-top: 10px}
#company-info-details .each-item-p a{color: #1a86fa}
.icon-triangle{border: 15px solid #fafafa;width:0;height: 0;position: absolute;z-index: 99999;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;
    top:-27px;left: 15px;}


div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../../images/cppc/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.shareUl{
    height: 50px;
    line-height: 50px;
    position: relative;

}

.shareUl li{
    list-style : none;
    float: left;
    margin-left: 10px;
}
.shareUl li.wx-tip{border:1px solid #ddd;position: absolute;top:50px;    background: #fff;
    z-index: 999;
    padding: 20px;box-shadow: 0px 1px 10px #ddd;}
.shareUl li.wx-tip img{margin:auto;}
.shareUl li.wx-tip  .close{font-size: 19px;
    position: absolute;
    top: 7px;
    right: 10px;
    font-style: normal;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #333;
    line-height: 16px;
    color: #fff;
    border-radius: 20px;
    text-align: center;cursor: pointer}
.shareUl li.wx-tip  .close:hover{background: #db4437}
.shareUl li a{width:25px;height:25px;display: inline-block;margin:7px 5px 0 5px;cursor: pointer}
.shareUl li a img{width:100%;height:100%;margin:auto}
/*二维码*/
.p-qrcode-container{position: absolute;top: 83px;left: 389px;padding:10px;width: 230px;height: 100px;background: #fff;border-radius: 6px 6px 0 0;box-shadow: 0 0 10px #ddd;z-index:999;}
.p-qrcode-container dl dd{width: 20px;height: 20px;margin:18px 11px;box-shadow: 0 0 5px #ccc;float:left;cursor:pointer;}
.p-qrcode-container dl dd:first-child{background-color:#000000;}
.p-qrcode-container dl dd:nth-child(2){background-color:#fb8009;}
.p-qrcode-container dl dd:nth-child(3){background-color:#249456;}
.p-qrcode-container dl dd:nth-child(4){background-color:#0db6ed;}
.p-qrcode-container dl dd:last-child{background-color:#1560bd;}
.p-qrcode-container img:last-child{margin:0;}
.p-qrcode-container p{color:#666;text-indent: 10px;margin:0}
.dn{display:none;}