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

/* header start*/

.w1200 { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
#logo { margin: 20px 0; width: 480px; height: 47px; overflow: hidden; }
#search { margin-top: 35px; width: 200px; height: 30px; }
    #search input { float: left; }
.inp_srh { width: 160px; height: 30px; line-height: 30px; text-indent: 5px; color: #999; background: url(../images/search.jpg) no-repeat left center; border: none; }
.btn_srh { width: 40px; height: 30px; line-height: 30px; background: url(../images/search.jpg) no-repeat -160px center; border: none; cursor: pointer; color: #fff; font: bold 14px/30px "Microsoft YaHei"; text-indent: -5000px; }
#search * { vertical-align: middle; }
#tel { margin-top: 30px; margin-right: 25px; padding-left: 50px; width: 150px; height: 40px; background: url(../images/tel.png) no-repeat left bottom; color: #666; font: 12px/20px "Microsoft YaHei"; }
    #tel span { color: #227ec7; font: 20px/20px "Arial"; }
/* header end*/
/* content start*/
.tit1 { margin-bottom: 30px; height: 44px; border-bottom: 1px solid #ddd; text-align: center; }
    .tit1 h2 { margin: 20px auto 0; border-bottom: 3px solid #227ec7; width: 150px; color: #333; font: 20px/20px "Microsoft YaHei"; }
    .tit1 span { color: #999; font: 12px/20px "Arial"; }
.about { margin-bottom: 30px; color: #333; font: 13px/24px "Microsoft YaHei"; height: auto; overflow: hidden; }
    .about span { color: #333; font: 20px/24px "Microsoft YaHei"; height: 50px; }
    .about img { float: left; margin-right: 60px; }
.more { float: left; margin-top: 15px; width: 120px; height: 32px; border-radius: 3px; color: #fff; font: 14px/32px "Microsoft YaHei"; text-align: center; }
    .more a { display: block; width: 120px; height: 32px; color: #fff; background: #227ec7; border-radius: 3px; }
        .more a:hover { background: #666; color: #fff; }

.pro_box { height: auto; overflow: hidden; background: url(../images/cpbg.png) no-repeat center top; }
.tit2 { margin: 20px 0 30px; height: 44px; border-bottom: 1px solid #ddd; text-align: center; }
    .tit2 h2 { margin: 0px auto; border-bottom: 3px solid #fff; width: 150px; color: #fff; font: 20px/20px "Microsoft YaHei"; }
    .tit2 span { color: #fff; font: 12px/20px "Arial"; }

#demo { margin: 0px auto; border: 0px dashed rgb(204, 204, 204); width: 1200px; height: 272px; overflow: hidden; }
#indemo { float:left;width:800%;}
#demo1 { float: left; }
#demo2 {float: left; }
.inplist { height: 272px; margin-top: 30px; margin-bottom: 30px; }
    .inplist ul li { background: url(../images/cponebg.png) no-repeat center; width: 294px; height: 292px; margin-right: 7px; float: left; }
        .inplist ul li a { width: 286px; height: 263px; }
            .inplist ul li a div ol { margin: 6px; width: 274px; height: 164px; }
            .inplist ul li a div ul { margin: 0px auto; width: 286px; height: 100px; overflow: hidden; }
                .inplist ul li a div ul h3 { padding: 0px 6px; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; font-weight: normal; }
                .inplist ul li a div ul p { padding: 0px 6px; color: rgb(153, 153, 153); line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
 .inplist ul li r { width: 286px; height: 263px; display: block; }
            .inplist ul li r div ol { margin: 6px; width: 274px; height: 164px; }
            .inplist ul li r div ul { margin: 0px auto; width: 286px; height: 100px; overflow: hidden; }
                .inplist ul li r div ul h3 { padding: 0px 6px; color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; font-weight: normal; }
                .inplist ul li r div ul p { padding: 0px 6px; color: rgb(153, 153, 153); line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.plistone ol { width: 286px; height: 263px; position: relative; z-index: 4; }
.pmore { left: 105px; top: 49px; width: 65px; height: 65px; overflow: hidden; display: none; position: absolute; z-index: 40; }
.cpimg { width: 225px; height: 164px; position: absolute; z-index: 3; }
.plistmoer { margin: 25px auto; border-radius: 4px; width: 115px; height: 33px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 14px; display: block; background-color: rgb(240, 134, 25); }
    .plistmoer:hover { background: rgb(221, 0, 0); color: rgb(255, 255, 255); }



.tit3 { margin: 0px 0 30px; height: 40px; border-bottom: 1px solid #ddd; }
    .tit3 h2 { float: left; border-bottom: 3px solid #227ec7; color: #333; font: 20px/35px "Microsoft YaHei"; }
    .tit3 span { padding-left: 10px; color: #ccc; font: 12px/35px "Arial"; }

.w570 { width: 570px; height: auto; overflow: hidden; }
.i_newtop { margin-bottom: 10px; width: 570px; height: 120px; overflow: hidden; }
.i_newtopimg { width: 180px; height: 120px; overflow: hidden; }
.i_newtoptit { margin-bottom: 10px; width: 360px; height: 20px; color: #333; font: 13px/20px "Microsoft YaHei"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.i_newtopcon { width: 360px; height: 90px; color: #666; font: 12px/24px "Microsoft YaHei"; overflow: hidden; }
.news_con { width: 570px; height: 80px; overflow: hidden; }
    .news_con ul { margin: 0; padding: 0; }
        .news_con ul li { float: left; width: 570px; height: 28px; overflow: hidden; }
            .news_con ul li a { float: left; display: block; width: 500px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/ico1.png) no-repeat left center; color: #666; font: 13px/28px "Microsoft YaHei"; }
                .news_con ul li a:hover { color: #d00; background: url(../images/ico1.png) no-repeat left center; }
            .news_con ul li span { float: right; display: block; color: #999; font: 11px/28px "Arial"; -webkit-text-size-adjust: none; }
.i_newsmore { margin-top: 5px; height: 20px; }
    .i_newsmore a { color: #227ec7; font: bold 12px/20px "SimSun"; text-decoration: underline; }
        .i_newsmore a:hover { color: #c00; }

.case { margin: 0 auto; width: 1220px; height: auto; overflow: hidden; }
    .case ul { margin: 0; padding: 0; }
        .case ul li { float: left; margin: 0 10px; width: 224px; height: 180px; }
.case_pic { padding: 4px; border: 1px solid #ddd; width: 214px; height: 140px; overflow: hidden; }
.case_name { height: 30px; width: 220px; color: #333; font: 14px/30px "Microsoft YaHei"; text-align: center; }

.link { height: 74px; overflow: hidden; }
.link_l { width: 110px; height: auto; overflow: hidden; text-indent: 30px; background: url(../images/index_68.png) no-repeat 10px center #227ec7; color: #fff; font: 16px/37px "Microsoft YaHei"; }
.link_m { padding-left: 30px;  height: auto; overflow: hidden; background: #333; color: #fff; font: 13px/30px "Microsoft YaHei"; }
    .link_m a { margin: 0 5px; color: #fff; font: 13px/30px "Microsoft YaHei"; }
        .link_m a:hover { color: #fff; }
.link_r { width: 75px; height: 74px; overflow: hidden; }
/* content end*/
/* footer start*/
.footer_box {    float:left; width:100%; padding: 10px 0; height: auto; overflow: hidden; background: #333; color: #aaa; font: 13px/20px "Microsoft YaHei"; }
.footer_box2{    float:left; width:100%; padding: 30px 0; height: auto; overflow: hidden; background: #333; color: #aaa; font: 16px/42px "Microsoft YaHei"; }
.footer_box2 a {color: white;width:100px;padding:0 28px 0 28px; }
.foot_l { width: 300px; height: auto; overflow: hidden; }
.foot_m { margin-left: 50px; width: 700px; height: auto; overflow: hidden; }
.foot_m .title1{line-height: 55px; width: 350px; float: left; color: #fff; font-size: 13px;}
.foot_r { width: 150px; height: auto; overflow: hidden; text-align: right; color:#fff;}
.copy { margin-top: 10px; padding-top: 10px; border-top: 1px solid #666; text-align:center; line-height: 30px; color:#fff; font-size:13px; }




.min img{ max-width:100%;}
.aboutslide{ position:relative; left:50%; margin-left:-960px; height:300px; overflow:hidden;}
.min_content{ padding-bottom:20px;}
.min{ width:1000px; margin:0 auto; position:relative; min-height:500px;}
.min_top{ width:350px; margin:30px auto; position:relative;}
.min_lf{ float:left; width:40%; padding:2%}
.min_rg{ float:right; width:50%; padding:2%}
.minlist{ width:1000px; margin:0 auto; position:relative; margin-bottom:30px;}
.minlist{ text-align:center}
.minlist li {display:inline-block; text-align:center; width:100px;  background: #f3f3f3; border-radius:15px; height:30px; line-height:30px; margin:10px; }
.minlist li a{ text-align:center;text-decoration:none; color:#666; }
.minlist li:hover,.minlist li:hover a { background:#227ec7; color:#fff}
.minlist .active,.minlist .active a { background:#227ec7; color:#fff}



.newslist_cont1 ul{  width:100%;}
.newslist_cont1 li{ width:100%; margin-bottom:30px;  overflow:hidden; }
.newslist_cont1{ width:100%;  min-height:300px; padding:30px;}
.news_date1{ width:100px; height:100px; font-size:40px; color:#fff; text-align:center; line-height:50px; float:left; border:1px solid #bbb9b9; background:#227ec7} 
.news_date1 span{ font-size:20px; border-top:1px solid #bbb9b9;}
.news_title1{ width:800px;   float:left; margin-left:15px; font-size:20px; height:30px; line-height:30px; }
.news_cont1{width:800px; margin-left:15px; float:left; color:#aeaeae; line-height:20px;font-size: 14px;}
.news_cont1 img{ max-width:100%;}


.news_content{ min-height:300px;}
.news_content img{ max-width:100%;}

.news_tit{ margin-top:20px; text-align:center; font-weight:bold;  border-bottom:1px dashed #333; height:50px; line-height:50px; font-size:18px;}
.news_date{ text-align:center; margin:10px;}

.min_di{  color:#999; border-top:1px solid #999; padding:30px 0px; height:120px;}
.cp_kuan{ float:left; width:700px; line-height:30px;}


.fh{ float:right;    border: 2px solid #227EC7;    color: #227EC7; margin-right:30px; padding:10px 40px;}
.pro_content a{ text-decoration:none;}
.pro_content li{ float:left; width:30%; margin:0 1.5%;text-align:center; background:#CCC; border:1px solid #CCC; margin-top:20px;} 
.pro_content li img{ width:100%; -webkit-transition: 0.5s all ease;}
.pro_tu{ height:180px; overflow:hidden; background:#FFF; } 
.pro_tit{ line-height:30px;height:30px; overflow:hidden;}
.pro_content  li:hover .pro_tit{ color:#227ec7;}
.pro_content  li:hover img{ width:90%; -webkit-transition: 0.5s all ease;}
.pro_content  li:hover .pro_more{border:1px solid #227ec7;  background:#227ec7; color:#fff; }
.pro_more{ border:1px solid #CCC; border-radius:15px; width:100px; height:30px; line-height:24px; margin-left:60px; margin-top:10px; margin-bottom:10px; background:#fff; color:#999; font-size:4px;}

.down_content{ width:100%; margin-top:20px;}
.down_content li{ height:60px; width:100%; margin-bottom:20px; border-bottom:1px solid #CCC;}
.down_content .down_tu1{    margin-left: 25px; width:40px; height:60px; line-height: 60px;float: left;background: url(../images/wj.png) no-repeat left center;}

.down_content .down_tit{ float:left; height:60px; line-height:60px; font-size:18px; margin-left:20px;}
.down_content .down_tu2{display: block;
    line-height: 60px; margin-right:30px;
    float: right;
    width: 40px;
    height: 60px;
    background: url(../images/down.png) no-repeat center center;}
	
	
#faqbox{ float:left; width:95%; background:url(../images/feedbackimg.jpg) right bottom no-repeat; margin-top:30px; margin-bottom: 30px;}
#faqbox .faqline{ float:left; width:100%; line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#cccccc solid 1px; height:25px; line-height:25px; font-family:微软雅黑; border-radius:5px;}
#faqbox .Content{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .Content .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px; border:#cccccc solid 1px; font-family:微软雅黑; border-radius:5px;}	


ul.certificate-list{ float:left; width:100%;}
ul.certificate-list li{ float:left; width:250px; height:250px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:250px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #cccccc; padding:4px; border-radius:5px;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:250px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-size:20px;}


.ry_content a{ text-decoration:none;}
.ry_content li{ float:left; width:30%; margin:0 1.5%;text-align:center; background:#CCC; border:1px solid #CCC; margin-top:20px;} 
.ry_content li img{ width:80%; }
.pro_tu{ height:180px; overflow:hidden; background:#FFF; } 
.ry_content  li:hover img{ width:90%;}
.ry_content  li:hover .pro_more{border:1px solid #227ec7;  background:#227ec7; color:#fff; }
.pro_more{ border:1px solid #CCC; border-radius:15px; width:100px; height:30px; line-height:24px; margin-left:60px; margin-top:10px; margin-bottom:10px; background:#fff; color:#999;}
	
	
	
.pageNavi { float:left; margin-top:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#ff7c00; color:#FFF; border:#ff7c00 solid 1px;}
.wp-pagenavi SPAN.current {  background:#ff7c00; color:#FFF; border:#ff7c00 solid 1px;}



.job_content{ padding:0 10%; width:80%}
ul.job-list{ float:left; width:100%;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#db4125;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}


.pro_content{ width:75%; float:right;}
.lfnavlist{ width:20%; float:left; } 
.lfnavlist .lftitle{  width:100%; text-align:center; height:80px; line-height:80px; background:#2d303c; color:#fff; font-size:24px;}
.lfnavlist ul{ width:99%; border-left:1px solid #2d303c;  border-right:1px solid #2d303c;}
.lfnavlist li{ width:91%;height:50px; line-height:50px; border-bottom:1px solid #2d303c; padding-left:10%;}
.lfnavlist a li{ font-size:16px; color:#000;}
.lfnavlist a li:hover{ color:#fff; padding-left:15%; width:86%; background:#227ec7 }