@charset "utf-8";
.content_inner { margin:0 auto;  width:1260px;  }
.dir { margin:0 auto; width:1260px; text-align:right; color:#010101; font-size:12px; line-height:48px}
.dir a { color:#010101}
.dir a:hover,.dir span { color:#004098}


.column_tit { padding:30px 0 40px; font-size:50px; color:#000; text-align:center}
.subnav_wrap { height:38px; background:#656565}
 .subnav_wrap .inner { margin:0 0 0 253px}
.subnav_wrap .inner a { float:left; padding:0 12px; color:#fff; line-height:38px}
.subnav_wrap .inner a:hover, .subnav_wrap .inner a.on { color:#004098; background:#d4d4d4}

.company_top { position:relative}
    .company_top .image { width:68.9%}
     .company_top .image img { width:100%; height:auto}
    .company_top .cont { position:absolute; right:0; top:0; width:31.1%; height:100%; background:#f78c3b}
        .company_top .cont .text { position:relative; margin:-29px 7% 0; top:50%; line-height:58px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-size:18px}
.company_text { padding:15px 0 55px; font-size:14px; color:#5c5c5c; line-height:25px}

.company_bottom { margin:0 0 80px; position:relative}
.company_bottom .image img { width:100%; height:auto}
    .company_bottom .title { position:absolute; left:0; top:22%; width:100%; text-align:center; font-size:40px;}
    .company_bottom .list { position:absolute; left:0; top:45%; width:100%; text-align:center; font-size:0}
        .company_bottom .list li { display:inline-block; margin:0 44px; width:130px; height:130px; background:url("../images/cir_blue.png") no-repeat; color:#fff; text-align:center; font-size:16px; line-height:24px}
            .company_bottom .list li p { margin:45px 0 0}
        .ie7 .company_bottom .list li { display:inline; zoom:1}

.contact_top { margin:0 0 45px}
.contact_top #map { float:left; width:856px; height:470px}
.contact_top .cont { float:right; width:404px; height:470px; background:#f78c3b}
.contact_top .cont .inner { padding:55px 32px 0}
    .contact_top .cont a { color:#fff}
    .contact_top .cont .title { margin:0 0 20px; font-size:22px; font-weight:bold; color:#fff}
.contact_top .list li { padding:0 0 0 5em; margin:0 0 18px; text-indent:-5em; color:#fff; font-size:14px; word-break:break-all  }
.contact_top .list li:first-child { line-height:32px}
.contact_top .list .icon { display:inline-block; vertical-align:-5px; margin:0 7px 0 0; width:20px; height:20px; background:url("../images/contact_icon.png") no-repeat; }
.contact_top .list .icon1 { background-position:-15px -4px}
.contact_top .list .icon2 { background-position:-11px -38px}
.contact_top .list .icon3 { background:none}
.contact_top .list .icon4 { background-position:-9px -74px}
.contact_top .list .icon5 { background-position:-6px -102px}

.contact_list .list { margin:0 0 50px -20px}
.contact_list .box { float:left; width:33.33%}
.ie7 .contact_list .box { margin:0 0 0 -1px}
.contact_list .box .inner { margin:0 0 0 20px; padding:0 42px; border:4px solid #fff}
.contact_list .box:hover  .inner { border-color:#f78c3b}
.contact_list .box .inner .title { padding:20px 0; font-size:24px; color:#004098}
.contact_list .box:hover  .title { color:#f78c3b}
.contact_list .inner_list { font-size:12px; line-height:24px; color:#5c5c5c; min-height:165px}
.contact_list .inner_list li {word-break:break-all;position: relative;padding-left:20px;}
.contact_list .inner_list a { color:#5c5c5c}
.contact_list .inner_list .icon { display:inline-block; vertical-align:-3px; margin:0 8px 0 0; width:16px; height:16px; background:url("../images/contact_icon.png") no-repeat; position: absolute;left: 0; top:5px;}
.contact_list .inner_list .icon1 {background-position:-62px -6px}
.contact_list .inner_list .icon2 {background-position:-63px -33px}
.contact_list .inner_list .icon3 {background-position:-62px -59px}
.contact_list .inner_list .icon4 {background-position:-61px -85px}
.contact_list .inner_list .icon5 {background-position:-62px -111px}

.honer_list {}
.honer_list .list { margin:0 0 0 -65px}
.honer_list li { float:left; width:33.33%}
.ie7 .honer_list li { margin:0 0 0 -1px}
.honer_list li .inner { margin:0 0 60px 65px; padding:65px 0; border:1px solid #f6f6f6; text-align:center; background:#f6f6f6}
    .honer_list li .inner:hover { border-color:#f78c3b}

.history_wrap { position:relative; margin:0 0 60px} 
    .history_wrap .prev, .history_wrap .next { position:absolute; top:50%; margin:-19px 0 0;  width:38px; height:38px; background:url("../images/history_bg.jpg") no-repeat}
    .history_wrap .prev { left:0; background-position:0 -38px}
    .history_wrap .next { right:0;background-position:-38px -38px}

.history_wrap .history_year { margin:0 auto; width:1096px; overflow:hidden}
    .history_wrap .history_year .list { width:100000px}
    .history_wrap .history_year .list li { float:left; cursor:pointer; width:137px; height:80px; line-height:60px; text-align:center; font-size:18px; color:#2b2b2b;  background:url("../images/history_bg.jpg") no-repeat -217px 0;}
        .history_wrap .history_year .list li.on { background:url("../images/history_bg.jpg") no-repeat -79px 0; font-size:30px; font-weight:bold; color:#fff}

.history_cont_wrap { margin:0 0 100px}
.history_cont { position:relative; }
    .history_cont.hide { height:0; overflow:hidden}
   .history_cont dl { padding:0 0 66px}
    .history_cont .line { position:absolute; left:50%; top:30px; width:2px; height:100%; background:#20d090}
    .history_cont dt { position:relative; text-align:center; font-size:40px; color:#f78c3b}
    .history_cont dd { position:relative}
        .history_cont dt span { display:inline-block; margin:0 111px 0 0}
        .history_cont dt .point { display:inline-block; margin:0 0 0 20px; width:23px; height:23px; background:url("../images/history_bg.jpg") no-repeat 0 -87px;}
    .history_cont dd li {  margin:80px 0 0; width:50%}
        .history_cont dd li:first-child + li { margin:200px 0 0}
        .history_cont dd li .inner { padding:0 71px 0 138px}
            .history_cont dd li .image img { width:100%; height:auto}
        .history_cont dd li .text { border:1px solid #dbdada}
        .history_cont dd li .text .cont { padding:0 28px 15px; line-height:24px; color:#525252}
            .history_cont dd li .text .text_cont { height:3.5em; overflow:hidden}
        .history_cont dd li .title { padding:15px 0 5px}
 
.history_cont dd li .title  a { color:#003994; font-size:22px}
.history_cont dd li  .mouth { position:relative; padding:0 0 10px; font-size:18px; color:#333; text-align:right}
    .history_cont dd li .mouth span { position:absolute; right:-79px; top:9px; width:15px; height:15px; background:url("../images/history_bg.jpg") no-repeat -34px -92px;}

.history_cont dd li.right .inner { padding:0 138px 0 71px}
.history_cont dd li.right .mouth { text-align:left}
.history_cont dd li.right .mouth span {left:-77px; right:inherit;}

.pro_summary { padding:0 0 50px; background:#f6f6f6}
.pro_summary .inner { margin:0 auto; width:1260px}
.pro_summary .title { padding:75px 0; text-align:center; font-size:50px}
.pro_summary .text_cont { float:left; padding:65px 0 0; width:600px}
.pro_summary .img { float:right; width:600px}
    .pro_summary .img img { width:600px; height:400px}
.pro_summary h3 { margin:0 0 20px; font-size:40px; color:#003c98; font-weight:100}
.pro_summary .text { color:#2b2b2b; line-height:26px}

.pro_advce h2 { padding:80px 0 0; text-align:center; color:#003c98; font-size:40px; font-weight:100}
.pro_advce li .inner{width:1260px; margin:0 auto; overflow:hidden;}
.pro_advce li { padding:70px 0; border-bottom:1px solid #E7E7E7; overflow:hidden;}
.pro_advce li .img { float:left; width:600px; height:400px;position:relative; z-index:100;}
.pro_advce li .img img {width:600px; height:400px;}
.pro_advce li .txt { float:right;width:530px; color:#2b2b2b; margin:85px  0 0; position:relative; z-index:99;}
.pro_advce li .txt h3{ font-size:40px; color:#004098;font-weight:normal; margin-bottom:30px;}
.pro_advce li .txt .text { line-height:26px; padding-bottom:10px;}
.pro_advce li .txt em { position:absolute;}
    .pro_advce li.even  .img { float:right}
     .pro_advce li.even  .txt { float:left}
    .pro_advce li .txt h3.orange { color:#f78c3b; font-size:72px}

.pro_advce .camare_list li:first-child .img { margin:92px 0 0}
.pro_advce .follow_list li:first-child .img { margin:92px 0 0}
.pro_advce .follow_list li:first-child + li .img { margin:100px 0 0}
.pro_advce li .txt h3.black { color:#010101}
.orange_txt { font-size:18px; color:#f78c3b}

.pro_advce li .txt em.pro_line1 { width:406px; height:74px; left:-379px; top:-66px;  background:url("../upload/pro_line1.png") no-repeat;}
.pro_advce li .txt em.pro_line2 { width:710px; height:75px; left:62px; top:-70px;  background:url("../upload/pro_line2.png") no-repeat;}

.pro_advce li .txt em.pro_line3 { width:330px; height:85px; left:-304px; top:-18px;  background:url("../upload/pro_line3.png") no-repeat;}
.pro_advce li .txt em.pro_line4 { width:710px; height:76px; left:90px; top:-46px;  background:url("../upload/pro_line4.png") no-repeat;}

.pro_advce li .txt em.pro_line5 { width:695px; height:153px; left:90px; top:43px;  background:url("../upload/pro_line5.png") no-repeat;}
.pro_advce li .txt em.pro_line6 { width:707px; height:102px; left:58px; top:-35px;  background:url("../upload/pro_line6.png") no-repeat;}

.pro_advce li .txt em.pro_line7 { width:330px; height:85px; left:-304px; top:-30px;  background:url("../upload/pro_line3.png") no-repeat;}

.pro_advce li .txt em.pro_line8 { width:707px; height:102px; left:136px; top:-46px;  background:url("../upload/pro_line6.png") no-repeat;}
.pro_advce li .txt em.pro_line9 { width:465px; height:84px; left:-450px; top:-69px;  background:url("../upload/pro_line9.png") no-repeat;}

.culture_top { position:relative; width:100%; height:630px}
    .culture_top li { position:absolute}
        .culture_top li img { position:absolute; left:0; top:0; width:100%; height:100%}
        .culture_top li.box1 { left:0; top:0; width:50%; height:100%}
        .culture_top li.box2 { left:50%; top:0; width:25%; height:50%}
        .culture_top li.box3 { left:75%; top:0; width:25%; height:50%; background:#f78c3b}
        .culture_top li.box4 { left:50%; top:50%; width:25%; height:50%; }
        .culture_top li.box5 { left:75%; top:50%; width:25%; height:50%}
.culture_top li.box3 .culture_cir { margin:50px auto 15px; width:154px; height:154px; text-align:center; font-size:30px; color:#fff; background:url("../upload/cir_white.png") no-repeat;}
.culture_top li.box3 .culture_cir p { padding:40px 0 0; line-height:38px; width:100px; margin:0 auto;}
.culture_top li.box3 .text { text-align:center; color:#fff}

.culture_top li.box4 .culture_cir { margin:70px auto 20px; width:117px; height:117px; text-align:center; font-size:30px; color:#fff; background:url("../upload/cir_blue.png") no-repeat;}
.culture_top li.box4 .culture_cir p { line-height:117px; text-align:center; color:#024199}
.culture_top li.box4 .text { text-align:center; color:#5c5c5c}

.culture_bottom { position:relative; margin:0 0 80px}
.culture_bottom .bottom_img { width:100%; height:auto}
.culture_bottom .green_line { position:absolute; left:31%; top:20%}
.culture_bottom .cont {position:absolute; left:14.8%; top:24%; width:23%; text-align:center}
.culture_bottom .culture_cir { margin:0 auto; width:117px; height:117px; text-align:center; font-size:30px; color:#fff; background:url("../upload/cir_blue.png") no-repeat;}
.culture_bottom .culture_cir  p {line-height:117px; text-align:center; color:#024199}
.culture_bottom .text { padding:15px 0 0; font-size:18px; color:#5c5c5c}

@media only screen and (max-width: 1300px) {
    .content_inner,.dir { width:1000px}
    .pro_summary .inner {width:1000px}
    .pro_summary .title { padding:50px 0}
    .pro_summary .text_cont { padding:40px 0 0; width:500px}
    .pro_summary .img {width:390px;}
    .pro_summary .img img { width:390px; height:260px}

    .pro_advce li .inner { width:1000px;}
    .pro_advce .img img { width:390px; height:260px;}
    .pro_advce h2 { padding:30px 0 0;}

    .pro_advce li { padding:30px 0;}
    .pro_advce li .img,.pro_advce li .img img {width:390px; height:260px;}
    .pro_advce li .txt em { display:none;}
    .pro_advce li .txt { margin:30px 0 0; width:500px;}
    .company_top .cont .text { margin:-29px 12% 0}
    .company_bottom .list { top:42%}
    .contact_top #map { width:596px}
    .culture_top { height:500px}
        .culture_top li.box4 .culture_cir {margin:38px auto 20px}
        .culture_top li.box3 .culture_cir { margin:19px auto 15px}
    .culture_bottom .text { font-size:15px}
    .history_wrap .history_year { width:822px}
	
	.company_bottom .list li{ margin:0 30px;}
}


@media only screen and (max-width: 1000px) {
    .content_inner,.dir  { width:750px}
    .pro_summary .inner {width:750px}
    .pro_summary .text_cont { padding:45px 0 0; width:330px}
    .pro_summary h3 { font-size:26px}
    .pro_summary .title { padding:20px 0; font-size:36px}
    .pro_summary { padding:0 0 20px}

    .pro_advce li .inner { width:750px;}
    .pro_advce h2 { padding:10px 0 0;font-size:36px}
    .pro_advce li {  padding:10px 0;}
    .pro_advce li .txt { width:330px;}
    .pro_advce li .txt h3 {font-size:26px}
    .company_top .cont .text { font-size:14px; margin:-29px 9% 0}
    .company_bottom .title { font-size:26px; top:15%}
    .contact_list .box { width:50%}
    .contact_top #map { float:none; width:100%}
    .contact_top .cont { float:none; width:100%; height:362px}
    .column_tit { font-size:32px; padding:20px 0}
    .culture_top {height:375px}
        .culture_top li.box3 .text { display:none}
        .culture_top li.box4 .text,.culture_bottom .green_line { display:none}
    .culture_bottom .cont { top:4%}
    .culture_bottom .text { padding:9px 0 0}
    .honer_list .list { margin:0 0 0 -25px}
    .honer_list li .inner { margin: 0 0 40px 25px;}
    .history_cont dd li .inner {padding: 0 40px 0 70px;}
    .history_cont dd li.right .inner {padding: 0 70px 0 40px;}
    .history_cont dd li.right .mouth span { left:-47px}
    .history_cont dd li .mouth span { right:-49px}
    .history_wrap .history_year { width:548px}
	.subnav_wrap.pro_sub .inner{ margin:0 0 0 100px;}
	.company_bottom .list li{ margin:0 10px;}

}

@media only screen and (max-width: 767px) {
    .content_inner,.dir  { margin:0 10px; width:auto}
     .subnav_wrap .inner { margin:0}
	 .subnav_wrap.pro_sub .inner{ margin:0;}
    .pro_summary .inner { padding:0 10px; width:auto}
     .pro_summary .text_cont { float:none; padding:0; width:auto}
    .pro_summary .img { float:none; width:auto}
    .pro_summary .img img { width:100%; height:auto}
    .pro_summary h3 { font-size:18px; margin:0 0 10px}
    .pro_summary .title { padding:20px 0 0; font-size:20px;}


    .pro_advce li .inner { width:auto;}
    .pro_advce li .img, .pro_advce li .img img { float:none; width:100%; height:auto;}
    .pro_advce li .txt {float:none; margin:0;width:100%; height:auto;}
    .pro_advce li .txt h3 { font-size:18px; margin-bottom:10px;}
    .pro_advce h2 { font-size:20px;}
    .pro_advce li { padding:10px;}
    .pro_advce li.even .img, .pro_advce li.even  .txt { float:none}

    .company_text { padding:15px 0}
    .company_bottom .title { position:relative; top:0; padding:20px 0; font-size:22px;}
    .company_bottom .list { position:relative; top:0;}
        .company_bottom .list li { display:block; overflow:hidden; margin:15px auto}
    .company_bottom { margin:0 0 30px}
    .company_top .image { width:100%}
    .company_top .cont { position:relative; width:100%}
        .company_top .cont .text { margin:0}

    .contact_list .box { width:auto; float:none}
    .contact_top .list li {}
        .contact_list .box .inner { padding:0 10px}
            .contact_list .box .inner .title { font-size:20px; padding:15px 0}
    .contact_top .cont { height:auto}
        .contact_top .cont .inner { padding:20px 10px}
        .contact_top .cont .title { font-size:18px}
    .contact_top #map { height:300px}
    .column_tit { font-size:24px; padding:18px 0}
    .culture_top { height:auto}
    .culture_top li { position:relative; overflow:hidden}
        .culture_top li img { position:relative; height:auto}
        .culture_top li.box1 { width:100%}
         .culture_top li.box2 { width:100%; height:auto; left:0}
        .culture_top li.box3 { width:100%;left:0; height:auto; padding:0 0 20px}
        .culture_top li.box4 { width:100%; height:auto; left:0; top:0;padding:0 0 20px}
        .culture_top li.box5 { width:100%; height:auto; left:0; top:0}
        .culture_top li.box3 .text,.culture_top li.box4 .text { display:block}
    .culture_bottom .cont { padding:20px 0; position:relative; left:0; top:0; width:100%}

    .honer_list li { width:50%}
        .honer_list li .inner { padding:20px 5px}
        .honer_list li .inner img { width:100%; height:auto}
        .honer_list .list { margin:0 0 0 -10px}
    .honer_list li .inner { margin: 0 0 12px 10px;}
    .history_cont dd li { margin:10px 0 0; width:100%}
        .history_cont dd li .inner { padding:0}
        .history_cont dd li .mouth span { display:none}
    .history_cont dt span { margin:0}
    .history_cont dt .point,.history_cont .line { display:none}
    .history_cont dd li:first-child + li { margin:10px 0 0}
    .history_cont dd li .text .cont {padding:0 10px 15px}
    .history_cont dd li .title a,.history_cont dd li .mouth { font-size:16px}
    .history_cont dt { font-size:28px}
    .history_wrap { margin:0 0 22px}
    .history_cont dl { padding:0}

    .history_wrap .history_year .list li { width:109px; border-bottom:2px solid #f78c3b; height:45px; line-height:45px; background:none}
    .history_wrap .history_year .list li.on {  background:#2171d0; font-size:20px}
    .history_wrap .history_year { width:218px}

        .history_wrap .prev, .history_wrap .next { position:absolute; top:50%; margin:-13px 0 0;  width:26px; height:26px; background:url("../images/orange_arrow.jpg") no-repeat}
    .history_wrap .prev { left:0; background-position:0 -26px}
    .history_wrap .next { right:0;background-position:0 0}

    .pro_sub { height:auto}
    .pro_sub .inner a { padding:0; text-align:center; width:50%; }

}