/*reset*/
html, body, div, span, object, iframe, a, img, dl, dt, dd, ul, li, form{margin:0; padding:0; border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
:focus{outline:0}
:link, :visited, ins{text-decoration:none}
/*layout*/
.clearfix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both}
/*typography*/
body, input, textarea{font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; font-size:16px; color:#555}
body{line-height:2; background:#f6f6f6}
input, textarea{outline:none}
a:link, a:visited{color:#555}
a:hover, a:active{color:#f00!important}
/*多行文字垂直居中*/
.wrap-div{display:table; border:1px solid #FF0099; background-color:#FFCCFF; width:760px; height:400px; _position:relative; overflow:hidden}
.wrap-sub{vertical-align:middle; display:table-cell; _position:absolute; _top:50%}
.wrap-con{_position:relative; _top:-50%}
/*全屏*/
.fullWidth{width:100%; min-width:1002px; _width:expression(document.body.clientwidth <1002?"1002px":"auto")}
/*两列同高*/
.equal{padding-bottom:32767px; margin-bottom:-32767px}
/*头部*/
.topdiv{width:100%; height:40px; margin:0 auto; background:#0068b3}
.datediv{float:left; width:220px; height:100%; line-height:40px; color:#eee; padding-left:40px}
.lan{float:right; width:500px; height:100%; line-height:40px; color:#eee}
.lan a{ display:block; float:right; height:24px; line-height:24px; border-radius:4px; background:#3b8ac2; padding:0px 20px; margin-right:40px; margin-top:8px}
.lan a:link, .lan a:visited{color:#eee}
.lan a:hover, .lan a:active{color:#f00!important}

.searchdiv{float:left; width:220px; height:35px; background:url(../images/search.png) center no-repeat; margin-top:2px}
#keyword{float:left; width:140px; height:35px; line-height:22px; color:#999; padding:0; margin:0; margin-left:8px; border:none; background:none}
#submit2{float:right; width:60px; height:35px; cursor:pointer; padding:0; margin:0; border:none; background:none}

.shadow{width:100%; height:10px; background:url(../images/shadow.png) bottom center repeat-x; position:absolute; z-index:3; bottom:-10px; left:0}
.headbg{width:100%; height:100px; margin:0 auto; background:#fff; position:relative; z-index:60}
.header{width:1002px; height:100px; margin:0 auto}
.logo{float:left; width:700px; height:100px; overflow:hidden}
/*导航菜单*/
.nav-menu{float:right; height:100px; margin:0 auto}
.nav-menu li{float:left; height:100px; line-height:100px; background:url(../images/le.png) center right no-repeat}
.nav-menu li.no{background:none}
.nav-menu li a{display:block; padding:0 18px; font-size:16px}
.nav-menu li a:link, .nav-menu li a:visited{color:#0068b3}
.nav-menu li a:hover, .nav-menu li a:active{color:#fff!important; background:#0068b3}
.nav-menu li a.current{background:#0068b3}
.nav-menu li .current:link, .nav-menu li .current:visited{color:#fff}
.nav-menu li .current:hover, .nav-menu li .current:active{color:#fff!important; background:#0068b3}
.nav-menu li.no{border-right:0}

.smallNav{position:absolute; top:46px; left:0px; z-index:18; display:none}
.smallNav dd{height:36px; line-height:36px; background:#fff; border-top:#ccc 1px solid}

.banner{width:100%; height:436px; background:#fbf8ef; overflow:hidden}
.banner2{width:100%; height:280px; background:#fbf8ef; overflow:hidden}
/*内容*/
.

.mainB{width:1002px; margin:0 auto; margin-top:40px}
.mainB .tit { width:100%; height:120px; margin:0 auto; position:relative; z-index:2}
.mainB .line{ width:100%; height:1px; border-top:#ccc 1px dashed; position:absolute; z-index:3; left:0; top:20px}
.mainB .tit .cn{width:240px; height:50px; line-height:32px; font-size: 38px; color:#0068b3; text-align:center; margin:0 auto; background:#f6f6f6; position:relative; z-index:5}
.mainB .tit .en{width:240px; height:30px; line-height:30px; font-size: 26px; color:#999; text-align:center; margin:0 auto; background:#f6f6f6; position:relative; z-index:5}

.buRight{width:15px; height:41px; position:absolute; top:180px; left:0; background:url(../images/buRight.png) no-repeat; z-index:31; cursor:pointer}
.buLeft{width:15px; height:41px; position:absolute; top:180px; right:0; background:url(../images/buLeft.png) no-repeat; z-index:31; cursor:pointer}
.mainB .con{width:100%; height:250px}

.mainB .con .proD{}
.mainB .con .proPic{float:left; display:block; width:200px; height:186px; margin:0 0px; background:#fff; overflow:hidden}
.mainB .con .proPic img{display:block; width:200px; height:150px}
.mainB .con .proD p{display:block; width:100%; height:36px; line-height:36px; margin:0; padding:0; text-align:center; background:#0068b3; color:#fff}

.inabout{width:1002px; margin:0 auto; padding-bottom:20px; margin-top:60px}
.inabout .tit { width:100%; height:120px; margin:0 auto; position:relative; z-index:2}
.inabout .line{ width:100%; height:1px; border-top:#ccc 1px dashed; position:absolute; z-index:3; left:0; top:20px}
.inabout .tit .cn{width:240px; height:50px; line-height:32px; font-size: 38px; color:#0068b3; text-align:center; margin:0 auto; background:#f6f6f6; position:relative; z-index:5}
.inabout .tit .en{width:200px; height:30px; line-height:30px; font-size: 26px; color:#999; text-align:center; margin:0 auto; background:#f6f6f6; position:relative; z-index:5}
.inabout .con{width:100%; font-size:16px; line-height:26px; color:#555}
.inabout .con img{float:left; margin-right:10px}

.intel{ width:100%; height:90px; line-height:90px; text-align:center; font-size:24px; font-weight:bold}
/*内页*/
.equal{padding-bottom:32767px; margin-bottom:-32767px}

.contain{width:1002px; margin:0px auto; clear:both; margin-top:15px; overflow:hidden}
.containL{float:left; width:220px; overflow:hidden; padding-bottom:32767px; margin-bottom:-32767px}
.containR{float:right; width:775px; overflow:hidden; padding-bottom:32767px; margin-bottom:-32767px}

.containL .tit{width:100%; height:56px; line-height:45px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:url(../images/lefttit.png) right bottom no-repeat}
.containL .con{ width:206px; margin:0 auto; background:#dff2ff; padding-bottom:32767px; margin-bottom:-32767px}

.menuLi li{width: 100%; height: 32px; border-bottom:#999 1px dashed; font-size:14px; overflow:hidden}
.menuLi li a{display: block; width: 180px; height: 32px; line-height: 32px; padding-left: 40px; background: url(../images/first-bg-02.gif) no-repeat}
.menuLi li a:link, .menuLi li a:visited{color: #000; background-position:0px 0px}
.menuLi li a:hover, .menuLi li a:active{color: #0068b3!important; background-position:0px -32px}
.menuLi li a.bigOne{font-size:14px; font-weight:bold}
.menuLi li a.bigOne:link, .menuLi li a.bigOne:visited{color: #000}
.menuLi li a.bigOne:hover, .menuLi li a.bigOne:active{color: #0f0!important; }
.menuLi li a.no{background:#feebd6}

.menuLi li a.current:link, .menuLi li a.current:visited{color: #0f0; background-position:0px -32px}
.menuLi li a.current:hover, .menuLi li a:.currentactive{color: #0f0!important; background-position:0px -32px}


.contactDtit{width:100%; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold;background:url(../images/contactDtit.png) 20px 0px no-repeat; margin-top:20px}
.contactD{padding-top:10px}

.searchDtit{width:100%; height:43px; line-height:43px; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:url(../images/searchDtit.png) 20px 0px no-repeat; margin-top:20px}

.containR .tit{width:100%; height:45px; line-height:45px; font-size:16px; font-weight:bold; background:url(../images/titLe.png) 15px 0px no-repeat; border-bottom:#ccc 1px solid}
.containR .tit span{padding-left:60px}
.containR .con{width:96%; min-height:300px; margin:10px auto; overflow:hidden; padding-bottom:32767px; margin-bottom:-32767px}

.containall{width:100%; margin:0px auto}
.containall .tit{width:100%; height:45px; line-height:45px; border-bottom:#ccc 1px solid; overflow:hidden}
.containall .tit a{display:block; float:left; height:24px; line-height:24px; border-radius:4px; background:#3b8ac2; padding:0px 20px; margin-left:40px; margin-top:10px}
.containall .tit a:link, .containall .tit a:visited{color:#eee}
.containall .tit a:hover, .containall .tita:active{color:#f00!important}

.batch{float:left; height:24px; line-height:24px; border-radius:4px; background:#3b8ac2; padding:0px 20px; margin-left:40px; margin-top:10px; color:#fff; cursor:pointer}

.containall .con{width:100%; margin:0px auto; min-height:405px; padding-bottom:40px; overflow:hidden}
.containall .con img{max-width:100%}

.sortdiv{display:block; float:left; width:240px; height:50px; line-height:50px; font-size:18px; text-align:center; margin-left:20px; margin-top:20px; overflow:hidden}
.sortdiv:link, .sortdiv:visited{color:#555; background:#b7dcf6;}
.sortdiv:hover, .sortdiv:active{color:#f00!important; background:#8abbde}

.prodiv{float:left; width:240px; height:200px; margin-left:20px; margin-top:20px; overflow:hidden; position:relative}
.proimg{width:100%; height:160px; box-sizing:border-box; border:#eee 1px solid; cursor:pointer; overflow:hidden}
.proimg img{width:100%; height:100%}
.protxt{width:100%; height:40px; line-height:40px; font-size:18px; text-align:center; overflow:hidden}
.protxt.cur{background:#8abbde}

.procheck{width:240px; height:200px; cursor:pointer; position:absolute; z-index:2; left:0; top:0; display:none}
.procheck .checkpic{width:50px; height:50px; background:url(../images/procheck.jpg) no-repeat; background-position:0 0}
.procheck.cur .checkpic{background-position:0 -60px}

.sortcon{width:700px; margin:0px auto; overflow:hidden; padding:30px 0}
.sortleft{float:left; width:120px; height:50px; line-height:50px; text-align:right; margin-right:20px; margin-top:20px}
.sortright{float:left; width:500px; height:50px; line-height:50px; border:#ccc 1px solid; margin-top:20px}
.sortra{float:left; width:500px; height:50px; line-height:50px; margin-top:20px}
.sortcl{width:100%; clear:both; margin:0 auto; overflow:hidden}
.sortbu{float:left; width:200px; height:50px; line-height:50px; text-align:center; margin-left:140px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}
.sortba{float:left; width:200px; height:50px; line-height:50px; text-align:center; margin-left:20px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}
.sortright input{width:100%; height:50px; line-height:50px; border:none; margin:0; padding:0; background:none}
.sortpass{display:none}

.sortre{width:100%; height:80px; line-height:120px; border-bottom:#ccc 1px dashed; clear:both; margin:0 auto; overflow:hidden}
.sortphoto{width:100%; height:80px; clear:both; margin:0 auto; margin-top:20px; overflow:hidden}
.sortphoto img{width:80; height:80px; margin-left:142px}

.logcon{width:700px; margin:0px auto; overflow:hidden; padding:30px 0}
.logleft{float:left; width:120px; height:50px; line-height:50px; text-align:right; margin-right:20px; margin-top:20px}
.logright{float:left; width:500px; height:50px; line-height:50px; border:#ccc 1px solid; margin-top:20px}
.logra{float:left; width:500px; height:50px; line-height:50px; margin-top:20px}
.logcl{width:100%; clear:both; margin:0 auto; overflow:hidden}
.logbu{float:left; width:200px; height:50px; line-height:50px; text-align:center; margin-left:140px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}
.logba{float:left; width:200px; height:50px; line-height:50px; text-align:center; margin-left:20px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}
.logright input{width:100%; height:50px; line-height:50px; border:none; margin:0; padding:0; background:none}
.logcode{float:left; width:220px; height:50px; line-height:50px; border:#ccc 1px solid; margin-top:20px}
.logcode input{width:120px; height:50px; line-height:50px; border:none; margin:0; padding:0; background:none}

.passfix{width:100%; height:0; position:fixed; top:0; left:0; background:url(../images/preview.png) repeat; display:none}
.passdiv{width:500px; height:230px; position:absolute; z-index:999; left:0; top:0; background:#fff}
.passtit{ width:100%; height:50px; line-height:80px; text-align:center; font-size:20px}
.passtxt{float:left; width:340px; height:50px; line-height:50px; border:#ccc 1px solid; margin-top:20px; margin-left:80px}
.passtxt input{width:100%; height:50px; line-height:50px; border:none; margin:0; padding:0; background:none}
.passbu{float:left; width:130px; height:50px; line-height:50px; text-align:center; margin-left:80px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}

.products_detail_new_name{ width:100%; height:60px; line-height:60px; font-size:18px; font-weight:bold; text-align:center;}
.products_detail_new_pic{ width:100%; text-align:center; overflow:hidden;}
.products_detail_new_pic img{ max-width:100%;}
.products_detail_new_con{ width:100%; line-height:22px; padding:15px 0px; text-align:center; overflow:hidden;}
.products_detail_new_more{ width:100%; height:60px; line-height:30px; font-size:16px; text-align:center;}

/*底部*/
.footer{width:100%; height:70px; line-height:70px; text-align:center; color:#fff; margin:0 auto; text-align:center; background:#0068b3; clear:both}
.footer a:link, .footer a:visited{color:#fff}
.footer a:hover, .footer a:active{color:#ff0!important}

.phototype{width:100%; height:30px; padding:15px 0px}
.phototype span{ height:36px; font-size:16px; line-height:36px; padding-left:50px}
.phototype select{ height:36px; font-size:16px; line-height:36px}

.lineone{width:100%; height:10px; clear:both}
.linetwo{width:600px; margin:0 auto; height:10px; margin-top:10px; border-top:#ccc 1px dashed; clear:both}

.movefix{width:100%; height:0; position:fixed; top:0; left:0; background:url(../images/preview.png) repeat; display:none}
.movediv{width:500px; height:230px; position:absolute; z-index:999; left:0; top:0; background:#fff}
.movetit{ width:100%; height:50px; line-height:80px; text-align:center; font-size:20px}
.movetxt{float:left; width:340px; height:50px; line-height:50px; border:#ccc 1px solid; margin-top:20px; margin-left:80px}
.movetxt input{width:100%; height:50px; line-height:50px; border:none; margin:0; padding:0; background:none}
.movebu{float:left; width:130px; height:50px; line-height:50px; text-align:center; margin-left:80px; margin-top:20px; background:#3b8ac2; color:#fff; cursor:pointer}
.selecttype{width:340px; height:50px; line-height:50px; font-size:16px; border:none}

.wu-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 15px 0;
    background-color: #fafafa;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
}
.wu-example:after {
    content:"";
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/*demo样式*/
#picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
#picker .webuploader-pick {
    padding: 6px 12px;
    display: block;
}


#uploader-demo .thumbnail {
    width: 110px;
    height: 110px;
}
#uploader-demo .thumbnail img {
    width: 100%;
}
.uploader-list {
    width: 100%;
    overflow: hidden;
}
.file-item {
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
    padding: 4px;
}
.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    right: 4px;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    font-size: 12px;
    z-index: 10;
}
.upload-state-done:after {
    content:"\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 32px;
    position: absolute;
    bottom: 0;
    right: 4px;
    color: #4cae4c;
    z-index: 99;
}
.file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 3px;
    left: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 15;
    margin:0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #d14 url(../images/progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}

a.travis {
  position: relative;
  top: -4px;
  right: 15px;
}