@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-09-28 09:52:13
 * @version $Id$
 */
/*reset*/
*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,div,ul,ol,li,dl, dt, dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,th,td,img,select,input,textarea{margin:0;padding:0;} 
ol,ul,li{list-style:none;} 
fieldset,img{border:0;}
img{display:block;}
label,button{cursor:pointer;}
select,input,textarea,button{outline:none;font-family:'PROXIMANOVA-REGULAR';cursor:pointer;} 
textarea{resize:none;overflow:hidden;}
h1,h2,h3,h4,h5,h6,strong{font-size:16px; font-weight:normal;}
table,table td{border-collapse:collapse; border-spacing:0;}  
body{background:#fff;color:#303030;font-size:16px;font-family:'PROXIMANOVA-REGULAR';line-height: 24px;overflow-x: hidden;} 
a{text-decoration:none;color:#303030;display: block;} 
em,i{font-style:normal;}
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.enlarge{transform: scale(1.2);transition: .5s;}
.narrow{transform: scale(1);transition: .5s;}
/* comment */
.clearfix:after{content:"\200B";display:block;height:0;clear:both;} 
.clearfix{*zoom:1;}/*IE7/6*/
.fl{float:left;}
.fr{
    float: right;
}
.wrapper{width:1200px;margin:0 auto;}
.bd{
    overflow: hidden;
}

@font-face {
  font-family: 'PROXIMANOVA-BOLD';
  src:  url('../fonts/PROXIMANOVA-BOLD.eot?xcj05n');
  src:  url('../fonts/PROXIMANOVA-BOLD.eot?xcj05n#iefix') format('embedded-opentype'),
    url('../fonts/PROXIMANOVA-BOLD.ttf?xcj05n') format('truetype'),
    url('../fonts/PROXIMANOVA-BOLD.woff?xcj05n') format('woff'),
    url('../fonts/PROXIMANOVA-BOLD.svg?xcj05n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PROXIMANOVA-REGULAR';
  src:  url('../fonts/PROXIMANOVA-REGULAR.eot?xcj05n');
  src:  url('../fonts/PROXIMANOVA-REGULAR.eot?xcj05n#iefix') format('embedded-opentype'),
    url('../fonts/PROXIMANOVA-REGULAR.ttf?xcj05n') format('truetype'),
    url('../fonts/PROXIMANOVA-REGULAR.woff?xcj05n') format('woff'),
    url('../fonts/PROXIMANOVA-REGULAR.svg?xcj05n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9tq6dp');
  src:  url('../fonts/icomoon.eot?9tq6dp#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9tq6dp') format('truetype'),
    url('../fonts/icomoon.woff?9tq6dp') format('woff'),
    url('../fonts/icomoon.svg?9tq6dp#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-share:before {
  content: "\e908";
}
.icon-social:before {
  content: "\e908";
}
.icon-tools:before {
  content: "\e909";
}
.icon-heart:before {
  content: "\e90d";
}
.icon-settings:before {
  content: "\e90e";
}
.icon-document-text:before {
  content: "\e90a";
}
.icon-printer-text:before {
  content: "\e90b";
}
.icon-schedule:before {
  content: "\e8b5";
}
.icon-expand_less:before {
  content: "\e5ce";
}
.icon-expand_more:before {
  content: "\e5cf";
}
.icon-format_list_bulleted:before {
  content: "\e241";
}
.icon-menu:before {
  content: "\e5d2";
}
.icon-play_circle_filled:before {
  content: "\e038";
}
.icon-play_circle_outline:before {
  content: "\e039";
}
.icon-chat-3:before {
  content: "\e918";
}
.icon-star:before {
  content: "\e919";
}
.icon-image:before {
  content: "\e906";
}
.icon-heart2:before {
  content: "\e91a";
}
.icon-message:before {
  content: "\e90f";
}
.icon-location-outline:before {
  content: "\e907";
}
.icon-export-outline:before {
  content: "\e910";
}
.icon-mail:before {
  content: "\e911";
}
.icon-eye-outline:before {
  content: "\e91b";
}
.icon-pie-graph:before {
  content: "\e092";
}
.icon-envelope:before {
  content: "\e900";
}
.icon-trophy:before {
  content: "\e925";
}
.icon-arrow-bold-up:before {
  content: "\e901";
}
.icon-chevron-left:before {
  content: "\e902";
}
.icon-chevron-right:before {
  content: "\e903";
}
.icon-chevron-with-circle-down:before {
  content: "\e926";
}
.icon-chevron-with-circle-left:before {
  content: "\e927";
}
.icon-chevron-with-circle-right:before {
  content: "\e928";
}
.icon-chevron-with-circle-up:before {
  content: "\e929";
}
.icon-circle-with-minus:before {
  content: "\e92a";
}
.icon-circle-with-plus:before {
  content: "\e92b";
}
.icon-export:before {
  content: "\e91c";
}
.icon-skype-with-circle:before {
  content: "\e912";
}
.icon-skype:before {
  content: "\e90c";
}
.icon-facebook-with-circle:before {
  content: "\e913";
}
.icon-google-with-circle:before {
  content: "\e914";
}
.icon-google:before {
  content: "\e91d";
}
.icon-instagram-with-circle:before {
  content: "\e91e";
}
.icon-instagram:before {
  content: "\e91f";
}
.icon-linkedin-with-circle:before {
  content: "\e915";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-tumblr-with-circle:before {
  content: "\e921";
}
.icon-tumblr:before {
  content: "\e922";
}
.icon-twitter-with-circle:before {
  content: "\e916";
}
.icon-twitter:before {
  content: "\e923";
}
.icon-youtube-with-circle:before {
  content: "\e917";
}
.icon-youtube:before {
  content: "\e924";
}
.icon-envelope2:before {
  content: "\e904";
}
.icon-home3:before {
  content: "\e905";
}
.icon-phone2:before {
  content: "\e942";
}
.icon-users:before {
  content: "\e972";
}
.icon-search:before {
  content: "\e986";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-share2:before {
  content: "\ea82";
}





.ln1{
     overflow:hidden;
    text-overflow:ellipsis;
    /*display:-webkit-box;*/
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.ln2{
     overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.ln3{
     overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}
.ln4{
     overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.ln5{
     overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
}
/* HEADER */
.header{
    height: 100px;
    border-bottom: 4px solid #e5e5e5;
	background:#fff;
}
.header.fixed{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	
}
.nav_top {
    padding-top: 22px;
}
.nav_top li a{
    color:#7d7d7d ;
    margin-right: 35px;
}
.nav_top li a:hover{
  text-decoration: underline;
}
.nav_top li a span,.second_nav li a img{
    display: inline-block;
    vertical-align: middle;
}
.nav>li{
    position: relative;
}
.nav>li>a{
    padding:0 25px;
    line-height: 50px;
    font-family: PROXIMANOVA-BOLD;
    font-size: 18px;
    position: relative;
}
.nav>li>a:after,.lang_set:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background: #c9c9c9;
}
.nav>li.on>a,.nav>li:hover>a{
    border-bottom: 4px solid #124064;
}
.nav>li:last-child a:after{
    display: none;
}
.second_nav,.second_nav01{
    background: #fff;
    width: 360px;
    padding: 20px 0;
    position: absolute;
    top: 54px;
    display: none;
    z-index: 3;
}
.second_nav01{
    width: 260px;
}
.second_nav>li,.second_nav01 li{
    padding: 0 15px;
}
.second_nav>li>a>img{
  width: 70px;
  height: 52px;
  margin-top: 4px;
}
.second_nav>li>a,.second_nav01 li a{
    padding: 0 5px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8;
}
.second_nav>li>a p{
    width: 245px;
    height: 60px;
    overflow: hidden;
}
.second_nav>li:last-child>a,.second_nav01 li:last-child a{
    border-bottom: 0;
}
.second_nav>li:hover,.second_nav01 li:hover{
    background: #f6821f;
}
.second_nav>li:hover a,.second_nav01 li:hover a{
  
    border-color: #f6821f;
}
.second_nav>li:hover>a,.second_nav01 li:hover a,.second_nav01 li:hover span{
    color: #fff;
}
.third_nav{
    position: absolute;
    top: 0;
    left: 360px;
    display: none;
    background: #fff;
    padding-bottom: 20px;
}
.third_nav>img{
  width: 340px;
  height: 230px;
    margin-bottom: 20px;
}
.third_nav li a{
    padding: 5px 30px;
    transition: .5s;
}
.third_nav li span,.second_nav01 li span{
    font-size: 12px;
    color: #626262;
    margin-right: 10px;
}
.third_nav li p{
    font-size: 14px;
    overflow: hidden;
}
.third_nav li:hover a{
  margin-left: 5px;
}
.second_nav>li:hover .third_nav{
    display: block;
}
.lang_set,.search{
    position: relative;
    padding: 15px;
    cursor: pointer;
}
.lang_set ul{
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50%;
    margin-left: -50px;
    display: none;
    background: #124064;
}
.lang_set ul li:hover {
	background: #0f3756;
}
.lang_set ul li a{
    width: 100px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}
.search form{
    position: absolute;
    z-index: 2;
    top: 50px;
}
.search form {
    position: absolute;
    top: 50px;
    right: 0;
    width: 220px;
    height: 32px;
    border-radius: 15px;
    padding: 0 10px;
    background: #124064;
    display: none;
}
.search form .m-text {
    float: left;
    height: 30px;
    line-height: 30px;
    width: 160px;
    border: none;
    outline: none;
    background: none;
    color: #fff;
}
.search form .m-submit {
    width: 35px;
    height: 35px;
    background: url('../img/icon01.png') no-repeat center center;
    border: none;
}
/* footer */
.icon-location-outline{
	font-size: 25px !important;
	margin-left: -3px !important;
}
.footer{
	overflow: hidden;
}
.footer_t{
    background: url('../img/footer-bg.jpg') 0 0 repeat;
    line-height: 30px;
}
.footer_t a:hover{
    text-decoration: underline;
}
.f_ttl{
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    font-family: PROXIMANOVA-BOLD;
    margin-bottom: 40px;
}
.footer_b{
    width: 100%;
    height: 55px;
    background: #0e3554;
    line-height: 55px;   
}
.footer_b p,.footer_b a{
    display: inline-block;
    color: #537895;
}
.footer_b a:hover{
  text-decoration:underline;
}
.index_pro,.index_way,.index_form{
    width: 400px;
    padding:50px 35px;
}
.index_pro{
  padding: 41px 35px;
}
.index_pro{
    width: 350px;
}
.index_form{
    width: 450px;
    background: #f28222;
}
.index_pro ul li a p{
    overflow: hidden; 
}
.index_pro ul li{
    margin-bottom: 15px;
}
.index_pro ul li a,.index_way li,.index_way li a,.index_form div span,.index_way .f_tips{
    color: #fff;
}

.index_pro ul li a:hover span{
    border-color: #fff;
}
.index_pro ul li a span{
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    float: left;
    margin:11px 10px 0 0;
}
.index_way li{
    padding: 10px 0;
}
.index_way li span{
  width: 25px;
    float: left;
    margin:5px 10px 0 0;
    font-size: 20px;
}
.index_way li p{
    overflow: hidden;
}
.share{
    padding-top: 20px;
}

.share a{
    display: inline-block;
    font-size: 30px;
}
.share a:hover{
    text-decoration: none;
}
.share a span{
    transition: .5s;
    text-align: center;
    color: #fff;
    font-size: 35px;
}
.share a span:hover{
    color: #f6821f;
}
.index_form div{
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
}
.index_form div input,.index_form div textarea{
    width: 345px;
    height: 40px;
    padding:0 10px;
    background: none;
    border: none;
    font-size: 16px;
}
.index_form div textarea{
    padding: 10px;
    height: 150px;
}
.index_form div img{
    margin-top: 12px;
}
.submit{
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #fff;
    font-family: PROXIMANOVA-BOLD;
    background: #08538e;
    border: 0;
    margin-top: 27px;
    transition: .5s;
}
.submit:hover{
    border-radius: 20px;
}

/* main-banner */
.main_banner{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.main_banner .bd{
    height:650px;
    width:1920px;
    position: relative;
    left: 50%;
    margin-left:-960px;
}
.main_banner .bd ul li{
    height: 650px;
    overflow: hidden;
}
.main_banner .hd {
    position: absolute;
    bottom:85px;
    left: 50%;
}
.main_banner .hd ul li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 4px solid #fff;
    float: left;
    margin-right: 10px;
    font-size: 0;
}
.main_banner .hd ul li.on{
    background: #00579e;
}
/* index_b01 */
.index_b01{
    background: #f2f2f2;
    padding-bottom: 50px;
}
.b01_inner_t{
    padding: 20px;
    background: #fff;
    margin:-60px -5px 40px 0;
    position: relative;
    z-index: 2;
}
.b01_inner_t li{
    width: 160px;
    height: 200px;
    margin-right: 5px;
}
.b01_inner_t li p{
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
}
.b01_inner_t li:hover p,.b01_inner_b_banner ul li .more:hover p,.b02_inner_banner  .bd li a:hover,.b03_inner_banner .con:hover p,.b04_inner_banner .bd li:hover a,.b04_inner_banner .bd li:hover .txt,.b04_inner_banner .bd li:hover .block_ttl,.b04_inner_faq a:hover p{
  text-decoration: underline;
}
.b01_inner_b_ttl a:hover ,.index_b02_inner>a:hover p,.index_b03_inner .block_ttl:hover,.b03_inner_banner .bd li a:hover{
  text-decoration: underline;
}
.b01_inner_t li .pic{
    width: 160px;
    height: 135px;
    overflow: hidden;
}
.b01_inner_t li .pic img{
  width: 160px;
  height: 135px;

    transition: .5s;
}
.b01_inner_t li:hover img{
    transform: scale(1.2);
}
.b01_inner_b_ttl a{
    font-size: 14px;
}
.b01_inner_b_ttl span{
    position: relative;
    font-size: 28px;
    font-family: PROXIMANOVA-BOLD;
    text-transform: uppercase;
    color: #4f4f4f;
    margin-right: 25px;
}
.b01_inner_b_ttl span:after{
    position: absolute;
    content: '';
    width: 2px;
    height: 15px;
    background: #4f4f4f;
    top: 50%;
    margin-top: -7px;
    right: -15px;
}
.b01_inner_b_ttl i{
    font-size: 16px;
}
.b01_inner_b_ttl i:hover{
  color: #124064;
  text-decoration: underline;
}
.b01_inner_b_banner{
    position: relative;
    margin-top: 35px;
}
.b01_inner_b_banner ul li{
    width: 380px;
    margin-right: 30px;

}
.b01_inner_b_banner ul li img{
  width: 380px;
  height: 285px;
}
.b01_inner_b_banner ul li a{
    width: 100%;
    color: #fff;
    position: relative;
}
.b01_inner_b_banner ul li .more{
     position: absolute;
     bottom:55px;
     left: 50%;
     margin-left: -150px;
    width: 300px;
    height: 0;
    padding: 0;
    text-align: center;
    background: rgba(242, 130, 34, .9);
    transition: .5s;
}
.b01_inner_b_banner ul li .more span{
    display: block;
    font-family:  PROXIMANOVA-BOLD;
    margin-top: 20px;
}
.b01_inner_b_banner ul li p.ttl{
    width: 300px;
    height: 55px;
    text-align: center;
    background: #124064;
    font-family: PROXIMANOVA-BOLD;
    line-height: 55px;
    margin: -30px auto 0;
    position: relative;
    z-index: 2;
}
.b01_inner_b_banner ul li:hover .more{
	height: 199px;padding: 25px;
}
.b01_inner_b_banner .prev,.b01_inner_b_banner .next,.b04_inner_banner .prev,.b04_inner_banner .next{
    position: absolute;
    width: 44px;
    height: 42px;
    top: 50%;
    margin-top: -21px;
    left: -60px;
}
.b01_inner_b_banner .next{
    left: auto;
    right: -60px;
}

/* index_b02_inner */
.index_b02{
    width: 100%;
    height: 550px;
    background: url('../img/index-ab.jpg') center center no-repeat;
}
.index_b02_inner{
    padding: 75px 140px 65px;
}
.block_ttl{
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 30px;
    font-family: PROXIMANOVA-BOLD;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.b02_inner_banner{
    position: relative;
    margin-bottom: 80px;
}
.b02_inner_banner  .bd li a{
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.b02_inner_banner  .hd{
    position: absolute;
    left: 50%;
}
.b02_inner_banner  .hd li{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255,.4);
    float: left;
    margin:20px 30px 0 0;
    font-size: 0;
}
.b02_inner_banner  .hd li.on{
    background: rgba(255, 255, 255,1);
}
.service_list a{
    width: 220px;
    height: 180px;
    background: rgba(255, 255, 255,.3);
    text-align: center;
    font-family: PROXIMANOVA-BOLD;
    color: #fff;
    padding: 35px 20px 0;
    margin-right: 10px;
    transition: .5s;
}
.service_list a .pic{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
}
.service_list a .pic .yellow{
    display: none;
}
.service_list a:hover{
    color: #f6821f;
    background: #fff;
}
.service_list a:hover .pic img{
    display: none;
}
.service_list a:hover .pic .yellow{
    display: block;
}

/* index_b03 */
.index_b03_inner{
    padding: 75px 0 45px;
}
.index_b03_inner .block_ttl{
    width: 680px;
    text-align: left;
    color: #303030;
    margin-bottom: 50px;
    position: relative;
}
.index_b03_inner .block_ttl:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background: #303030;
    left: 0;
    top: 50px;
}
.block_tips{
    font-size: 26px;
    font-family: PROXIMANOVA-BOLD;
    margin-bottom: 25px;
}
.b03_inner_banner{
    width: 680px;
    position: relative;
}
.b03_inner_banner .con span i{
    font-size: 88px;
    line-height: 88px;
    font-family: PROXIMANOVA-BOLD;
}
.b03_inner_banner .con span{
    font-size: 22px;
    text-align: center;
    padding: 0 20px;
}
.b03_inner_banner .con p{
    width: 455px;
    height: 120px;
    overflow: hidden;
}
.b03_inner_banner .con h2 img{
    display: inline-block;
    margin: 40px 0 0 10px;
}
.b03_inner_banner .hd {
    position: absolute;
    bottom: 7px;
    left:135px;
}
.b03_inner_banner .hd li,.faq_banner .hd li{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #d2d2d2;
    float: left;
    margin-right: 10px;
    font-size: 0;
}
.b03_inner_banner .hd li.on,.faq_banner .hd li.on{
    background: #124064;
}
.b03_inner_pic{
    width: 520px;
    margin-top: -110px;
}
.b03_inner_pic .img,.b03_inner_pic .img .cover{
    width: 260px;
    height: 195px;
    position: relative;
}
.b03_inner_pic .img .cover{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(18, 64, 100, .8);
    color: #fff;
    text-align: center;
    padding: 40px;
    display: none;
}
.b03_inner_pic .img .cover span{
    display: block;
    font-family: PROXIMANOVA-BOLD;
    font-size: 14px;
    margin-bottom:15px;

}
.b03_inner_pic .img:hover .cover{
    display: block;
}

/* index_b04 */
.index_b04{
    background: url('../img/case-bg.jpg') 0 0 repeat;
    border-bottom: 4px solid #fff;
}

.index_b04 .block_ttl{
    text-align: left;
    position:relative;
    margin-bottom: 50px;
}
.index_b04 .block_ttl:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background: #185483;
    left: 0;
    top: 50px;
}
.b04_inner_banner {
    position: relative;
}
.b04_inner_banner .bd .txt{
    width: 400px;
    height: 500px;
    position: absolute;
    color: #fff;
    padding: 60px 60px 30px 30px;
    background: url('../img/case-txt-bg.png') center center no-repeat;
}
.b04_inner_banner .bd .txt .ttl{
    font-family: PROXIMANOVA-BOLD;
    padding-right: 20px;
    font-size: 20px;
    margin-bottom: 30px;
    height: 72px;
}
.b04_inner_banner .bd .txt .con{
    height: 120px;
}
.b04_inner_banner .bd .txt span{
    display: block;
     font-family: PROXIMANOVA-BOLD;
     margin-top:40px;
     font-size: 20px;
}
.b04_inner_banner .bd .txt span i{
    font-size: 34px;
}
.b04_inner_banner .prev{
    left:330px;
}
.b04_inner_banner .next{
    left: auto;
    right: -21px;
}
.b04_inner_faq{
    width: 100%;
    height: 280px;
    background: url('../img/faq.jpg') center center no-repeat;
    margin-top: 50px;
    padding: 55px 100px 55px 0;
}
.faq_banner{
    width: 710px;
    line-height: 30px;
    position: relative;
}
.faq_banner .ttl,.service_list li .cover .ttl,.faq_list li .ttl,.inquiry .ttl span{
    font-size: 20px;
     font-family: PROXIMANOVA-BOLD;
     text-align: center;
     margin-bottom: 30px;
}
.faq_banner .hd{
    position: absolute;
    left: 50%;
    margin-top: 30px;
}

/* sub-banner */
.sub_banner {
    width: 100%;
    height: 265px;
    position: relative;
    overflow: hidden;
}
.sub_banner img {
    width: 1920px;
    height:265px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.bread_nav{
    height: 38px;
    background: url('../img/bread_nav_bg.jpg') center center no-repeat;
    margin-top: -19px;
    position: relative;
    z-index: 2;
    padding-left: 156px;
    line-height: 38px;;
    color: #929292;
}
.bread_nav a{
    display: inline-block;
    color: #929292;
}
.bread_nav a.on,.bread_nav a:hover{
    color: #f6821f;
}
.main_con{
    padding: 40px 0 100px;
}
.c_ttl{
    font-size: 26px;
     font-family: PROXIMANOVA-BOLD;
     text-transform: uppercase;
    text-align: center;
    position: relative;
    margin-bottom:60px;
}
.c_ttl:after{
    content: '';
    width: 250px;
    height: 20px;
    background: url('../img/c_ttl_bg.png') center center no-repeat;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -125px;
}
.c_tips{
    margin: 20px auto 40px;
    width: 865px;
    text-align: center;
}
.about_con{
    line-height: 40px;
    margin: 20px 0;
}
.about_service .c_ttl{
    margin-bottom: 20px;
}
.about_service .c_ttl:after,.contact .c_ttl:after{
    display: none;
}
.service_list01{
    margin-right: -30px;
}
.service_list01 li{
    width: 380px;
    height: 600px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}
.service_list01 li .cover{
    width: 320px;
    height: 120px;
    position: absolute;
   bottom: 50px;
    left: 30px;
    background: rgba(19, 23, 25, .6);
    color: #fff;
    padding: 50px 20px;
    text-align: center;
    transition: .5s;
}
.service_list01 li .cover .ttl{
	font-size: 20px;
     font-family: PROXIMANOVA-BOLD;
     margin-bottom: 30px;
}
.service_list01 li .cover .con{
    margin-bottom: 30px;
    opacity: 0;
    filter: Alpha(opacity=0);
}
.service_list01 li:hover .cover{
    height:530px;
    overflow: hidden;
}
.service_list01 li:hover .con{
    opacity: 1;
    filter: Alpha(opacity=100);
}
.faq_list li{
    padding: 70px 60px 40px 80px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 30px;
    position: relative;
    margin-top: 70px;
    transition: .3s;
}
.faq_list li img{
    position: absolute;
    left: 50%;
    margin-left: -43px;
    top: -43px;
}
.faq_list li:hover{
    background: #fe8301;
    border-color: #fe8301;
    color: #fff;
}
.contact .c_ttl{
	margin-bottom: 30px;
}
.contact_way{
    width: 760px;
    margin: -110px auto 0;
    background: #fff;
    padding: 30px;
    position: relative;
    z-index:2;
}
.contact_way li{
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}
.contact_way li a:hover p,.contact_way li:hover p a{
  text-decoration:underline;
}
.contact_way li span{
    display: block;
    width: 38px;
    height: 38px;
    padding-left: 10px;
    margin: 0 auto 15px !important;
    background: #124064;
    color: #fff;
    border-radius: 50%;
    line-height: 38px;
    transition: .5s;
}
.contact_way li span.icon-location-outline{
  padding-left: 7px;
}
.contact_way li:hover span{
    background: #fe8301;
}
.inquiry .ttl{
    height: 40px;
    line-height: 40px;
    background: #124064;
    color: #fff;
}
.inquiry .ttl span{
    display: inline-block;
    padding: 0 15px;
    margin-right: 15px;
    position: relative;
}
.inquiry .ttl span:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #fff;
    top: 50%;
    margin-top: -6px;
    right: 0;
}
.inquiry form{
    padding: 30px 50px;
    border: 1px solid #ddd;
    text-align: center;
}
.inquiry form div{
    margin-bottom: 20px;
}
.inquiry form div span{
    width: 110px;
    text-align: right;
    float: left;
}
.inquiry form div span i{
    color: #df0000;
}
.inquiry form div input,.inquiry form textarea{
    width: 950px;
    height: 30px;
    border: 1px solid #ddd;
    padding: 0 10px;
    margin-left: 10px;
}
.inquiry form textarea{
    height: 150px;
    padding: 10px;
}
.inquiry form .submit02,.inquiry form .reset{
    width: 155px;
    height: 30px;
    margin-right: 25px;
    padding-left: 45px;
    border: 0;
    color: #fff;
    background: url('../img/message.png') 40px 6px no-repeat #f03f22;
    transition: .5s;
}
.inquiry form .reset{
    background: url('../img/drafts.png') 40px 6px no-repeat #f6821f;
}
.inquiry form .submit02:hover,.inquiry form .reset:hover{
    border-radius: 15px;
}
.pro_list{
    margin-right: -25px;
}
.pro_list li{
    width: 280px;
    height: 430px;
    margin:0 25px 40px 0;
}
.pro_list li .pic{
    width: 280px;
    height: 209px;
    overflow: hidden;
}
.pro_list li .pic img{
  width: 280px;
  height: 209px;
}
.pro_list li .pic img,.case_list ul li  .pic img,.news_list ul li .pic img,.pro_relative .bd li .pic img{
    transition: .5s;
}
.pro_list li .txt{
    height: 220px;
    padding:25px 20px;
    border: 1px solid #ccc;
}
.pro_list li .txt .ttl{
    font-family:  PROXIMANOVA-BOLD;
    margin-bottom: 10px;
}
.pro_list li .txt .con{
    height: 72px;
}
.pro_list li .txt a.btn_a{
    display: inline-block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    margin: 20px 5px 0 0;
    text-align: center;
    color: #636363;
    font-size: 13px;
}
.pro_list li:hover img,.case_list ul li a:hover .pic img,.news_list ul li:hover .pic img,.pro_relative .bd li:hover .pic img{
    transform: scale(1.2);
}
.pro_list li .txt a.btn_a:hover{
    background:  #fe8301;
    color: #fff;
    border-color:  #fe8301;
    font-weight: bold;
}
.c_ttl01{
    font-size: 20px;
    text-align: center;
}
.c_tips01{
    color: #696969;
    font-size: 14px;
    text-align: center;
    margin: 20px 0 30px;
}
.news_txt{
    line-height: 30px;
    color: #696969;
    margin-bottom:50px;
}
.news a{
	display: inline-block;
}
.share01{
    margin: 30px 0;
    font-size: 14px;
}
.share01 img{
  display: inline-block;
  vertical-align: middle;
}
.news_link .ttl{
    width: 100%;
    height: 34px;
    background: url('../img/link_bg.jpg') center center no-repeat;
    color: #fff;
    font-family:  PROXIMANOVA-BOLD;
    line-height: 34px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}
.news_link p span,.case_banner .bd li .txt .ttl,.case_banner .bd li .txt .tips{
    font-family:  PROXIMANOVA-BOLD;
}
.news_link p a{
    display: inline-block;
    margin:0 0 10px 10px;
    color:  #fe8301;
}
.news_link p a:hover{
    text-decoration: underline;
}
.case_banner{
    position: relative;
}
.case_banner .bd li{
    height: 360px;
}
.case_banner .bd li a>img{
  width: 540px;
  height: 360px;
}
.case_banner .bd li .txt{
    width: 660px;
    height: 360px;
    background: #ededed;
    padding: 40px;
}
.case_banner .bd li .txt .ttl{
    text-transform: uppercase;
    font-size: 20px;
    color: #fe8301;
}
.case_banner .bd li .txt .tips{
    margin: 35px 0 20px;
}
.case_banner .bd li .txt .con{
    color: #696969;
    margin-bottom: 25px;
}
.case_banner .bd li .txt h2{
    display: block;
    width: 160px;
    height: 35px;
    background:  #fe8301;
    text-align: center;
    color: #fff;
    line-height: 35px;
    transition: .5s;
}
.case_banner .bd li .txt h2:hover{
	border-radius: 20px;
}

.case_banner .bd li .txt h2 img{
    display: inline-block;
}
.case_banner .hd{
    position: absolute;
    bottom: 40px;
    left: 580px;
}
.case_banner .hd li{
    width: 14px;
    height: 14px;
    float: left;
    background: url('../img/point_09.png') center center no-repeat;
    margin: 2px 20px 0 0;
    font-size: 0;
}
.case_banner .hd li.on{
    width: 18px;
    height: 18px;
    margin-top: 0;
    background-image:  url('../img/point_06.png');
}
.case_list>.ttl,.news_list>.ttl{
    margin: 40px 0 20px;
    line-height: 30px;
    color: #696969;
}
.case_list>.ttl span,.news_list>.ttl span{
    font-family:   PROXIMANOVA-BOLD;
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
    padding-right: 25px;
    margin-right: 15px;
    color: #303030;
}
.case_list>.ttl span:after,.news_list>.ttl span:after{
    content: '';
    width: 1px;
    height: 12px;
    background: #696969;
    position: absolute;
   bottom: 5px;
    right: 0;
}
.case_list ul{
    margin-right: -30px;
}
.case_list ul li{
    margin:0 30px 35px 0;
}
.case_list ul li a{
    width: 380px;
    height: 540px;
    border: 1px solid #ccc;
    padding: 20px 15px;
}
.case_list ul li .ttl,.news_banner .hd  li .ttl,.news_list ul li .ttl{
    font-family:  PROXIMANOVA-BOLD;
    height: 65px;
}
.case_list ul li .pic{
    width: 340px;
    height: 255px;
    overflow: hidden;
    margin: 25px 0;
}
.case_list ul li .pic img{
  width: 340px;
  height: 255px;
}
.case_list ul li .con{
  height: 72px;
    color: #696969;
}
.case_list ul li span{
    display: block;
    width: 157px;
    height: 34px;
    border: 3px solid #ccc;
    color: #848484;
    text-align: center;
    font-family:  PROXIMANOVA-BOLD;
    margin-top: 15px;
    transition: .5s;
}
.case_list ul li a:hover span{
    border-color: #f6821f;
    color: #f6821f;
}
.pagination a,.pagination span{
    display: inline-block;
    margin-right: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #e9e9e9;
    text-align: center;
    font-family:  PROXIMANOVA-BOLD; border-radius: 5px;
}
.pagination span{
    background: #fff;
}
.pagination{
    position: absolute;
    left: 50%;
}
.pagination .page{
    width: 100px;
    height: 30px;
    background: #124064;
    color: #fff;
    font-size: 13px;
}
.pagination a.on,.pagination a:hover{
    background: #f28222;
    color: #fff;
}
.pagination form{
  display: inline-block;
}
.pagination form select,.pagination form  input{
  width:120px ;
  height: 30px;
  border: 1px solid #124064;
  background: #124064;
    color: #fff;
    border: 0;
    font-family: PROXIMANOVA-BOLD;
    font-size: 16px;
    border-radius: 5px;
}
.pagination form  input{
  width: 40px;
    height: 29px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: url('../img/icon01.png') no-repeat center center #124064;
    font-size: 0;
    margin-left: 10px;
}
.pagination form  input:hover{
  background: url('../img/icon01.png') no-repeat center center #f28222;
}
.pagination form select{
  width: 100px;
  padding-left: 27px;
      background: #e9e9e9;
      color: #303030;
}
.news_banner .bd li{
    width: 700px;
    height: 525px;
    position: relative;
}
.news_banner .bd li p{
    width: 700px;
    height: 70px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    bottom: 0;
    color: #fff;
    font-family:   PROXIMANOVA-BOLD;
    font-size: 20px;
    line-height: 70px;
    padding-left: 20px;
}
.news_banner .bd li p span{
    display: inline-block;
    width: 585px;
}
.news_banner .hd li a{
    width: 485px;
    height: 175px;
    padding:15px;
    border-bottom: 1px dashed #ccc;
}
.news_banner .hd li .txt{
    width: 290px;
}
.date{
    font-size: 14px;
    color: #696969;
    margin: 5px 0;
}
.news_banner .hd li:hover,.news_banner .hd li.on{
    background: #f1f1f1
}
.news_list ul{
    margin-right: -53px;
}
.news_list ul li {
    width: 260px;
    margin:0 53px 40px 0;
}
.news_list ul li .pic{
    width: 260px;
    height: 195px;
    margin-bottom:20px; 
    overflow: hidden;
}
.news_list ul li .date{
    font-size: 16px;
    color: #303030;
}

.pro_tabs_nav li{
  width: 299px;
  margin:0 1px 35px 0;
  font-size: 18px;
  text-align: center;
  line-height: 46px;
  background: #013f70;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.pro_tabs_nav li a{
  color: #fff;
}
.pro_tabs_nav li:after{
  content: '';
  position: absolute;
  width: 20px;
  height: 10px;
  background: url('../img/sanjiao.png') center center no-repeat;
  top: 46px;
  left: 50%;
  margin-left: -10px;
  display: none;
}
.pro_tabs_nav li.on,.pro_tabs_nav li:hover{
  background: #f6821f;
}
.pro_tabs_nav li.on:after{
  display: block;
}
.pro_tabs_block{
  position: relative;
  margin-bottom: 40px;
}
.pro_tabs_block>div{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.block01 dl{
  margin-bottom: 50px;
  line-height: 35px;
}
.block01 dl dt,.pro_relative .ttl{
    font-family:   PROXIMANOVA-BOLD;
}
.block02 table{
  width: 100%;
  text-align: center;
}
.block02 table td,.block02 table th{
  padding:10px 35px;
  border: 1px solid #ccc;
}
.block02 table tr:hover{
  background: #ebebeb;
}
.pro_relative{
  position: relative;
}
.pro_relative .ttl{
  font-size: 19px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 25px;
}
.pro_relative .ttl:after{
  content: '';
  width: 905px;
  height: 7px;
  background: url('../img/pro_ttl_bg.jpg') center center repeat-x;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 210px;
}
/* .pro_relative .bd ul{
  margin-right: 
} */
.pro_relative .bd li{
  width: 280px;
  margin:0 25px 40px 0;
}
.pro_relative .bd li p,.pro_t_txt .ttl{
  padding: 20px;
  text-align: center;
  font-family:    PROXIMANOVA-BOLD;
}
.pro_relative .bd li .pic img{
  width: 280px;
  height: 210px;
}
.pro_relative .bd li .pic{
  width: 280px;
  height: 210px;
  overflow: hidden;
}
.pro_relative .bd li .pic img{
   width: 280px;
  height: 210px;
}
.pro_relative .prev img,.pro_relative .next img{
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.pro_relative .prev img{
  right: 40px;
}

.main-top {
    width: 50px;
    height: 50px;
    background: #f28222;
    position: fixed;
    cursor: pointer;
    display: none;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
}
.pro_t{
  margin-bottom: 40px;
}
.pro_t_txt{
  width: 570px;
}
.pro_t_txt .ttl{
  text-align: left;
  font-size: 20px;
  padding: 0;
}
.pro_t_txt ul{
  padding: 20px 0;
  margin: 25px 0;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
}
.pro_t_txt ul li {
  margin-bottom: 10px;
}
.pro_t_txt ul li span{
  float: left;
  width: 6px;
  height: 6px;
  background: #bfbfbf;
  margin: 10px 15px 0 0;
}
.pro_t_txt ul li p{
  overflow: hidden;
}
.link a{
  width: 180px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  background: #f03f22;
  color: #fff;
  transition: .5s;
  margin-bottom: 25px;
}
.link a span{
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.link a:hover{
  border-radius: 20px;
}



#play{
  width:600px;
  height:455px;
  position:relative;
  overflow: hidden;
  background:#fff;
  border:1px solid #e9e9e9;
  margin:0 auto;
}
#play .img_ul {
  position: relative;
  z-index: 1;
  width:600px;
  height:455px;
}
#play .img_ul li{
  position: relative;
  z-index: 1;
  width:600px;
  height:455px;
  padding:10px;
  background:#fff;
}
#play .img_ul li img{position:absolute;}
.imgMove{width:600px;clear:both;margin:20px auto;position:relative;}
.img_hd {
  margin:0 auto;
  overflow: hidden;
  height:75px;
  position:relative;
  padding: 0 30px;
}
.img_hd ul {
  position: absolute;
  z-index: 1
}
.img_hd ul li {
  float: left;
  height:75px;
  width:100px;
  margin-right: 10px;
  cursor: pointer;
  background:#fff;
  border:1px solid #d4d4d4;
  position:relative;
}
.img_hd ul li p{
  height:75px;
  width:100px;
  display:block;
  background:#fff;
  position:relative;
  }

.img_hd ul li img {position:absolute;height:75px;width:100px;opacity: .6;}
.img_hd ul li.on img{opacity: 1;}
.imgMove .bottom_a {
  width:20px;
  height:75px;
  display: block;
  cursor: pointer;
  z-index: 10;
  float:left;
  top:15px;
  position:absolute;
  top: 0;
  background: #124064;
  color: #fff;
  text-align: center;
    line-height: 75px;
}
.imgMove .prev_a {left:0;}
.imgMove .next_a {right:0;}

.pro_tabs_block>.block01 h2{
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}


.news_pic img{
  margin-bottom: 20px;
}