/* Generated by wjdhcms 3.0 */







@charset "utf-8";







/*-----------CSS Reset-----------*/







::selection {







    background-color: #097dca;



     color: #FFF;



}







::-moz-selection {







    background-color: #097dca;







    color: #FFF;



}







::-webkit-selection {







    background-color: #097dca;



    color: #FFF;



}







::-webkit-scrollbar {



    width: 8px;



    height: 8px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-track {



    border-radius: 10px;



    background-color: #E2E2E2;



}







::-webkit-scrollbar-thumb {



    border-radius: 10px;



    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);



    background-color: #555;



}







* {



    padding: 0;



    margin: 0;



}







body {



    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;



    color: #333;



    margin: 0;



    line-height: 1.5;



}







:focus {



    outline: 1;



}







article,



aside,



canvas,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section,



summary {



    display: block;



}







a {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    vertical-align: baseline;



    background: transparent;



}







ins {



    background-color: #ff9;



    color: #000;



    text-decoration: none;



}







mark {



    background-color: #ff9;



    color: #000;



    font-style: italic;



    font-weight: bold;



}







del {



    text-decoration: line-through;



}







table {



    border-collapse: collapse;



    border-spacing: 0;



}







hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #cccccc;



    margin: 1em 0;



    padding: 0;



}







input,



select {



    vertical-align: middle;



}











li,



ul {



    list-style-type: none;



}







img {



    border: none;



}







a {



    color: #333;



    text-decoration: none;



    -webkit-transition: all .3s ease-out;



    transition: all .3s ease-out;



}







a:link,



a:hover,



a:active,



a:visited {



    text-decoration: none;



}







input,



textarea {



    outline: 0;



    border: 0;



}







textarea {



    resize: none;



}







h1,



h2,



h3,



h4,



h5,



h6,



dl,



dd,



dt,



i,



em {



    font-weight: normal;



    font-style: normal;



}















/* 公共样式 */







.pull-left{



    float: left;



}



.pull-right{



    float: right;



}



.clear {



    clear: both;



}



.between{



    width: 1180px;



    margin:0 auto ;



}



/* bt */







.dbt{



    text-align: center;



    margin-top: 55px;



    margin-bottom: 30px;



    background:url(../images/bt1.jpg) no-repeat center;



}







.dbt h2{



    margin:0 auto;



    margin-top: -10px;



}



.dbt h3{



    margin:0 auto;



    margin-top: -10px;



}



.dbt h2 a{



    font-size: 24px;



    color:#097dca;  







}



.dbt i{



    display: block;



    height:20px;



    margin-top: 10px;



    margin: 0 auto;



    text-align: center;



    text-transform: uppercase;



    color: #999999;



    }



.dbt2 span{



    display: block;



    height:20px;



    background:url(../images/bt2.jpg) no-repeat center;



    margin-top: 10px;



    margin: 0 auto;



    text-align: center;



    text-transform: uppercase;



    }







.dbt h3 a{



    font-size: 24px;



    color:#097dca;  



}







/* bt  end */















/* 公共样式end */



/**banner**/



.banner{width:100%; margin:0 auto; position:relative; height:600px;}



.fullSlide{width:100%;position:relative;height:100%;background:transparent;}



.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}



.fullSlide .bd ul{height:100%;}



.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;}



.fullSlide .bd li a{display:block;height:100%;}



.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;}



.fullSlide .hd ul{text-align:center;margin-bottom:10px;}







.fullSlide .hd ul .on{background:#218d00;}



.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none;}



.fullSlide .next{left:auto; right:15%; background-position:-6px -137px;}







/**search**/







.search-box{



    width: 100%;



}



.search{



    width: 1180px; 



    margin:auto; 



    height:50px;



}



.keytext{



    width: 694px;



    height: 50px;



    line-height: 50px;



    float: left;



    font-size: 14px;



    margin-left: 114px;



}



.keytext span{



    line-height: 50px;



    color:#808080; 



}



.keytext a{



    margin: 0px 8px 0px 0px; 



    line-height:50px; 



    color:#808080;



}



.rmgj-n-r{ 



    float: right;



    margin-top: 11px;



    border-bottom: 1px solid #1b58a9;



    margin-right: 114px;



}



.text2{



    padding: 0px 0px 0px 10px;



    float: left;



    height: 28px;



    width: 200px;



    font-size: 14px;



    color: #999999;



    background: none;



    border-right: none;











	



}



