body, input, select, button, textarea {
    font-size: 14px;
    font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";
}

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure {
    margin: 0; padding: 0
}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {
    *zoom: 1
}

li {
    list-style-type: none
}
body {
    line-height: 1.5
}

body { padding-bottom: 70px; }

h1 {
    font: 36px "Source Sans Pro";
    font-weight: 500;
}

h2 {
    font-size: 26px !important;
}

h3 {
    font-size: 22px;
}
em, cite, address,i { font-style: normal }

a { text-decoration: none; color:#000; }
a:hover { color:#4f7cc9; text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.wrap { width:1260px; margin:0 auto;}

.section {
    padding: 100px 0;
}
.no-padding {
    padding: 0;
}

#myNavbar {
    float:right;
}
.navbar-inverse {
    opacity: 0.7;
}
.title1 {
    text-align: center;
}
.thumbnail {
    border: 0 solid !important;
}
/*
.img {
    width: 378px;
    height: 211px;
}
*/
.footer_widgets_area {
    background: #131627;
    overflow: hidden;
    padding: 80px 0px;
}

.copy_right_area {
    color: #cccccc;
    background: #04081d;
    overflow: hidden;
}

.copy_right_area .float-md-left h5 {
    color: #9f98ad;
    font-size: 14px;
    font-family: "Microsoft Yahei","San Francisco" sans-serif;
    line-height: 50px;
}
.float-md-left h5 img {
    max-width: 20px;
    height: auto;
}
.copy_right_area .float-md-left h5 a {
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    color: #51545f;
    font-size: 14px;
    font-family: "Microsoft Yahei", sans-serif;
    line-height: 50px;
}
.copy_right_area .float-md-left h5 a:hover {
    color: #ffd773;
}

.copy_right_area .float-md-right .nav li {
    margin-right: 35px;
}

.twitter_widget {
    margin-left: 55px;
}

.twitter_widget p {
    font-size: 14px;
    line-height: 26px;
    color: #b5aec4;
    font-weight: 300;
    font-family: "Microsoft Yahei", sans-serif;
    padding-bottom: 20px;
}

.f_w_title {
    padding-top: 25px;
    padding-bottom: 25px;
}

.f_w_title h3 {
    color: #fff;
    font-family: "Microsoft Yahei", sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.contact_widget {
    margin-left: 50px;
}

.contact_widget a, .contact_widget p, .contact_widget h6 {
    font-size: 14px;
    color: #b5aec4;
    font-family: "Microsoft Yahei", sans-serif;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
}

.contact_widget a:hover, .contact_widget p:hover, .contact_widget h6:hover {
    color: #ffd773;
}

.contact_widget p {
    padding: 23px 0px;
}

.sidebar{position: fixed; z-index: 100000; width:70px; height: 212px; right:0px; top:50%; margin-top:-105px; background: #0070C0; border:1px solid #0070C0; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.sidebar li{ float: left; width:70px; height:70px; position: relative; border-bottom:1px solid #fff; text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;}
.sidebar li:last-child{border-bottom:none;}
.sidebar li>a{display: block; color:#fff!important;}
.sidebar li em{ display: block; width:38px; height: 38px; margin:5px auto 0;}
.sidebar li em img{width:38px; height: 38px;}
.sidebar li em img+img{ display: none;}
.sidebar li span{ display: block; font-size: 12px;}
.sidebar li .code{ display: none;border-radius: 8px; position: absolute; right:75px; top:-28px; text-align: center; width:132px; height:132px; overflow: hidden; border:1px solid #0070C0;}
.sidebar li .code img{width:132px; height:132px;}
.sidebar li .conn{ display: none;border-radius: 8px;position: absolute; right:75px; top:0; text-align: center; width:175px; height:70px; line-height: 70px; text-align: center; font-size: 20px; color:#0070C0; font-family: Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border:1px solid #0070C0;}
.sidebar li .conn a{color:#0070C0;}
.sidebar li:hover{background: #fff;}
.sidebar li:first-child:hover{border-top-left-radius: 8px;}
.sidebar li:last-child:hover{border-bottom-left-radius: 8px;}
.sidebar li:hover span{color:#0070C0;}
.sidebar li:hover em img{ display: none;}
.sidebar li:hover em img+img{ display: block;}
.sidebar li:hover .code,.sidebar li:hover .conn{ display: block;}

@media only screen and (max-width: 767px) {
    .sidebar{width:50px; height: 152px;margin-top:-75px;}
    .sidebar li{width:50px; height:50px;}
    .sidebar li em,.sidebar li em img{ width:24px; height: 24px;}
    .sidebar li .code{right:52px;width:82px; height:82px; top:0;}
    .sidebar li .code img{width:82px; height:82px;}
    .sidebar li .conn{right:52px;height:50px; line-height: 50px; width:120px; font-size:16px;}
}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.auto-img { position: relative; overflow: hidden; display:block; }
.auto-img img { position: relative; }

/* ------------------------------------------------------------------------------
	 Banner
-------------------------------------------------------------------------------*/
.banner {
    background-image: url(../images/banner5.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 750px;
}

.banner-text {
    padding-top: 33%;
}
.banner-text h1 {
    color: #fff;
    font-family: "Source Sans Pro";
    font-size: 53px;
    letter-spacing: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.banner-text p {
    color: #bb3f4a;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 80px;
    text-transform: uppercase;
}

/* ------------------------------------------------------------------------------
	 Intro
-------------------------------------------------------------------------------*/
.intro {
/*    background-color: #e9eaed;*/
    position: relative;
}
.intro blockquote {
    border: 0;
    margin: 0;
    text-align: left;
}
.intro h1 {
    color: #000;
    font: 36px "Source Sans Pro";
    font-weight: 500;
    text-align: center;
}
.intro p {
    color: #6c7279;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
    *margin: 2em 2em;
    line-height:28px;
    text-indent:2em;
}

/* ------------------------------------------------------------------------------
	 Intro_2
-------------------------------------------------------------------------------*/
.intro_2 {
    background-color: #C7D4DC;
    position: relative;
    margin: 100px 0 0;
    padding: 20px 0;
}
.intro_2 blockquote {
    border: 0;
    margin: 0;
    text-align: center;
}
.intro_2 h1 {
    color: #000;
    font: 36px "Source Sans Pro";
    font-weight: 500;
}

.intro_2 h3 {
    font-size: 26px;
    color: #2d3033;
    font-weight: 300;
}

.intro_2 p {
    color: #6c7279;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 30px;
    margin: 2em 2em;
    padding-bottom: 2em;
    line-height:28px;
}
.intro_2 p2 {
    color: #828282;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    padding-bottom: 2em;
    line-height:28px;
    text-align: left;
}
.intro_2 img {
    width: 100%;
    height: 100%;
    padding-top: 20px;
}

/* ------------------------------------------------------------------------------
	 Services
-------------------------------------------------------------------------------*/
.service-section {
    padding-top: 100px;
}
.services {
    margin-bottom: 50px;
}
.services-content {
    padding: 0 15px;
    margin-top: 30px;
}
.services-content h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.services .icon {
    color: #efae00;
    font-size: 36px;
    padding-left: 15px;
}
.img-fluid{max-width:100%;height:auto}

/* ------------------------------------------------------------------------------
	 Works
-------------------------------------------------------------------------------*/
.work {
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    overflow: hidden;
    position: relative;
}
.work img {
    width: 100%;
    height: 100%;
}
.work .overlay {
    background: rgba(239, 174, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s;
}
.work .overlay-caption {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.work h5, .work p, .work img {
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
}
.work h5, .work p {
    color: #fff;
    margin: 0;
    opacity: 0;
}
.work span {
    font-size: 45px;
}
.work h5 {
    margin-bottom: 5px;
    -moz-transform: translate3d(0, -200%, 0);
    -ms-transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
}
.work p {
    -moz-transform: translate3d(0, 200%, 0);
    -ms-transform: translate3d(0, 200%, 0);
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
.work-box:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.work-box:hover .overlay {
    opacity: 1;
}
.work-box:hover .overlay h5, .work-box:hover .overlay p {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bak_1 { background:#fff; padding:30px 0;}
.bak_1 .title { font-size:26px; text-align:center; padding:0 0 30px;}
.bak_1 ul { width:1576px; margin:0 auto;}
.bak_1 ul li { float:left; width:25%; *margin-left:-1px;}
.bak_1 ul li a { display:block; height:194px;}

.bak_2 { background:url(../images/b1.jpg) top center repeat-x #f6f6f6;  padding:30px 0;}
.bak_2 .title { font-size:26px; text-align:center; padding:0 0 30px;}
.bak_2 .list { }
.bak_2 .list li{ float:left; width:377px;white-space:normal; word-break:break-all;}
.bak_2 .list li img { width:377px; height:211px;}
.bak_2 .list li:first-child + li { margin:0 64px;}
.bak_2 .list li .t { color:#222; font-size:22px; margin:20px 0 15px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bak_2 .list li .p { color:#555;}

.bak_3 { background:#ffffff;  padding:40px 0;}
.bak_3 .title { font-size:26px; text-align:center; padding:0 0 50px;}
.bak_3 .list { }
.bak_3 .list li{ float:left; width:47%; }
.bak_3 .list li:first-child + li { float:right;}
.bak_3 .list li .data { float:left; margin-right:10px; color:#004098; position:relative; border-right:4px solid #004098; padding-right:50px; margin-right:40px;}
.bak_3 .list li .data i { font-size:68px; line-height:1.05; background:url(../images/index_26.jpg) right bottom no-repeat; height:105px; width:120px; display:block;}
.bak_3 .list li .data em { position:absolute; right:20px; bottom:0; font-size:18px;}
.bak_3 .list li .txt { overflow:hidden;}
.bak_3 .list li b { font-size:16px; margin-bottom:10px; color:#111; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bak_3 .list li .p { margin-bottom:10px; height:3em; overflow:hidden;}

@media only screen and (max-width: 1600px) {
    .bak_1 ul { width:1400px;}
    .bak_1 ul li a { height:172px;}
}
@media only screen and (max-width: 1420px) {
    .bak_1 ul { width:1260px;}
    .bak_1 ul li a { height:152px;}
}

@media only screen and (max-width: 1300px) {
    .wrap { width:1000px; margin:0 auto;}
    .bak_1 ul { width:1000px;}
    .bak_1 ul li a { height:135px;}
    .bak_2 .list li {width:320px; }
    .bak_2 .list li img { width:320px; height:179px;}
    .bak_2 .list li:first-child + li { margin:0 20px;}
    .bak_3 .list li .data i { width:100px; font-size:60px;}
    .bak_3 .list li .data { padding-right:35px; margin-right:20px;}
    .footer .f_1 ul li { margin-right:50px;}
    .bak_4 .left li .b1 { margin-bottom:10px}
    .bak_4 .left li .b2 { margin-bottom:10px}
    .bak_4 .left li { padding:24px 30px}
    .bak_4 .left { width:477px; min-height:316px;}
    .bak_4 .right li { width:166px; height:83px;}
    .bak_4 .right li img { width:164px; height:81px;}
    .bak_4 .left li .b2 { height:4em;}
    .bak_4 .left li .b4 { margin-bottom:15px;}
}
@media only screen and (max-width: 1130px) {
    .wrap { width: 1000px; margin: 0 auto; }
    .bak_1 ul { width:1000px;}
    .bak_1 ul li a { height:124px;}
    .header { padding:0 10px;}
    .header .left .nav li { margin:0 10px;}
    .bak_2 .list li:first-child + li { margin:0 20px;}
    .bak_3 .list li .data i { background:none; height:auto; width:auto;}
    .bak_3 .list li .data em { position:relative; left:0; top:0; display:block; text-align:center;}
    .bak_3 .list li .data { margin-right:10px; padding-right:10px;}
    .footer .f_1 ul li { margin-right:50px;}
    .bak_4 .left { width:578px;}
    .bak_4 .right li { width:200px; }
    .bak_4 .left { min-height:435px;}
    .bak_4 .right li { width:150px; height:77px;}
    .bak_4 .right li img { width:148px; height:75px;}
    .tab-box { width:900px}

}

@media only screen and (max-width: 1023px) {
    .wrap { width: 750px; margin: 0 auto; }
    .bak_1 ul { width:750px;}
    .bak_1 ul li { width:50%;}
    .bak_1 ul li a { height:184px;}
    .bak_2 .list li { width:230px;}
    .bak_2 .list li img { width:230px; height:128px;}
    .bak_2 .list li:first-child + li { margin:0 30px;}
    .bak_4 { padding:20px 0; }
    .bak_4 .left { min-height:0; width:auto; float:none;}
    .bak_4 .right { padding-left:2px;}
    .bak_4 .right li { width:186px;}
    .bak_4 .left .j { top:auto; bottom:-30px; right:auto; left:50%; margin:0; margin-left:-12px;}
    .footer .f_1 ul li:first-child + li + li + li+ li+ li{ margin-right:0;}
    .footer .f_1 .wx { display:none;}
    .header .right { display:none}
}

@media only screen and (max-width: 767px) {
    .auto-img img { margin:0 !important; width:100% !important; height:auto !important;}
    .wrap { width:auto; margin: 0 10px; }
    .bak_1 ul { width:auto; margin: 0 10px;}
    .bak_1 ul li a { height:auto;}
    .bak_1 ul li { float:none; width:auto;}
    .bak_2 .list li { width:auto; float:none; margin:0;}
    .bak_2 .list li img { width:100%; height:auto;}
    .bak_2 .list li:first-child + li { margin: 20px 0; padding:20px 0; border:1px solid #ddd; border-left:0; border-right:0;}
    .bak_3 .list li:first-child + li { float:none; width:auto;}
    .bak_3 .title { padding-bottom:30px;}
    .bak_3 .list li { float:none; width:auto; margin-bottom:30px;}
    .bak_3 .list li .data { float:none; border:none; margin-bottom:10px; border-left:2px solid #4f7cc9; padding:0 0 0 10px;}
    .bak_3 .list li .data i { font-size:16px; display:inline-block;}
    .bak_3 .list li .data em { font-size:16px;display:inline-block;}
    .bak_4 .right li { width:33.33%; margin:0;}
    .bak_4 .right li img { width:90%; height:auto;}
    .bak_4 .right { padding:0;}
    .bak_4 .left li { padding:10px;}
    .bak_4 .left li.on { background:#000;}
    .bak_4 .left li .b5 img { float:none;}
    .bak_4 .left li .b5 .w { border:0; margin-top:10px;}
    .footer .f_1 ul li { display:block; float:none; margin:0; margin-bottom:20px;}
    .footer .f_1 ul li a { display:inline-block; margin:0 5px 10px 0;}
    .footer .f_1 ul li a:first-child { display:block; margin-bottom:10px;}
    .footer .f_2 .left { margin-right:0; margin-bottom:20px;}
    .footer .f_2 .right { position:relative;}
    .header .left .nav { display:none;}
    .header .right { position:absolute; float:none;  top:0; margin:0; z-index:10; left:10px; right:10px; padding:0;}
    .header { height:auto;}
    .header .top-search.open,
    .header .top-search { display:none; background:#fff; position:relative; left:0; top:10px; width:auto; border:0; margin:0; padding:0;}
    .header .top-search input { display:block; width:100%; float:none; padding:0; text-indent:5px;}
    .header .top-search button { position:absolute; right:0; top:0;}
    .header .top-search input.inp{position:absolute; right:0; top:0;}
    .header .top-ph { position:absolute; left:5px; top:35px; z-index:100;}
    .header .left { float:none; padding:10px 0 0 0;}
    .header .top-ph{ top:0;}
    .mobile-nav-toggle-btn { display: inline; top:20px; }
    #content-box { width: 100%; height: 100%; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, .5); background: #ffffff;
        -webkit-transition: .4s ease;
        -moz-transition: .4s ease;
        -ms-transition: .4s ease;
        -o-transition: .4s ease;
        transition: .4s ease;
        position:fixed;
    }
    .bak_4 .left li .b2 { height:auto; padding-bottom:5px;}

    .header { padding:0 10px 10px;}
    .header .left .logo  img{ width:240px; height:auto; }
    .header .right { display:block}
}
/*
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}*/
/* ------------------------------------------------------------------------------
	 摄像机
-------------------------------------------------------------------------------*/
.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 .imgx { float:left; width:600px; height:400px;position:relative; z-index:100;}
.pro_advce li .imgx img {width:600px; height:325px;}
.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:30px; 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; !important;}

.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("/web/images/pro_line1.png") no-repeat;}
.pro_advce li .txt em.pro_line2 { width:710px; height:75px; left:62px; top:-70px;  background:url("/web/images/pro_line2.png") no-repeat;}

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

.pro_advce li .txt em.pro_line5 { width:695px; height:153px; left:90px; top:43px;  background:url("/web/images/pro_line5.png") no-repeat;}

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

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

.content_inner { margin:0 auto;  width:1260px;  }
.new_title {  font-size:40px; color:#000000; text-align:center; margin-top:80px; margin-bottom:35px;}
.other_con { padding:30px 0 70px;}
.edit_con_original{ line-height:1.8; padding:0 0; color:#333;}


.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")/*tpa=http://www.powercreator.com.cn/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}

.register-wrapper {
    width: 260px;
    margin: 20px auto 40px;
}

.register_title {
    color: #888;
    font-size: 12px;
    margin-bottom: 8px;
}
.input-phone_phone-wrapper {
    position: relative;
    height: 50px;
    width: inherit;
    display: flex;
}
.input-phone_phone-wrapper .input-phone_phone-input {
    margin-left: 10px;
    width: 210px;
}
.input-phone_phone-wrapper .input-phone_error-wrapper {
    color: red;
    font-size: 12px;
    position: absolute;
    left: 48px;
    top: 32px;
}
.input-sms_sms-wrapper {
    width: 100%;
    height: 66px;
}
.input-sms_sms-wrapper .input-sms_verify-input {
    width: 145px;
}
.input-sms_sms-wrapper .input-sms_send-sms-button {
    width: 110px;
    box-sizing: border-box;
    margin-left: 5px;
    padding: 0;
    border: 1px solid #ddd;
}
.tea-input, .tea-textarea, .tea-textarea-group {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    border: 1px solid #cfd5de;
    border-radius: 0;
    background-color: #fff;
    color: rgba(0,0,0,.9);
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}
.input-sms_sms-wrapper .input-sms_send-sms-button {
    width: 110px;
    box-sizing: border-box;
    margin-left: 5px;
    padding: 0;
    border: 1px solid #ddd;
}
@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")/*tpa=http://www.powercreator.com.cn/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%; }
 }