@charset "utf-8";
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #333; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 2; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉安卓点击时的蓝色*/ }
div{box-sizing: border-box;}
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #1e1e1e; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left; }
.fr { float: right; }
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: none; padding: 0;  font-size: 14px; line-height: 1.6; }
input:focus, textarea:focus { background: #fff; }
::-moz-placeholder { color: #b2b2b2;  }
::-webkit-input-placeholder { color: #b2b2b2; }
:-ms-input-placeholder { color: #b2b2b2;  }



/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }


.header-wrap{height: 90px;box-shadow: 0 3px 8px rgba(0,0,0,0.45); position: relative; z-index: 99}
#header { height:90px; background: #019db1;overflow: hidden;border-bottom: solid 1px #333}
.logo img { margin-top: 10px }
.intopmenu{display: none}
.intop{display: none}

.indexTit h1{font-size: 34px}
.indexTit p{  margin-top: -10px;background: url(../images/bt.png) no-repeat 0 bottom; padding-bottom: 20px; margin-bottom: 30px; font-size: 16px; color: #888}
.indexTit.txtCenter{ text-align: center}
.indexTit.white h1,.indexTit.white p{ color: #fff}
.indexTit.txtCenter p{  background-position:center bottom ;}

a.more{ border:solid 1px #1658a7; color: #1658a7; padding:10px 40px; border-radius: 4px;    transition: all .3s;}
a.more:hover{ background: #1658a7 ;color: #fff;}

    /*导航*/
.menu {  margin-left: 205px}
.menu > li { float: left; margin: 0;  text-align: center; position: relative;  text-align: center}
.menu > li > a { display: block; font-size:16px;font-weight: bold; color: #fff; line-height: 50px; padding: 0 20px;}
.menu > li > a:hover{background-color: #2fb1c2;color: #fff;}
.menu .menulist { width: 150px; display: none; background: rgba(255,255,255,0.95); padding: 5px 0; position: absolute; top: 47px; z-index: 50; left: -43px; text-align: center; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.menu .menulist > li { line-height: 24px; font-size: 14px; margin: 0; }
.menu .menulist > li > a { display: block; color: #a36701; }
.menu .menulist > li:hover > a { color: #0177cc; }
.menu .subnav { display: block; }
.menu > .first > a{background-color: #038596;color: #fff;}
/*banner*/
#ban { position: relative; overflow: hidden; }
#ban .banner { height: 550px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 550px; width: 100%; }
#ban .imglist li a { display: block; width: 100%; height: 100%; }
.pagelist { bottom: 35px; height: 14px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; cursor: pointer; display: inline-block; height: 12px; width: 12px; border: 1px solid #fff; border-radius: 7px; }
.pagelist li.on { background: #fff; border-color: #fff; }


/*内页通用*/
#ban1 { background: url(../images/in_banner1.jpg) no-repeat center center; height: 300px; }
#ban2 { background: url(../images/in_banner2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../images/in_banner3.jpg) no-repeat center center; height: 300px; }
#ban4 { background: url(../images/in_banner4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../images/in_banner5.jpg) no-repeat center center; height: 300px; }

.inmain{
    margin: 40px 0;
    overflow: hidden;
}

.proLeftBox { width: 100%; background: #f4f4f4;padding: 6px 0 0 0 }
.product{ padding-bottom: 5px}
.proLeftBox li{  display: inline-block; padding:0 15px}
.product li{ padding: 0; width: 397px; word-break: keep-all; }
.proLeftBox li a{  padding: 20px; line-height: 50px;color: #1658a7; }
.product li a{ padding-right: 0;display: block; line-height: 25px}

.proLeftBox li a.ahover{ background: #fff; }

.main1{ padding: 70px 0;height: 524px;overflow: hidden;}
.main1Box{ width: 50%;margin-right: 10px;height: 420px;float: left;}

.main2{ padding-top: 50px; height: 1180px}
.main2 li{ width: 581px; height: 435px; float: left; margin-bottom: 38px; position: relative}
.main2 li.odd{ margin-left: 38px}
.main2 li h2{ position: absolute; left: 0; bottom: 0; width: 100% ;  height: 50px; line-height: 50px; text-align: center; background: rgba(13,114,184,0.8); color: #000; font-size:18px; font-weight: bold ; color: #fff;  transition: all .3s;  }
.main2 li a:hover h2{ background: rgba(15, 74, 184,0.9); color: #fff}

.main-application{height: 577px;background: url("../images/about_bg.jpg") no-repeat center center; padding-top: 30px}

.loop{ position: relative}
.solution{ width:385px; height: 330px}
.solution li{ width: 400px;height: 330px; text-align: center }
.solution li a{display: block;padding: 0  9px 0 9px;}
.solution li a h2{ font-size: 18px; font-weight: bold ; color: #fff; padding-top: 5px}
.loop  .prev,.next{ z-index:10; cursor:pointer; position:absolute; top:120px; width:29px; height:48px}
.loop  .prev{ left:-40px; background: url(../images/left.png) no-repeat center center}
.loop  .next{ right:-40px; background:  url(../images/right.png) no-repeat center center}


.main3{
    height: 740px;
    overflow: hidden;
    padding-top: 40px;
}
.main3Left{
    float: left;
    width: 625px;
    height: 320px;
    margin-top: 40px;
}
.main3Left li{
    float: left;
    width: 560px;
    height: 420px;
    margin-right: 20px;
}
.main3Left li img{
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.main3Left li .newbox{
    width: 100%;
    height: 104px;
    border:1px solid #ccc;
    border-top: none;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
}
.main3Left li .newbox h1{
    font-size: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Left li .newbox h3{
    font-size: 14px;
    color: #999;
}
.main3Left li .newbox h5{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.main3Right{
    float: right;
    width: 570px;
    height: 320px;
    margin-top: 40px;
    margin-right: 5px;
}
.main3Right li{
    display: block;
    width: 100%;
    height: 94px;
    background-color: #fbfafa;
    margin-bottom: 19px;
    transition: all .3s;
    margin-right: 5px;
}
.main3Right li .leftBox{
    width: 105px;
    height: 100%;
    float: left;
    text-align:center;
    border-right: 1px solid #ddd;
    color: #666;
    transition: all .3s;
}
.main3Right li .leftBox h1{
    font-size: 32px;
    font-weight: bold;
    line-height: 75px;
}
.main3Right li .leftBox h3{
    line-height: 1px;
    font-size: 16px;
}
.main3Right li .rightBox{
    float: right;
    width: 450px;
    height: 100%;
    transition: all .3s;
}

.main3Right li .rightBox h1{
    font-size: 20px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all .3s;
    text-align: left;
    font-weight: normal;
}
.main3Right li .rightBox h3{
    font-size: 14px;
    color: #666;
    padding-top: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
}
.main3Right li:hover .leftBox{
    background-color: #0d6fb8;
    color: #fff;
}
.main3Right li:hover{
    background-color: #fff;
    box-shadow: 5px 5px 5px #ccc;
}
.main3Right li:hover .rightBox{
}

.main3Right li:hover .rightBox h1{
    color: #0d6fb8;
}

.main3Right .more{ margin-top: 20px; float: left}

.foot{background: #363535; border-top:solid 5px #b7b6b6; height: 292px; color: #fff}
.foot .foot_header{margin-top: 15px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #ddd;line-height: 1}
.foot .foot_menu li a{ color: #ddd; padding:0 20px; }
.foot .foot_menu li:last-child{ border-right: none; padding-right: 0 }
.foot_body{ }
.foot_body img{display: block}
.foot_body .left{float: left; margin-top: 40px}
.foot_body .left .contact li{float: left; margin-right: 140px}
.foot_body .left .contact li img{float: left; vertical-align: middle}
.foot_body .left .contact li div{ float: left; margin:-5px 0 0 12px; font-size: 16px}
.foot_body .left .links {clear: left; padding-top: 50px}
.foot_body .left .links li{ float: left; margin-right: 20px; line-height: 1;font-size: 13px}
.foot_body .left .links li img{ float: left;}
.foot_body .left .links li:first-child{ margin-right: 5px}
.foot_body .left .links li a{color: #fff; }

.foot_body .right{float: right; text-align: center; padding-right: 10px}
.foot_body .right img{ margin: 0 auto}
.foot2 { background: #222;color: #aaa; font-size: 12px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #aaa; float: left;}
.foot2 .fr { color: #aaa; float: right;}
.foot2 a { color: #aaa; }


.proUl{
}
.proUl li{ width: 322px ; height: 330px; float: left; margin:0 42px; text-align: center; line-height: 2;}
.proUl li div{width: 320px ; height: 240px; border: solid 1px #999;overflow: hidden; margin-bottom: 5px}
.proUl li.row-last{ margin-right: 0}
.proUl li img{ width: 320px; height: 240px;  padding: 0px;transition: all 0.3s   }

.proUl li a:hover img{ transform: scale(1.1) }


/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin-top: 20px;}
#pageNav a { color: #888; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; border-radius: 6px; width: 10px}
.pageNum, .cPageNum, .listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #444; border-radius: 6px }
#pageNav .pageNum:hover { color: #fff; background: #0d6fb8; }
#pageNav a.listnumber { border: none; padding: 0; }


.titlepro { font-size: 18px; color: #0eb156; text-align: center; margin: 10px 0 10px; }
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 24px;  font-weight: bold}
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 16px }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left;  color: #888; }
.operate span a { /*font-style: italic;*/ color: #888; }
.operate div { float: right; width: 150px; text-align: right; }
a.return { padding:4px 20px 6px; border-radius: 6px ; background: #eee; color: #888; text-align: center }