.submit{



    width:44px; 



    height:30px; 



    border:0; 



    padding:0; 



    background:url(../images/search.png)no-repeat center; 



    float:left;



    cursor: pointer;







}



/* 合作 */



.hz-con{

height:146px;

overflow: hidden;



    position: relative;



}



.hz-con .lefts{ 



    background: url(../images/jt1.jpg) no-repeat 3px -0px;



    display: block;



    width: 16px;



    height: 26px;



    position: absolute;



    left: 0px;



    top:44px;



}



.hz-con .rights{ 



    background: url(../images/jt1.jpg) no-repeat -13px 0px;



    display: block;



    width: 16px;



    height: 26px;



    position: absolute;



    right: 0px;



    top: 44px;



}



.hz-con1 ul li{



    width: 226px;



    margin:0 10px;

	float:left;



}



.hz-con1 ul li>a{



    display: block;



    width: 226px;



    height: 122px;



    overflow: hidden;



    border:1px solid #ccc;



}



.hz-con1 ul li:hover>a{



    border:1px solid #097dca;



}



.hz-con1 ul li>a>img{



    width: 226px;



    height: 122px;



    -webkit-transition:all 1s;transition:all 1s



}



.hz-con1 ul li:hover>a>img{



    -webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);



}



.hz-con1 ul li>span{



    display: block;



    text-align: center;



}



.hz-con1 ul li>span a{



    display: block;



    width: 220px;



    height: 22px;



    overflow: hidden;



    margin:0 auto;



    color: #808080;



}



.hz-con1 ul li:hover>span a{



    color: #097dca;



}



.hz-con1{



    width: 988px;



    margin:0 auto;



    overflow: hidden;



}



/* 合作  end */



/* 特点 */



.td-1{



    background:#f0f0f0;



    height: 754px;



    margin-top: 55px;



}



.td-2{



    background:url(../images/bg1.jpg) no-repeat center;



    height: 754px;



}



.tb-3,.tb-4{



    width: 332px;



}



.tb-3{



    margin-top: 330px;



    margin-left: 100px;



}



.tb-3 span,.tb-4 span{



    margin-top: 40px;



    display: block;



}



.tb-3 span b,.tb-4 span b{



    color: #2572ca;



    font-size: 18px;



    font-weight: bold;



    display: block;



    margin-bottom: 10px;



}



.tb-3 span p,.tb-4 span p{



    color: #808080;



}



.tb-4{



    margin-right: 60px;



}



.tb-3 h4,.tb-4 h4{



    font-size: 22px;



    color: #fff;



}



.tb-3 h4{



    margin-top: 96px;



    margin-left: 106px;



}



.tb-4 h4{



    margin-top: 56px;



}



.tb-bt{



    width: 106px;



    writing-mode:tb-rl;



    margin-left: 138px;



    margin-top: 226px;



}



.tb-bt i{



    display: block;



    font-size: 18px;



    color: #fff;



    margin-right: 16px;



}



.tb-bt a{



    font-size: 26px;



    font-weight: bold;



    color: #fff;



}



/* 特点 end */



/* pro */



.pro{



    margin-top: 55px;



}



.pro-zbt h2 a{



    font-size: 24px;



    color: #fff;



    margin-left: 64px;



    padding-top: 18px;



    display: block;



}



.pro-zbt{



    width: 290px;



    height: 100px;



    background: #097dca;



}



.pro-zbt i{



    font-size: 18px;



    text-transform: uppercase;



    color:#fff;



    margin-left: 64px;



}



.pro-zcon ul{



    margin-top: 2px;



}



.pro-zcon ul li>a{



    font-size: 16px;



    color:#fff;



    margin-left: 64px;



    display: block;



    line-height: 100px;



    float: left;



}



.pro-zcon ul li{



    width: 290px;



    height: 100px;



    background: #097dca;



    margin-top: 1px;



    -webkit-transition: all .5s;



    -moz-transition: all .5s;



    -o-transition: all .5s; 



    -ms-transition: all .5s;



    transition: all .5s;







}



.pro-zcon ul li:hover{







    background: #253459;



    cursor: pointer;



}



.pro-zcon ul li b a{



    display: block;



    width: 9px;



    height: 15px;



    background: url(../images/jt2.png) no-repeat center;



    float: right;



    margin-top: 45px;



    margin-right: 20px;



}



