@charset "utf-8";
h1{font-size: 17px; font-weight: normal; display: inline; line-height: 50px;}
h1 a{color: #fff;}
h1 a:hover{color: #fff;}
/*NAVIGATION*/
.header_top{height: 5px; background: #c1a72c; width: 100%;}
.header_top_small{width: 1300px;}
.header_top .header_left{width: 500px; font-size: 17px; box-sizing: border-box; height: 50px; float: left; background: url(../images/ico_ser.png) 0 15px no-repeat; line-height: 50px; color: #fff; padding: 0 0 0 35px;}
.header_right{width: 400px; height: 109px; float: right;}
.header_right img{width: 399px; height: 109px;}
.top_nav{width:100%; height: 109px; margin:auto; z-index:99; background: #fff;}
.header-nav {
    width: 100%;
    background: #117dca;
	z-index:99;
	color:#000;
}

.header-content {
    width: 1300px;
    height: 46px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.header-logo {
    width: 693px;
    height: 109px;
    float: left;
    box-sizing: border-box;
}

.header-logo p a {
    float: left;
    color: #000;
    font-size: 18px;
}

.header-logo a {
    display: block;
    padding: 0;
    color: #000;
    font-size: 26px;
    text-decoration: none;
}

.header-nav-list {
    float: left;
    margin:0 auto;
    line-height: 23px;
}

.header-nav-list ul {
    float: right;
}

.header-nav-list ul li {
    position: relative;
    display: block;
    float: left;
    padding: 0;
}
.header-nav-list ul li p{ color: #a8caec; line-height:2px; font-size: 10px; transform:scale(0.8); text-align: center;}
.header-nav-list ul li p:hover{color: #fff;}
.header-nav-list ul li a {
    color: #fff;
    padding: 5px 50px 0 50px;
    font-size: 15px;
    line-height: 26px;
    height: 46px;
    background: none;
    position: relative;
    display: block;
}

.header-nav-list ul li a:hover {
    color: #fff; background: #8c0d0d;
}

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



.UrlSiteNow{color: #fff!important;}



.aui-dow-box {
    position: absolute;
    top: 200%;
    left: 50%;
    width: 140px;
    padding: 30px 0;
    background-color: #117dca;
    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: 0px;
    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: 15px;
    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: #8c0d0d;}
.aui-down-menu-list-title:hover {
    color: #fff;
    background: #8c0d0d;
}



.aui-about-dow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 110%;
    min-width: 160px;
    padding: 8px 10px;
    background: #fff;
    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: #8c0d0d;
}

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


.aui-header-nav.solid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 46px;
    background:#127ecb;
    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: #1f5f61;
    text-align: right;
}
.header-nav-tel a{
    line-height: 28px;
    font-size: 26px;
    letter-spacing: 5px;
    color: #1f5f61;
}
.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
*/
.Yl-container{width:100%; height:549px; overflow:hidden; position:relative;}
.Yl-container .Yl-wrapper{ width: 100%; height: 100%; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{width: 100%; height: 100%; background:url(../images/1.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; background:url(../images/2.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; background:url(../images/3.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 1200px; height:auto; text-align: center; margin: 0 auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{ font-size:48px; color: #afcac6; font-weight: 700; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:36px; color: #2b3544; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:36px; color: #2b3544; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{ font-size:48px; color: #b6b5b5; font-weight: 700; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ font-size:48px; color: #b6b5b5; font-weight: 700; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center;}
.Yl-container .Yl-pagination span{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-radius:100%;margin:0 8px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{opacity:0;display:inline-block;vertical-align:text-bottom;transform:translateY(120px);-webkit-transform:translateY(120px);transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.Yl-container .Yl-pagination-bullet-active{box-shadow:0 0 12px rgba(255,255,255,0.8); background:transparent;}
.Yl-container .Yl-pagination-bullet-active:after{content:"";width:7px;height:7px;border-radius:100%;display:inline-block;background:#fff; margin-top:3px;}
.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 1200px; height:60px; margin: 0 auto; border-top:1px #fff solid; text-align:center; margin-top: 50px;}
.Yl-container .Yl-Button a{ display:block; width:278px; height:48px; line-height:48px; font-size:26px; color:#111; text-align:center; margin:0 auto; background:#fff; margin-top:20px; font-weight:700; border:2px #fff solid; text-decoration:none;}
.Yl-container .Yl-Button a:hover{ background:#111; color:#fff;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft{ position:relative; z-index: 1;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i{display:inline-block;text-align:left;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s; width:10%;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b{width:100%;opacity:1;}
/*大图片动画*/
/*.Yl-container .Yl-wrapper .Yl-slide .Yl-img0.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img1.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img2.act{
	animation:Yl-img_an 6s infinite;
}*/
@keyframes Yl-img_an
{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.1,1.1);}
}
#Percent , #Percent2{width: 100%; height: 549px; line-height: 549px; overflow: hidden; position: relative; text-align: center; font-size: 16px;}

/*
TITLES
*/
.index_title{width:100%; line-height:30px; text-align: center; font-size:24px; color: #000; margin: 0px auto;}
.index_titleline{width:60px; height: 2px; background: #777; margin: 0 auto;}
.index_title p{line-height:30px; text-transform: uppercase; font-size:18px; color: #777;}	
.index_titletips{font-size: 14px; width: 800px; margin: 0 auto;color: #777; line-height:25px; margin:25px auto;}



.sub_sub_title{width:100%; line-height:30px; text-align: left; font-size:18px; color: #555; margin: 0px auto; border-bottom: 1px solid #eee; padding: 10px 0;}


/*
首页服务领域
*/
.index_ser{width: 100%; margin:35px auto 45px auto;}
.index_ser ul{display:table; text-align: center;}
.index_ser li{width: 138px; margin: 0 22px; font-size: 60px; height: 182px; box-sizing: border-box;  line-height:128px; color: #2894e1;  text-align: center; display: inline-block; overflow: hidden; background: linear-gradient(to right,#f3f3f3,#fafafa);}
.index_ser li p{width: 138px; font-size: 15px; color: #fff; height: 54px;background: linear-gradient(to right,#0a76c3,#3ba7f4); text-align: center; line-height: 54px;}
.index_ser li:hover{color: #8d1010; transform: scale(1.1) translateZ(0);}
.index_ser li:hover p{background: linear-gradient(to right,#8d1010,#c01818);}

.index_ser li.cur{color: #8d1010;}
.index_ser li.cur p{background: linear-gradient(to right,#8d1010,#c01818);}
/*
首页关于
*/
.index_about{background:#f6f6f6; height:600px; margin: 0 auto;}
.index_about_con{position: relative;}
.about_slogan{position: absolute; left: 0; top:80px;}
.about_slogan p{font-size: 24px; color: #000; line-height: 65px;}
.about_slogan span{display: block; text-transform: uppercase; color: #2490dd; line-height:1px;}
.index_about_text{position: absolute; left:0; top: 280px; width: 560px; height: 200px; line-height:30px; font-size: 14px; color: #555;}
.index_about_more{position: absolute; left:0; top: 460px; width: 270px; height:50px;background: linear-gradient(to right,#0a76c3,#3ba7f4); text-align: center; color: #fff; line-height: 45px;}
.index_about_more a{color: #fff; display: block;}
.index_about_more:hover{color: #fff;background: linear-gradient(to right,#8d1010,#c01818); transform: scale(1.2) translateZ(0);}
.index_about_ico{position: absolute; left:0; top:520px;}
.index_about_ico li{width: 128px; float: left; border: 2px solid #55a6a9; height: 128px; line-height: 72px; text-align: center; font-size: 60px; color: #55a6a9; margin: 0 70px 0 0px; padding: 15px 0 0 0;}
.index_about_ico li p{font-size: 14px; color: #1f5f61; line-height: 20px;}
.index_about_ico li:hover{background: #1f5f61; border: 2px solid #1f5f61; color: #fff;}
.index_about_ico li:hover p{color: #fff; font-weight: bold;}
.index_about_box{width: 650px; position: absolute; left: 0; top: 0; height: 363px; }
.index_more {width: 140px; float: left; margin: 30px 0 0 0; height: 45px; font-size: 14px; border: 1px solid #ddd; color: #666; line-height: 45px; text-align: center;}
.index_more a{color: #666; display: block;}
.index_more a:hover{color: #fff; background: #114cb8; display: block; border: 1px solid #114cb8;}
.index_about_right{width: 481px; position: absolute; float: right; right: 0; top: 72px;}
.index_about_right_ml{margin: 0 0 0 18px;}
/*
INDEX_USHI
*/
.index_ushi_box{height: 760px;}
.ushi_left_box{float: left;}
.index_ushi_left{width: 320px; height: 106px; margin:65px 0;}
.index_ushi_left label{width: 41px; height: 41px; display:inline-block;color: #fff; text-align: center; background: linear-gradient(to right,#0a76c3,#3ba7f4); font-size: 28px; line-height: 41px; border-radius: 5px; padding: 0 0 0 5px;}
.index_ushi_left span{font-size: 18px; color: #0070c1; padding: 0 0 0 10px; line-height:41px;}
.index_ushi_left p{color: #000; line-height: 25px; font-size: 14px; margin: 10px 0 0 0;}
.index_ushi_left:hover{transform: scale(1.06) translateZ(0);}

.ushi_logo{width: 525px; height: 421px; background: url(../images/ushi_logo.jpg) no-repeat; position: absolute; left: 388px; top: 210px;}

.ushi_right_box{float: right;}
.index_ushi_right{width: 320px; height: 106px; margin:65px 0;}
.index_ushi_right label{width: 41px; height: 41px; float: right; display:inline-block;color: #fff; text-align: center; background: linear-gradient(to right,#8d1010,#c01818); font-size: 28px; line-height: 41px; border-radius: 5px; padding: 0 0 1px 2px;}
.index_ushi_right span{font-size: 18px; color: #8c0d0d; padding: 0 8px 0 0; float: right; text-align: right!important; line-height:41px;}
.index_ushi_right p{color: #000; line-height: 25px; font-size: 14px; clear: both; text-align: right; padding: 16px 0 0 0; margin: 10px 0 0 0;}
.index_ushi_right:hover{transform: scale(1.06) translateZ(0);}
/*
INDEXCASE
*/
.index_case{width: 100%; height: 619px; background: url(../images/bg_case.jpg) center no-repeat;}
.index_case_tip{width:100%; color: #777; margin:35px auto;}
.index_case_tip ul{display: table; text-align: center;}
.index_case_tip ul li{font-size: 13px; float: left; padding: 0 25px; height: 30px; line-height: 30px; color: #777;}
.index_case_tip ul li:hover{background: #319dea; border-radius: 5px; color: #fff;}
.index_case_box{width: 100%; padding:102px 0 32px 0;}
.index_case_box ul{display: table; text-align: center;}
.index_case_box ul li{width: 285px; float: left; margin: 0 20px; height: 187px; border: 3px solid #fff; font-size: 16px; color: #000;}
.index_case_box ul li img{width: 285px; height: 187px; border: 3px solid #fff;}
.index_case_box ul li span{color: #9b9b9b; display: block; font-size: 14px; line-height: 60px; height: 45px;}
.index_case_box ul li p{width: 80px; height: 1px; background: #babcbc;}
.index_case_box ul li:hover img{width: 295px; height: 197px; border: 3px solid #43b0de;}
.index_case_box ul li:hover span{font-size: 16px; color: #43b0de;}




.sub_case_box{width: 100%; padding:32px 0;}
.sub_case_box ul{display: table; text-align: center;}
.sub_case_box ul li{width: 265px; float: left; margin: 0 10px; height: 167px; border: 3px solid #fff; font-size: 16px; color: #000;}
.sub_case_box ul li img{width: 265px; height: 167px; border: 3px solid #fff;}
.sub_case_box ul li span{color: #9b9b9b; display: block; font-size: 14px; line-height: 60px; height: 45px;}
.sub_case_box ul li p{width: 80px; height: 1px; background: #babcbc;}
.sub_case_box ul li:hover img{width: 265px; height: 167px; border: 3px solid #43b0de;}
.sub_case_box ul li:hover span{font-size: 16px; color: #43b0de;}
/*
INDEXXINWEN
*/
.index_news{width: 360px; display: inline-block;}
.index_news span{position: relative; left: 20px; top: 100px; font-size: 18px; color: #fff;}
.index_news img{width: 360px; height: 182px;}
.index_news li{color: #000; font-size: 14px; border-bottom: 1px solid #eee; line-height:45px;}
.index_news li span{float: right; color: #599dde; font-size: 12px; position: inherit;}
.index_news li:hover{color: #599dde;}
/*
INDEXCOMPANY
*/
.index_company ul{display: table; text-align: center;;}
.index_company li{width: 238px; height: 98px; float: left; margin: 50px 10px 70px 10px;}
.index_company li img{width: 238px; height: 98px; border: 1px solid #eee;}
/*
BOTTOM
*/
.bottom{width:100%; padding:0; background:#338ed0; margin:0 auto; text-align:center; color:#fff;}
.bottom_contact{margin: 40px 0 0 0; width: 980px; float: left; display: inline-block;}
.bottom_contact_i{font-size: 45px; display: block; float: left; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; float: left;}
.bottom_contact li{ margin: 0 60px 0 0; float: left;}
.bottom_contact li label{font-size: 14px; line-height: 40px;}
.bottom_contact li p{font-size: 16px; line-height: 20px;}
.botttom_content{float: right; text-align: left;}
.bottom_qr{float:right; margin:0; width:145px; text-align:center;color: #1f5f61; }
.bottom_qr p{color: #fff; text-align: center; width: 115px; height: 24px; line-height: 24px; border-radius: 5px; background: #43b0de; font-size: 13px;}
.bottom_qr li{float: right; color: #1f5f61; margin: 0; font-size: 18px;}
.bottom_sq{color: #d5b51d;}
/*
COPYRIGHT
*/
.copyright{width:100%; box-sizing: border-box; padding:0; height:50px; line-height: 50px; background:#266592; margin:0 auto; text-align:center; color:#fff;}
.copyright a{color: #fff; text-decoration: none;}

/*PUB*/
.trans{-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;}
.pic_tran{
	width:auto; height:auto;
	overflow:hidden;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
}
.pic_tran img{
    overflow: hidden;
    position: relative;
	transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.5s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 0.5s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.pic_tran:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
/*SBANNER*/
.sbanner{background:url(../images/honor_bg.jpg) no-repeat; height:238px; color:#fff;}
.sbanner_font{font-size:36px; font-weight:bold; width:700px; line-height:50px; margin:50px 0 0 0;}
.sbanner_font p{font-size:13px; color:#a6a8aa; line-height:25px;}
.sbanner_right{width:408px;}
.sbanner_button{border:1px solid #fff; color:#fff; width:314px; height:45px; font-size:14px; line-height:45px; text-align:center; margin:0; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sbanner_button a{color:#fff;}
.sbanner_button:hover{background:#d5b51d; border:1px solid #d5b51d;}
.sbanner_tel{font-size:17px; color:#a8b3c3;}
/*CATALOG*/
.catalog{width:325px; float:left; background:#eef3f7;}
.catalog ul{padding: 50px 0 40px 0;}
.catalog li{border-bottom: 1px solid #dfe8ef;}
.catalog li a{height: 65px; line-height: 65px; color: #083061; font-size: 18px; padding: 0 0 0 30px; display: block;}
.catalog li a:hover{color: #fff; font-size: 18px; background: #61d3fc;}
.catalog_tit{width:325px; height:80px; background:#083061; color:#fff; font-size:24px; line-height:80px; text-align: center;}
.catalog_tit_tottom{width:325px; height:135px; background:#083061 url(../images/ico_tel.png) 43px 43px no-repeat; color:#2bb4e6; font-size:14px;text-align: left; line-height: 22px; padding: 43px 0 0 103px;}
.catalog_tit_tottom p{ font-size: 24px;}
/*SUBLEFT*/
.sub_left{width: 330px; float: right; background: #f9f9f9; border-top: 5px solid #1397f3;}
.sub_left_catalog{width: 100%; margin: 0 auto;}
.sub_left_catalog li{height: 53px; line-height: 53px; font-size: 16px; border-bottom: 1px solid #eee;}
.sub_left_catalog li a{color: #333; padding: 0 0 0 28px; display:block;}
.sub_left_catalog li a:hover{color: #fff; background: #1397f3;}
/*SUBTITLE*/
.sub_title_line{border-bottom: 1px solid #ddd;}
.sub_title{width:100%; text-align:left;color: #000; font-size: 20px; line-height: 50px; height: 50px; position: relative;}
.sub_title span{text-align: right; position: absolute; top: 0; right: 0; color: #0993f5; font-size: 14px;}
.sub_title span a{color: #0993f5;}
.sub_title span a:hover{color: #0993f5;}
.sub_content{width:1300px; padding:0; margin:30px auto; color:#000;font-size: 14px;}
/*内页产品*/
.sub_fourser{width:1300px; margin:50px auto 0 auto;}
.sub_fourser ul{margin:0; padding:0; list-style:none;}
.sub_fourser ul li{width:300px; height:225px; margin:0px 25px 90px 0; float:left;  color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_fourser ul li p{font-size:14px; text-align:center; overflow:hidden; line-height:25px; padding:10px; box-sizing:border-box; background:#f4f4f4; color: #000; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.sub_fourser ul li span{font-size:12px; color:#2bb4e6; line-height:10px; margin:0;}
.sub_fourser ul li:hover p{color:#fff; width:300px; overflow:hidden; background:#0993f5; box-sizing:border-box; padding:12px;}
.sub_fourser ul li:hover span{color:#fff;}
.sub_fourser ul li .sproimg{width:300px; height:225px; border: 1px solid #ddd; overflow:hidden;box-sizing:border-box;}
/*内页合作*/
.sub_partner{width:1300px; margin:50px auto 0 auto;}
.sub_partner ul{margin:0; padding:0; list-style:none;}
.sub_partner ul li{width:238px; height:98px; margin:0px 20px 90px 0; float:left;  color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_partner ul li p{font-size:14px; text-align:center; overflow:hidden; line-height:25px; padding:10px; box-sizing:border-box; background:#f4f4f4; color: #000; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.sub_partner ul li span{font-size:12px; color:#2bb4e6; line-height:10px; margin:0;}
.sub_partner ul li:hover p{color:#fff; width:238px; overflow:hidden; background:#0993f5; box-sizing:border-box; padding:12px;}
.sub_partner ul li:hover span{color:#fff;}
.sub_partner ul li .sproimg{width:238px; height:98px; border: 1px solid #eee; overflow:hidden;box-sizing:border-box;}

.mtimp{margin-top: 10px!important;}
/*SUBCATALOG*/
.sub_menu{width: 100%; background:none; margin: 0 auto; position: absolute; top: 485px; }
.sub_catalog{width:1300px; padding:0; margin:0px auto;}
.sub_catalog ul{list-style:none; padding:0; margin:0 auto; display:table;}
/**.sub_catalog ul li:before{content: "-"; float: left; margin: 0 0 0 6px;}
.sub_catalog ul li:after{content: "-"; float: right; margin: 0 6px 0 0;}**/
.sub_catalog ul li{float:left; border-radius: 15px; border: 1px solid #ccc; margin: 0 15px; width:160px;color:#777; height:35px; line-height:33px; font-size: 14px; text-align:center; vertical-align:middle; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#777; display:inline-block;}
.sub_catalog ul li:hover{color:#fff; background:#1397f3; border: 1px solid #1397f3; border-radius: 5px; }
.sub_catalog ul li a:hover {color: #fff;}
/*列表页*/
.sub_xinwen{width: 1300px; margin: 0 auto 30px auto; padding: 0;}
.sub_xinwen ul{list-style: none;}
.sub_xinwen li{ background: #fff; margin:35px 0; width: 100%;
    shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0, 0.1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;}
.snews_content{width:100%; height: 143px; padding: 0; background: #fff; transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;}
.snews_content:hover{background:#fcfcfc;}
.snews_content_time{width: 100%; background: #f5f5f5; height: 40px; line-height: 40px; text-align: center; color: #1992e7; font-size: 12px; margin-bottom: 30px;}
.sub_pic{width:170px; height:130px; margin:0;  float:left;}
.sub_pic img{width:170px; height:130px; margin: 7px 0 0 7px;}
.sub_text{width:1050px; height:45px; line-height:45px; float:left; margin:10px 0 0 25px; color:#1f5f61; font-size:16px;}
.sub_text a{color:#000; text-decoration:none;}
.sub_text a:hover{color:#1397f3; text-decoration:none;}
.sub_text span{width:1050px; float:left; margin:0; color:#777; font-size:14px; line-height:20px;}
.sub_text p{font-size: 14px; color: #1397f3; line-height: 45px;}
.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;}

/*产品详情页样式*/
.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: #7b9e9f; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; margin: 30px auto;}
.prodct_content_title li{float:left; width:150px; height:50px; line-height:50px; text-align:center; margin:50px 0 0 0;;}
.bgcolor{ background:#ccc; color:#333;}
.bgcolor_on{ background:#075f9c; color:#FFF}
.prodct_content_title li a{ color:#FFF}
.product_content{width:100%; margin:0 auto; border-top:1px #075f9c 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;}
/*SUB_PRO*/
.sub_duibi{width: 1300px; height: 540px; float: left; margin:0 auto; border-top: 8px solid #fff; border-left: 8px solid #fff; border-right: 8px solid #fff; border-bottom:none;
    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;}
.pro_main{width: 560px; float: right;}
.pro_depp{padding: 10px; color: #777; line-height: 25px;}
.pro_mp{padding: 20px; color: #333; line-height: 25px;}
.pro_name{height: 45px; background: #f6f6f6; text-align: center; font-size: 22px; line-height: 45px; color: #1f5f61; margin: 0 0 20px 0; padding: 0 0 0 15px;}
.pro_option{height: 40px; border-bottom: 1px solid #cfe1fa; font-size: 16px; line-height: 40px; color: #003476; padding: 0 0 0 5px;}
.pro_table{margin: 15px auto; text-align: center;}
.pro_table ul{text-align: center; list-style: none;}
.pro_table ul li{ list-style: none;}
.pro_table1{width: 175px; height: 34px; background: #1d1d1d; text-align: center; color: #fff; float: left; margin-bottom: 1px;}
.pro_table2{width: 175px; height: 34px; background: #2d2d2d; text-align: center; color: #ccc; float: left; margin-bottom: 1px;}
.pro_table3{width: 175px; height: 34px; background: #ddd; text-align: center; color: #444; float: left; margin-bottom: 1px; line-height: 34px;}
.pro_table4{width: 425px; height: 34px; background: #f1f1f1; text-align: center; color: #777; float: left; margin-bottom: 1px; line-height: 34px;}
.sub_pro_more {width:150px; height:50px; color:#fff; background:#e60012; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 0;}
.sub_pro_more a{color:#fff; background:#7b9e9f; display:block;}
.sub_pro_more a:hover{color:#fff; background:#a5c0c1;}
.sub_pro_more2 {width:150px; height:50px; color:#fff; background:#e60012; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 30px;}
.sub_pro_more2 a{color:#fff; background:#1f5f61; display:block;}
.sub_pro_more2 a:hover{color:#fff; background:#114547;}

/*分页样式*/
.page_info{text-align:center;margin:10px;color:#999;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}
.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;}


/*底部二维码*/
.vxbox{position: relative;}
.vxbox .vxbox_qr {display: none;position: absolute; border: 1px solid #ccc; box-shadow: 0px 8px 16px 0px #000;padding: 10px;  min-width: 130px;line-height: 30px; background: #fff; bottom: 70px; left: 30px;}

.vxbox_qr img{width: 110px; height: 110px;}
.vxbox:hover .vxbox_qr {
display:block
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:430px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#b61c38;}
.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:0px;}
.suspension .d-qrcode{top:-30px; width: 140px;}
.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; line-height: 18px; height: 25px;}
.qrcode-img{width: 130px; height: 150px; text-align: center;}
.qrcode-img img{width: 120px; height: 120px;}


.pmbox_case{
	width: 1300px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.pmbox_case li{
	width: 400px;
	height: 220px;
	margin: 20px 11px;
	float: left;
	position: relative;
	background: #fafafa;
	text-align: center;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.pmbox_case li img{
	max-height: 210px;
	max-width: 390px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
	z-index: 1;
}
.pmbox_case li p{
	position: absolute;
	z-index: 2;
	background: rgba(8,48,97,1);
	height: 0px;
	line-height: 40px;
	width: 400px;
	text-align: center;
	color: #333;
	bottom: 4px;
	left: 4px;
}
/*MES-FORREAL*/
.message_bigtext{width: 100%; height: 100px; line-height: 100px; border-radius: 10px; background: #f5f5f5; color: #777; font-size: 26px; padding: 0 50px; margin: 0; font-weight: bold;}
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:18px;color:#ccc; margin: 0 0 0 10px; height: 30px;
	-moz-box-shadow:5px 5px 5px #eee inset;-webkit-box-shadow:5px 5px 5px #eee inset; box-shadow:5px 5px 5px #eee inset;border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px; margin: 0 0 0 10px; height: 30px;
	-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_tag{ text-align: center; vertical-align: middle;}
.message_labes{font-size:14px;}
.message_title{height:45px;line-height:45px; text-align: center; vertical-align: middle;}
.message_title span{float:right;font-weight:bold;}
.message_info{color:#8ea6b6;text-align:right;}
.msg_btn_area{margin:16px 0 16px 10px;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#1f5f61; text-decoration:none; color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#062526}