@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;vertical-align:middle;max-width:100%;max-height:100%;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}
body{font-size:15px;font-family:"微软雅黑";overflow-x:hidden;color:#333;}
/* end reset */

/* public */
.main{max-width:1300px;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content:'';display: block;height:0;clear: both;visibility:hidden;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
h1,h2,h3,h4,h5{font-weight:normal;}
.fixed{position:fixed;left:0;top:0;z-index:999;}



.sidebar-wrapper { position: relative; height: 100%; overflow: auto;display:none;font-size:20px;}
#dowebok {background-color:rgba(0,0,0,.85);}
#dowebok .nav { margin-top: 80px; line-height: 60px; list-style-type: none;}
#dowebok .nav a { display: block;padding:0 20px; color: #fff; text-decoration: none;}
#dowebok .nav a:hover {background-color: #000;}
[data-simplersidebar='active']{box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.5);}


.banner{position:relative;}
.banner img{width:100%;}
.banner .pagination{position:absolute;left:0;bottom:20px; margin:auto;padding:0;text-align:center;width: 100%;z-index:30;}
.banner .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;background:#eee;cursor:pointer;opacity:1;border-radius:5px;-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.banner .swiper-pagination-bullet-active{background:#1dd1ac;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
/*.banner .banner_btn span.banner_prev,
.banner .banner_btn span.banner_next{cursor:pointer;position:absolute;display:inline-block;width:45px;height:45px;top:45%;z-index: 8}
.banner .banner_btn span.banner_prev{left:5%; background:#171108 url(../images/b_prev.png) no-repeat center center;}
.banner .banner_btn span.banner_next{right:5%; background:#171108 url(../images/b_next.png) no-repeat center center;}
.banner .banner_btn span.banner_prev:hover{background:#090a09 url(../images/b_prev.png) no-repeat center center;}
.banner .banner_btn span.banner_next:hover{background:#090a09 url(../images/b_next.png) no-repeat center center;}*/



.bannero{width:100%;}
.bannero img{width:100%;}


.header{background:#282828;border-bottom:2px solid #1dd1ac;}
.header_box{position:relative; height:100px;}
.header_box h1{height:100px; display:inline-block; line-height:100px; float:left;}
.header_box .user_btn,
.header_box .search_btn,
.header_box .en_btn,
.header_box .menu{cursor:pointer;width:30px; height:30px; line-height:30px; display:inline-block; float:right; margin-top:35px; margin-right:12px; background-repeat:no-repeat; background-position:center; background-size:auto 25px;}
.header_box .en_btn{background-image:url(../images/en_btn.png);}
.header_box .user_btn{background-image:url(../images/user_btn.png);}
.header_box .search_btn{background-image:url(../images/search_btn.png);}
.header_box .menu{width:40px;background-image:url(../images/nemu.png);}
.header_box .search_form{position:absolute; right:0; bottom:-52px; z-index: 200; width:260px; height:50px; background:rgba(255,255,255,.8); border:1px solid #eee; padding:0 10px; display:none;}
.header_box .search_form form{width:260px; position:absolute; margin-top:8px;}
.header_box .search_form input.text{width:260px; height:35px; text-indent:10px; background:#fff; font-size:15px; color:#595959;}
.header_box .search_form input.submit{width:35px; height:35px; position:absolute; right:0; top:0; display:inline-block; background:#333 url(../images/search_btn.png) no-repeat center center; background-size:auto 20px; cursor:pointer;}
.nav_main{height:100px;text-align:center;float:right;margin-right:15px;}
.nav_main ul li{height:100px; line-height:100px;display:inline-block; float:left; font-size:16px; color:#fff;}
.nav_main ul li:hover,
.nav_main ul li.on{background:#1d1d1d;}
.nav_main ul li a{display:block;padding:0 30px;}




.snav{
    position:fixed;
    left:0;top:100px;
    width:100%;
    z-index: 666;
    background:rgba(255,255,255,.7);
    text-align:center;
    padding:8px 0;
}
.snav .col{
    width:20%;
    display:inline-block;
    float:left;
    line-height:0;
}
.snav .col h4{
    width:220px;
    height:45px;
    line-height:45px;
    display:inline-block;
    font-size:15px;
    color:#444;
    overflow:hidden;
    margin:6px 0;
    text-align:left;
    text-indent:40px;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:auto 24px;
}
.snav .col h4:hover{
    color:#3056a7;
}
.snav .col h4 a{
    padding:0;
}



.pan_snav{
    display:none;
}
.pan_snav .col:nth-child(1) h4{
    background-image:url(../images/a1.png);
}
.pan_snav .col:nth-child(2) h4{
    background-image:url(../images/a2.png);
}
.pan_snav .col:nth-child(3) h4{
    background-image:url(../images/a3.png);
}
.pan_snav .col:nth-child(4) h4{
    background-image:url(../images/a4.png);
}
.pan_snav .col:nth-child(5) h4{
    background-image:url(../images/a5.png);
}
.pan_snav .col:nth-child(6) h4{
    background-image:url(../images/a6.png);
}
.pan_snav .col:nth-child(7) h4{
    background-image:url(../images/a7.png);
}


.pro_snav{
    display:none;
}
.pro_snav .col h4{
    background-image:url(../images/b1.png);
    background-size:auto 16px;
    text-indent:30px;
}


.case_snav{
    display:none;
}
.case_snav .col:nth-child(1) h4{
    background-image:url(../images/c1.png);
}
.case_snav .col:nth-child(2) h4{
    background-image:url(../images/c2.png);
}
.case_snav .col:nth-child(3) h4{
    background-image:url(../images/c3.png);
}
.case_snav .col:nth-child(4) h4{
    background-image:url(../images/c4.png);
}
.case_snav .col:nth-child(5) h4{
    background-image:url(../images/c5.png);
}
.case_snav .col:nth-child(6) h4{
    background-image:url(../images/c6.png);
}
.case_snav .col:nth-child(7) h4{
    background-image:url(../images/c7.png);
}
.case_snav .col:nth-child(8) h4{
    background-image:url(../images/c8.png);
}


.news_snav{
    display:none;
}
.news_snav .col:nth-child(1) h4{
    background-image:url(../images/d1.png);
}
.news_snav .col:nth-child(2) h4{
    background-image:url(../images/d2.png);
}
.news_snav .col:nth-child(3) h4{
    background-image:url(../images/d3.png);
}
.news_snav .col:nth-child(4) h4{
    background-image:url(../images/d4.png);
}



.about_snav{
    display:none;
}
.about_snav .col:nth-child(1) h4{
    background-image:url(../images/e1.png);
}
.about_snav .col:nth-child(2) h4{
    background-image:url(../images/e2.png);
}
.about_snav .col:nth-child(3) h4{
    background-image:url(../images/e3.png);
}
.about_snav .col:nth-child(4) h4{
    background-image:url(../images/e4.png);
}


.nav_main ul li:hover .snav{
    display:block;
}



.footer{background:#232323; color:#a3a3a3;}
.footer_box{padding:50px 0;}
.footer_text{width:40%; float:left; display:inline-block;}
.footer_text .footer_logo{height:90px; border-bottom:1px solid #626262;}
.footer_text .text_box{font-size:15px;line-height:28px;padding:20px 0;}
.footer_text .footer_search{width:70%; height:40px; position:relative; padding-bottom:10px;}
.footer_text .footer_search input.text{width:100%; height:40px; border:1px solid #626262; background:none; text-indent:10px; font-size:14px; color:#fff;}
.footer_text .footer_search input.submit{width:60px; height:40px; display:inline-block; position:absolute; right:0;top:0; background:url(../images/footer_srarch_btn.png) no-repeat center; cursor:pointer;}
.footer_box .fxbox{
	background-repeat:no-repeat; 
	background-position:center; 
	padding-top:15px;
}
.footer_box .fxbox .bshare-facebook{
	display:inline-block;
	background:url(../images/fx_tag4.png) no-repeat center !important;
	width:40px;
	height:40px;
	background-size:auto 40px !important;
	padding:0;
	margin-left:15px;
}
.footer_box .fxbox .youtube{
	background:url(../images/fx_tag5.png) no-repeat center;
	width:75px;
	height:40px;
	display:inline-block;
	background-size:auto 40px !important;
	padding:0;
}

/* .footer_box .fxbox .bds_sqq{background:url(../images/fx_tag1.png) no-repeat center;}
.footer_box .fxbox .bds_weixin{background:url(../images/fx_tag2.png) no-repeat center;}
.footer_box .fxbox .bds_tsina{background:url(../images/fx_tag3.png) no-repeat center;}
.footer_box .bdshare-button-style0-32 a{margin:12px 12px 12px 0; width:40px; height:40px; line-height:40px;} */

.footer_nav{width:60%; float:left;}
.footer_nav dl{width:33.33%;float:left; display:inline-block;}
.footer_nav dl dt{height:90px;border-bottom:1px solid #626262; line-height:110px; font-size:18px; color:#fff;margin-bottom:15px;}
.footer_nav dl dd{/* height:25px; */font-size:15px; line-height:28px;}
.footer_nav dl a:hover{text-decoration: underline;}




.itag{
    background:#efefef;
}
.itag_box{
    height:190px;
}
.itag_box .list_box{
    width:14.28%;
    height:190px;
    display:inline-block;
    float:left;
    text-align:center;
}
.itag_box .list_box.on,
.itag_box .list_box:active,
.itag_box .list_box:hover{
    background:#3056a7;
}
.itag_box .list_box i{
    width:50px;
    height:50px;
    display:inline-block;
    margin-top:50px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 46px;
}
.itag_box .list_box:nth-child(1) i{
    background-image:url(../images/itag1.png);
}
.itag_box .list_box:nth-child(2) i{
    background-image:url(../images/itag2.png);
}
.itag_box .list_box:nth-child(3) i{
    background-image:url(../images/itag3.png);
}
.itag_box .list_box:nth-child(4) i{
    background-image:url(../images/itag4.png);
}
.itag_box .list_box:nth-child(5) i{
    background-image:url(../images/itag5.png);
}
.itag_box .list_box:nth-child(6) i{
    background-image:url(../images/itag6.png);
}
.itag_box .list_box:nth-child(7) i{
    background-image:url(../images/itag7.png);
}

.itag_box .list_box:nth-child(1).on i,
.itag_box .list_box:nth-child(1):active i,
.itag_box .list_box:nth-child(1):hover i{
    background-image:url(../images/itag1o.png);
}
.itag_box .list_box:nth-child(2).on i,
.itag_box .list_box:nth-child(2):active i,
.itag_box .list_box:nth-child(2):hover i{
    background-image:url(../images/itag2o.png);
}
.itag_box .list_box:nth-child(3).on i,
.itag_box .list_box:nth-child(3):active i,
.itag_box .list_box:nth-child(3):hover i{
    background-image:url(../images/itag3o.png);
}
.itag_box .list_box:nth-child(4).on i,
.itag_box .list_box:nth-child(4):active i,
.itag_box .list_box:nth-child(4):hover i{
    background-image:url(../images/itag4o.png);
}
.itag_box .list_box:nth-child(5).on i,
.itag_box .list_box:nth-child(5):active i,
.itag_box .list_box:nth-child(5):hover i{
    background-image:url(../images/itag5o.png);
}
.itag_box .list_box:nth-child(6).on i,
.itag_box .list_box:nth-child(6):active i,
.itag_box .list_box:nth-child(6):hover i{
    background-image:url(../images/itag6o.png);
}
.itag_box .list_box:nth-child(7).on i,
.itag_box .list_box:nth-child(7):active i,
.itag_box .list_box:nth-child(7):hover i{
    background-image:url(../images/itag7o.png);
}




.itag_box .list_box p{
    font-size:15px;
    color:#444;
    line-height:22px;
    padding:0 15px;
}
.itag_box .list_box.on p,
.itag_box .list_box:hover p,
.itag_box .list_box:active p{
    color:#fff;
}
.itag_box .list_box a{
    height:100%;
    display:block;
}



.iabout{
    padding:120px 0;
}
.iabout_box .lbox{
    width:610px;
    display:inline-block;
    float:left;
}
.iabout_box h2{
    font-size:36px;
    color:#3056a7;
    padding-bottom:20px;
}
.iabout_box h3{
    font-size:18px;
    color:#3056a7;
    padding-bottom:5px;
}
.iabout_box .text_box{
    font-size:14px;
    color:#666;
    line-height:23px;
    padding-bottom:60px;
}


.more{
    width:220px;
    height:55px;
    line-height:55px;
    font-size:16px;
    color:#666;
    display:inline-block;
    border:1px solid #ddd;
    position:relative;
    text-indent:50px;
    background:#fff url(../images/a_more_bg.png) no-repeat 170px center;
}
.more:after{
    width:5px;
    height:100%;
    display:inline-block;
    content:'';
    background:#1dd1ac;
    position:absolute;
    left:0;top:0;
    transition: width .3s;
    -moz-transition: width .3s; /* Firefox 4 */
    -webkit-transition: width .3s; /* Safari 和 Chrome */
    -o-transition: width .3s; /* Opera */
    z-index: 1;
}
.more:active:after,
.more:hover:after{
    width:40px;
    background: -webkit-linear-gradient(left, rgba(29,209,172,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(29,209,172,1), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(29,209,172,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(29,209,172,1), rgba(255,255,255,0)); /* 标准的语法 */
}




.iabout_box .rbox{
    display:inline-block;
    float:right;
}
.iabout_box .rbox .pic_box{
    width:410px;
    display:inline-block;
    float:left;
}
.iabout_box .rbox .pic_box img{
    width:100%;
}
.iabout_box .rbox .tag_box{
    width:230px;
    float:left;
    display:inline-block;
    border:1px solid #ddd;
}
.iabout_box .rbox .tag_box .list_box{
    width:185px;
    height:175px;
    display:block;
    margin:0 auto;
    border-bottom:1px solid #ddd;
    text-align:center;
}
.iabout_box .rbox .tag_box .list_box h3{
    height:50px;
	line-height:50px;
    font-size:26px;
    color:#333;
    font-family: 'Arial';
    text-align:left;
    text-indent:55px;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:45px;
    margin-top:50px;
    display:inline-block;
    width:100%;
    padding-bottom:0;
}
.iabout_box .rbox .tag_box .list_box:nth-child(1) h3{
    background-image:url(../images/atag1.png);
}
.iabout_box .rbox .tag_box .list_box:nth-child(2) h3{
    background-image:url(../images/atag2.png);
}
.iabout_box .rbox .tag_box .list_box:nth-child(3) h3{
    background-image:url(../images/atag3.png);
}

.iabout_box .rbox .tag_box .list_box p{
    font-size:15px;
    color:#666;
    padding:10px;
}



.htit1{
    padding:80px 0 60px 0;
    color:#fff;
}
.htit1 h2{
    font-size:20px;
}
.htit1 p{
    font-size:36px;
    font-family: 'Arial';
    text-transform: uppercase;
}




.ipro{
    width:100%;
    height:765px;
    background:url(../images/ipro_bg.jpg) no-repeat center;
    background-size:cover;
}
.ipro_slide{
    position:relative;
}
.ipro_slide .swiper-slide{
    width:310px;
}
.ipro_slide .swiper-slide .img_box{
    width:310px;
    height:235px;
	background:#FFF;
}
.ipro_slide .swiper-slide p{
    height:60px;
    line-height:25px;
    text-align:center;
    font-size:16px;
    color:#fff;
}
.ipro_slide .pagination{
    text-align:center;
    padding:25px 0;
}
.ipro_slide .pagination .swiper-pagination-bullet{
    width:14px;
    height:14px;
    border:2px solid #fff;
    background:none;
    opacity:1;
}
.ipro_slide .pagination .swiper-pagination-bullet-active{
    border:2px solid #1dd1ac;
    background:#1dd1ac;
}
.ipro_slide .more{
    border:none;
    display:block;
    margin:0 auto;
    margin-top:40px;
}
.ipro_slide .btn_group{
    height:45px;
    width:110px;
    display:inline-block;
    position:absolute;
    right:0;top:-110px;
}
.ipro_slide .btn_group span{
    width:45px;
    height:45px;
    line-height:45px;
    display:inline-block;
    border-radius:100px;
    background:#fff;
    font-size:26px;
    color:#333;
    text-align:center;
    font-family: 'Arial'
}
.ipro_slide .btn_group span.inext{
    float:right;
}
.ipro_slide .btn_group span:hover{
    background:#3056a7;
    color:#fff;
    cursor:pointer;
}





.inews{
    padding-bottom:80px;
    position:relative;
}
.inews:after{
    width:100%;
    height:450px;
    display:inline-block;
    background:#f5f5f5;
    position:absolute;
    left:0;top:0;
    content:'';
    z-index: -1;
}
.inews .htit1{
    color:#3056a7;
}
.inews .htit1 h2{
    color:#333;
}

.inews_slide{
    position:relative;
    background:#fff;
    padding:30px;
}
.inews_slide .swiper-slide{
    width:390px;
}
.inews_slide .swiper-slide .img_box{
    width:390px;
    height:210px;
}
.inews_slide .swiper-slide .text_box{
    padding-top:40px;
}
.inews_slide .swiper-slide .text_box .day{
    width:75px;
    height:75px;
    display:inline-block;
    background:#3056a7;
    text-align:center;
    color:#fff;
    font-family: 'Arial';
}
.inews_slide .swiper-slide .text_box .day h4{
    font-size:24px;
    line-height:30px;
    padding-top:10px;
    font-family: inherit;
}
.inews_slide .swiper-slide .text_box .day p{
    font-size:15px;
}
.inews_slide .swiper-slide .text_box .text{
    width:300px;
    display:inline-block;
    float:right;
}
.inews_slide .swiper-slide .text_box .text h3{
    font-size:17px;
    color:#333;
    margin-bottom:10px;
    -overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.inews_slide .swiper-slide .text_box .text p{
    font-size:15px;
    color:#666;
    line-height:26px;
    min-height:80px;
    -overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
}
.inews_slide .swiper-slide .text_box span.smore{
    font-size:15px;
    color:#333;
    font-weight:bold;
    padding-top:20px;
    display:inline-block;
}
.inews_slide .swiper-slide a{
    display:block;
}
.inews_slide .btn_group{
    height:45px;
    width:110px;
    display:inline-block;
    position:absolute;
    right:0;top:-110px;
}
.inews_slide .btn_group span{
    width:45px;
    height:45px;
    line-height:45px;
    display:inline-block;
    border-radius:100px;
    background:#fff;
    font-size:26px;
    color:#333;
    text-align:center;
    font-family: 'Arial'
}
.inews_slide .btn_group span.nnext{
    float:right;
}
.inews_slide .btn_group span:hover{
    background:#3056a7;
    color:#fff;
    cursor:pointer;
}



.min_nav{
    height:60px;
    line-height:60px;
    font-size:15px;
    color:#666;
    border-bottom:1px solid #ddd;
}
.min_nav ul{
    display:inline-block;
}
.min_nav ul li{
    display:inline-block;
    padding:0 10px;
}
.min_nav ul li a{
    display:block;
}
.min_nav ul li a:hover{
    text-decoration: underline;
}
.min_nav .agroup{
    display:inline-block;
    float:right;
}
.min_nav .agroup ul li.on,
.min_nav .agroup ul li:hover{
    border-bottom:3px solid #3056a7;
}
.min_nav .agroup ul li a:hover{
    text-decoration: none;
}




.htit3{
    padding:40px 0;
    text-align:center;
}
.htit3 h2{
    font-size:30px;
    color:#444;
}


.type_nav{
    text-align:center;
    padding-bottom:60px;
}
.type_nav ul li{
    width:auto;
    height:40px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    background:#d9d9d9;
    color:#444;
    font-size:16px;
    margin:0 10px;
    border-radius:25px;
    margin-bottom:15px;
	padding:0 12px;
}
.type_nav ul li.on,
.type_nav ul li:hover{
    background:#3056a7;
    color:#fff;
}
.type_nav ul li a{
    display:block;
}




.case{
    padding:20px 0 80px 0;
    text-align:center;
}
.case_box .list_box{
    width:400px;
    display:inline-block;
    margin-bottom:60px;
}
.case_box .list_box .img_box{
    width:400px;
    height:260px;
    border:1px solid #ddd;
}
.case_box .list_box p{
    height:80px;
    line-height:60px;
    font-size:15px;
    color:#444;
    position:relative;
    background:#f0f0f0;
}
.case_box .list_box:hover p{
    background:#3056a7;
    color:#fff;
}
.case_box .list_box p:after{
    width:40px;
    height:40px;
    content:'';
    display:inline-block;
    background:url(../images/case_more.png) no-repeat center;
    background-size:40px;
    position:absolute;
    bottom:-20px;
    left:50%;
    transform: translate(-20px, 0);
    opacity:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.case_box .list_box:hover p:after{
    opacity:1;
}
.case_box .list_box a{
    display:block;
}




.pages{
    padding:50px 0;
    text-align:center;
}
.pages div{
    display:inline-block;
}
.pages a{
    width:45px;
    height:45px;
    line-height:45px;
    display:inline-block;
    float:left;
    background:#f1f1f1;
    font-size:18px;
    color:#666;
    margin:0 6px;
    border-radius:4px;
}
.pages a:hover,
.pages a.on{
    background:#3056a7;
    color:#fff;
}







.casev{
    padding:40px 0 80px 0;
}
.casev_box{
    padding:0 10px;
}
.casev_box .htit{
    text-align:center;
    padding:30px 0;
}
.casev_box .htit h2{
    font-size:22px;
    color:#444;
    padding:10px 0;
}
.casev_box .htit p{
    font-size:15px;
    color:#666;
}
.casev_box .text_box{
    font-size:15px;
    color:#666;
    line-height:32px;
    padding:40px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.casev_box .btn_group{
    text-align:center;
    padding:30px 0;
    font-size:15px;
    color:#666;
}
.casev_box .btn_group a{
    display:inline-block;
    height:25px;
    line-height:25px;
}








.pro{
    padding:60px 0;
}
.pro .sidebar{
    width:300px;
    display:inline-block;
    float:left;
}
.pro .sidebar .htit{
    padding:35px 20px;
    background:#3056a7 url(../images/pro_tag.png) no-repeat 20px center;
    padding-left:70px;
}
.pro .sidebar .htit h2{
    font-size:20px;
    color:#fff;
}
.pro .sidebar .htit p{
    font-size:18px;
    color:#6e91da;
    font-family: 'Arial';
    text-transform: uppercase;
}
.pro .sidebar .sidebar_nav>li>a{
    line-height:70px;
    border-bottom:1px solid #ccc;
    background:#e1e1e1;
    display:block;
    text-indent:20px;
    font-size:18px;
    color:#444;
}
.pro .sidebar .sidebar_nav>li>ul{
    padding:10px 0;
/*    display:none;*/
    border:1px solid #ddd;
    border-top:none;
}
.pro .sidebar .sidebar_nav>li>ul>li{
    line-height:35px;
    font-size:15px;
    color:#444;
}
.pro .sidebar .sidebar_nav>li>ul>li:hover,
.pro .sidebar .sidebar_nav>li>ul>li.on{
    color:#3056a7;
}
.pro .sidebar .sidebar_nav>li>ul>li>a{
    display:block;
    padding-left:20px;
}



.pro .pro_box{
    width:950px;
    display:inline-block;
    float:right;
}
.pro .pro_box .htit{
    height:80px;
    line-height:80px;
    border-top:4px solid #e5e5e5;
    position:relative;
}
.pro .pro_box .htit h3{
    font-size:18px;
    color:#444;
}
.pro .pro_box .pro_search{
    width:270px;
    height:30px;
    position:absolute;
    right:0;top:20px;
    background:url(../images/pro_search_bg.png) no-repeat 10px center;
    border-radius:25px;
    overflow:hidden;
    border:1px solid #ccc;
}
.pro .pro_box .pro_search input.text{
    width:160px;
    height:30px;
    border:none;
    position:absolute;
    left:0;top:0;
    padding-left:50px;
    background:none;
}
.pro .pro_box .pro_search input.submit{
    width:60px;
    height:30px;
    line-height:30px;
    display:inline-block;
    position:absolute;
    right:0;top:0;
    background:#3056a7;
    color:#fff;
    font-size:14px;
    cursor:pointer;
}


.pro .pro_box .pro_content{
    text-align:center;
}
.pro .pro_box .pro_content .list_box{
    width:290px;
    display:inline-block;
    margin-bottom:50px;
    border:1px solid #aeaeae;
}
.pro .pro_box .pro_content .list_box:active p,
.pro .pro_box .pro_content .list_box:hover p{
    background:#3056a7;
}
.pro .pro_box .pro_content .list_box .img_box{
    width:290px;
    height:220px;
}
.pro .pro_box .pro_content .list_box p{
    height:55px;
    line-height:55px;
    background:#aeaeae;
    font-size:15px;
    color:#fff;
}
.pro .pro_box .pro_content .list_box a{
    display:block;
}





.expand_box{
    max-width:500px;
    display:block;
    margin:0 auto;
    padding-bottom:25px;
}
.expand_box .nhd1{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    color:#fff;
    background:#3c61a7;
    display:inline-block;
    text-align:left;
    text-indent:30px;
    cursor:pointer;
    border-radius:4px;
}
.expand_box li{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#333;
    background:#ccc;
    display:inline-block;
    text-align:left;
    text-indent:25px;
    cursor:pointer;
    position:relative;
    border-bottom:1px solid #f2f2f2;
}
.expand_box li a{
    display:block;
}
.expand_box .nt2 li{
    text-indent:50px;
    background-color:#ddd;
}
.expand_box .nt3 li{
    text-indent:80px;
    background:#f2f2f2;
}
.expand_box ul{
    display:none;
}







.prov{
    padding:70px 0;
}
.prov_slide{
    margin:0 auto;
}
.prov_slide .bl{
    width:50%;
    float:left;
    display:inline-block;
}
.prov_slide .br{
    max-width:620px;
    width:100%;
    float:right;
    display:inline-block;
}
.prov_slide .bd{
    width:600px;
    height:455px;
    border:1px solid #ddd;
}
.prov_slide .bd li{
    width:600px;
    height:455px;
}
.prov_slide .bd li .img_box{
    width:600px;
    height:455px;
}
.prov_slide .bd li a{
    display:block;
}
.prov_slide .hd .sslide{
    max-width:500px;
    margin:0 auto;
    position:relative;
}
.prov_slide .hd li{
    width:150px;
    height:110px;
    border:2px solid #ccc;
    margin-right:20px;
    float:left;
}
.prov_slide .hd li.on{
    border:2px solid red;
}
.prov_slide .hd li .img_box{
    width:150px;
    height:110px;
}
.prov_slide .hd span.sprev,
.prov_slide .hd span.snext{
    width:25px;
    height:110px;
    line-height:110px;
    border:1px solid #ccc;
    display:inline-block;
    position:absolute;
    top:0;
    background:#fff;
    text-align:center;
    font-size:26px;
    color:#ccc;
    cursor:pointer;
}
.prov_slide .hd span.sprev{
    left:-45px;
}
.prov_slide .hd span.snext{
    right:-45px;
}

.prov_slide .text_box h2{
    font-size:26px;
    color:#333;
    height:60px;
    line-height:60px;
}
.prov_slide .text_box .text{
    font-size:15px;
    line-height:26px;
    color:#666;
    padding:10px 0 50px 0;
}




.prov_td{
    background:#f4f4f4;
    padding-bottom:80px;
    text-align:center;
}
.prov_td_box .text_box{
    width:420px;
    height:120px;
    padding-left:160px;
    margin-bottom:60px;
    background-repeat:no-repeat;
    background-position:left top;
    /*background:url(../images/td_bg.png) no-repeat left top;*/
    display:inline-block;
    text-align:left;
}
.prov_td_box .text_box.t1{
    background-image:url(../images/td_bg1.png);
}
.prov_td_box .text_box.t2{
    background-image:url(../images/td_bg2.png);
}
.prov_td_box .text_box.t3{
    background-image:url(../images/td_bg3.png);
}
.prov_td_box .text_box.t4{
    background-image:url(../images/td_bg4.png);
}

.prov_td_box .text_box h3{
    font-size:18px;
    color:#333;
    padding-bottom:10px;
}
.prov_td_box .text_box p{
    font-size:15px;
    color:#444;
    line-height:22px;
}
.prov_td .td_call{
    max-width:660px;
    line-height:50px;
    font-size:18px;
    color:#fff;
    display:block;
    margin:0 auto;
    background:#3056a7;
    text-align:center;
    border-radius:25px;
}



.htit2{
    padding:40px 0;
    text-align:center;
}
.htit2 h2{
    font-size:30px;
    color:#333;
}


.prov_img{
    padding-bottom:60px;
}
.prov_img_box{
    text-align:left;
    max-width:100%;
}







.prov_case{
    background:#f4f4f4;
    padding-bottom:60px;
}
.prov_case_box{
    width:960px;
    height:630px;
    margin:0 auto;
    position:relative;
}
.prov_case .swiper-container{
  width: 100%;
  height:auto;
  margin-left: auto;
  margin-right: auto;
}
.prov_case .swiper-slide{
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}
.prov_case .gallery-top{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border:1px solid #ddd;
  position:relative;
}
.prov_case .gallery-top a{
    display:inline-block;
    width:100%;
    height:100%;
}
.prov_case .gallery-top span{
    width:300px;
    height:45px;
    line-height:45px;
    font-size:20px;
    background:#3056a7;
    color:#fff;
    text-align:center;
    position:absolute;
    left:20px;
    top:20px;
    z-index: 300;
}


.prov_case .thumb{
    width:100%;
    height: 20%;
    padding: 12px 0;
    position:absolute;
    left:0;bottom:0;
    background:rgba(0,0,0,.8);
    z-index: 300;
}
.prov_case .gallery-thumbs{
  width:95%;
  height:100%;
}
.prov_case .gallery-thumbs .swiper-slide{
    height: 100%;
    opacity: 0.6;
    box-sizing: border-box;
    border:2px solid #333;
}
.prov_case .gallery-thumbs .swiper-slide-thumb-active{
  opacity: 1;
  border:2px solid #fff;
}


.prov_case_box .snext,
.prov_case_box .sprev{
    width:30px;
    height:60px;
    display:inline-block;
    position:absolute;
    top:42%;
    z-index: 300;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    outline-style: none;
}
.prov_case_box .sprev{
    left:-80px;
    background-image:url(../images/sprevd.png);
}
.prov_case_box .snext{
    right:-80px;
    background-image:url(../images/snextd.png);
}
.prov_case_box .sprev:hover{
    background-image:url(../images/sprevo.png);
}
.prov_case_box .snext:hover{
    background-image:url(../images/snexto.png);
}




.other{
    padding-bottom:80px;
}
.other_slide .swiper-slide .pic_box{
    width:100%;
    height:220px;
    line-height:220px;
    text-align:center;
    border:1px solid #ddd;
    background:#fff;
}
.other_slide .swiper-slide p{
    height:60px;
    line-height:60px;
    text-align:center;
    font-size:15px;
    color:#fff;
    background:#aeaeae;
}
.other_slide .swiper-slide:hover p{
    background:#3056a7;
    color:#fff;
}
.other_slide .swiper-slide a{
    display:block;
}
.other .btn_group{
    padding-top:50px;
    text-align:center;
}
.other .btn_group .oprev,
.other .btn_group .onext{
    width:160px;
    height:45px;
    border:2px solid #3056a7;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
    margin:0 10px;
}
.other .btn_group .oprev{
    background-image:url(../images/oprev.png);
}
.other .btn_group .onext{
    background-image:url(../images/onext.png);
}
.other .btn_group .oprev:hover{
    background-image:url(../images/oprevo.png);
    background-color:#3056a7;
}
.other .btn_group .onext:hover{
    background-image:url(../images/onexto.png);
    background-color:#3056a7;
}




.login{
    width:100%;
    max-width:1920px;
    height:800px;
    background:url(../images/login_bg.jpg) no-repeat center;
    background-size:cover;
}
.login h2{
    font-size:40px;
    color:#fff;
    text-align:center;
    padding:100px 0 60px 0;
}
.login .loign_box{
    width:520px;
    height:340px;
    border:1px solid #ccc;
    background:rgba(255,255,255,.2);
    border-radius:5px;
    display:block;
    margin:0 auto;
    text-align:center;
}
.login .loign_box form{
    display:inline-block;
    padding-top:50px;
}
.login .loign_box p{
    padding:8px 0;
    position:relative;
}
.login .loign_box span{
    width:70px;
    height:45px;
    line-height:45px;
    display:inline-block;
    float:left;
    font-size:15px;
    color:#fff;
}
.login .loign_box input.text{
    width:320px;
    height:45px;
    display:inline-block;
    float:left;
    border:none;
    background:#fff;
    font-size:14px;
    color:#333;
    text-indent:10px;
    border-radius:4px;
}
.login .loign_box input.t2{
    width:140px;
}
.login .loign_box img.verify{
    width:90px;
    height:45px;
    display:inline-block;
    border:none;
    background:#fff;
    position:absolute;
    left:220px;
    top:8px;
    cursor:pointer;
}
.login .loign_box input.submit{
    width:320px;
    height:45px;
    line-height:45px;
    background:#3fe0da;
    color:#fff;
    font-size:16px;
    font-family:Arial;
    cursor:pointer;
    border-radius:4px;
    margin-top:15px;
}



.about{
    padding-bottom:0;
}
.about .iabout_box{
    border-bottom:1px solid #ddd;
}






.about2{
    padding:60px 0 90px 0;
}
.about2_slide{
    width:630px;
    height:440px;
    line-height:440px;
    text-align:center;
    float:left;
    position:relative;
}
.about2_slide .btn_group{
    width:90px;
    height:40px;
    position:absolute;
    left:20px;
    bottom:20px;
    z-index: 600;
    line-height:0;
}
.about2_slide .btn_group span.aprev,
.about2_slide .btn_group span.anext{
    width:40px;
    height:40px;
    line-height:38px;
    text-align:center;
    display:inline-block;
    background:#fff;
    font-size:28px;
    color:#3056a4;
    cursor:pointer;
}
.about2_slide .btn_group span.aprev{
    float:left;
}
.about2_slide .btn_group span.anext{
    float:right;
}
.about2_slide .btn_group span.aprev:hover,
.about2_slide .btn_group span.anext:hover{
    background:#3056a4;
    color:#fff;
}




.about2_box .text_box{
    width:610px;
    display:inline-block;
    float:right;
}
.about2_box .text_box h3{
    font-size:18px;
    color:#3056a7;
    height:60px;
    line-height:60px;
}
.about2_box .text_box .text{
    font-size:15px;
    color:#444;
    line-height:32px;
}








.honor{
    width:100%;
    height:730px;
    background:url(../images/honor_bg.jpg) no-repeat left center;
    background-size:cover;
}
.honor .htit{
    padding:80px 0;
    text-align:center;
    position:relative;
}
.honor .htit h2{
    font-size:30px;
    color:#fff;
    position:absolute;
    top:95px;
    left:50%;
    transform:translate(-50%, 0);
    z-index: 300;
}
.honor .htit p{
    font-size:36px;
    color:#274297;
    font-family: 'Arial';
    text-transform: uppercase;
}
.honor_slide .swiper-container{
    padding-bottom:60px;
    height:400px;
}
.honor_slide .swiper-slide{
    width:285px;
    height:400px;
    line-height:400px;
    text-align:center;
    display:inline-block;
}
.honor_slide .swiper-container-horizontal>.swiper-scrollbar{
    height:6px;
    background:#040d39;
}
.honor_slide .swiper-scrollbar-drag{
    height:6px;
    background:#2ed4b2;
}




.about_contact{
    padding:90px 0;
}
.about_contact_box .text_box{
    width:27%;
    padding:0 30px;
    border:1px solid #ccc;
    display:inline-block;
    float:left;
    padding-bottom:30px;
}
.about_contact_box .text_box h3{
    height:80px;
    line-height:80px;
    font-size:22px;
    color:#3056a7;
    border-bottom:1px solid #ddd;
}
.about_contact_box .text_box p{
    font-size:15px;
    color:#666;
    line-height:26px;
    padding:18px 0;
}
.about_contact_box .text_box ul li{
    line-height:40px;
    font-size:15px;
    color:#444;
    line-height:26px;
    padding-bottom:5px;
    background-repeat:no-repeat;
    background-position:left 3px;
    background-image:url(../images/ctag1.png);
    padding-left:30px;
}
.about_contact_box .text_box ul li:nth-child(2){
    background-image:url(../images/ctag2.png);
}
.about_contact_box .messages_box{
    width:64%;
    float:right;
}
.about_contact_box .messages_box h3{
    height:70px;
    line-height:70px;
    font-size:18px;
    color:#222;
}
.about_contact_box .messages_box p{
    font-size:15px;
    color:#da0000;
    line-height:22px;
}
.about_contact_box .messages_box form{
    padding-top:30px;
    display:block;
}
.about_contact_box .messages_box .box1{
    width:34%;
    float:left;
    display:inline-block;
    margin-right:3%;
}
.about_contact_box .messages_box .box1 input.text{
    width:100%;
    height:45px;
    border:1px solid #ccc;
    margin-bottom:15px;
    text-indent:10px;
}
.about_contact_box .messages_box .box2{
    width:50%;
    float:left;
    display:inline-block;
    margin-right:3%;
}
.about_contact_box .messages_box .box2 textarea{
    width:95%;
    height:150px;
    border:1px solid #ddd;
    padding:2.5%;
}
.about_contact_box .messages_box .box3{
    width:10%;
    float:left;
    display:inline-block;
}
.about_contact_box .messages_box .box3 input.submit{
    width:100%;
    height:170px;
    background:#3056a7 url(../images/ctag3.png) no-repeat center;
    cursor:pointer;
}




.map{
    width:100%;
    max-width:1920px;
    height:520px;
    overflow:hidden;
}
.map img{
    width:100%;
    height:100%;
}



.htit4{
    text-align:center;
    padding:50px 0;
}
.htit4 h2{
    font-size:30px;
    color:#444;
}



.plan{
    padding:20px 0;
    background:#fff;
}
.plan_slide .swiper-slide .pic_box{
    display:block;
    height:210px;
    background-repeat:no-repeat;
    background-size:cover;
}
.plan_slide .swiper-slide .text_box{
    height:160px;
    padding:20px;
    background:#3056a7;
    color:#fefefe;
}
.plan_slide .swiper-slide .text_box h3{
    font-size:18px;
    padding-bottom:15px;
}
.plan_slide .swiper-slide .text_box p{
    font-size:15px;
    line-height:24px;
}
.plan_slide .pagination{
    padding:50px 0;
    text-align:center;
}
.plan_slide .pagination .swiper-pagination-bullet{
    width:15px;
    height:15px;
}





.tedian{
    padding:20px 0;
    background:#f3f3f3;
    text-align:center;
}
.tedian_box .list_box{
    width:620px;
    display:inline-block;
    margin-bottom:20px;
}
.tedian_box .list_box .pic_box{
    height:330px;
    display:block;
    background-repeat:no-repeat;
    background-size:cover;
    border:2px solid #d2d2d2;
}
.tedian_box .list_box .pic_box:hover{
    border:2px solid #81b4ba;
}
.tedian_box .list_box .text_box{
    height:200px;
    padding:15px;
    text-align:left;
}
.tedian_box .list_box .text_box h3{
    font-size:20px;
    color:#444;
    text-align:center;
    padding-bottom:10px;
    font-weight:bold;
}
.tedian_box .list_box .text_box p{
    font-size:16px;
    color:#444;
    line-height:32px;
}




.odds{
    width:100%;
    height:640px;
    background:url(../images/odds_bg.jpg) no-repeat left center;
    background-size:cover;
}
.odds .htit4{
    padding:80px 0;
}
.odds .htit4 h2{
    color:#fff;
}
.odds_box{
    text-align:center;
}
.odds_box .list_box{
    width:90%;
    display:inline-block;
    color:#fff;
    text-align:left;
    height:180px;
    margin-bottom:40px;
}
.odds_box .list_box h3{
    font-size:20px;
    padding-left:40px;
    position:relative;
    padding-bottom:15px;
}
.odds_box .list_box h3 i{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    font-size:22px;
    font-family: 'Arial';
    font-style:italic;
    position:absolute;
    left:0;top:0;
    background:#3056a7;
    border-radius:5px;
}
.odds_box .list_box p{
    font-size:15px;
    line-height:24px;
}




.plan_case{
    background:#fff;
}
.plan_other{
    background:#f3f3f3;
}






.news{
    padding:40px 0 60px 0;
}
.news_box .list_box{
    border-bottom:1px solid #e5e5e5;
    padding:50px 0;
}
.news_box .list_box .img_box{
    width:30%;
    height:210px;
    line-height:208px;
    float:left;
}
.news_box .list_box .text_box{
    width:66%;
    height:210px;
    float:right;
    font-size:15px;
    color:#666;
    position:relative;
}
.news_box .list_box .text_box h3{
    line-height:50px;
    height:50px;
    font-size:18px;
    color:#444;
    margin-bottom:20px;
    background:url(../images/news_hbg.png) no-repeat left bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_box .list_box .text_box p{
    line-height:26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_box .list_box .text_box i{
    height:30px;
    line-height:30px;
    display:inline-block;
    position:absolute;
    left:0;bottom:0;
}





.newsv{
    padding:0 10px;
    padding-bottom:60px;
}
.newsv_box .htit{
    padding:50px 0;
    text-align:center;
}
.newsv_box .htit h2{
    font-size:20px;
    color:#333;
    font-weight:bold;
    padding:5px 0;
}
.newsv_box .htit p{
    font-size:16px;
    color:#6f6f6f;
}
.newsv_box .text_box{
    font-size:16px;
    color:#333;
    line-height:28px;
    border-bottom:1px solid #bfbfbf;
    padding-bottom:40px;
}
.newsv_box .next_group{
    line-height:30px;
    padding:30px 0;
    font-size:15px;
    color:#444;
}
.newsv_box .next_group a{
    display:inline-block;
    margin-right:40px;
}
.newsv_box .next_group a:hover{
    text-decoration: underline;
}





.job_text{
    padding:50px 0;
    text-align:center;
    background:#eee;
}
.job_text h2{
    font-size:26px;
    color:#3056a7;
    padding-bottom:10px;
}
.job_text .text_box{
    font-size:15px;
    color:#444;
    line-height:26px;
}




.job{
    padding:60px 0 90px 0;
}
.job_box{
    max-width:1000px;
    margin:0 auto;
}
.job_box .tbox{
    height:55px;
    line-height:55px;
    background:#3056a7;
    font-size:15px;
    color:#fff;
    text-align:center;
}
.job_box .tbox .col{
    width:25%;
    height:55px;
    float:left;
    display:inline-block;
}
.job_box .job_list .list_box .hd{
    width:100%;
    height:55px;
    line-height:55px;
    font-size:15px;
    color:#444;
    cursor:pointer;
    text-align:center;
    border-bottom:1px solid #ccc;
    background:#eee;
}
.job_box .job_list .list_box .hd .col{
    width:25%;
    height:55px;
    float:left;
    display:inline-block;
}
.job_box .job_list .list_box .hd:hover,
.job_box .job_list .list_box .hd.on{
    color:#3056a7;
}
.job_box .job_list .list_box .bd{
    font-size:15px;
    color:#444;
    line-height:26px;
    padding:30px;
    display:none;
    background:#f9f9f9;
}



.download{
    padding:80px;
    text-align:center;
}
.download_box .list_box{
    width:90%;
    display:inline-block;
    margin-bottom:45px;
    background:#f4f4f4;
}
.download_box .list_box .pic{
    width:45%;
    height:250px;
    display:inline-block;
    float:left;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.download_box .list_box .text_box{
    width:42%;
    display:inline-block;
    float:right;
    height:250px;
    margin-right:6%;
    text-align:left;
    color:#444;
    position:relative;
}
.download_box .list_box .text_box h3{
    height:70px;
    line-height:70px;
    font-size:18px;
    border-bottom:1px solid #ddd;
    margin-bottom:25px;
}
.download_box .list_box .text_box p{
    font-size:15px;
    line-height:25px;
}
.download_box .list_box .text_box a{
    width:130px;
    height:30px;
    line-height:30px;
    background:#757575;
    color:#fff;
    display:inline-block;
    border-radius:25px;
    position:absolute;
    left:0;
    bottom:20px;
    text-indent:50px;
    background:#757575 url(../images/down_btn.png) no-repeat 20px center;
    background-size:18px;
}



.phone_text{
    font-size:16px;
    color:#333;
}