.pro-zcon ul li:hover b a{



    margin-right: 40px;



}



.pro-y{



    margin-left: 30px;



}



.ybt ul li{



    float: left;



    margin-right: 20px;



}



.ybt ul li a{



    font-size: 16px;



    display: block;



    width: 160px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    background: #253459;



    color:#fff;



}



.pro-ycon{

height:436px;

overflow: hidden;



    margin-top: 22px;



    width: 854px;



}



.pro-ycon ul li{



    width: 276px;



    float: left;



    margin-right: 8px;



    margin-top: 8px;



}



.pro-ycon ul li>a{



    width: 276px;



    height: 170px;



    display: block;



    overflow: hidden;



}



.pro-ycon ul li>a>img{



    width: 276px;



    height: 170px;



    -webkit-transition:all 1s;transition:all 1s



}



.pro-ycon ul li:hover>a>img{



    -webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);



}



.pro-ycon ul li span{



    display: block;



    height: 40px;



    background: #ebebeb;



    text-align: center;



    -webkit-transition: all .5s;



    -moz-transition: all .5s;



    -o-transition: all .5s; 



    -ms-transition: all .5s;



    transition: all .5s;



}



.pro-ycon ul li:hover span{



    background: #097dca;



}







.pro-ycon ul li span a{



    color:#333;



    line-height: 40px;



}



.pro-ycon ul li:hover span a{



    color:#fff;



}



.ybt .on a{



    background: #097dca;



}



/* pro end */



/* ban1 */



.ban1{



    background: url(../images/s_banner1.jpg) no-repeat center;



    height: 140px;



}



.ban1-c p{



    font-size: 22px;



    font-weight: bold;



    color:#fff;



    float: right;



    margin-top: 18px;



    text-align: right;



    margin-right: 90px;



}



.ban1-c span{



    float: left;



    color: #fff;



    margin-top: 20px;



    margin-left: 90px;



    line-height: 20px;



}



.ban1-c span i b{



    font-size: 22px;



    display: block;



}



.ban1-c span a{



    display: block;



    width: 160px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    background: #fff;



    color:#1b58a9;



    margin-top: 10px;



}



.ban1-c span a:hover{



    color: #fff;



}



.ban1-c span a:hover{



    background: #4d4d4d;



}



/* ban1 end */



/* 理由 */



.ly{



    background: #f5f5f5;



    height: 817px;



}



.ly .dbt{



    background: url(../images/bt2.png) no-repeat center 50px;



    padding-top: 40px;



}



.dbt1{



    width: 470px;



    margin:0 auto;







}



.dbt1 h3{



    float: left;



    margin:0 auto;



    margin-left: 16px;



}



.dbt1 span{



    color: #999;



    display: block;



    width: 186px;



    float: left;



    margin-left: 10px;



    line-height: 21px;



    margin-top: 12px;



    text-align: left;



    font-size: 16px;



    margin-left: 10px;



}



.dbt1 h3 a{



    font-size: 36px;



    color:#2572ca; 



    font-weight: bold;



}



.ly-c{



    background: url(../images/bg4.png) no-repeat center;



    height: 670px;



}



.ly-c ul {



    width: 700px;



    margin:0 auto;



}



.ly-c ul li{



    float: left;



    width: 230px;



    margin-left: 102px;



    margin-top: 70px;



}



.ly-c ul li h4{



    font-size: 16px;



    font-weight: bold;



    color:#2572ca;



}



.ly-c ul li span{



    font-size: 16px;



    color: #2572ca;



}



.ly-c ul li p{



    color: #666666;



    margin-top: 20px;



}



.ly-c ul .ly-4,.ly-c ul .ly-3{



    margin-top: 160px;



}



/* 理由  end */







/* case */



.case-con-left ul li{



    margin:6px 0;



}



.case-con-left ul li a{



    font-size: 18px;



    color:#4c4c4c;



    display: block;



    width: 286px;



    height: 70px;



    border:1px solid #cccccc;



    line-height: 70px;



    text-align: center;







}



.case-con-right{



height:384px;

overflow: hidden;

    margin-left: 10px;



    background: #e6e6e6;



    padding: 20px;



    width: 836px;



    margin-top: 6px;



    height: 344px;



}



