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

html{ height: 100% !important; }

body,input,textarea,select,pre{  padding:0;   color:#666; font-size:100%; height:100%;  
   /*font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;*/
	   /*font-family: "LinotypeUniversW01-Regu";*/
	   /*font-family:微软雅黑, 'Microsoft YaHei';*/
    font-family: arial, 'Microsoft Yahei', 微软雅黑, 黑体, 'Hiragino Sans GB', sans-serif;
    color: rgb(51, 51, 51);

 }

h1,h2,h3,h4,h5,h6,p,b,c,e,g{    font-weight: normal;}



.barone h4 a,.bartwo h3 a,.barthree h2 a,.barfour h4 a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}


.HHear{ width: 100%; overflow: hidden;/*background: #e9e9e9;*/    height: 30px;}

.HHear top{ width: 90%;margin: 0 auto;overflow: hidden;display: block; margin-top: 5px;}
.HHear top p{float: right;    position: relative;margin-left: 2%; }
.HHear top p select{background: none;cursor:pointer;font-size: 0.9em;}
.HHear top p select option{cursor:pointer;}
.HHear top p img{    float: left;width: 20px;    margin-right: 0.2rem;margin-top: 2px}
.HHear top p b{float: left;    line-height: 1.2em;color: #333;font-weight: normal;font-size: 1.2em;}
.HHear top p a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}



