.main{float:left; width:100%; margin-top:20px;}
.topbar .language{ margin-right:25px;}
.banner .cycle{height:169px;}
.banner .cycle .item{height:169px;}
.leftpanel{float:left; width:266px;}
.leftpanel .head{float:left; padding-left:68px; width:196px; height:47px; line-height:47px; border:solid 1px #00307c; color:#00307c; font-size:20px; background:url(../images/bg_02.jpg) no-repeat 0 0;}
.leftpanel ul{float:left; width:100%; margin:10px 0 0; padding:0; list-style-type:none;}
.leftpanel ul li{float:left; margin-top:10px; width:100%;}
.leftpanel ul li a.parent{float:left; padding:9px 10px 9px 40px; width:100%; line-height:27px; box-sizing:border-box; border:solid 1px #dcdcdc; color:#272727; font-size:16px; background:#eeeeee url(../images/i.jpg) no-repeat 16px 17px;}
.leftpanel ul li.current a.parent{ background:#eeeeee url(../images/ih.jpg) no-repeat 16px 19px; color:#00a0ea;}
.leftpanel ul li .submenu{float:left; width:100%; display:none;}
.leftpanel ul li.current .submenu{ display:block;}
.leftpanel ul li .submenu a{float:left; padding:9px 10px 9px 40px; width:100%; line-height:27px; font-size:14px; color:#272727; border:solid 1px #dcdcdc; border-top:none; box-sizing:border-box; background:url(../images/dot.jpg) no-repeat 20px 21px;}
.leftpanel ul li .submenu a:hover,.leftpanel ul li .submenu a.current{color:#00a0ea;}
.rightpanel{float:right; width:707px;}
.rightpanel .head{float:left; width:100%; height:50px; background-color:#f3f3f3;}
.rightpanel .head .title{float:left; padding:0 12px; min-width:146px; line-height:50px; text-align:center; background-color:#3870c5; color:#fff; font-size:20px; position:relative;}
.rightpanel .head .title em{ position:absolute; right:-8px; top:50%; margin-top:-8px; width:8px; height:17px; background:url(../images/icon_arrow_01.png) no-repeat;}
.rightpanel .content{float:left; margin-top:20px; width:100%; min-height:300px; line-height:26px;}
.rightpanel .content img{ max-width:100%;}
.rightpanel2{float:left; width:100%;}
.rightpanel2 .head{float:left; width:100%; height:50px; background-color:#f3f3f3;}
.rightpanel2 .head .title{float:left; padding:0 12px; min-width:146px; line-height:50px; text-align:center; background-color:#3870c5; color:#fff; font-size:20px; position:relative;}
.rightpanel2 .head .title em{ position:absolute; right:-8px; top:50%; margin-top:-8px; width:8px; height:17px; background:url(../images/icon_arrow_01.png) no-repeat;}
.rightpanel2 .content{float:left; margin-top:20px; width:100%; min-height:300px; line-height:26px;}
.rightpanel2 .content img{ max-width:100%;}
.mod-products-details{float:left; width:100%;}
.mod-products-details .details-title{float:left; margin-bottom:30px; text-indent:0; width:100%; line-height:48px; font-size:32px; font-weight:bold; color:#3870c5;}
.mod-products-details .details-title span{ font-weight:normal; font-size:25px;}
.mod-pager-box
{
    float:left;
    margin-top:20px;
    padding-bottom:10px;
    width:100%;
    text-align:right;
    font-size:12px;
    line-height:26px;
}
.mod-pager-box a,.mod-pager-box .current
{
    /* 1 */
    margin:0 2px;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    /* 2 */
    border-radius: 4px;
    background: #f7f7f7;
    color: #444444;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    text-shadow: 0 1px 0 #ffffff;
    box-sizing: content-box;
    display:inline-block;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    background-color: #f5f5f5;
  color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #52b4df;
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #5cc0ea, #4cacd7);
  background-image: linear-gradient(to bottom, #5cc0ea, #4cacd7);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mod-pager-box i::before{ line-height:20px;}
.mod-pager-box a[disabled="disabled"]{ display:none;}
.mod-news-box{float:left; margin-top:0; width:100%;}
.mod-news-box .list{float:left; width:100%; height:40px; line-height:40px; border-bottom:dotted 1px #ddd;}
.mod-news-box .list span{ float:left; color: #00a0ea; font-weight: bold;margin-left: 5px;margin-right: 8px;}
.mod-news-box .list a{float:left; max-width:80%; height:40px; background:url(../images/dot.png) no-repeat 5px center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mod-news-box .list a i{color:#bbb;}
.mod-news-box .list a:hover i{color:#0071bf;}
.mod-news-box .list .date{float:right; color:#999;}
.mod-dingzhi-box{float:left; margin-top:13px; width:100%; font-size:13px;}
.mod-dingzhi-box .dingzhi-title{float:left; width:100%; height:1px; background:#ddd; text-align:center; position:relative;}
.mod-dingzhi-box .dingzhi-title h4{ position:absolute; left:0; right:0; top:-10px; margin:0 auto; width:100px; padding:0 35px; background-color:#fff; height:20px; line-height:20px; font-weight:300; font-size:15px; display:inline-block;}
.mod-dingzhi-box .dingzhibox{margin:20px auto 0; margin-top:20px; width:500px;}
.mod-dingzhi-box .dingzhibox .item{float:left; margin-top:15px; width:100%; border:solid 1px #ddd; box-sizing:border-box; box-shadow:0 3px 5px -4px rgba(0,0,0,.4) inset,-1px 0 3px -2px rgba(0,0,0,.1) inset; position:relative;}
.mod-dingzhi-box .dingzhibox .item.focus{border-color:#5cbaee;}
.mod-dingzhi-box .dingzhibox .item label.c1,.mod-dingzhi-box .dingzhibox .item .list{float:left; width:80px; height:45px; line-height:45px; text-align:center; font-size:13px; font-weight:300; letter-spacing:1px; background:#fafafa; border-right:solid 1px #ddd;}
.mod-dingzhi-box .dingzhibox .item input[type="text"],.mod-dingzhi-box .dingzhibox .item textarea{float:left; margin:0; padding:10px; width:417px; height:43px; line-height:23px; color:#aaa; font-size:13px; border:none; background:transparent; border:none; box-sizing:border-box;}
.mod-dingzhi-box .dingzhibox .item input[type="text"]:focus,.mod-dingzhi-box .dingzhibox .item textarea:focus{ outline:none; color:#333;}
.mod-dingzhi-box .dingzhibox .item textarea{float:right; min-height:100px; height:auto; resize: vertical; font-family:Microsoft YaHei,sans-serif,微软雅黑;}
.mod-dingzhi-box .dingzhibox .item label.c1.s1{ position:absolute; left:0; top:0; height:100%;}
.mod-dingzhi-box .dingzhibox .item .list{ float:left; padding:0 10px; width:100%; text-align:left; box-sizing:border-box;}
.mod-dingzhi-box .dingzhibox .item .list input[type="checkbox"]{ margin:0 3px 0; display:inline-block;}
.mod-dingzhi-box .dingzhibox .btn-submit{float:left; margin-top:15px; width:200px; height:45px; line-height:45px; background:#2f88b9;border-radius:5px; font-size:14px; text-align:center; color:#fff !important; font-weight:300; cursor:pointer; box-shadow:2px 2px 3px #2f88b9; background: -webkit-gradient(linear, left top, left bottom, from(#49b3ee), to(#2f88b9)); background: -moz-linear-gradient(top,  #49b3ee,  #2f88b9); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b3ee', endColorstr='#2f88b9'); display:inline-block;}
.mod-dingzhi-box .dingzhibox .btn-submit:active{box-shadow:1px 1px 2px #2f88b9;}
.mod-dingzhi-box #loading{float:left; margin:32px 0 0 20px; display:none;}