@charset "utf-8";
/* CSS Document */

body{ margin:0;padding:0;font-size:13px; font-family:"΢���ź�";color:#333;background:#fff; width:100%; height:100%;overflow-x:auto; font-weight:400 !important; }
div, form, img, ul,  li, dl, dt, dd, p,span,a { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#1E89E0;text-decoration:none;}
a:focus {outline:none; -moz-outline:none}
input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left}
.fright{ float:right}
.artice_img img{ max-width:100% !important; height:auto !important;}
.thisclass {
    background: #2e96e7; line-height:25px; overflow:hidden;
    color: #fff;
    
}
.t-c{ text-align:center;}
.page-wrap ul li { line-height:25px; text-align:center; height:25px; 
    float: left; font-size:15px; display:block;border:1px solid #CCC !important;padding:0px 12px; 
    margin: 3px 3px 5px; display: block; overflow:hidden;
}
.i-b {
    display: inline-block;
}
.page-wrap ul li a {font-size:15px;  height:25px; 
    display: block;
    
}
.page-wrap ul li a:hover { height:25px; 
    display:block; background:#2e96e7; color:#fff;
    
}

.dh_zc{ width:100%; margin:30px auto; height:40px;}
.dh_zc ul li{ float:left;  height:30px; background:#74bbf2;  margin-right:6px; width:31%; line-height:30px; font-size:14px; text-align:center; margin-bottom:5px;}
.dh_zc ul li a{ display:block; color:#fff;}
.dh_zc ul li .on{background:#4d87e7; color:#fff;}


.news3{  margin:50px auto; width:70%; margin-top:50px !important;}
.news3 li{ width:100%; height:35px; margin-bottom:20px; text-align:center; font-size:18px; background:#62b3f2; color:#fff; line-height:35px; border-radius:100px;}
.news3 li a{ display:block;font-size:14px; background:#62b3f2; color:#fff; line-height:35px; border-radius:20px;}


.news4{  margin:50px auto; width:90%; margin-top:50px !important;}
.news4 li{ width:100%; height:35px; margin-bottom:20px; text-align:center; font-size:14px; background:#62b3f2; color:#fff; line-height:35px; border-radius:100px;}
.news4 li a{ display:block;font-size:14px; background:#62b3f2; color:#fff; line-height:35px; border-radius:20px;}
/*header*/
#afui {position: absolute;top:0px;bottom: 0;overflow: hidden;width: 100%;min-width: 320px; background:#FFF}
#header { position: absolute;display: block;z-index: 250;-webkit-box-sizing: border-box; box-sizing: border-box; height: 0px;left: 0;right: 0;}
.HeadHeight{ height:44px !important}

/* left nav */
.Mtitle{ color:#fff; line-height:25px !important;height:25px !important;border-bottom: 1px solid #181818; border-top:1px solid #3d3d3d}
.Mtitle p,.Mtitle img,.NavList li img,.NavList li a{ display:inline-block; float:left}
.Mtitle p{ margin-left:15px; font-size:13px}
.Mtitle>img{ margin:9px 8px !important; width:8px !important}
.NavList{background: #2B2B2B; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); overflow:hidden}
.NavList a{width:200px;display: block;font-weight: 600;font-size: 14px;border-bottom:1px solid #5aaceb; border-top:1px solid #93d8ef; height:40px}
.NavList a img{ margin:8px 10px -6px 15px; width:22px}

.NavList  a{color: #fff; line-height:40px; font-size:14px;font-weight:400;}
.NavList a:hover{color:#f8c100 !important;}
.NavList a:last-child{border-bottom: none}
.logo{ text-align:center; overflow:hidden;background:rgba(255,255,255,1)}
.logo img{display:inline-block; margin:0 auto; width:100%}
/*content*/
.content{ padding:10px 0}
.main{overflow-y:scroll; overflow-x:hidden; width:100%; height:auto}
.plate{ width:95%;overflow:hidden; margin:0 auto}
.plate a{display:block; float:left;margin:4px 2% 4px 0;width: 32%;height:100px;color: #fff;text-align: center; overflow:hidden}
.plate a:nth-child(1),.plate a:nth-child(4),.plate a:nth-child(7){background-color: rgba(165, 51, 51, 0.6);}
.plate a:nth-child(2),.plate a:nth-child(5),.plate a:nth-child(8){background-color: rgba(74, 126, 126, 0.6);}
.plate a:nth-child(3),.plate a:nth-child(6),.plate a:nth-child(9){background-color: rgba(255, 139, 0, 0.6); margin-right:0; float:right}
.plate a>img{ margin-top:15px}
.plate a p{line-height:18px; height:36px; width:80%; margin:0 auto; display:block; overflow:hidden; font-size:12px}
.Bnav{}
.Bnav ul{ width:100%; margin-top:8px; display:block; overflow:hidden}
.Bnav ul li{ float:left; width:16%; text-align:center; padding:0 2%; position:relative}
.Bnav ul li:last-child:after{background:none;}
.Bnav ul li:after{content:"";display:block;position:absolute;top:10%;right:0px;width:1px;height: 35px;background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1)));}
.Bnav ul li a{ color:#fff; display:block}
.Bnav ul li img,.Bnav ul li p{ display:inline-block}
.Bnav ul li img{ width:24px; margin-bottom:3px}
.Bnav ul li p{ width:100%; margin-bottom:5px; font-size:12px}
.bnav1{ position:absolute; left:0; bottom:38px; background:#008783; display:none; z-index:1990; width:100%; padding-bottom:5px}
.bnav1 a{ display:block; line-height:25px; text-align:center; color:#fff}
.bnav1 a:hover{background:#02a39e}
.Bnav ul li:hover>.bnav1{ display:block}
/*go to top*/
.goToTop {display:none;color: #333;position: fixed;bottom: 35px;right:0;z-index: 99999;
line-height: 14px;background:url(../images/icon-totop1.png) no-repeat left bottom;text-align: center;width: 30px;
height: 30px;}
.goToTop:hover{background-position:top left;}

#afui #backButton{ background-image:url(.../images/icon-36x36-back.png); background-size:60% auto}
#navbar{height:auto; position: absolute;bottom: 0;left: 0; right: 0; z-index: 199;width:100%;background-color:#62b3f2;border: none;}

#content {z-index: 1;display: block;position: absolute;top: 0;bottom: 49px;left: 0;right: 0;overflow: hidden;}

#content {z-index: 180;display: block;position: absolute;top: 0;bottom: 49px;left: 0;right: 0;overflow: hidden;}
#index{ background:none}
#afui footer, #afui header, #afui nav { display: none;}
#afui #navbar footer, #afui #menu nav, #afui #header header {display: block;}
#afui > #menu.tabletMenu {position: absolute;top: 0;left: 0;z-index: 1;width: 200px; bottom: 0;height: 100%;background:#62b3f2}
#afui > #aside_menu {z-index: 1;width: 200px;bottom: 0;height: 100%;display: block !important;position: absolute;top: 0;right: 0;}
#afui #menu_scroller > *, #afui #aside_menu_scroller > * { -webkit-backface-visibility: hidden;  -webkit-perspective: 1000; }
.ui-icon {background: #666; background: rgba(0,0,0,.4);background-repeat: no-repeat;border-radius: 9px;}
.ui-loader {display: none;position: absolute;opacity: .85;z-index: 100;left: 50%;width: 200px;margin-left: -100px;margin-top: -35px;padding: 10px 30px;background: #666;background: rgba(0,0,0,.4);border-radius: 9px; color: white;}
.ui-loader.heavy {opacity: 1;}
.ui-loader h1 { font-size: 15px; text-align: center; }
.ui-loader .ui-icon {position: static; display: block;opacity: .9;margin: 0 auto;width: 35px;height:35px;background-color: #eee}
.spin {-webkit-transform: rotate(360deg);-webkit-animation-name: spin;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite}
.ui-icon-loading {width: 40px;height: 40px;border-left: 2px solid #ccc;border-right: 2px solid #ccc;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;background: white;border-radius: 10px;}
#afui .ui-corner-all {border-radius: .6em;}
#afui_mask {position: absolute;top: 45%;z-index: 999999;}
.afui_panel_mask {position: absolute;top: 0;bottom: 0; left: 0;right: 0;z-index: 2000; background-color: rgba(0,0,0,0.1);display: none;}
#afui .afScrollPanel {width: 100%;min-height: 100%;}
#afui .panel > .list,#afui .panel > .afScrollPanel > .list { margin: 0px -10px;}
#afui .panel > .list.inset,#afui .panel > .afScrollPanel > .list.inset {margin: 0px; }
#afui .chevron {font-family: 'chevron';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
#afui .chevron:before {content: "\f054";}
#afui .chevron.left { -webkit-transform: rotate(180deg); transform: rotate(180deg); }


.contentBj{ background-image: url(../images/2.jpg);background-size:100% auto ;background-repeat: no-repeat;background-position: center top; background:#dfe7ed}

.menubj{background-size:100% auto ;background-repeat: no-repeat;background-position: center top;background-image: url(../images/bg1.jpg);}

#afui .panel {z-index: 180;width: 100%;height: 100%; position: absolute;top: 0;left: 0; overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: visible;}
#afui img {border: none;}


.menuvice {width: 320px;height: 360px;margin:auto;padding: 15px 0 0 0; position:relative}

.menuvice a {display: inline-block;overflow: hidden;color: #fff;text-align: right;white-space: nowrap;background-image: url(../images/index_mode.png); background-size: 95px auto; width: 95px;height: 105px;}
.menuvice a:nth-child(7n+1) { margin: 3% 0 0 19%;position: absolute;}
.menuvice a:nth-child(7n+2) { margin:  3% 0 0 50%;position: absolute;}
.menuvice a:nth-child(7n+3) {margin: 30% 0 0 4%;position: absolute;}
.menuvice .products span{background-image: url("../images/icon15.png");}
.menuvice a:nth-child(7n+4) {background-image: url(../images/index_center.png); margin: 30% 35% 0 35%;position: absolute;color: #66580b;}
.menuvice a:nth-child(7n+5) {margin: 30% 0 0 66%;position: absolute;}
.menuvice a:nth-child(7n+6) {margin:57% 0 0 19%;position: absolute; }
.menuvice a:nth-child(7n+7) {margin:57% 0 0 50%;position: absolute;}

.menuvice .news span{background-image: url("../images/icon_05.png");}
.menuvice .menu_33 span{background-image: url("../images/icon_08.png");}
.menuvice .menu_32 span{background-image: url("../images/icon_09.png");}
.menuvice .menu_35 span{background-image: url("../images/icon_10.png");}
.menuvice .jobs span{background-image: url("../images/icon_02.png");}
.menuvice .menu_34 span{background-image: url("../images/icon_03.png");}
.menuvice .gbook span{background-image: url("../images/icon_01.png");}
.menuvice a > span{background-position: center;width:95px;height:85px;display:block;background-repeat: no-repeat;background-size:36px;}
.tite_box{width:93px;height: 105px;display:block;float:right;}
.span_tite{text-align:center;background-size:0;width: 92px;display:block;line-height:145px;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }


/*about*/
#header >a,#header >*>a  {display: block;position: absolute;width: 48px;height: 100%; background-position: center; background-repeat: no-repeat}
.back {top: 0px;left:0px; cursor:pointer}
.home { top: 0px; right: 0px;cursor:pointer;}
.icon:before { content: ""; display: block; position: absolute; top: 0px;left: 5px; height: 100%; width: 100%; background-repeat: no-repeat;background-position: center; background-image: url(../images/icon-36x36-back.png);}

#afui #header .home {top: 0px;right: 0px;}
.icon.home:before { background-image: url(../images/styicon.png);}
.headTop{ height:44px; overflow:hidden;vertical-align:middle; width:100%; z-index:9;background-color:#4d87e7;border: none;}
.headTop h3{color:#fff; line-height:42px;  overflow: hidden;position: absolute;left: 27.5%;z-index: 1;width: 45%;height: 100%; font-size:18px; text-align:center}
.menu{ float:right; margin-right:10px}


.brline{ height:1px; border-top:1px solid #ccc; background:#EAEAE8;}
.about{overflow:hidden; padding:40px 10px 40px; background:#fff}
.about h3,.about p,.about img,.about>span{ display:block}
.about h3{font-size:16px}
.about>span{ border-bottom:1px solid #CCC;padding-bottom:15px}
.about>span,.about p{  line-height:25px; margin-top:20px;}
.about img{ width:100%; margin-top:20px}
.about strong{ font-size:14px; color:#f00}
.styH3{line-height:30px; margin-top:20px; color:#754A1F; border-bottom:3px solid #754A1F; font-size:18px !important; font-weight:500}
.productA{ margin-top:10px}
.productA a{ height:35px; line-height:35px; background:#f9f9f9; display:block; margin-bottom:5px; text-align:center}
.productA a:hover,a.styA{ background:#F93; color:#fff}
.aboutCon em{ font-style:normal; font-size:15px; color:#F93}

.ser_ws{line-height:25px}
.ser_ws p{margin-top:10px;}
.ser-h1{font-size:16px;font-weight:600;margin-top:10px;}

.news2{margin-top:10px;}
.news2 li{border:1px solid #ddd; margin-bottom:15px;}
.news2 li p{ width:45%; float:left; margin-right:4%; height:auto;}
.news2 li p img{ max-width:100% !important; height:auto !important; margin-top:0 !important;}
.news2 li ul{ float:left; width:48%;} 
.news2 li ul h2{ font-size:14px; line-height:25px; margin-top:8px;}
.news2 li ul h3{font-size:14px; font-weight:normal; line-height:25px;}
.news2 li ul h4{ font-size:12px; font-weight:normal; line-height:25px; width:80px; height:25px; border:1px solid #E6E6E6; text-align:center;}

.news3{margin-top:10px;}
.news3 li{border:1px solid #ddd; margin-bottom:15px;}
.news3 li p{ width:50%;   height:auto; margin-left:30px;}
.news3 li p img{ max-width:100% !important; height:auto !important; margin-top:0 !important;}
.news3 li ul{  width:100%; margin-top:10px;} 
.news3 li ul h2{ font-size:14px; line-height:25px; margin-top:8px; margin-left:30px;}
.news3 li ul h3{font-size:14px; font-weight:normal; line-height:25px;}
.news3 li ul h4{ font-size:12px; font-weight:normal; line-height:25px; width:80px; height:25px; border:1px solid #E6E6E6; text-align:center; margin-left:30px; margin-bottom:10px;}

.hui{color:#ccc}
.news {margin-top:10px;}
.news li{border-bottom:1px solid #ddd;padding:10px 0px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.news li h2{font-size:16px;font-weight:400;width:96%;overflow:hidden; text-overflow: ellipsis;}
.news li p{width:96%;overflow:hidden;text-overflow:ellipsis;}
.rteam{margin-top:10px;}
.rteam li{width:47%;margin-right:6%;margin-bottom:20px;float:left;text-align:center;}
.rteam li img{width:70%;margin:0 auto;}
.rteam li:nth-child(2n+2){margin-right:0px;}

.rteam h3{margin-top:5px;}
.rteam li p{margin-top:5px;height:47px;overflow:hidden}

.xhgz li b{font-size: 16px; display:inline-block;color:red;margin-left:20px}

.qikan-list{margin-top:10px;}
.qikan-list li{float:left;width:49%;margin-right:2%; position:relative;margin-bottom:15px;}
.qikan-list li:nth-child(2n+2){margin-right:0}
.qikan-list li img{ width:100%; height:220px; -moz-transition: all .5s;-webkit-transition: all .5s;
-o-transition: all .5s; transition: all .5s;}
.qikan-list li .bg{ position: absolute; z-index:1;top:0; left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.55)}
.qikan-list li .text{ position: absolute; z-index:2; bottom:0; left:0; padding-left:10px; color: #fff; font-size:16px; height:50px; line-height:50px;}
.qikan-list li .tm{ position: absolute; top:0; left:0; z-index:2; width:47px; background: #6DABDD; color: #fff; text-align: center;padding:0px 5px;}
.qikan-list li .tm span{ font-size:18px;}

.Sxh_list{margin-top:10px;}
.Sxh_list li img{width:27px; vertical-align:middle;margin-right:20px;margin-top:-3px; float:left}
.Sxh_list li{border-bottom: 1px solid #ddd; padding: 11px 20px;}
.Sxh_list li:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.yh_new{margin-top:10px;}
.yh_new>h3{font-size:16px;}
.t10{margin-top:10px;}


/*��ҳ*/
.page
{
	margin-top:40px; width:100%; text-align:center !important;
}
.page ul{ text-align:center !important; padding-left:20%;}

.page ul a{font-size:14px; padding:5px 12px; display:block; background:#eaeaea; border:1px solid #ccc; float:left; }


.paginator ul>li>a, .paginator ul>li>span {
    position: relative;
    float: left;
    /*padding: 4px 8px;*/
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
	padding:2px 10px;
	margin-right:10px;
    /*padding:8px;*/
}
.active1 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #333 !important;
    border-color: #333 !important;
}