.index-two{position: relative;width: 100%;height: 80%;display: block;    overflow: hidden;     padding: 3% 0 5% 0;}
.index-two dl{ padding: 0;margin: 0 auto;width: 90%;  overflow: hidden; display: block; margin-bottom: 2%; }
.index-two dl dt{ float: left;    width: 50%;display: block;}
.index-two dl dt b{     display: block;   width: 1em;height: 2em;background: #01348F;float: left;     margin-right: 2%; }
.index-two dl dt c{   text-transform: uppercase;  display: block;float: left;font-weight: normal;font-size: 1.6em;color: #0755B2;}
.index-two dl dd{ float: right;    font-weight: normal;color: #333;font-size: 1em;line-height: 2em;}
.index-two .i-t-left{       float: left;width: 39.9%;overflow: hidden;position: relative;height: 95%;display: block;}
.index-two .i-t-left a,.index-two .i-t-right .i-t-r-i a{     position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-two .i-t-left img{    position: absolute;width: 100%;height: 100%;display: block;}
.index-two .i-t-left .i-t-l-t{    position: absolute;width: 100%;bottom: 0;left: 0; background:rgba(51, 51, 51, 0.5); height: 4em; overflow: hidden;}
.index-two .i-t-left .i-t-l-t h1{    float: left;display: block;    margin-top: 2%; margin-left: 5%;}
.index-two .i-t-left .i-t-l-t h1 img{    position: relative;}
.index-two .i-t-left .i-t-l-t h2{     float: left;color: #fff;font-weight: normal;font-size: 1.6em;margin-left: 5%;    line-height: 2em;}
.index-two .i-t-right{float: right;width: 60%;overflow: hidden;position: relative;height:95%;display: block;}
.index-two .i-t-right .i-t-r-i{    float: left;    width: 49.7%;    height: 49.8%;    overflow: hidden;    position: relative;    display: block;    border: 1px solid white;}
.index-two .i-t-right .i-t-r-i h1{float: left;display: block; margin-top: 2%;  margin-left: 5%;}
.index-two .i-t-right .i-t-r-i img{   position: relative;     width: 100%;height: 100%;}
.index-two .i-t-right .i-t-r-i .i-t-l-t{  position: absolute;width: 100%;bottom: 0;left: 0; background: rgba(51, 51, 51, 0.5);     height: 4em;overflow: hidden;}
.index-two .i-t-right .i-t-r-i .i-t-l-t img{    width: 0.8em;height: 0.8em;top: 0.1em;}
.index-two .i-t-right .i-t-r-i .i-t-l-t h2{     float: left;color: #fff;font-weight: normal;font-size: 1.6em;margin-left: 5%;     line-height: 2em;}

.index-two .i-t-left img,.index-three div img{width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-two .i-t-left img:hover,.index-two .i-t-right .i-t-r-i img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover p img{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.index-five div img{ width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-five div:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-five div:hover p img{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.index-two .i-t-left:hover .i-t-l-t{    display: none;}
.index-two .i-t-left:hover .i-t-l-info{    left: 0%;opacity: 1;}
.i-t-l-info{position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;    background: rgba(4, 56, 116, 0.91);height: 100%}
.move {-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}

.index-two .i-t-right .i-t-r-i .i-t-l-info{position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;    background:rgba(1, 52, 143, 0.4);height: 100%;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h1{ overflow: hidden;width: 80%;margin: -6px auto;     margin-top: 10%;     float: none;}
.index-two .i-t-right .i-t-r-i img{width: 100%;   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h1 img{}
.index-two .i-t-right .i-t-r-i:hover .i-t-l-t{ display: none;}
.index-two .i-t-right .i-t-r-i:hover .i-t-l-info{  left: 0%;opacity: 1;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h2{  width: 80%;margin: 0 auto;display: block;font-size: 1em;font-weight: normal;    line-height: 1.2em;margin-top: 5%;margin-bottom: 5%;}
.index-two .i-t-right .i-t-r-i .i-t-l-info h3{ width: 50%;margin-left: 10%;font-weight: normal;font-size: 1em;color: #eee;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}


.index-two .i-t-left .i-t-l-info h1{    overflow: hidden;width: 80%;margin: 0 auto;     margin-top: 35%;     float: none;}
.index-two .i-t-left .i-t-l-info h1 img{}
.index-two .i-t-left .i-t-l-info h1 b,.index-two .i-t-right .i-t-r-i .i-t-l-info h1 b{    float: left;margin-left: 30px;display: block;overflow: hidden;font-weight: normal;font-size: 1em;}
.index-two .i-t-left .i-t-l-info h1 img,.index-two .i-t-right .i-t-r-i .i-t-l-info h1 img{    width: 26px;height: 26px;float: left;display: block;}
.index-two .i-t-left .i-t-l-info h2{    width: 80%;margin: 4% auto;display: block;font-size: 1em;font-weight: normal;line-height: 1.4em;}
.index-two .i-t-left .i-t-l-info h3{    width: 30%;margin-left: 10%;font-weight: normal;font-size: 1em;color: #eee;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

.index-three{ overflow: hidden; width: 100%;  padding: 3% 0 6% 0;}
.index-three dl{ padding: 0;margin: 0 auto;width: 90%;  overflow: hidden; display: block; margin-bottom: 2%; }
.index-three dl dt{ float: left;    width: 50%;display: block;}
.index-three dl dt b{     display: block;   width: 1em;height: 2em;background: #01348F;float: left;     margin-right: 2%; } 
.index-three dl dt c{    display: block;float: left;font-weight: normal;font-size: 1.6em;color: #0755B2;}
.index-three dl dd{ float: right;    font-weight: normal;color: #333;font-size: 1em;line-height: 2em;}
.index-three div{     float: left;width: 29.4%;overflow: hidden;margin-left: 0.9%;       position: relative;  }
.index-three div a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-three div:hover .i-n-d-n h1{    color: #0755B2; border-bottom: 1px solid #ccc;}
.index-three div img{ width:100%; height:auto;    display: block; }
.index-three div:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-three div:first-of-type{ margin-left: 5%;}
.index-three div .i-n-d-n{    width: 90%;margin: 0;padding:5% 7% 5% 7%;overflow: hidden;    background: #EAEAEA;}
.index-three div .i-n-d-n h1{    font-weight: bold; font-size: 1.2em;color: #333;line-height:2em;padding: 0;margin: 0;    margin-bottom: 1em; border-bottom:1px solid rgba(204, 204, 204, 0.0);}
.index-three div .i-n-d-n h2{    margin: 0;padding: 0;font-weight: normal;font-size: 0.9em;color: #0755B2;line-height: 2em;}
.index-three div .i-n-d-n h3{    font-weight: normal;margin: 0;padding: 3% 0 3% 0;font-size: 1em;}




.index-four{ width: 100%;   padding: 5% 0 5% 0;     overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover; }
.index-four h1{      line-height: 2em;  text-align: center;color: #fff;font-weight: normal;}
.index-four h2{ width: 22%;margin: 0 auto;}
.index-four h2 b{ display: block;height: 1px;width: 50%;margin: 0 auto;background: #fff;}
.index-four h2 c{display: block;height: 1px;width: 30%;margin: 0 auto;background: #fff;margin-top: 0.2em;}
.index-four h3{    text-align: center;font-weight: normal;color: #fff;width: 80%;margin: 0 auto;margin-top: 2em;line-height: 1.6em;}
.index-four h4{    border: 1px solid #eee;width: 10%;text-align: center;font-weight: normal;color: #fff;font-size: 0.9em;margin: 0 auto;margin-top: 2em;    line-height: 2em;}
.index-four h4 a{    color: #fff;     display: block;}
.index-four h4:hover a{    background: #fff; color:#023591; }



.index-five{overflow: hidden;}
.index-five div{    height: 16em;    float: left;width: 43.5%;overflow: hidden;    position: relative;        margin: 5% 0% 5% 5%;}
.index-five div a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-five div:last-child{    margin-left: 3%;}
.index-five div img{    position: absolute;width: 100%;height: 100%;}
.index-five div p{    position: absolute;width: 100%;height: 100%;left: 0;top: 0;      background: rgba(7, 85, 178, 0.85);   padding: 0;margin: 0;}
.index-five div #i-f-b{    background: rgba(13, 149, 172, 0.85);}
.index-five div p b{    width: 80%;overflow: hidden;display: block;color: #fff;     margin-left: 10%;     line-height: 2em;font-weight: normal;font-size: 2em;margin-top: 1em;}
.index-five div p c{    display: block;width: 15%;margin-left: 10%;height: 1px;background: #fff;    margin-bottom: 3%; }
.index-five div p e{   height: 4.5em; width: 80%;margin: 0 auto;overflow: hidden;display: block;color: #eee;font-weight: normal;    font-size: 1em;}
.index-five div p img{     position: initial;width: 37px;height: 37px;margin-right: 10%;   display: block;float: right; }










#page-dow-banner{    height: 60%;}
#page-dow-banner h1{     top: 50%;}

.page-news-list{    width: 90%;margin: 0 auto;padding: 5% 5% 0 5%;overflow: hidden; height:initial; }
.page-news-list div{ width: 23.5%;float: left;margin-right: 2%; overflow: hidden; position: relative; margin-bottom: 2%;     background: #fcfcfc;}
.page-news-list div a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-news-list div:nth-child(4n){margin-right:0;}
.page-news-list div h1{width: 90%;margin: 0 auto;color: #333;font-size: 1.15em;    font-weight: bold;border-bottom: 1px solid #E7E3E3;    margin-top: 5%; height: 3em;overflow: hidden;}
.page-news-list div h2{     margin: 1em auto 0.5em;width: 90%;color: #333;line-height: 1.2em;font-size: 1em; }
.page-news-list div h3{ width:90%; margin:0 auto;    margin-bottom: 5%; }
.page-news-list div h3 b{font-size: 0.8em;}
.page-news-list div img{  width: 100%; top: 0;left: 0;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.page-news-list div:hover{ background: #eee;}
.page-news-list div:hover h1{ color:#153C9F; }
.page-news-list div:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.page-news-list dt{display: block;overflow: hidden;width: 100%;margin-bottom: 5%;}
.page-news-list dt a{    padding: 0.2% 1%;color: #000; display: inline-block;background: #eee;overflow: hidden;font-size: 1em;text-align: center;    margin-right: 1%;}
.page-news-list dt span{    padding: 0.2% 1%;color: #fff; display: inline-block;background: #0D49B3;overflow: hidden;font-size: 1em;text-align: center;    margin-right: 1%;}
.page-news-list dt a:last-child,.page-news-list dt a:first-of-type{     }
.page-news-list dt a:hover,.page-news-list dt span:hover{ color: #fff;background: #0D49B3;}



.page-banner{    position: relative;width: 100%;height:70%;overflow: hidden;}
.page-banner img{ width:100%; height:100%; }
.page-banner h1{  text-transform: uppercase;  position: absolute;width: 100%;margin: 0 auto;height: 50%;top: 40%;text-align: center;}
.page-banner h1 b{    display: inline-block;color: #fff;text-align: center;font-size: 1.6em; font-family: Arial;}
.page-banner h1 c{    display: inline-block;color: #eee;font-size: 0.8em;}
.page-banner h1 p{    font-size: 0.7em;color: #fff;line-height: 2em;     margin-bottom: 1em;}
.page-banner h1 a{    color: #fff;border: 1px solid #eee;margin: 0 2%;font-size: 0.6em;padding: 0.4% 3%;}
.page-banner h1 a:hover{background: #fff;color: #323FA2;}


.page-contact{    overflow: hidden;}
.page-contact .left{    float: left;width: 30%;overflow: hidden;height: 44em;    background: #F7F7F7;}
.page-contact .left h1{ width: 86%;margin:10% auto 5%;     color: #333;}
.page-contact .left h1 b{ display: block;height: 1px;background: #ccc;width: 40%;margin-top: 0.5em;}
.page-contact .left h2{width: 86%;margin:5% auto 5%;    color: #333;font-size: 20px}
.page-contact .left p{  width: 86%;margin:0 auto;    line-height: 1.4em;font-size: 1em;    margin-bottom: 0.5em;overflow: hidden; }
.page-contact .left p img{    width: 40%;margin-top: 1em;     display: block;}
.page-contact .left p b{    float: left;display: block;width: 18%;overflow: hidden;}
.page-contact .left p c{    float: left;display: block;/*width: 83%;*/overflow: hidden;}
.page-contact .right{float: left;width: 100%;overflow: hidden;height:78em;}
.page-contact .right one{    float: left;width: 33.333333%;height: 19em;display: block;    line-height: 1.8em;}
/*.page-contact .right one:nth-child(2n){background: #eee; }*/
/*.page-contact .right one:nth-child(6n){background: #F7F7F7; }*/
.page-contact .right two{float: left;width: 50%;height: 22em;display: block; line-height: 1.8em;background: #ccc;    position: relative;}
.page-contact .right two:hover h1 b{background:rgba(255, 255, 255, 0.8); color:#0D49B3; }
.page-contact .right two a{position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index:2;}
.page-contact .right two img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-contact .right two h1{    position: absolute;width: 100%;left: 0%;top: 0%;height: 100%;     background: rgba(1, 52, 143, 0.8);}
.page-contact .right two h1 b{      display: block;text-align: center;width: 50%;margin: 0 auto;font-size: 0.6em;color: #fff;border: 1px solid #fff;top: 35%;position: absolute;left: 25%;line-height: 4em;}
.page-contact .right one h1{    width: 86%;margin:10% auto 5%;       color: #333; }
.page-contact .right one h1 b{    display: block;height: 1px;background: #ccc;width: 40%;margin-top: 0.5em;}
.page-contact .right one p{    width: 86%;margin:0 auto;    line-height: 1.4em;font-size: .91em;    margin-bottom: 0.5em;overflow: hidden;}
.page-contact .right one h3,.page-contact .left h3{    width: 86%;margin: 0 auto;font-size: 0.95em;color: #999;}
.page-contact .right one h3 img{}
.page-contact .right one p b{    float: left;display: block;width: 16%;overflow: hidden;}
.page-contact .right one p c{/*float: left;*/display: block;/*width: 86%;*/overflow: hidden;}
/*.page-contact .right{    height: 80em;}*/



@media screen and (max-width:1100px){
    .nav{ margin-left:10% !important;}
    .nav li a{width: 7rem}
}

.gun{    CLEAR: both;    FONT-SIZE: 12px;    MARGIN: 0px auto;    WIDTH: 80%;    LINE-HEIGHT: 27px;    HEIGHT: 27px;    TEXT-ALIGN: left;}
.gun a font{    font-size: 16px;}






.page-contact-TJ{    overflow: hidden;padding: 5% 0 0 0;}
.page-contact-TJ .cons_lb{    overflow: hidden;margin-bottom: 4em;}
.page-contact-TJ dl{}
.page-contact-TJ dt{    width: 90%;margin: 0 auto;line-height: 1.4em;}
.page-contact-TJ h1{text-transform: uppercase;    width: 100%;margin: auto;border-bottom: 1px solid #ccc;padding-bottom: 1em;margin-bottom: 1em;}
.page-contact-TJ h1 b{    font-size: 0.9em;margin-right: 1%;}
.page-contact-TJ h1 c{    font-weight: bold;color: #083971;display: inline-block;margin: 0 1%;font-size: 1em;}
.page-contact-TJ h1 e{    font-size: 0.8em;}
.page-contact-TJ h2{}
.page-contact-TJ #form_1{}
.page-contact-TJ .clearfix{    width: 100%;margin: 0 auto;overflow: hidden;}
.page-contact-TJ .clearfix .right{ width:100%; }
.page-contact .right one h2{    color: #333;    text-indent: 1.6rem;    margin-bottom: 15px;font-size: 18px;}
.page-contact-TJ .clearfix .right p{}
.page-contact-TJ .clearfix .right p input{padding: 0.5% 6% 0.5% 6%;font-size: 1em;margin-right: 1em;cursor:pointer;}
.page-contact-TJ .clearfix .right p input:hover{    background: #0E4AB3;color: #fff;}
.page-contact-TJ .clearfix .right p .tj_an{background: #ccc;}
.page-contact-TJ .clearfix .right p .tj_cz{}
.page-contact-TJ .clearfix li{    float: left;width: 47.5%;margin-right: 5%;    margin-bottom: 2%;}
.page-contact-TJ .clearfix li:nth-child(2n){margin-right:0;}
.page-contact-TJ .clearfix li .left{}
.page-contact-TJ .clearfix li .right{width: 100%;}
.page-contact-TJ .clearfix li .left input{width: 100%;background: #eee;font-size: 1.2em;line-height: 2em;text-indent: 2em;}
.page-contact-TJ .clearfix li .right textarea{width: 100%;background: #eee;font-size: 1.2em;line-height:1em;text-indent: 2em;    margin-bottom: 2%;}
.page-contact-TJ .clearfix li .right input,.page-contact-TJ .clearfix li .right img{    background: #eee;height: 2em;/*line-height: 2em;*/    margin-right: 3%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999;}







.page-job-list{    width: 90%;margin: 0 auto;overflow: hidden;  padding: 5% 0 5% 0;}
.page-job-list dl{    float: left;width: 49%;margin-right: 2%;overflow: hidden;height: 40em;position: relative;     margin-bottom: 2%;    }
.page-job-list dl:nth-child(2n){margin-right:0;}
.page-job-list dl dd{    background: #eee; padding: 5%;     overflow: hidden; }
.page-job-list dl dd h1{color: #000;font-size: 1.8em;margin-bottom: 1em;}
.page-job-list dl dd h2{    overflow: hidden;}
.page-job-list dl dd h2 p{     float: left;width: 49%;overflow: hidden;font-size: 0.7em;margin:0.5em 2% 0.5em 0;border-bottom: 1px solid #ddd;}
.page-job-list dl dd h2 p:nth-child(2n){margin-right:0;}
.page-job-list dl dd h2 p b{    color: #000;}
.page-job-list dl dd h2 p c{    color: #666;}
/*.page-job-list dl dd h2 b{color: #000066}*/
.page-job-list dl dt{    width:100%;margin: 0 auto;    padding: 5% 0 5% 0;}
.page-job-list dl dt h1{    border-bottom: 1px solid #ccc;font-size: 1.5em;margin-bottom: 1em;line-height: 1.8em;width: 90%;margin: 0 auto 1em;}
.page-job-list dl dt div{    height: 16em;overflow: hidden;width: 90%;margin: 0 auto;}
.page-job-list dl dt h2{     font-size: 1.2em;color: #333;border-bottom: 1px solid #eee;line-height: 1.6em;width: 90%;margin: 0 auto;}
.page-job-list dl dt h2 a{}
.page-job-list dl:hover dt{background: #FBFBFB;}






.page-suoqu{}
.page-suoqu .page-suoqu-left{    float: left; width: 55%;overflow: hidden;     margin-left: 5%;}
.page-suoqu .page-suoqu-left .page-contact-TJ .clearfix li{   }
.page-suoqu .page-suoqu-left .page-contact-TJ h1{    padding-bottom: 0.5em;margin-bottom: 0.5em;    width: 100%;}
.page-suoqu .page-suoqu-left .page-contact-TJ dt{width:100%;}
.page-suoqu .page-suoqu-left .page-contact-TJ h1 b{margin:0; }
.page-suoqu .page-suoqu-left .page-contact-TJ .clearfix{ width:100%; }
.page-suoqu .page-suoqu-right{     float: left;width:30%;overflow: hidden;         margin-left: 5%; padding: 5% 0 5% 0;}
.page-suoqu .page-suoqu-right h1{    font-size: 1.4em;margin-bottom: 0.5em;border-bottom: 1px solid #eee;}
.page-suoqu .page-suoqu-right div{     position: relative;   background: #222; overflow: hidden;     margin-bottom: 1em;   width: 100%;text-align: center;     padding: 5% 5% 5% 5%; }
.page-suoqu .page-suoqu-right div a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-suoqu .page-suoqu-right div:nth-child(4n){ background: #0F2078;}
.page-suoqu .page-suoqu-right div:nth-child(5n){ background: #26951F;}
.page-suoqu .page-suoqu-right div:nth-child(6n){ background: #999;}
.page-suoqu .page-suoqu-right div img{    display: block;margin: 0 auto;width: 14%;     float: left;}
.page-suoqu .page-suoqu-right div p{    float: left;margin-left:4em;display: block;}
.page-suoqu .page-suoqu-right div p b{ display: block; color:#fff;     margin-right: 1em;font-size: 1.2em;line-height: 2em;}
.page-suoqu .page-suoqu-right div p c{     display: block;color: #eee;font-size: 0.8em;margin-top: 1em;text-align: center;border: 1px solid rgba(221, 221, 221, 0.19);
                                        width: 70%;line-height: 1.8em;}
.page-suoqu .page-suoqu-right h2{    font-size: 1em;line-height: 1.4em;margin-bottom: 2em;}
.page-suoqu .page-suoqu-right div:hover p c{ background: #fff; color:#153C9F; }


#dituContent{
    width: 49.5%;
    float: none;
    height: 300px;
}
.qhd-content{
    width: 49.5%;
    float: right;
    margin-top: -548px;
}





.page-dow{    text-align: center;     padding: 5% 0 5% 0;} 
.page-dow div{display: inline-block;width: 22.5%;vertical-align: top;overflow: hidden;      margin-bottom: 3em;  position: relative;}
.page-dow div a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-dow div one{  padding: 5% 0 5% 0;   text-align: center;     background: #000;display: block;overflow: hidden;}
.page-dow div #mac{ background: #222;}
.page-dow div #win{ background: #0F2078;}
.page-dow div #an{ background: #26951F;}
.page-dow div #pdf{ background: #999;}
.page-dow div one img{ width:100%;       display: inherit;  width: 30%;margin: 0 auto;}
.page-dow div one b{    color: #fff;font-size: 1.4em;display: block;line-height: 3em;}
.page-dow div three{    font-size: 1.2em;line-height: 2em;display: block;color: #333;}
.page-dow dl{    width: 90%;margin: 0 auto;overflow: hidden;padding: 2% 0 2% 0;    }
.page-dow dl h1{    text-align: left;border-bottom: 1px solid #ccc;line-height: 2em;}
.page-dow dl h2{    text-align: left;    overflow: hidden;margin-top: 1em;}
.page-dow dl h2 b{       line-height: 1.8em;  float: left;font-size: 0.7em;text-align: left;display: block;width: 25%;}

.page-dow .wrap{    width: 100%;margin: 0 auto;display: block;overflow: hidden;position: inherit;  }
.page-dow .wrap .tabs{    width: 120%;display: block;overflow: hidden;         float: left;  margin: 0;  margin-left: 5%;    background: #eee;}
.page-dow .wrap .tabs a{    position: inherit;width: 14.28571%; border-radius:0;    line-height: 2em;background: none;     border-bottom: 2px solid #eee; }
.page-dow .wrap .tabs a.active,.page-dow .wrap .tabs a:hover{     border-bottom: 2px solid #2060d1;color: #2060d1; }
.page-dow .wrap .swiper-container{    width: 100%;margin: 0;display: block;     background: none; }
.page-dow .wrap .swiper-slide{    background: none;}
.page-dow .wrap .swiper-slide a{      display: block;width: 15%;overflow: hidden;position: inherit;height: initial;color: #333;    margin-right: 2%;
                                 text-align: left;font-size: 0.9em;line-height: 2em;float: left;    border-bottom: 1px solid #ccc;text-indent:0.5em;    margin-bottom: 1em;}
.page-dow .wrap .swiper-slide a:hover{ color: #2060d1; }
.page-dow .wrap .swiper-slide a:hover img{-webkit-filter: grayscale(0%);}
.page-dow .wrap .swiper-slide a img{    float: right;width: 7%; margin-top: 5%;-webkit-filter: grayscale(100%);}
.page-dow .wrap .swiper-slide a:nth-child(6n){  margin-right:0;  }

.page-dow dd{    width: 90%;margin: 0 auto;display: block;text-align: left;    }
.page-dow dd h1{ text-align: left;border-bottom: 1px solid #ccc;line-height: 2em;margin-bottom: 0.5em;}







.page-about{     overflow: hidden;display: block;width: 100%;}
.page-about one{ display: block;width: 100%;padding: 5% 0 5% 0;overflow: hidden;}
.page-about one p{width: 90%;margin: 0 auto;overflow: hidden; color:#333;   font-size: 1.3em;   line-height:1.6em;  float: left;    margin-left: 5%;}
.page-about two{    display: block;width: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.page-about two div{padding: 5% 0 5% 0;background: rgba(42, 108, 177, 0.9);overflow: hidden;   }
.page-about two div p{ width:90%;margin: 0 auto;overflow: hidden;color: #fff;font-size: 1.3em;line-height:1.6em; float: left; margin-left: 5%; color: #fff;}
.page-about three{display: block;width: 100%;padding: 5% 0 5% 0;overflow: hidden;background:#333;    text-align: center;}
.page-about three h1{    margin-bottom: 2em;}
.page-about three h1 b{    display: block;text-align: center;color: #fff;line-height: 2em;    font-size: 0.8em;}
.page-about three h1 c{    height: 1px;width: 5em;margin: 0 auto;background: #999;display: block;}
.page-about three h1 e{    display: block;font-size: 0.5em;text-align: center;color: #eee;line-height: 2em;}
.page-about three div{display: inline-block;vertical-align: top;width: 30%;}
.page-about three div img{}
.page-about three div p{    color: #fff;font-size: 1.4em;line-height: 2em;}
.page-about three div c{    display: block;text-align: left;width: 50%;margin: 0 auto;color: #ddd;font-size: 0.9em;}

.page-about-aq{}
.page-about-aq one{    overflow: hidden;width: 100%;margin: 0 auto;display: block;}
.page-about-aq one p{    padding: 5% 0 5% 0;text-align: center;font-size: 1.8em; color:#fff; background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.page-about-aq one div{padding: 5% 0 5% 0;overflow: hidden;    text-align: center;}
.page-about-aq one div h1{    display: inline-block;width: 26%;vertical-align: top;overflow: hidden;    text-align: center;}
.page-about-aq one div h1 img{    display: block;margin: 0 auto;}
.page-about-aq one div h1 b{display: block;font-size: 0.8em;    color: #000;line-height: 2em;}
.page-about-aq one div h1 c{    display: block;font-size: 0.6em;}
.page-about-aq two{ overflow: hidden;width: 100%;margin: 0 auto;display: block;background: #eee;padding: 5% 0 5% 0;}
.page-about-aq two h1{ color:#333; width: 70%;margin: 0 auto;line-height: 2em;font-size: 1.8em; text-align: left;margin-bottom: 1em;}
.page-about-aq two h2{  width: 70%;margin: 0 auto;line-height: 1.5em;font-size: 1.2em; text-align: left;}
.page-about-aq two h2 img{    margin: 1em auto 1em 0;    width: 80%;}  
.page-about-aq three{    padding: 5% 0 0% 0; width: 80%;margin: 0 auto;overflow: hidden;display: block;}
.page-about-aq three h1{   width: 60%;margin: 0 auto;margin-bottom: 1em;  font-size: 1.8em;line-height: 1.6em;    text-align: center;}
.page-about-aq three h2{font-size: 1.2em;width: 60%;margin: 0 auto;    margin-bottom: 1em;}
.page-about-aq four{    padding: 2% 0 5% 0; width: 80%;margin: 0 auto;overflow: hidden;display: block;}
.page-about-aq four p{    width: 60%;margin: 0 auto;margin-bottom: 3em;}
.page-about-aq four p b{     display: block;   font-size: 1.8em;line-height: 1.6em;text-align: left;    margin-bottom: 0.5em;}
.page-about-aq four p c{font-size: 1.2em;}


.page-about-aq five{      position: relative;width: 100%;height: 30em;overflow: hidden;overflow: hidden;display: block;}
.page-about-aq five div{ width: 100%;position: absolute;height: 100%;top: 0;left: 0;     padding-top: 8%; }
.page-about-aq five div h1{    width: 80%;margin: 0 auto;color: #eee;line-height: 2em;}
.page-about-aq five div h2{    width: 80%;margin: 0 auto;overflow: hidden;color: #eee;line-height: 1.4em;font-size: 1.2em;}
.page-about-aq five div h3{ width: 80%;margin: 0 auto;overflow: hidden;color: #fff;line-height: 6em;}
.page-about-aq five div h3 a{       font-size: 0.7em; color: #eee;background: #333;border-radius: 1em;margin: 0 1em 0 0;padding: 0 2em;    line-height: 2em;display: inline-block;}
.page-about-aq five img{    width: 100%;position: absolute;height: 100%;top: 0;left: 0;}
.page-about-aq six{    width: 100%;overflow: hidden;display: block;padding: 5% 0 5% 0;}
.page-about-aq six h1{    width: 80%;margin: 0 auto;text-align: center;     margin-bottom: 1em; }
.page-about-aq six h1 b{    display: block;font-size: 0.9em;     margin-bottom: 1em; }
.page-about-aq six h1 c{ display: block;font-size: 0.6em;}
.page-about-aq six h1 e{display: block;font-size: 0.6em;}
.page-about-aq six div{    width: 90%;margin: 0 auto;overflow: hidden;}
.page-about-aq six div p{   position: relative; float: left;width: 23.5%;margin-right: 2%;    border-radius: 0.5em;height: 16em;  overflow: hidden;}
.page-about-aq six div p:nth-child(4n){margin-right: 0;}
.page-about-aq six div p img{ position: absolute;height: 100%;  width: 100%;}
.page-about-aq six div p g{     position: absolute;width: 100%;left: 0;top: 0;height: 100%;background: rgba(7, 85, 178, 0.85);}
.page-about-aq six div p g b{    display: block;font-size: 1.4em;    line-height: 3em; width: 80%;margin: 0 auto;color: #fff;}
.page-about-aq six div p g c{    font-size: 0.9em;display: block;    width: 80%;margin: 0 auto;color: #fff;}
.page-about-aq six h2{border: 1px solid #ccc;text-align: center;width: 20%;margin: 1em auto;overflow: hidden;line-height: 1.8em;font-size: 1.2em;border-radius: 1em;}
.page-about-aq seven{ width: 100%;overflow: hidden;display: block;padding: 5% 0 5% 0;}
.page-about-aq seven h1{    width: 80%;margin: 0 auto;text-align: center;margin-bottom: 1em;font-size: 1.8em;}
.page-about-aq seven div{     width: 90%;margin: 0 auto;overflow: hidden;}
.page-about-aq seven div p{    float: left;width: 23.5%;margin-right: 2%;overflow: hidden;text-align: center;}
.page-about-aq seven div p:nth-child(4n){margin-right: 0;}
.page-about-aq seven div p img{      width: 20%;  display: block;    text-align: center;margin: 0 auto;}
.page-about-aq seven div p b{    display: block;color: #333;font-size: 1.2em;line-height: 2em;}
.page-about-aq seven div p c{    display: block;font-size: 0.95em;}
.page-about-aq eight{    background: #0E4AB3;display: block;padding: 5% 0 5% 0;overflow: hidden;}
.page-about-aq eight h1{    text-align: center;margin-bottom: 1em;}
.page-about-aq eight h1 img{}
.page-about-aq eight h2{    color: #fff;text-align: center;font-size: 1.8em;}
.page-about-aq eight h3{    width: 60%;margin: 0 auto;color: #eee;text-align: center;line-height: 1.4em;    margin-bottom: 2em;     font-size: 1em;margin-top: 1em;}
.page-about-aq eight h4{    width: 50%;margin: 0 auto;overflow: hidden;}
.page-about-aq eight h4 b{    display: block;border: 1px solid #fff;text-align: center;width: 30%;    margin: 0 auto 1em;color: #fff;line-height: 2em;border-radius: 1em;}
.page-about-aq eight h4 c{    display: block;text-align: center;color: #eee;line-height: 2em;}
.page-about-aq eight h4 b a,.page-about-aq eight h4 c a{ color:#fff; }



#product-best-list{    width: 100%;}


product{    padding: 5% 0 5% 0;display: block;overflow: hidden;    background: #F5F5F5;     float: left; width: 70%;}
product h1{    width: 90%;margin: 0 auto;overflow: hidden;font-size: 1.8em;         margin-bottom: 2em;}
product h1 p{display: inline-block;}
product h1 p a:first-of-type{display: none;}
product h1 p a{    float: none;width: auto;padding: 0;border: 0;    color: #333;font-size: 1em;margin: 0;}
product h1 p a:hover{ background:none; color:#333; }
product h1 a{    border: 1px solid #ccc;float: right;color: #999;font-size: 0.5em;padding: 0.1% 2%;margin-left: 3%;    line-height: 1.8em;}
product h1 a:hover{background: #fff;color: #323FA2;}
product h2{width: 100%;margin: 0 auto;overflow: hidden;font-size: 1em;    padding: 0 5% 0 5%;  color: #333;  border-bottom: 1.5px solid #DBDFE0;    line-height: 3em;}
product h2 b{     float: left;display: block;    width: 30%;font-weight: bold;}
product h2 c{   float: left;display: block;width: 40%;font-weight: bold;}
product h2 e{font-weight: bold;}
product div{}
product div h2{    position: relative;background: #fff; font-size: 1.3em;      line-height: 1.8em;      width: 100%;}
product div h2:nth-child(2n){    background: #F5F5F5;}
product div h2 a{position: absolute;width: 50%;height: 100%;    top: 0;left: 0;}
product div h2 b{    font-size: 0.7em;font-weight: normal;}
product div h2 c{    font-size: 0.7em;font-weight: normal;}
product div h2 e{float: left;display: block;width: 30%;position: relative;    font-size: 0.7em; font-weight: normal;}
product div h2 e #p-l-pdf-cion{    display: block;overflow: hidden;position: relative;width: auto;height: auto;}
product div h2 e img{    width: 5%;margin-left: 5%;}



product one{    width: 100%;display: block; overflow: hidden; padding-top:8%; }
product one .cd-section:first-of-type{ margin-left:1%}
product one .cd-section:nth-child(5n){ margin-left:1%}
product one .cd-section:nth-child(1n) dl{    background: #292F3B;}
product one .cd-section:nth-child(2n) dl{   background: #ACBCC6;}
product one .cd-section:nth-child(3n) dl{background: #5B383F;}
product one .cd-section:nth-child(4n) dl{background: #FA7274;}
product one .cd-section:nth-child(5n) dl{background: #21AA98;}
product one .cd-section:nth-child(6n) dl{background: #3C8FED;}
product one .cd-section:nth-child(7n) dl{background: #8A7E5A;}
product one .cd-section:nth-child(8n) dl{background: #666E9F;}
product one .cd-section{    float: left;width: 23.75%;display: block;overflow: hidden;position: relative;height: 20em;    margin-right: 1%;margin-bottom: 1%;}
product one .cd-modal-action .btn{     display: block;height: 100%;position: relative;width: 100%;}
product one .cd-modal-action a{}
product one .cd-modal-action dl{    display: block;background: #28A4D8;height: 100%;    overflow: hidden;}
product one .cd-modal-action dl b{ opacity: 0; display: block;font-size: 1.4em;width: 1.4em;height: 1.4em;line-height: 1.2em;text-align: center;border: 1px solid #ccc;border-radius: 50%;margin:1em auto 0;}
product one .cd-modal-action dl c{  display: block;font-size: 1.7em;line-height:3em;}
product one .cd-modal-action dl e{     opacity: 0.9;height: 1px;width: 20%;background: #fff;display: block;margin:1em auto 1em;}
product one .cd-modal-action dl g{     opacity: 0.9;display: block;width: 60%;overflow: hidden;margin: 1.5em auto;white-space: pre-wrap;font-size: 0.9em;line-height: 1em;}
product one .cd-modal-action dl j{    font-weight: normal;font-family: Arial;font-size: 0.6em;border: 1px solid #fff;padding: 1.5% 4%;}
product one .cd-modal-action{     position: relative;width: 100%;height: 100%;}
product one .cd-modal-action .btn.to-circle{ width:100%;    color: #fff;}
product one .cd-modal-action .cd-modal-bg{ width:100%;border-radius: 0;}
product one .cd-modal .cd-modal-content{ padding:0; }
product one .modal-is-visible .cd-modal .cd-modal-content{padding:10% 0 10% 0 ; width:100%; height:100%;     background:rgba(255, 255, 255, 0.95);  }
.product-list-more-info{    width: 100%;}
.product-list-more-info div{    width: 100%;}
product one .product-list-more-info div h2{       background: #fff;  width: 100%;}
product one .product-list-more-info div h2:nth-child(2n){     background: #F5F5F5;}
.product-list-more-info h1 a{ margin-rigth:5%; }
.product-list-more-info h1{ width: 100%;margin: 0 auto;overflow: hidden;font-size: 1.8em;background: #fff;padding-left: 5%;padding-bottom: 3%;padding-top: 2%;    color: #0D49B3; }
.product-list-more-info h2{    width: 100%;padding: 0 5% 0 5%;    background: #F5F5F5;font-size: 1.3em;line-height: 1.8em;}




.product-list-topright .pro-page-list-tittle{}
.product-list-topright .pro-page-list-tittle h1{     font-size: 1.2em;text-align: left;width: 60%;margin: 0 auto 2%;background: #ccc;padding: 5%;}
.product-list-topright .pro-page-list-tittle h2{}
#pro-page-list-tittle1{    margin: 10% 0 0;}



.product-list-topright{     padding: 1% 0 5% 0;width: 30%;overflow: hidden;float: left;}
.product-list-topright .cd-section{  display: block;width: 100%; }
.product-list-topright .cd-section .cd-modal-action{    position: relative;height: 100%;}
.product-list-topright .cd-section .cd-modal-action a{      width: 100%;   height: inherit;   display: block;}
.product-list-topright .cd-section .cd-modal-action a dl{        display: block;overflow: hidden;position: relative;height: 2em;
                                                         border-bottom: 1px solid #ccc;width: 60%;margin: 0 auto 3%;line-height: 2em;font-size: 1.2em;text-align: left;text-indent: 1em;}
.product-list-topright .cd-section .cd-modal-action a dl c{    color: #333; }
.product-list-topright .cd-section .cd-modal{background: rgba(255, 255, 255, 0.83);}
.product-list-topright .modal-is-visible .cd-modal .cd-modal-content{ padding:5% 0 5% 0; }
.product-list-topright .product-list-more-info{width: 100%;padding: 5% 0 5% 0;     margin-right: 10%;     background: #fcfcfc;}
.product-list-topright .product-list-more-info a{border: 1px solid #ccc;float: right;color: #999;font-size: 0.5em;padding: 0.1% 2%;margin-left: 3%;line-height: 1.8em;}
.product-list-topright .product-list-more-info a:hover{    color: #fff;border: 1px solid #0D49B3;background: #0D49B3;}
.product-list-topright .product-list-more-info h2{width: 100%;padding: 0 5% 0 5%;background: #F5F5F5;font-size: 1.3em;line-height: 1.8em;    overflow: hidden;     position: relative;    border-bottom: 1.5px solid #DBDFE0;}
.product-list-topright .product-list-more-info h2:nth-child(2n){ background:#fff; }
.product-list-topright .product-list-more-info h2 a{    float: left;border: 0;background: none;position: absolute;display: block;z-index: 2;width: 50%;height: 100%;margin: 0;padding: 0;}
.product-list-topright .product-list-more-info h2 b{    float: left;display: block;width: 30%;    font-size: 0.7em;}
.product-list-topright .product-list-more-info h2 c{    float: left;display: block;width: 40%;     font-size: 0.7em;}
.product-list-topright .product-list-more-info h2 e{    display: block;float: left;    font-size: 0.7em;}
.product-list-topright product div h2{} 
.product-list-topright .product-list-more-info h2 e a{      border: none;display: block;overflow: hidden;position: absolute;height: 100%; width:auto; }
.product-list-topright .product-list-more-info h2 e a img{    width: 50%;border: none;margin: 0 auto;text-align: center;}
.product-list-topright .product-list-more-info h2:hover b,.product-list-topright .product-list-more-info h2:hover c{    color: #0D49B3;}
.product-list-topright .product-list-more-info h2:hover{    background: #eee;}
.product-list-topright .product-list-more-info h2:hover a{    color: #fff;border: 0px solid #0D49B3;background:none;}



.new-web-about{}
.new-web-about one{ position: relative; overflow: hidden;  width: 100%;margin: 0 auto 2em;display: block;padding: 5% 0 5% 0;}
.new-web-about one p{  width: 100%;height: 100%;top: 0;left: 0;     margin-bottom: 2%;   }
.new-web-about one p b{    color: #000;text-align: center;display: block;font-size: 1.6em;line-height: 2em; border-top: 1px solid #ccc;
                           border-bottom: 1px solid #ccc;width: 45%;margin: 0 auto 1em;}
.new-web-about one p c{    display: block;text-align: center;width: 70%;margin: 0 auto;color: #333;font-size: 1.2em;}
.new-web-about one img{     margin: 0 auto;display: block;width: 12em;height: 12em;border-radius: 50%;}


.new-web-about two{     margin: 0 auto;display: block;position: relative;    padding: 3% 0 3% 0; width:70%;}
.new-web-about two p{   line-height: 1.6em;  color: #666;text-align: center; width: 100%;left: 0;top: 0;font-size: 1.2em;}
.new-web-about two p b{ line-height: 2em;   display: block;color: #333;font-size: 1.6em;border-bottom: 1px solid #ccc;margin-bottom: 1%;     text-align: center;}
 

.new-web-about three{     width: 70%;margin: 0 auto 3em;display: block;     overflow: hidden;    }
.new-web-about three img{ width:100%; }
.new-web-about three p{    line-height: 1.6em;color: #666;text-align: center;width: 100%;left: 0;top: 0;font-size: 1.2em;}
.new-web-about three p b{     line-height: 2em;display: block;color: #333;font-size: 1.6em;border-bottom: 1px solid #ccc;margin-bottom: 1%;text-align: center;}

.new-web-about four{     text-align: center;   display: block;background: #002D5B;overflow: hidden;width: 100%;padding: 5% 0 5%;}
.new-web-about four h1{    width: 60%;text-align: center;margin: 0 auto;line-height: 2em;color: #00A8E1;}
.new-web-about four h2{    text-align: center;width: 50%;margin: 0 auto;color: #fff;font-size: 1.2em;}
.new-web-about four h3{    text-align: center;color: #fff;margin-top: 2%;border-bottom: 1px solid #ccc;display: inline-block;}


.new-web-about five{    margin: 0 auto;display: block;position: relative;    padding: 5% 0 5% 0; width:100%;     background:#002D5B;}
.new-web-about five p{    line-height: 1.6em;  color: #fff;text-align: center; width:70%;left: 0;top: 0;font-size: 1.2em;margin: 0 auto;}
.new-web-about five p b{ line-height: 2em;   display: block;color: #00A8E1;font-size: 1.6em; margin-bottom: 1%; text-align: center;}
.new-web-about five img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;    z-index: -1;}

.page-about-dl{    width: 100%;position: relative;padding: 0% 0% 0% 0%;text-align: center;margin-bottom: 5%;}
.page-about-dl dd{ cursor:pointer;       overflow: hidden;   position: relative; width: 10em;height: 10em;display: inline-block;vertical-align: top;background: #000;border-radius: 50%;margin: 0 1%;
                  box-shadow: 0 0 30px 0 rgba(0,0,0,.4);}
.page-about-dl dd img{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-about-dl dd b{     position: absolute;width: 100%;height: 100%;line-height: 9em;text-align: center;display: block;color: #7F93FF;font-size: 1.1em; background: rgba(0, 0, 0, 0.8);}


.page-about-dl dd:hover b{   -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;  background: rgba(22, 41, 117, 0.95); color:#fff; }






.page-news-show{    width: 90%; margin: 2% auto; overflow: hidden;}
.page-news-show left{    float: left;width: 65%;display: block;overflow: hidden;}
.page-news-show left h1{    color: #333;border-bottom: 1px solid #ccc;margin-bottom: 3%;}
.page-news-show left h2 .jiathis_style{    display: inline-block; vertical-align: top;    margin: 0;    width: 50%;}
.page-news-show left h2 .jiathis_style .jiathis_separator{    font-size: 0;    margin-right: 2% !important;}
.page-news-show left h2 .jiathis_style .jtico_weixin{background: url(/images/weixin.png);width: 22px;height: 22px !important;opacity: 1;margin: 0;padding: 0 !important;background-size: 100% 100%;}
.page-news-show left h2 .jiathis_style .jtico_qzone{background: url(/images/kongjian.png);width: 22px;height: 22px !important;opacity: 1;margin: 0;padding: 0 !important;background-size: 100% 100%;}
.page-news-show left h2 .jiathis_style .jtico_tsina{background: url(/images/weibo.png);width: 22px;height: 22px !important;opacity: 1;margin: 0;padding: 0 !important;background-size: 100% 100%;}
.page-news-show left h2  .jiathis_style .jtico_tqq{background: url(/images/tengxun.png);width: 22px;height: 22px !important;opacity: 1;margin: 0;padding: 0 !important;background-size: 100% 100%;}
.page-news-show left h2{      font-size: 1em;  margin-bottom: 5%;}
.page-news-show left h2 span{    margin-right: 2%;display: inline-block;vertical-align: top;}
.page-news-show left h2 font{    color: #333; margin-right: 2%;display: inline-block;vertical-align: top;}
.page-news-show left h2 span font{margin-right: 0;color: #333; }
.page-news-show left div{    margin-bottom: 5%;overflow: hidden; display: block;}
.page-news-show left div p{    font-size: 1em;     line-height: 1.8em;}
.page-news-show left p{    font-size: 1em;}
.page-news-show left p strong{}
.page-news-show left p a{ color:#333; display: inline-block;border-bottom: 1px solid #ddd;}
.page-news-show right{    float: right;width: 30%;overflow: hidden;display: block;}
.page-news-show right h1{    background: #eee;font-size: 1.4em;padding: 2%;margin-bottom: 3%;}
.page-news-show right dl{    position: relative;width: 100%;height: 5em;overflow: hidden;margin-bottom: 5%;border-bottom: 1px solid #eee; padding-bottom: 5%;}
.page-news-show right dl a{  position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.page-news-show right dl img{      float: left;width: 30%;height: 100%;top: 0;left: 0;}
.page-news-show right dl p{    float: right;width: 65%;}
.page-news-show right dl p b{    display: block;font-size: 1.2em;color: #333;}
.page-news-show right dl p c{    color: #999; font-size: 0.9em;    margin: 4% 0; display: block;}
.page-news-show right h2 a:hover{    color: #0D49B3;background: #eee;}
.page-news-show right h2 a{    display: block;color: #333;border: 1px solid #ddd;border-radius: 1em;text-align: center;font-size: 0.6em;width: 50%;padding: 1% 2%;}


.clearfix {overflow: inherit !important; }


.page-product-show-web{width: 90%;margin: 0 auto;display: block;overflow: hidden;}
.page-product-show-web .page-product-show-right{    float: left;width: 70%;display: block;overflow: hidden;}
.page-product-show-web .page-product-show-right .link{margin-top: 5%;border-bottom: 1px solid #eee;padding-bottom: 1%;}
.page-product-show-web .page-product-show-right h1{font-size:1em;    margin: 1% 0 10% 0;    background: #eee;    text-indent: 1em;    padding: 2% 0;}
.page-product-show-web .page-product-show-right h1 b{color:#0D49B3; font-size: 1.8em;}
.page-product-show-web .page-product-show-right h1 c{    float: right;width: 20%;}
.page-product-show-web .page-product-show-right h1 c a{    display: block;}
.page-product-show-web .page-product-show-right h1 c a img{    width: 10%;margin-left: 5%;}
.page-product-show-web .product-list-topright{    float: right;width: 25%;padding: 0; padding-top: 6%;}
.page-product-show-web .product-list-topright .pro-page-list-tittle h1{ width:100%; }
.page-product-show-web .product-list-topright .cd-section .cd-modal-action a dl{    width: 100%;}
.page-product-show-web .product-list-topright .cd-section .cd-modal-action a dl:hover c,.product-list-topright .cd-section .cd-modal-action a dl c:hover{ color:#0D49B3; }


.p-s-x-web{}
.p-s-x-web .czem_a{display: block;overflow: hidden;margin-bottom: 5%;}
.p-s-x-web .czem_a .cz_employc_bt{ border-bottom: 1px solid #ccc; font-size: 1.35em;cursor:pointer;display: block; overflow: hidden;}
.p-s-x-web .czem_a .cz_employc_bt b{    color: #0D49B3;float: left;}
.p-s-x-web .czem_a .cz_employc_bt c{    font-size: 1.6em;display: block;float: right;}
.p-s-x-web .czem_a .cz_employc_bt e{    font-size: 1.6em;display: none;float: right;}
.p-s-x-web .czem_a .cz_current e{display: block;}
.p-s-x-web .czem_a .cz_current c{display: none;}
.p-s-x-web .czem_a .czem_a_cont{  }
.p-s-x-web .czem_a .czem_a_cont pre{    margin-top: 2%;    white-space: inherit;width: 95%;display: block; overflow: hidden;}

.nav .subnav a{    border: 0 !important; padding: 0px 30px !important;     line-height:3 !important; }







.page-about-yj{}
.page-about-yj one{    display: block;/*width: 80%;*/margin: 0 auto;overflow: hidden;margin-bottom: 3%;}
.page-about-yj one img{    display: block;text-align: center;margin: 0 auto;width: 100%}
.page-about-yj one p{    letter-spacing: 2px;margin: 3% 0;font-size: 1.6em;text-align: center;color: #333;}
.page-about-yj one p b{    display: block;font-weight: bold; font-size: 1.6em;}
.page-about-yj two{      display: block;overflow: hidden;width: 100%;margin: 3% auto;text-align: center;background: #eee;padding: 5% 0;}
.page-about-yj two p{    color: #333;font-size: 1.6em;}
.page-about-yj two p b{display: block;}
.page-about-yj two p c{display: block;}
.page-about-yj three{    display: block;/*width: 80%;*/margin: 0 auto;overflow: hidden;margin-bottom: 3%;}
.page-about-yj three img{    display: block;text-align: center;margin: 0 auto;width: 100%}
.page-about-yj three p{    letter-spacing: 2px;margin: 3% 0;font-size: 1.6em;text-align: center;color: #333;}
.page-about-yj three p b{    display: block;font-weight: bold; font-size: 1.6em;}
.page-about-yj four{display: block;width: 90%;margin: 3% auto;overflow: hidden;}
.page-about-yj four h1{    background: #eee;width: 80%;margin: 0 auto;padding: 2% 0;}
.page-about-yj four h1 b{    display: block;text-align: center;font-size: 0.7em;}
.page-about-yj four h1 g{    display: block;text-align: center;font-size: 0.9em;line-height: 2em;}
.page-about-yj four h1 g c{    color: #0D49B3;font-size: 1.1em;margin: 0 0.5%;}
.page-about-yj four dl{width: 80%;margin: 0 auto;padding: 2%;display: block; text-align: center;}
.page-about-yj four dl dt{text-align: left;display: inline-block;width: 33%; overflow: hidden;}
.page-about-yj four dl dt p{ margin-bottom: 3%;font-size: 1.3em;}
.page-about-yj four dl dt a{    display:block;;line-height: 1.8em;color: #4C7ED6; }
.page-about-yj four dl dt a:hover{color: #0D49B3;}

.open-box form{      display: block;
    width: 11%;
    margin-right: 5%;
    float: right;
    margin-top: 123px;}
.open-box form .txt{}
.open-box form .txt input{    display: block;width: 100%;padding: 0.5em;line-height: 2em;}
.open-box form .btn{}
.open-box form .btn button{    display: block;margin: 2% auto 0;border: 1px solid #eee;background: none;color: #fff;padding: 1em 4em;border-radius: 5px;cursor: pointer;}

.g_menu { width: 100%;        height: 7rem;   background: #0c3873;    padding: 9px 0 20px 0;}
.g_menu_c {    width:80rem;    margin:0 auto}
.g_menu_c .u_lst1 li {    float: left;    width: 120px;    padding:0 56px;    background:url(/images/line1.jpg) no-repeat right top;    cursor: pointer;}
.g_menu_c .u_lst1 .lastli {    background: none;}
.g_menu_c .u_lst1 li img {    display: block;    width: 72px;    height: 72px;    padding: 0 24px;}
.g_menu_c .u_lst1 li a {    display: block;    text-align: center;    font-size: 14px;    color:#FFFFFF;    padding-top: 2px;}
.g_menu_c .u_lst1 li a b {    display: block;    font-size: 10px;    color: #888888;    text-transform: uppercase;    font-weight: normal;    padding-top: 2px;}

.sy-title2 {    width:100%;}
.sy-title2 span {    background:url(/images/bor1.png) no-repeat center;    display:block;    width:200px;    margin:0 auto;    text-align:center;}
.sy-title2 h1 {    color:#CA151F;    font-size:28px;    height:50px;    line-height:40px;}
.sy-title2 h2 {    height:50px;    line-height:45px;    font-family:Arial, Helvetica, sans-serif;    font-size:14px;    color:#999;}

.huoban {
    width:100%;
    padding:30px 0;
    margin:0 auto;
    overflow:hidden;
    background:#f2f2f2
}

.hezuo {
    width: 1135px;
    height: 220px;
    margin: 0 auto;
}
.hezuo ul li {
    float: left;
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 15px;
}
.hezuo ul li img{
    width: 197px;
}

/*关于我们*/

.pad-TB-50 {
    padding: 50px 0;
}
.back-eb {
    background-color: #ebebeb;
    height: 471px;
}
.txt-cen {
    text-align: center;
}
.hom-public-tit {
    margin-bottom: 35px;
}
.txt-cen {
    text-align: center;
}
.hom-public-tit h2 {
    font-size: 24px;
    color: #131313;
}
.hom-public-tit p {
    font-size: 18px;
    color: #999999;
}
.fl-l {
    float: left;
}
.hom-abt-img {
    width: 405px;
}
.dev-content {
    width: 97%;
    box-sizing: border-box;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.hom-abt-img{width: 405px;}
.hom-abt-cot{width: 415px;padding: 0 30px;}
.hom-honor{width: 320px;}
.hom-abt-buotL,.hom-abt-buotR{
    position: absolute;
    width: 22px;
    height: 32px;
    z-index: 99;
    margin-top: -16px;
    cursor: hand;
    cursor: pointer;
}
.hom-abt-buotL{
    background: url(/images/ico01-1.png) no-repeat center;
    top: 50%;
    left: 10px;
}
.hom-abt-buotR{
    background: url(/images/ico01-1.png) no-repeat center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: 50%;
    right: 10px;
}
.hom-abt-buotL:hover{
    background: url(/images/ico02.png) no-repeat center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.hom-abt-buotR:hover{
    background: url(/images/ico02.png) no-repeat center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.hom-abt-cot h4{
    font-size: 20px;
    color: #043874;
    font-weight: bold;
    letter-spacing: 2px;
}
.hom-abt-cot strong{
    font-size: 10px;
    color: #999999;
    font-weight: normal;
}
.hom-abt-cot p{
    font-size: 14px;
    color: #999999;
    letter-spacing: 1px;
    line-height: 24px;
    text-indent: 30px;
    margin-top: 20px;
    height: 192px;
    overflow:hidden;
}
.hom-abt-cot a{
    display: inline-block;
    font-size: 14px;
    color: #4c90cf;
    margin-top: 15px;
}
.hom-abt-cot a:hover{
    color: #ffa500;
}
.hom-hono-l{width:63px;}
.hom-hono-c{width: 194px;}
.hom-hono-r{width:63px;text-align: right;}
.hom-hono-l span,.hom-hono-r span,.hom-pro-l span,.hom-pro-r span,.hom-enter-exh-l span,.hom-enter-exh-r span{
    display: inline-block;
    width: 22px;
    height: 32px;
    cursor: hand;
    cursor: pointer;
}
.hom-hono-l span,.hom-hono-r span{
    margin-top: 118.5px;
}
.hom-hono-l span,.hom-pro-l span,.hom-enter-exh-l span{
    background: url(/images/ico01.png) no-repeat center;
    background-size: 100% auto;
}
.hom-hono-r span,.hom-pro-r span,.hom-enter-exh-r span{
    background: url(/images/ico01.png) no-repeat center;
    background-size: 100% auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.hom-hono-l span:hover,.hom-pro-l span:hover,.hom-enter-exh-l span:hover{
    background: url(/images/ico02.png) no-repeat center;
    background-size: 100% auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.hom-hono-r span:hover,.hom-pro-r span:hover,.hom-enter-exh-r span:hover{
    background: url(/images/ico02.png) no-repeat center;
    background-size: 100% auto;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.hom-hono-img{width: 194px;height: 269px;overflow: hidden;}
.hom-hono-img img{width: 100%;vertical-align: middle;}
.hom-hono-nei ul li a{display: block;}
.hom-hono-nei ul li a p{font-size: 18px;color: #999999;text-align: center;margin-top: 10px;}
/*溢出显示方式*/
.over-spot{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

/*鼠标样式*/
.cursor-hand{
    cursor: pointer;
    cursor: hand;
}

/*清楚图片冗余*/
.ver-alig-m{
    vertical-align: middle;
}

/*固定宽度尺寸*/
.width-1200{
    width: 1200px;
    margin: auto;
}
.width-1024{    width: 1024px;}
.width-1002{    width: 1002px;}
.width-100p{width: 100%;}
.hom-abt-exh{    margin-top: 40px;}
















/*新闻列表*/
.news {
    background:#F9F9F9;
    padding:25px 0
}
.focus {
    width:80%;
    margin:0 auto
}
.fc_tit {
    text-align:center;
    height:75px;
    line-height:75px;
    margin-bottom:40px;
    background:url(/images/bor1.png) no-repeat bottom;
}
.fc_tit a {
    color:rgb(39, 73, 130);
    font-size:30px;
    text-transform:uppercase;
}
.fc_tit em {
    display:block;
    color:#c2c2c2;
    font-size:20px;
}
.focus_con {
    height:434px;
    overflow:hidden;
}
.fs_lt {
    float:left;
    width:96%;
    /*border-bottom:4px solid rgb(39, 73, 130);*/
    height:362px;
}
.fs_lt>div:hover{background: rgba(67, 67, 67, 0.15);transition: all .5s;}
.fs_lt_l{
     float: left;
     width:20%;
     background:rgba(67, 67, 67, 0.52);
     height:60px;
}

.fs_lt_l h1{
    color:#FFFFFF;
    padding: 17% 16%;
}
 .fs_lt img{
     width: 100%;
     height: 100%;
 }
.fs_lt h1{
    font-size:0.9rem;
}
.fs_lt_r{
    float: left;
    width: 19.6%;
    background: rgba(210, 210, 210, 0.24);
    height: 60px;
    border: 1px solid #F9F9F9;
    margin-top: -0.6px;
}

.fs_lt_r h1{
    color: #434343;
    padding: 17% 16%;
}
.lt {
    position:absolute;
    left:11px;
    top:66px;
    background:url(/images/lt.png) no-repeat;
    width:40px;
    height:40px;}
.rt {    position:absolute;    right:11px;    top:66px;    background:url(/images/rt.png) no-repeat;    width:40px;    height:40px;}
.fs_wrp {    width:330px;    overflow:hidden;}
.fs_wrp li {    float:left;    width:303px;}
.fs_wrp li a, .fs_wrp li img {    display:block;    width:330px;    height:172px;}
.fs_txt {    color:#666;    font-size:14px;    line-height:26px;    height:78px;    overflow:hidden;    margin:12px 0 15px;    padding:0 0 0 0;}
.fs_rt {    width:51%;    float:right;}
.fs_more {    display:block;    border:2px solid rgb(39, 73, 130);    width:94px;    height:25px;    color:rgb(39, 73, 130);    font-size:14px;    text-align:center;    line-height:25px;}
.fs_more:hover {    display:block;    border:2px solid rgb(39, 73, 130);    width:94px;    height:25px;    color:#fff;    font-size:14px;    text-align:center;    line-height:25px;    background:rgb(39, 73, 130)}
.fs_rt h4 {    height:47px;    line-height:47px;    overflow:hidden;    zoom:1;    margin-bottom:20px;    background:url(/images/n_line.gif) 293px 22px no-repeat;}
.fs_rt h4 .n_more {    float:right;    font-weight:normal;    color:#333;    font-size:14px;    padding-right:18px;}
.fs_rt h4 .n_name {    color:#333;    font-size:20px;    background:url(/images/lk_line.gif) right center no-repeat;    padding-right:10px;}
.fs_rt h4 .n_namesnone {}
.fs_rt h4 .cur {    color:rgb(202, 21, 31);}
.n_list {}
.n_list li {    height:94px;    overflow:hidden;    zoom:1;    border-bottom:1px solid #e0e0e0;    margin-bottom:40px;    _margin-bottom:36px;}
.n_list dl {    float:left;    width:82%;}
.n_list dt {    height:32px;    line-height:32px;    overflow:hidden;}
.n_list dt a {    color:#333;    font-size:16px;}
.n_list dd {    color:#666;    font-size:14px;    line-height:24px;    height:48px;    overflow:hidden;}
.n_list dd a {    color:#333;}
.n_list li span {    float:right;    width:16%;    height:80px;    line-height:40px;    padding-top:10px;    text-align:center;    background:rgb(39, 73, 130);    color:#fff;    font-size:16px;    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.n_list li b {    font-size:30px;    display:block;}
.n_list .n_top span {    background:#AD0000;}
.n_list .n_top span b {    font-size:30px;    margin-top:14px;    font-family:"Microsoft Yahei";}
.news_list {    width:859px;    height:115px;    border-bottom:1px solid #e5e4e2}
.news_list_left {    width:166px;    height:98px;    float:left}
.news_list_right {    width:680px;    height:110px;    float:left;    margin-left:13px;}
.news_list_right a {    text-decoration: none}
.news_list_right h4 {    width:680px;    height:25px;    display:block}
.news_list_right h4 a {    font-size:14px;    color:#e20316;    font-weight:bold}
.news_list_right h4 a:hover {    text-decoration:underline}
.news_list_right p {    width:680px;    height:75px;    display:block}
.news_list_right p a {    color:#a9a6a6;    font-size:12px;}
.news_list_right p a:hover {    color:#bf3131;}
.news_list_right p .details {    color:#494848}
.news_list_right p span {    display:block;    color:#a9a6a6;    font-size:12px;    text-align:right;    float:right}
.news_list {    margin-top:20px;}
/*底部*/
.footer {    margin-top: 40px;    overflow: hidden;    background-color: #222733;    color: #93959b;    font-size: 1.8rem;    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.footer a {    color: #93959b !important;}
.link-block{    margin-top: 1rem;}
.link-block li {    line-height: 1.6rem;}
.link-block ul li a{    font-size: 15px;}
.col-5-1{    width: 14.4%;    margin-right: 2%;    float: left;    padding-bottom:2%;}
.col-5-1 p{font-size: 14px;}
.col-5-1 h1{    font-size: 1.1rem;       font-weight: 300; color: #fff;}
.col-3-1 {     float: left;   width: 33.3333%;  margin: 2% 0 4rem 0;}
.typo_img {
    float: left;
    margin-right: 20px;
    margin-bottom: 12px;
}
.typo_text {
    overflow: hidden;
    cursor: pointer;
}
.typo_text p:first-child {
    margin-bottom: 5px;
}
.typo_text p {
    line-height: 1.8;
    font-size: 16px;
}
.module-divider {    height: 1px;    overflow: hidden;    background-color: #4e5058;   margin-top: 25px;    clear: both;}
/* ============================= bottom ============================= */
.bottom {
    overflow: hidden;
    background: #1c202a;
    color: #93959b;

    font-size: 1rem;
}






/*
.footer {    width:100%;font-size: 1.1rem}
.recur_top {    width:41px;    height:32px;    background-color:rgb(39, 73, 130);    margin:0px auto; text-align:center;vertical-align:middle;    line-height:32px;}
.recur_top a {    text-decoration:none;    color:#fff;}
.footer1 {    width:100%;    height:236px;   /!* border-bottom:1px solid #CA151F; *!/   border-top:3px solid #bf3131;    background-color: #f1f1f1;}
.footer_middle {       width: 1166px;   height:203px;    margin:0px auto;}
.footer_middle_logo {    width:222px;    height:147px;    border-right:1px solid #e6e3e4;    margin-top:30px;    float:left}
.footer_middle_nav {    width:191px;    margin-left:35px;    height:147px;    border-right:1px solid #e6e3e4;    float:left;    margin-top:30px;}
.footer_middle_nav ul li {       width: 5rem;    float:left;    display:block}
.footer_middle_nav ul li a {    display:block;    height:28px;    text-decoration:none;    color:#666666;    text-align:left;    vertical-align:middle;    line-height:28px;font-size: 1.1rem}
.footer_middle_nav ul li a:hover {    color:#bf3131}.footer_middle_nav ul .footer_middle_motorcycle_type_bt {    width:220px;    text-align:left;      color:#333333;padding-bottom: 10px}
.footer_middle_motorcycle_type {    width:158px;    height:147px;    border-right:1px solid #e6e3e4;    float:left;    margin-top:30px;}
.footer_middle_motorcycle_type ul li a {    display:block;    width:7rem ;height:28px;    text-decoration:none;    color:#666666;    margin:0px 0px 0px 40px;    text-align:left;    vertical-align:middle;    ine-height:28px;}
.footer_middle_motorcycle_type ul li a:hover {    color:#bf3131}
.footer_middle_motorcycle_type ul .footer_middle_motorcycle_type_bt {      color:#333333;    text-align:center;padding-bottom: 10px}
.contact_us {    width:440px;    height:147px;    border-right:1px solid #e6e3e4;    float:left;    margin-top:30px;}
.contact_us ul li {    display:block;    width:400px;    height:30px;    text-decoration:none;    color:#666666;    margin:0px 0px 0px 30px;    text-align:left;    vertical-align:middle;   line-height:25px;}
.contact_us ul .contact_us_bt {      color:#333333;}
.contact_us ul li span {    padding-left:10px;}
.contact_us ul li a{color: #CA151F}
.two_dimension_code {    width:110px;    height:147px;    float:right;    margin-top:30px;}
.two_dimension_code div {    width:110px;    height:30px;    text-align:center;    vertical-align:middle;    line-height:30px;}
.two_dimension_code img {    display:block;    margin:0px auto}
.footer_below {    width:100%;    height:39px;    background-color:#363434;    text-align:center;    vertical-align:middle;    line-height:39px;    margin-top:1px;}
*/


.index_one{ width:90%; margin:auto;  padding-top:2%;    overflow: hidden;}
.index_one_left{width: 47%;float: left;}
.index_one_left img{ width:100%; height:100%;}
.index_one_right{width: 50%;float: right;}
.index_one_right h1{color: #043873;font-size: 1.6em;margin-bottom: 3%;}
.index_one_right h2{    color: #000;    font-size: .92em;    line-height: 1.7em;    text-align: justify;}
.index_one_right h3{    width: 30%;border: 1px solid #043873;text-align: center;line-height: 2em;font-size: 1em;margin-top: 4%;}
.index_one_right h3 a{color:#043873;}
::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 4px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
    border-radius: 4px;
}