@charset "utf-8";
/*BASE*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;margin:0 auto;list-style-type:none;font-weight:normal;}
body{background:#fff;font-size:16px;font-family:"MicrosoftYaHei",微软雅黑,Arial,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;line-height:35px;}
a{color:#333;text-decoration:none; blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{color:#04b156;text-decoration:none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-sizing:border-box; margin: 0 auto;}
img{border:none;}
.clear{height:0px;line-height:0;overflow:hidden;clear:both;font-size:0px;}
.w1300{width: 1300px;}
.fl{float: left;}
.fr{float: right;}
.ml115{margin-left: 115px;}

.index_top{
	height: 35px;
	background-color: #004c9f;
}
.top_l{
	float: left;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 35px;
}
.top_r{
	float: right;
	font-size: 14px;
	color: #FFFFFF;
	height: 35px;
}
.top_r i{
	padding-right: 10px;
	color: #FFFFFF;
	line-height: 35px;
}
.top_r_text{
	float: left;
	line-height: 32px;
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 5px;
}


.header-nav {
    width: 100%;
    background: #fff;
	z-index:999;
	color:#000;
    height: 100px;
}
.index_logo{
	float: left;
}
.index_logo img{
    float: left;
	margin: 22px 10px;
}
.index_name{font-size: 26px;float: left;margin-top: 22px;letter-spacing: 1.7px;margin-left: 15px;color: #333;font-weight: bold;}
.index_name p{font-size: 12px;color: #aaa;letter-spacing: 0;margin-top: -7px;font-weight: lighter;letter-spacing: -0.15px;}


.header-content {
    width: 1300px;
    height: 100px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.header-nav-list {
    float: left;
}

.header-nav-list ul {
    float: right;
    margin-left: 109px;
    
}

.header-nav-list ul li {
    position: relative;
    display: block;
    float: left;
    border-right: 1px solid #f9f9f9;
}
.header-nav-list ul li:hover{
	background-color: #f6f6f6;
}
.header-nav-list ul li a {
    color: #000;
    /*margin-left: 50px;*/
    padding: 0 20px;
    font-size: 16px;
    line-height: 100px;
    background: none;
    position: relative;
    display: block;
    /*font-weight: bold;*/
}

.header-nav-list ul li a:hover {
}

.header-nav-list ul li .cur {
    color: #014693;
}
.inavi{font-size: 7px!important; margin: 0 3px;}