.case-con-right ul{



    width: 778px;



    margin:0 auto;



}



.case-con-right ul li>a>img{



    width: 370px;



    height: 270px;



    display: block;



}



.case-con-right ul li{



    width: 370px;



    float: left;



    margin:9px;



}



.case-con-right ul li span{



    display: block;



    background:#fff;



    height: 44px;



    line-height: 44px;



    -webkit-transition: all .5s;



}



.case-con-right ul li:hover span{



    background: #097dca;



}







.case-con-right ul li span>a{



    display: block;



    width: 200px;



    height: 44px;



    overflow: hidden;



    text-indent: 1rem;



    float: left;



    color: #666666;



}



.case-con-right ul li:hover span a{



    color: #fff;



}



.case-con-right ul li span b{



    float: right;



}



.case-con-right ul li span b a{



    display: block;



    width: 16px;



    height: 16px;



    background: url(../images/jh1.png) no-repeat center;



    margin-top: 14px;



    margin-right: 16px;



}



.case-con-right ul li:hover span b a{



    background: url(../images/jh2.png) no-repeat center;



}



.case-con-left .on{



 background:#097dca;



}



.case-con-left .on a{



    color: #fff;



    background:#097dca;



}



/* case  end */







/* wit */



.wit-con1 ul li{



    width: 530px;



    height: 190px;



    background: #f5f5f5;



    -webkit-transition: all .5s;



    margin:0 10px;



    



}



.wit-con1 ul li:hover{



    cursor:pointer;



    box-shadow:0px 0px 15px rgba(9,124,202,0.4);



    transform:translate3d(0,-2px,0);



}



.wit-con1 ul li>a>img{



    width: 144px;



    height: 144px;



    border-radius: 50%;



}



.wit-con1 ul li:hover>a{



     transform: rotate(30deg) scale(1.2);



     -webkit-transform: rotate(30deg) scale(1.1);











}



.wit-con1 ul li>a{



    width: 144px;



    height: 144px;



    border-radius: 50%;



    display: block;



    overflow: hidden;



    float: left;



    margin-top: 20px;



    margin-left: 20px;



    transition: All 0.6s ease-in-out;



    -webkit-transition: All 0.6s ease-in-out;







}



.wit-con2{



    width: 334px;



    margin-left: 24px;



    margin-top: 30px;



}



.wit-con2 h4 a{



    color:#2e2e2e;



    font-size: 16px;



}



.wit-con1 ul li:hover h4 a{



    color:#097dca;



}



.wit-con2 p{



    width: 300px;



    height: 40px;



    overflow: hidden;



    color:#666;



    margin-top: 10px;



}



.wit-con1 ul li:hover .wit-con2 p{



    color:#097dca;



}



.wit-con2>a{



    display: block;



    width: 100px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    border:1px solid #ccc;



    color:#4c4c4c;



    margin-top: 30px;



}



.wit-con1 ul li:hover .wit-con2>a{



    color:#215ace;



    border:1px solid #097dca;



}



.wit-con3 .lefts{ 



    background: url(../images/jt3.jpg) no-repeat 8px 0px;



    display: block;



    width: 21px;



    height: 38px;



    position: absolute;



    left: 0px;



    top: 78px;



}



.wit-con3 .rights{ 



    background: url(../images/jt3.jpg) no-repeat -13px -0px;



    display: block;



    width: 21px;



    height: 38px;



    position: absolute;



    right: 0px;



    top: 78px;



}



.wit-con3{



    position: relative;

height:190px;

overflow: hidden;



}



.wit-con1{



    width: 1080px;



    overflow: hidden;



    margin:0 auto;



}



/* wit end */



/* ban2 */



.ban2{



    background: url(../images/s_banner2.jpg) no-repeat center;



    height: 140px;



    margin-top: 40px;



}



.ban2-c p{



    font-size: 22px;



    font-weight:normal;



    color:#fff;



    float: left;



    margin-top: 18px;



    text-align: left;



    margin-left: 90px;



}



.ban2-c p b{



    font-size: 30px;



    padding-right: 10px;



}



.ban2-c span{



    float: right;



    color: #fff;



    margin-top: 20px;



    margin-right: 90px;



    line-height: 20px;



}



.ban2-c span i b{



    font-size: 22px;



    display: block;



}



