@charset"utf-8";
.about_content { width: 1200px; margin: 20px auto;}
/*left*/
.left { width: 250px; float: left;}
.left h2 { width: 250px; height: 91px; background: url("../images/ab_bg.png") no-repeat; position: relative; z-index: 0}
.left h2 .title { width: 250px; height: 70px; float: left; margin-top: 21px; border-top-right-radius: 13px; box-shadow: 3px 3px 4px #999; }
.left h2 span { float: left;  width: 100%; text-align: center; }
.left h2 .sp1 { height: 28px; font-size: 24px; color: #FFF;}
.left h2 .sp2 { height: 16px; font-size: 16px; font-family: Arial; color: #a6a6a6; margin-top: 8px;}
.left_nav { width: 250px; background: #f0f0f0;  box-shadow: 3px 3px 4px #999; position: relative; z-index: 1; padding-bottom: 20px; }
.left_nav ul { width: 209px; margin: 0 auto; padding-top: 22px;}
.left_nav ul li { width: 209px; height: 40px; line-height: 40px; background: url("../images/left_nav1.png") no-repeat; margin-bottom: 14px; cursor: pointer }
.left_nav ul li a { float: left; font-size: 14px; color: #FFF; margin-left: 28px; width: 100%}
.left_nav ul li:hover { background: url("../images/left_nav.png") no-repeat;}
.left .left_contact { width: 250px; height: 143px; line-height: 32px; margin-top: 20px;}
.left .left_contact p { font-size: 14px; color: #999;}
.left .left_contact p a { font-size: 14px; color: #999;}
.left_nav ul .left_currentNav { background: url("../images/left_nav.png") no-repeat; }

.left .left_pdf { width: 218px; padding-left: 32px; border-top: 1px solid #dedede; padding-top: 20px; margin-top: 24px;}
.left .left_pdf .pdf_nei { width: 209px; margin: 0 auto; height: auto; margin-bottom: 10px; line-height: 24px; color: #565656; padding-bottom: 10px; border-bottom: 1px dashed #dedede; list-style: circle}
.left .left_pdf .pdf_nei a { font-size: 14px;}

/*about_nei*/
.about_content .about_nei { width: 920px; float: left; margin-left: 30px; }
.about_content .about_nei h3 { background: url("../images/about_title.jpg") no-repeat; width: 920px; height: 44px; line-height: 44px; margin-top: 48px; box-shadow: 2px 2px 4px #999;}
.about_content .about_nei h3 .about_name { float: left; height: 44px; margin-left: 40px; font-size: 16px; color: #565656;}
.about_content .about_nei h3 .bread_line { float: right; line-height: 44px; margin-right: 12px; color: #999}
.about_content .about_nei h3 .bread_line img { float: left; margin-top: 12px; margin-right: 8px;}
.about_content .about_nei h3 .bread_line a {  font-size: 12px; color: #999; }
.about_content .about_nei h3 .bread_line a:hover { color: #565656}
.about_content .about_nei h3 .bread_line .current_title { color: #565656}
.content_about { width: 920px; float: left;}
.content_about .about_info { width: 860px; margin: 48px auto}
.content_about .about_info p { font-size: 14px; color: #565656; line-height: 32px;}

/*contact*/
.content_about .about_info  h4 { width: 100%; height: 44px; line-height: 44px; font-size: 18px; color: #000; text-align: center;}
.contact_message { width: 100%; height: auto; margin: 10px auto;padding-bottom: 30px; position: relative;}
.contact_message .map { width: 100%; height: 452px; overflow: hidden }
.contact_message .tel { width: 122px; height: 110px; float: left; text-align: center; line-height: 24px; margin-right: 111px;}
.contact_message .tel img { cursor: pointer}
.contact_message  .mail { width: 120px; height: 110px; float: left; text-align: center; line-height: 24px; margin-right: 113px;}
.contact_message  .mail img { margin-top: 6px; margin-bottom: 10px; cursor: pointer}
.contact_message  .address { width: 204px; height: 110px; float: left; text-align: center;  line-height: 24px; }
.contact_message  .address img { cursor: pointer}

.contact_message .tel span { display: block; width: 100%;}
.contact_message .sp3 { font-size: 16px; color: #0b54af;}
.contact_message .sp4 { font-size: 14px; color: #565656;}
.contact_message  .mail span { display: block; width: 100%;}
.contact_message  .address span { display: block; width: 100%;}
.contact_map { width: 860px; margin: 40px auto; height: 450px;}
.contact_nei { width: 78%; margin: 0 auto; margin-top: 30px;}

.contact_info { width: 407px; height: 393px; float: left; margin-right: 53px;}
.contact_info  p { width: 100%; height: 32px; line-height: 28px; font-size: 14px; color: #565656; margin-bottom: 10px;}
.contact_info  p img { float: left; width: 24px; margin-right: 32px; margin-top: 4px;}
.contact_info  p span { float: left; font-size: 14px; color: #565656;}
.contact_info  p a { font-size: 14px; color: #565656;}
.contact_info  .wz { width: 75%; height: 60px; line-height: 60px; text-align: center}
.contact_info  .lxr { height: 60px;}

.form_nei { float: left; width: 400px; height: auto; background: #f1f1f1; padding: 20px 0;}
.form_nei form { width: 340px; margin: 0 auto;}
.form_nei form .Content { width: 340px; height: 82px; margin-bottom: 15px;}
.form_nei form .Content textarea { width: 330px; padding-left: 10px; height: 82px; background: #FFF; border: none; color: #565656; font-size: 14px; line-height: 28px;}
.form_nei form .faqline { width: 340px; height: 32px; margin-bottom: 15px;}
.form_nei form .faqline textarea { width: 330px; padding-left: 10px; height: 32px; background: #FFF; border: none; color: #565656; font-size: 14px; line-height: 28px;}
.form_nei form .yzm { width: 340px; height: 32px;}
.form_nei form .yzm textarea { width: 124px!important; padding-left: 10px; height: 32px!important; float: left; background: #FFF; border: none!important; line-height: 28px; font-size: 14px; color: #565656}
.form_nei form .submit { width: 100%; height: 32px;margin-top: 18px; float: right}
.form_nei form .submit input { width: 100%; height: 32px; line-height: 32px; font-size: 14px; border: none; background: #1a80e6; color: #FFF;}


/*zishi*/
.content_zizhi { width: 920px; float: left; margin-top: 50px;}
.content_zizhi ul li { width: 286px; float: left; margin-right: 28px; margin-bottom: 30px; border: 1px solid #dedede; text-align: center;  }
.content_zizhi ul .zz3,.content_zizhi ul .zz6,.content_zizhi ul .zz9 { margin-right: 0}
.zz_title { width: 100%; height: 32px; line-height: 32px; background: #dedede; }


/*news_list*/
.news_list { width: 900px; margin: 0 auto;}
.news_list ul li { width: 100%; height: 225px; background: url("../images/dashed.png") no-repeat bottom center;}
.news_list ul li .list_pic { float: left; width: 210px; height: 157px; padding-top: 40px;}
.news_list ul li img { float: left;}
.news_list ul li .news_desc { float: left; width: 662px; height: 157px; padding-top: 40px; padding-left: 28px; }
.news_list ul li .news_desc .title { width: 100%; height: 36px; line-height: 36px;  }
.news_list ul li .news_desc .title .nt { float: left; font-size: 16px; color: #565656; width: 98%; height: 36px; padding-left: 14px; background: url("../images/list_tag.png") no-repeat left center;}
.news_list ul li:hover .news_desc .title .nt { color: #0b54af; background: url("../images/list_tag1.png") no-repeat left center;}
.news_list ul li .news_desc .news_content { width: 100%; height: 78px; color: #999; line-height: 20px; font-size: 12px; overflow: hidden;}
.news_list ul li .news_desc .news_content .nc { font-size: 12px; color: #999;}
.news_list ul li:hover .news_desc .news_content .nc { color: #565656;}
.news_list ul li .news_desc .news_content span { display: inline-block; float: right;position: relative;bottom: 18px; }
.news_list ul li .news_desc .more { display: block; width: 83px; height: 31px; background: #ef9d15; border-radius: 12px; color: #FFF; text-align: center; line-height: 31px;}

/*news_nei*/
.news_nei { width: 900px; margin: 0 auto;}
.news_nei h4 { width: 100%; text-align: center; height: 36px; line-height: 36px; margin-top: 30px; padding-bottom: 10px; font-size: 24px; color: #333; border-bottom: 1px solid #dedede;}
.news_nei .news_info { width: 100%; float: left; margin-bottom: 50px; margin-top: 20px; line-height: 28px; font-size: 14px; color: #565656; }

.upnexttitle { width: 100%; float: left; text-align: left; font-size: 14px; margin-bottom: 10px; margin-left: 2%; }
.upnexttitle a { font-size: 14px; width: 80%;}
.upnexttitle a:hover { color: #055bac;}

.gbook_tag { width: 100%; float: left; margin-top: 30px;}
.gbook_tag h2 { color: #FFF; font-size: 18px; margin-bottom: 20px; background: #0165D4; padding-left: 10px; height: 32px; line-height: 32px; border-radius: 6px;}
.gbook_tag ul { margin-left: 16px;}
.gbook_tag ul li { float: left; margin-right: 10px; margin-bottom: 10px; width: 47%; list-style: square; border-bottom: 1px dashed #999;}
.gbook_tag ul #tag_1,.gbook_tag  ul #tag_3,.gbook_tag ul #tag_5,.gbook_tag  ul #tag_7,.gbook_tag ul #tag_9 { margin-right:40px;}
.gbook_tag ul li a { display: block; color: #565656; padding: 7px; padding-left: 0; font-size: 14px;}

/*product*/
.product { width: 900px; margin: 74px auto;}
.product .product_info { width: 504px; height: 290px; float: left; margin-left: 35px; }
.product .product_info h4 { font-size: 22px; color: #000; font-weight: bold; width: 100%; height: 36px; line-height: 36px; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; margin-bottom: 5px;}
.product .product_info .product_desc { width: 100%; float: left; font-size: 14px; color: #565656; line-height: 30px; height: 167px; overflow: hidden;}

.product .product_info .section1{width: 148px; height: 43px; float: left; margin-top:25px;}
.product .product_info .section1 .modalLink{display:block; height: 43px; line-height: 43px; background:#0b54af; font-size: 16px; color: #FFF; text-align: center; font-weight:bold;}
.product .product_info #faqbox{font-size: 11px;line-height: 18px;margin: 0;}
.product .product_info #faqbox .faqline{ line-height:2em; height:35px; text-align:left; color: #333; margin-bottom: 10px;}
.product .product_info #faqbox .faqline .faqtit{  width:56px; display:block; float:left; clear:both; text-align:right; font-size: 14px; }
.product .product_info #faqbox .faqline input { border: 1px #dddddd solid; border-radius: 5px; width: 300px; height: 25px; margin-left: 15px;}
.product .product_info #faqbox .Content{ line-height:2em; height:120px; text-align:left; color: #333;  margin-bottom: 10px;}
.product .product_info #faqbox .Content .faqtit{ width:56px; display:block; float:left; clear:both; text-align:right; font-size: 14px;}
.product .product_info #faqbox .Content textarea { border: 1px #dddddd solid;  border-radius: 5px;  width: 300px; height: 100px; margin-left: 15px;}
.product .product_info .modal .closeBtn{ text-align: right; font-size: 14px; height: 20px; margin-bottom: 10px; }

.product .product_info .modal p:hover{cursor: pointer;}
.product .product_info .overlay{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; background: #000!important; opacity: 0.5!important;}
.product .product_info .modal{display: none; background: #fff; opacity: 0.85; padding: 30px; overflow: auto; z-index: 1001; position: absolute; border-radius: 5px;}


.product_content { width: 100%; float: left; margin-top: 80px; font-size: 14px; line-height: 32px;}


/*jishuliliang*/
.facility { width: 900px; margin: 0 auto;}
.facility ul li { float: left; width: 269px; height: 201px; margin-right: 46px; margin-top: 46px;}
.facility ul li a { display: block; height: 201px; position: relative; text-align: center}
.facility ul li a img { height: 201px;}
.facility ul li a p { width: 269px; height: 38px; position: absolute; bottom: 0; background: #000; opacity: 0.5; color: #FFF; text-align: center; line-height: 38px; font-size: 14px;}
.facility ul .ft3,.facility ul .ft6,.facility ul .ft9 { margin-right: 0;}

/*js_news*/
.js_news { width: 900px; margin: 0 auto; margin-top: 30px;}
.js_news ul li { float: left; width: 90%; height: 60px; line-height: 60px; margin-left: 20px; border-bottom: 1px dashed #dedede; }
.js_news ul li a { font-size: 14px;}
.js_news ul li span { float: right; font-size: 12px; color: #565656;}

/*pagenavgition*/
/*wp-pagenavi*/
.wp-pagenavi { CLEAR: both; text-align: center; margin-top: 70px;}
.wp-pagenavi A { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;}
.wp-pagenavi SPAN { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;}
.wp-pagenavi A:hover { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { FONT-WEIGHT: bold;}
/*pageNavi*/
.pageNavi{ width: 770px; margin: 0 auto; margin-bottom: 40px;}
.pageNavi a { text-decoration: none;}
.pageNavi a:hover { text-decoration: none;}
.pageNavi_shouji { width: 100%; float: left; margin-top: 2rem;}
.pageNavi_shouji a { text-decoration: none;}
.pageNavi_shouji a:hover { text-decoration: none;}
.pageNavi_shouji .wp-pagenavi  { line-height: 2.8rem;}

/*sitemap*/
.sitemap { width: 90%; float: left; margin-left: 5%; margin-top: 30px;}
.sitemap .table1 { text-align: center; width: 100%; float: left; height: auto;}
.sitemap .table1 .th1 { float: left; width: 100%; margin-bottom: 20px;}
.sitemap .table1 .th1 .td1 { float: left; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #0953B0; font-size: 16px; color: #FFF;}
.sitemap .table2 { width: 77%; float: left;}
.sitemap .table2 .th2 { float: left; width: 120px; height: 38px; line-height: 40px;font-size: 14px; margin-left: 30px; margin-bottom: 10px;}
.sitemap .table2 .th2 .td2 { float: left; width: 120px; height: 38px; line-height: 40px; background: #dedede; color: #565656; border: 1px solid #dedede;}
.sitemap .table2 .th2 .td2:hover { border: 1px solid #1d6dd0}

/*employ*/
.employ{ width: 94%; margin: 0 auto;}
.employ p { font-size: 14px;}
.employ .employ_list { width: 330px; padding: 23px; float: left; margin-left: 32px;}
.employ .employ_list .element { width: 330px; background: #FFF; border-bottom: 1px solid #eee; border: 1px solid #999}
.employ .employ_list .element h2 {  margin: 0 auto; text-align: center; font-size: 18px; color: #000; height: 40px; line-height: 40px; border-bottom: 1px solid #999;}
.employ .employ_list .element p { font-size: 14px; color: #565656; width: 254px; margin: 0 auto; margin-top: 22px;}
.employ .employ_list .element a { margin-top: 34px; margin-bottom: 23px;}
.employ .employ_list .element .xq { display: inline-block; width: 101px; height: 33px; line-height: 33px; background: #999; font-size: 14px; text-align: center; margin-left: 38px; color: #FFF;}
.employ .employ_list .element .resume {display: inline-block; width: 101px; height: 33px; line-height: 33px; text-align: center; background: #999; font-size: 14px;margin-left: 65px; COLOR: #fff;}
.employ .employ_list .element a:hover { background: #0b54af;}
.employ_nei { width: 970px;  }
.container { width: 970px; }


@media all and (min-width: 0) and (max-width: 767px) {

    /*about*/
    .about_content { width: 100%;}
    .about_content .about_nei { width: 90%; float: none; margin: 0 auto;}
    .about_content .about_nei h3 { width: 100%; margin-top: 0}
    .about_content .about_nei h3 .bread_line img { width: 7%;}
    .content_about { width: 100%;}
    .content_about .about_info { width: 100%; margin: 28px auto;}

    /*product*/
    .product { width: 100%; margin: 2.3rem auto;}
    .box1 { width: 100% !important; float: none!important; margin: 0 auto;}
    .left-pro ,.left-pro .t2,.left-pro .t2 img { width: 100% !important;}
    .product .product_info { width: 100%; float: none; margin-left: 0; height: auto;}
    .product .product_info .section1 { margin-top: 0;}
    .modal { height: auto}
    .product .product_info #faqbox .faqline input { width: 70%;}
    .product .product_info #faqbox .Content textarea { width: 70%;}

    .facility { width: 100%;}
    .facility ul li { width: 47%; height: auto; margin-right: 6%;}
    .facility ul li a { width: 100%; height: auto}
    .facility ul li a p { width: 100%; position: absolute; bottom: 6px;}
    .facility ul .shouji_ft2,.facility ul .shouji_ft4,.facility ul .shouji_ft6,.facility ul .shouji_ft8 { margin-right: 0;}


    .wp-pagenavi { font-size: 1.2rem; line-height: 3.2rem; }


    /*contact*/
    .content_about .about_info h4 { font-size: 1.4rem;}
    .contact_map { width: 100%; height: 26rem!important; overflow: visible!important;}
    #dituContent { width: 100%!important; height: 26rem!important;}

    .contact_message { width: 100%;}
    .left-pro, .left-pro .t2, .left-pro .t2 img { height: 20rem!important;}

    .employ { width: 94%; float: left; margin-top: 3rem; margin-left: 3%;}
    .employ .employ_list { width: 92.5%; margin-left: 3.75%; padding: 0; margin-bottom: 2rem;}
    .employ .employ_list .element { width: 100%;}
    .employ .employ_list .element .xq { margin-left: 14%;}
    .employ .employ_list .element .resume { margin-left: 6%;}
    .container { width: 92.5%; margin-left: 3.75%;}
    .container .containerContent .content table { width: 100%;}

    .news_list { width: 100%;}
    .news_list ul li { height: auto;}
    .news_list ul li .news_desc { width: 100%; padding-left: 0; padding-top: 1rem;}
    .news_content { width: 100% !important; height: 4rem!important; overflow: hidden;}
    .news_list ul li .news_desc .more { margin-top: 2rem;}

    .news_nei { width: 100%;}
    .news_nei h4 { height: auto}
    .foot_form { display: none!important;}

    .content_zizhi { width: 100%;}
    .content_zizhi ul li { margin: 0 auto; float: none; margin-bottom: 2rem;}
    .content_zizhi ul .zz3, .content_zizhi ul .zz6, .content_zizhi ul .zz9 { margin-right: auto;}

    .left-pro { width: 100%;}
    .left-pro .t2 { width: 60%!important; height: auto!important; margin: 0 auto}
    .product .product_info .product_desc { height: auto}
    .product .product_info .section1 { margin-top: 2rem;}
    .product_content { margin-top: 3rem;}
    .gbook_tag ul li { width: 95%;}

    .contact_info { width: 100%;}
    .form_nei { width: 100%; margin-bottom: 4rem;}
    .form_nei form { width: 86%;}
    .form_nei form .faqline { width: 100%;}
    .form_nei form .faqline textarea { width: 100%;}
    .form_nei form .Content textarea { width: 100%;}
    .contact_message .map { height: auto}

}