.UrlSiteNow{color: #014693!important;}



.aui-dow-box {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.aui-dow-box-list {
    width: 1200px;
    left: -180px;
    height: 410px;
    z-index: 9999;
    background: #2bb4e6;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.drop-down:hover .aui-dow-box-list {
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.aui-down-menu {
    padding: 0 24px;
    width: auto;
    float: none;
    display: block;
    margin-bottom: 10px;
}

.aui-down-menu-title {
    padding-bottom: 10px;
    color: #000;
    font-size: 16px;
    line-height: 1;
    border-bottom: 0;
    margin-bottom: 0;
}

.aui-down-menu-list {
    float: left;
    font-size: 0;
}

.aui-down-menu-list-item {
    display: inline-block;
    margin:0 20px 30px;
    width: 330px;
    height: 150px;
    line-height: 30px;
    padding-top: 0;
}

.aui-top-border {
    border-top: 1px solid #9ee4fe;
}

.header-nav-list ul .aui-down-menu-list-item a {
    padding: 0;
    line-height: inherit;
}

.aui-down-menu-list-title {
    margin-top: 16px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.aui-down-menu-list-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 26px;
    color: #def6ff;
    font-size: 13px;
    letter-spacing: 1px;
}

.aui-down-menu-list-text:hover{color: #fff; background: #014693;}

.aui-down-menu-list-title:hover {
    color: #fff;
    background: #014693;
}



.aui-about-dow {
	margin-top: -1px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -147%;
    top: 125%;
    min-width: 200px;
    padding: 8px 10px;
    background: #f6f6f6;
    text-align: center;
    z-index: 99;
    box-shadow: 0 10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.drop-down:hover .aui-about-dow {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);
}

.header-nav-list .aui-about-dow li a {
    padding: 0;
    line-height:49px;
    display: block;
    padding:0;
    font-size: 14px;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    /*-o-transition: all 0.3s ease;*/
    transition: all 0.3s ease;
    color: #333;
}

.header-nav-list .aui-about-dow li a:hover {
    color: #fff!important;
    background: #004c9f;
}

.header-nav-list .aui-about-dow li {
    width: 100%;
}


.aui-header-nav.solid {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100px;
    background:#fff;
    shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    box-shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    -webkit-box-shadow: 0px 8px 15px rgba(0,0,0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.header-nav-right {
    float: right !important;
    top:48px;
    margin-top: 0;
    position: relative;
    width: 267px;
    height: 24px;
}
.header-nav-tel{
    line-height: 28px;
    font-size: 26px;
    letter-spacing: 19px;
    color: #1f8402;
    text-align: right;
}
.header-nav-tel a{
    line-height: 28px;
    font-size: 26px;
    letter-spacing: 5px;
    color: #1f8402;
}
.icon-tel {
    float: left;
    margin-right: 10px;
    width: 22px;
    height: 22px;
    display: block;
    background-size: 15px;
    background-repeat: no-repeat;
    margin-top: 0px;
    background: url(../images/ico_tel.png) no-repeat;
	background-size:cover;
}





/*BANNER*/
.fullSlide{width:100%;position:relative;height:650px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:650px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:610px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0a50a1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=10);opacity:0.1;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}
/*BANNER2*/
#full-screen-slider { width:100%; height:511px; float:left; position:relative}
#slides { display:block; width:100%; height:511px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:47%; top:450px; z-index:9900;  padding:5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}



/*footer*/
.index_footer{position:relative;height: 330px;background-color: #f3f3f3;}
.index_footer_text{position: absolute;margin: 80px 0;}
.index_footer_text p{font-size: 14px;color: #000;line-height: 26px;}
.index_footer_text p.title{font-size: 18px;font-weight: bold;}
.index_footer_text p.english{letter-spacing: 0.03em;}
.index_footer_wx{position: absolute;text-align: center;margin: 80px 0 0 980px;}
.index_footer_wx p{color: #000;}
.index_footer_wx2{position: absolute;text-align: center;margin: 80px 0 0 1140px;}
.index_footer_wx2 p{color: #000;}
.index_footer_down{height: 40px;background-color: #004c9f;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 39px;}
.index_footer_down a{color: #FFFFFF;}

/*渚ц竟鎮诞*/
/*閹剚璇為柧鐐复*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#999;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#888;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:1px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;v}


/*title*/
.index_title{margin-top: 50px;font-size: 24px;color: #004c9f;letter-spacing: 0.4px;font-weight: bold;margin-left: -10px;}
.index_title span{font-size: 16px;color: #dddddd;letter-spacing: 0.4px;font-weight: lighter;margin-left: 10px;}
.index_title p{font-size: 14px;color: #666666;letter-spacing: 0.6px;font-weight: lighter;line-height: 22px;}
.index_title i{font-size: 24px;color: #aed5ff;float: left;margin-top: -10px;margin-right: -15px;}
.index_title_name{margin-left: 0px;float: left;position: relative;}
.index_title_more a{font-size: 16px;color: #999;font-weight: 500;transition: all 0.5s;}
.index_title .index_title_more i{font-size: 16px;color: #004c9f;margin-top: 4px;float: right;transition: all 0.5s;font-weight: bold;}
.index_title_more a:hover i{transform: rotateY(360deg)}



/*SHOW*/
.index_show{}
.index_pro_main li{width: 300px;height: 249px;overflow: hidden;border-bottom: 1px solid #23b14d;float: left;margin: 30px 0 0 33px;transition: all 0.5s;}
.index_pro_main li:nth-child(1){margin-left: 0;}
.index_pro_main li:nth-child(5){margin-left: 0;}
.index_pro_main li:nth-child(9){margin-left: 0;}
.index_pro_main li:nth-child(13){margin-left: 0;}
.index_pro_main li:nth-child(17){margin-left: 0;}
.index_pro_img{width: 100%;height: 202px;position: relative;overflow: hidden;transition: all 0.5s;border: 10px solid #f6f6f6;background-color: #f6f6f6;}
.index_pro_img img{max-width: 100%;max-height: 202px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s;}
.index_pro_name{width: 100%;height: 47px;background-color: #f6f6f6;padding-left:10px;padding-right: 10px; line-height: 47px;font-size: 16px;color: #000;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_pro_name span{width: 73px;height: 30px;border-radius: 15px;line-height: 28px;color: #23b14d;font-size: 14px;float: right;text-align: center;border: 1px solid #23b14d;margin-top: 8px;letter-spacing: 0.5px;transition: all 0.5s;}

.index_pro_name:hover{color: #fff;}
.index_pro_name{position: relative;width: auto;min-width: 100%;}
.index_pro_name:after,.index_pro_name:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: #f6f6f6;
                z-index:-2;
            }
            .index_pro_name:hover{
                z-index:1;
                background:transparent;
            }            
            .index_pro_name:before {
                transition: .3s;
                background: #23b14d;
                z-index:-1;
            }          
            .index_pro_name:hover:after,.index_pro_name:hover:before {
                width: 100%;
            }


.index_pro_name:hover li:hover{border: 0;}
.index_pro_main li:hover .index_pro_img img{transform: scale(1.3);}
.index_pro_main li:hover .index_pro_name{}
.index_pro_name:hover span{color: #fff;border: 1px solid #fff;}

/*分类*/
.index_proif li{float: left;width: 300px;height: 400px;background-color: #f6f6f6;text-align: center;margin: 30px 0 0 33.333px;overflow: hidden;}
.index_proif li img{width: 300px;height: 400px;transition: all 0.5s;position: relative;}
.index_proif li img:hover{transform: scale(1.2);}
.index_proif li:nth-child(1){margin-left: 0;}
.index_proif li:nth-child(5){margin-left: 0;margin-top: 40px;}
.index_proif li:nth-child(6){margin-top: 40px;}
.index_proif li:nth-child(7){margin-top: 40px;}
.index_proif li:nth-child(8){margin-top: 40px;}
.index_proif li p{margin-top: -61px;height: 50px;background-color: rgba(246,246,246,0.9);position: relative;line-height: 50px;border-bottom: 1px #23b14d solid;transition: all 0.2s;color: #000;}

.index_proif li p:hover{color: #fff;}
.index_proif li p{position: relative;width: auto;min-width: 100%;}
.index_proif li p:after,.index_proif li p:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: rgba(246,246,246,0.9);
                z-index:-2;
            }
            .index_proif li p:hover{
                z-index:1;
                background:transparent;
            }            
            .index_proif li p:before {
                transition: .3s;
                background: #23b14d;
                z-index:-1;
            }          
            .index_proif li p:hover:after,.index_proif li p:hover:before {
                width: 100%;
            }


/*index_z*/
.index_z{height: 1624px;background: url(../images/about_bg.jpg)center no-repeat;margin-top: 64px;}

/*about*/
.index_about{padding-top: 63px;}
.index_about li{float: left;width: 650px;height: 350px;overflow: hidden;transition: all 0.5s;background-color: #004c9f;}
.index_about li:nth-child(1){background: url(../images/about_img1.jpg) center no-repeat;transition: all 0.5s;}
.index_about li:nth-child(4){background: url(../images/about_img2.jpg) center no-repeat;transition: all 0.5s;}
.index_about li .bor{width: 640px;height: 340px;border: 1px solid #fff;opacity: 0.5;margin: 5px 5px;transition: all 0.5s;}
.index_about li:hover .bor{opacity: 1;}
.index_about li:nth-child(2){padding: 36px 69px 0 47px;}
.index_about li:nth-child(3){padding: 36px 69px 0 47px;}
.index_about_title{font-size: 24px;letter-spacing: 0.2px;font-weight: bold;background: linear-gradient(to right, #3998ff, #78d7ff);-webkit-background-clip: text;color: transparent;}
.index_about_text p{font-size: 15px;color: #fff;letter-spacing: 0.4px;margin-top: 20px;line-height: 26px;}
.index_about_text p i{background: linear-gradient(to right, #3998ff, #78d7ff);-webkit-background-clip: text;color: transparent;margin-right: 12px;display: inline-block;}

.index_about_button{width: 130px;height: 36px;line-height: 36px;text-align: center;float: left;background: linear-gradient(to right, #3998ff, #78d7ff);font-size: 14px;color: #fff;margin-top: 50px;}
.index_about_button:hover{color: #fff;}
.index_about_button{position: relative;width: auto;min-width: 130px;}
.index_about_button:after,.index_about_button:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: linear-gradient(to right, #3998ff, #78d7ff);
                z-index:-2;
            }
            .index_about_button:hover{
                z-index:1;
                background:transparent;
            }            
            .index_about_button:before {
                transition: .5s;
                background: linear-gradient(to right, #78d7ff, #3998ff);
                z-index:-1;
            }          
            .index_about_button:hover:after,.index_about_button:hover:before {
                width: 100%;
            }


/*优势*/
.index_g{padding-top: 104px;}
.index_g_title_r{margin-top: 23px;font-size: 16px;color: #999;letter-spacing: 0.4px;}

.index_g .bd{width: 1300px;overflow: hidden;}
.index_g .bd li{width: 280px;height: 450px;float: left;background-color: #fff;text-align: center;margin: 76px 60px 0 0;transition: all 0.5s;}

.index_g_img{width: 280px;height: 230px;overflow: hidden;transition: all 0.3s;}
.index_g_img img{overflow: hidden;transition: all 0.3s;}
.index_g_i{width: 100px;height: 100px;border-radius: 50%;background-color: #007fd8;line-height: 100px;text-align: center;box-shadow: 0px 10px 30px rgba(0,76,159,0.33);margin-top: -50px;position: relative;transition: all 0.3s;}
.index_g_i i{font-size: 50px;color: #fff;}
.index_g_text{margin-top: 18px;font-size: 14px;color: #777;letter-spacing: 0.4px;line-height: 24px;text-align: left;padding: 0 19px;}
.index_g_text span{color: #007fd8;}

.index_g .bd li:hover .index_g_i{margin-top: -70px;box-shadow: none;transform: rotateY(180deg);}
.index_g .bd li:hover .index_g_text{color: #333;}
.index_g .bd li:hover .index_g_img img{transform: scale(1.3);}
.index_g .hd{}
.index_g .hd .next{float: right;margin: -140px 0px 0 0px;position: relative;}
.index_g .hd .prev{float: left; margin: -140px 0px 0 0px;position: relative;}
.index_g .hd .next i{font-size: 60px;color: #4fb7ff;}
.index_g .hd .prev i{font-size: 60px;color: #4fb7ff;}


@media only screen and (max-width: 1440px){
    .index_g .bd{margin-left: 50px;}
    .index_g .hd{display: none;}
    .w1490{width: 1300px;}
}

.w1490{width: 1490px;}

/*math*/
.index_math{}
.index_math li{float: left;width: 25%;text-align: center;font-size: 50px;color: #fff;font-weight: bold;margin-top: 50px;}
.index_math li p{font-size: 16px;color: #fff;font-weight: 500;letter-spacing: 0.2px;line-height: 36px;margin-top: 10px;}
.index_math li i{display: block;font-size: 2px;color: #4fb7ff;line-height: 6px;}

/*news*/
.index_news .bd{margin-top: 30px;}
.index_news .bd li{width: 630px;height: 192px;padding: 13px 54px 13px 13px;background-color: #f3f3f3;float: left;margin-right: 40px;margin-top: 17px;transition: all 0.5s;}

.index_news .bd li:nth-child(even){margin-right: 0;}
.index_news .bd .index_news_img{width: 220px;height: 166px;position: relative;overflow: hidden;transition: all 0.5s;}
.index_news .bd .index_news_img img{max-height: 166px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s;}
.index_news .bd .index_news_main{width: 309px;overflow: hidden;transition: all 0.5s;}
.index_news_main .title{font-size: 16px;color: #000;letter-spacing: 0.4px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: bold;transition: all 0.3s;}
.index_news_main .date{font-size: 14px;color: #23b14d;transition: all 0.3s;}
.index_news_main .text{font-size: 14px;color: #999;letter-spacing: 0px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 19px;margin-top: 2px;transition: all 0.3s;}
.index_news_main .button{width: 100px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;background-color: #23b14d;margin-left: 0;margin-top: 26px;transition: all 0.5s;}

.index_news .bd li:hover{background-color: #145eae;box-shadow: 0px 10px 15px rgba(0,0,0,0.2);}
.index_news .bd li:hover .index_news_main .title{color: #fff;}
.index_news .bd li:hover .index_news_main .date{color: #f6f6f6;}
.index_news .bd li:hover .index_news_main .text{color: #f6f6f6;}
.index_news .bd li:hover .index_news_main .button{color: #004c9f;background-color: #aed5ff;}

.index_news .bd li:hover .index_news_img img{transform: scale(1.2)}

.index_news .bd li{position: relative;width: auto;min-width: 630px;}
.index_news .bd li:after,.index_news .bd li:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background-color: #f3f3f3;
                z-index:-2;
            }
            .index_news .bd li:hover{
                z-index:1;
                background:transparent;
            }            
            .index_news .bd li:before {
                transition: .5s;
                background: #145eae;
                z-index:-1;
            }          
            .index_news .bd li:hover:after,.index_news .bd li:hover:before {
                width: 100%;
            }


.index_footer_banner{height: 178px;background: url(../images/footer_banner.jpg)center no-repeat;margin-top: 71px;text-align: center;padding-top: 89px;}


/*SUBTITLE*/
.sub_title{width:100%; text-align:left;color: #004c9f; font-size: 20px; line-height: 50px; height: 50px; position: relative;font-weight: bold;}
.sub_title span{text-align: right; position: absolute; top: 0; right: 0; color: #333; font-size: 14px;font-weight: 500;}
.sub_title span a{color: #0b4143;font-weight: 500;}
.sub_title span a:hover{color: #004c9f;}
.about_title{background-color: #f3f3f3;}











.sub_content{width:1300px; padding:0; margin:30px auto; color:#000;font-size: 16px;}
.sub_content img{max-width: 100%;}







.pre_nex{width: 100%; margin: 25px auto;}
.pre_nex li:nth-last-child(odd){float: left;}
.pre_nex li:nth-last-child(even){float: right;}
.pre_nex li{width: 48%; height: 40px; line-height: 40px; color: #aaa; background: #f8f8f8; text-align: center;}
.pre_nex li a{display: block; color: #777; font-size: 14px;}
.pre_nex li a:hover{color: #000; background: #f1f1f1;}




/*分页样式*/
.page_info{text-align:center;margin:10px auto; padding: 50px 0; color:#999; clear: both;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center; clear: both; letter-spacing:0;font-size:10px;margin:50px auto; padding: 50px 0; clear: both; width: 100%;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}







/*产品详情页样式*/
.pro_left_fix{position:fixed; z-index: 9999; border: 1px solid #ddd;  background: #fff;
    shadow: 0px 3px 7px rgba(0,0,0, 0.2);
    box-shadow: 0px 3px 7px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0, 0.2);}
.pro_left_fix p{width:300px; background: #fff; margin:0 auto; line-height:35px; font-size:18px; color:#333; text-align:center;}
.pro_meline{width: 1px; background: #eee;}
.product_title{line-height:60px; font-size:28px; height: 60px; text-align:center; color:#000;}
.product_title p{width:100%;background:#f6f6f6; padding:20px 10px;  margin:15px auto; line-height:25px; font-size:14px; color:#888;}
.product_time{width:100%; background:#999; color:#fff; height:30px; margin:10px auto; text-align:center; line-height:30px;}
.prodct_content_title{width:100%; margin:10px auto 0 auto;}
.prodct_content_title li{float:left; width:150px; height:50px; line-height:50px; text-align:center; margin:0;}
.bgcolor{ background:#ccc; color:#333;}
.bgcolor_on{ background:#0a50a1; color:#FFF}
.prodct_content_title li a{ color:#FFF}
.product_content{width:100%; margin:0 auto; border-top:1px #0a50a1 solid; padding: 30px 0 0 0;}
.product_content img{max-width: 950px;}
.prodct_content_titles{width:100%; margin:0 auto;}
.prodct_content_titles li{float:left; width:120px; height:50px; line-height:50px; text-align:center; margin:25px 1px 0 0;}
.prodct_content_titles li a{ color:#FFF}
.product_contents{width:100%; margin:0 auto; border-top:1px #555 solid;}


.pcontent img{max-width: 1100px; width: auto; height: auto;}




/*多元化合作*/
.txjy_title{margin-top: 40px;font-size: 20px;color: #004c9f;letter-spacing: 0.4px;font-weight: bold;margin-left: 0px;}
.txjy_title i{font-size: 24px;color: #aed5ff;float: left;margin-top: -8px;margin-right: -15px;}
.txjy_title_name{margin-left: 0px;float: left;position: relative;}

.d_title{margin-top: 25px;letter-spacing: 0.3px;font-size: 16px;color: #004c9f;font-weight: bold;padding: 15px 30px 25px 30px;box-shadow: 0px 15px 20px rgba(0,0,0,0.04);}
.d_title i{font-size: 16px;color: #aed5ff;font-weight: lighter;}
.d_title p{margin-top: 15px;font-size: 15px;color: #000;line-height: 27px;margin-top: 3px;padding: 0 20px;}