.ban2-c span a{



    display: block;



    width: 160px;



    height: 30px;



    line-height: 30px;



    text-align: center;



    background: #fff;



    color:#1b58a9;



    margin-top: 10px;



}



.ban2-c span a:hover{



    color: #fff;



}



.ban2-c span a:hover{



    background: #4d4d4d;



}



/* ban1 end */



/* 简介 */







.us>a{



    display: block;



     width:522px;



    height: 328px;



    overflow: hidden;



    float: left;



}



.us>a>img{



    width:522px;



    height: 328px;



    overflow: hidden;







}



.us-con{



    background: #f5f5f5;



    width: 500px;



    height: 300px;



    margin-top: 20px;



    padding-left: 40px;



}



.us-con h4{



    margin-top: 20px;



}



.us-con h4 a{



    font-size: 20px;



    color:#666666;



    font-weight: bold;



}



.us-con h4 a i{



    font-size: 16px;



    text-transform: uppercase;



    font-weight: bold;



}



.us-con p{



    width: 480px;



    height: 124px;



    overflow: hidden;



    color: #808080;



    margin-top: 16px;



    margin-bottom: 30px;







}



.us-con>a{



    color: #666666;



    display: block;



    width: 160px;



    height: 30px;



    border: 1px solid #ccc;



    line-height: 30px;



    text-align: center;



}



.us-con>a:hover{



    background:#097dca;



    color: #fff;



}



/* 简介 */



/* 现场 */



.zh-bt ul li a{



    color:#fff;



    background: #253459;



    display: block;



    width: 180px;



    line-height: 40px;



    text-align: center;



    line-height: 40px;



}



.zh-bt ul li{



    margin:10px 0;



}



.zh-bt{



    padding-top: 68px;



}







.zh-con2 ul li>a>img{



    width: 284px;



    height: 190px;



}



.zh-con2 ul li{



    width: 284px;



    margin:0 10px;



}



.zh-con2 ul li span{



    display: block;



    text-align: center;







}



.zh-con2 ul li span a{



    color:#333;



}



.zh-con2{



    width: 900px;



    margin-left: 20px;



    margin-top: 18px;



}



.zh-con1{



    width: 960px;



    overflow: hidden;



}



.zh-con{



    position: relative;



}



.zh-con1 .lefts{ 



    background: url(../images/jt5.png) no-repeat 0px 0;



    display: block;



    width: 34px;



    height: 34px;



    position: absolute;



    left: 20px;



    top: 34px;



}



.zh-con1 .rights{ 



    background: url(../images/jt5.png) no-repeat 0px -50px;



    display: block;



    width: 34px;



    height: 34px;



    position: absolute;



    left: 20px;



    top: 80px;



}



.zh-bt .on a{



    background: #097dca;



}



.zh{



    margin-top: 20px;



    background: url(../images/bg3.jpg) no-repeat center left;



    height: 234px;

overflow: hidden;



}



/* 现场 end */



/* news */

.news{

height:402px;

overflow: hidden;

}

.news-con>ul{

margin-bottom:30px;

}

.news-con>ul li{



    float: left;



    margin-right: 10px;



}



.news-con>ul li a{



    display: block;



    width: 160px;



    height: 34px;



    line-height: 34px;



    background:#253459;



    color: #fff;



    text-align: center;



}



.news-con2>a>img{



    width: 380px;



    height: 234px;



}



.news-con2>a{



    float: left;



}



.news-con2 ul {



    width: 740px;



    float: right;



    margin-top: 30px;



}



.news-con2 ul li{



    float: left;



    margin:14px 10px;



    width: 320px;



    border-bottom: 1px solid #ccc;



    padding-bottom: 14px;



}



.news-con2 ul li h4{



    float: left;



    padding-left: 20px;



    -webkit-transition: all .5s;



    background:url(../images/zs1.jpg) no-repeat left;



}



.news-con2 ul li:hover h4{



    background:url(../images/zs2.jpg) no-repeat left;



}



.news-con2 ul li h4 a{



    font-size: 16px;



    color: #666666;



    display: block;



    width: 210px;



    height: 22px;



    overflow: hidden;



}



.news-con2 ul li:hover h4 a{



    color: #097dca;



}



.news-con2 ul li span{



    float: right;



    color: #666666;



}



.news-con2 ul li:hover span{



    color: #097dca;



}



.news-con ul .on >a{



    background:#097dca;



}



/* news  end */