/* CSS Document */
body{ height:100%; min-width:1200px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"microsoft yahei","微软雅黑",Arial; color:#666;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse;}
img, table, td, th ,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit; text-decoration:none; transition: all 0.5s linear;-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#f4ae00; text-decoration:none;}
em,i{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; position:relative;}
@font-face {font-family:'avignon-bold'; src: url('/style/fonts/avignon-bold.ttf') format('truetype'); }
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px; font-size:14px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*header*/
.header{ width:100%; height:81px;border-bottom:1px solid rgba(255, 255, 255, .2);}
.header .logo{ float:left; position:relative; width:345px;}
.header .logo a{ display:block; width:345px; margin:17px auto; text-align: center; height:45px; padding:2px 0; background:url(/images/logoW.png) center left no-repeat; background-size:auto 45px;}
.head_r{ float:right; line-height:44px; padding: 0 0 0 37px; background: url(/images/icon_01.png) left center no-repeat; margin:15px 0 15px 30px; height: 50px; color: #fff; font-size:26px; font-family:'avignon-bold';}
.header .logo img{ display:none;}


.navbar-fixed-top{ width:100%; height:auto; padding:0 0; position:fixed; top: 0; left: 0; z-index: 9999;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#232323}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:0; top:50%; margin-right:5px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}


.nav{ overflow:visible; float:right; padding:0 !important;}
.nav ul{ height:50px; margin:0;}
.nav ul li{ float:left; margin:0 10px; text-align:center; position:relative;z-index:99999;}
.nav ul li:first-child{background:none;}
.nav ul li h3 { font-weight: normal; }
.nav ul li h3 a{display:block; text-transform:capitalize; font-size:16px; padding:24px 8px; margin:0; line-height:30px; color:#fff;}
.nav ul li:hover h3 a,.nav ul li h3 a.cur{ background:none !important; color:#fff !important;border-bottom:2px solid #fff;}
.nav .sub{display:none; width:100%; position: absolute;z-index:99999;background-color:rgba(255,255,255,1);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-webkit-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-moz-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1); left:50%; top:81px; font-size:0; text-align:left; width:110px; transform:translateX(-50%); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:none;background:rgba(0, 0, 0, .6);padding:10px 0;}
.nav .sub dt{text-align:center; display:inline-block; width:100%; vertical-align:top; margin:0;  position:relative;}
.nav .sub dt h5{font-weight:normal;}
.nav .sub dt h5 a{display:block; width:100%; text-align: center; box-sizing: border-box; overflow: hidden; padding:0 15px; font-size:14px; line-height:36px; color:#fff; }
/*.nav .sub dt:nth-child(2n-1) h5 a{ border-right: solid 1px #eee; border-bottom: solid 1px #eee;}*/
.nav .sub dt:last-child a{border-bottom:none;}
.nav .sub dt:hover h5 a{ background-color:#1D80D3; color:#fff ;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#CCC}
.navbar-collapse{ padding:9px 0;}
.navbar-nav > li > a{ padding:0;}
@media(min-width:767px){
.navbar-collapse.collapse {display: block !important;height: auto !important;overflow: visible !important;visibility:visible !important;border:none;}
.nav .container{ width:auto; padding:0;}
.nav ul li a.dropdown-toggle:hover{ background:#1D80D3; color:#fff;}
}
@media(max-width:767px){
	.nav{ background:none; border:0; height:auto; position:absolute; top:51px; right:0; width:50%; overflow:hidden; padding:0; float:none; -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.1); box-shadow:0 5px 5px rgba(0,0,0,0.1);}
	.nav ul{ height:auto;}
	.nav ul li{ width:100%; height:auto; margin:0; float:none;}
	.nav ul li h3 a{ padding:10px 0; margin:0; line-height:20px; color:#fff;color:#303030 !important; font-size:16px !important;}
	.nav ul li:hover h3 a,.nav ul li h3 a.cur{ color:#1D80D3 !important;border-bottom:none;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.navbar-header{padding-bottom:0;}
	.navbar-brand{padding-left:0px;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
}
.is-fixed.navbar-fixed-top .header{ height:80px;border-bottom:none;}
.is-fixed.navbar-fixed-top{  position:fixed; top:0; left:0;  background-color:rgba(255,255,255, 1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.is-fixed.navbar-fixed-top .head_r{color:#af4184;background:url(/images/icon_02.png) left center no-repeat;}
.is-fixed.navbar-fixed-top .header .logo a{  background:url(/images/logo.png) center center no-repeat;}
.is-fixed.navbar-fixed-top .nav li h3 a{ color:#333;  }
.is-fixed.navbar-fixed-top .nav li:hover h3 a,.is-fixed.navbar-fixed-top .nav ul li h3 a.cur{ color:#1D80D3 !important;border-bottom:2px solid #1D80D3;}
.is-fixed.navbar-fixed-top .nav .sub{ top:80px;box-shadow:none;}

@media(max-width:767px){
	.header{ background:#fff; height:auto; width:100%; height:61px; padding:10px 0;}
	#site_header .navbar-header{ display:block; position:relative;}
	.header .logo{ width:80%; margin:0 0 0 1%;}
	.header .logo a{ width:100%; height:auto; background:none; margin:0; padding:0;}
	.header .logo span{ display:none;}
	.header .logo img{ display:block; max-width:100%; height:36px;}
	.head_r{ display:none;}
	
	.is-fixed.navbar-fixed-top .header{ height:61px;}
	.is-fixed.navbar-fixed-top .header .logo a{ background:none;}
	.is-fixed.navbar-fixed-top .nav li:hover h3 a,.is-fixed.navbar-fixed-top .nav ul li h3 a.cur{border-bottom:none;}
}

/*banner*/
.banner{margin-top:0;width:100%;position: relative;overflow: hidden;}
.indBanner{width:100%;position:relative; min-width:1200px; height:680px; overflow:hidden;}
.indBanner .bd{position:relative; height:680px; z-index:0;}
.indBanner .bd li{ zoom:1; vertical-align:middle;width:100vw;height:680px; position: relative; background-size:cover !important; }
.indBanner .bd li a{display:block; width:100vw; height:680px;position: relative;}
.indBanner .bd li .banner{width: 100%;position: absolute;top:0;bottom:0;left: 0;right: 0;margin: auto;height: 100%; }
.indBanner .bd li .banner img{ max-width: 100%;}
.indBanner .bd li .ban1{}
.indBanner .b{ position: absolute; z-index: 2; }
.indBanner .b.ban1_1{ top:24%; width:100%; text-align: center; }
.indBanner .b.ban1_1 img{ width:60%;}
.indBanner .b.ban1_2{ width: 107px; bottom: 8%; left: 50%; margin-left: -600px;  }
.indBanner .b.ban1_3{ width: 86px; bottom: 20%; left: 50%; margin-left: -420px;  }
.indBanner .b.ban1_4{ width:107px; bottom: 10%; left: 50%; margin-left: -253px;  }
.indBanner .b.ban1_5{ width: 75px; bottom: 23%; right: 50%; margin-right: -20px;  }
.indBanner .b.ban1_6{ width: 93px; bottom: 14%; right: 50%; margin-right: -210px;  }
.indBanner .b.ban1_7{ width: 86px; bottom: 18%; right: 50%; margin-right: -390px;  }
.indBanner .b.ban1_8{ width: 86px; bottom: 12%; right: 50%; margin-right: -570px;  }

.indBanner .prev,.indBanner .next{width: 50px; height: 50px; transition: all 0.8s ease; position: absolute; top: 50%; margin-top:-25px; border-radius:25px; overflow:hidden;}
.indBanner .prev{left:-50px; background: rgba(255,255,255,0.4) url(/images/prev.png) center center  no-repeat;}
.indBanner .next{right:-50px;background: rgba(255,255,255,0.4) url(/images/next.png) center center  no-repeat;}
.indBanner .prev:hover,.indBanner .next:hover{background-color:#1D80D3;color:#FFFFFF;}
.indBanner:hover .prev{left: 100px;}
.indBanner:hover .next{right: 100px;}

.waves{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; min-width: 1200px; z-index: 1; height: 100% ;}
.waves canvas{ min-width: 1200px; height: 100% !important; background-color: rgba(0,0,0,0) !important;}
@media (max-width:1600px) {
.indBanner .b.ban1_1 img{ width:68%;}
}
.mo-banner{display: none !important;}
@media only screen and (max-width: 767px) {
	.banner{ width:auto; height:auto; margin-top:61px;}
	.banner .indBanner{display: none !important;}
	.indBanner_box{height:100%;position: relative;}
	.mo-banner .swiper-slide-active .indBanner_txt h6,.mo-banner .swiper-slide-active .indBanner_txt p{opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-webkit-opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
	.indBanner_txt h6{ font-size:1.1rem;}
	.indBanner_txt p{ font-size:.85rem; margin-top:.5rem;}
	.mo-banner{display: block !important;overflow: hidden;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display: block;}
	.mo-banner .wiper-pagination{ bottom:10px !important;}
	.mo-banner .swiper-pagination-bullet{width:15px;height:2px;background-color:rgba(255,255,255,.3);opacity:1 !important;border-radius:0;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#1D80D3;}
}


/*main1*/
.main{ width:100%; margin:0 auto; overflow:hidden;}
.mainTit{ text-align:center; line-height:46px; color:#333;}
.mainTit span{ display:block; color:#333; font-size:40px; font-family:'avignon-bold'; text-transform:capitalize;}
.mainTit p{ font-size:30px;}
@media(max-width:767px){
	.mainTit{ line-height:1.5;}
	.mainTit span{ font-size:24px;}
	.mainTit p{ font-size:18px;}	
}

.main1{ overflow:hidden; padding:50px 0; background:url(/images/aboutBg.jpg) no-repeat center;background-attachment:fixed;}
.main1 .mainTit{ text-align:left;}
.main1 .mainTit span{ line-height:1;}
.main1_con{ width:100%; height:auto; margin:0;}
.main1_con .main1_l{ width:600px;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; margin-top:-11px;}
.main1_con .main1_l h2{ font-size:20px; line-height:30px; padding-left:50px; margin:10px 0 5px; color:#333; position:relative;}
.main1_con .main1_l h2::after{ content:''; width:30px; height:3px; background-color:#1D80D3; position: absolute; left:0; top:50%; margin-top:-1px;}
.main1_con .main1_l .tNum{ width:100%; margin-top:15px;}
.main1_con .main1_l .listLi{float:left; width:33.333%;}
.main1_con .main1_l .listLi .digit{float:left; color:#333; font-size:50px; font-family:Arial; font-weight: 500; line-height: 60px; position: relative}
.main1_con .main1_l .listLi .digit em{position:absolute; font-size:16px; font-weight: normal; width: 22px; height:22px; background:#ccc; text-align:center; line-height:22px; color:#fff; right:-25px; bottom:10px;border-radius: 22px; -moz-border-radius: 20px;-webkit-border-radius: 20px;}
.main1_con .main1_l .listLi .digit em:hover{ background:#f4ae00; cursor:pointer;}
.main1_con .main1_l .listLi .digit span{position: absolute; font-size: 16px; font-weight: normal;right: -45px; bottom:10px; line-height:21px;}
.main1_con .main1_l .listLi .written{float: left; width: 100%; color:#333333; font-size:16px; line-height:34px;}

.main1_con .main1_l .desc{ font-size:15px; color:#555;line-height:28px;margin:15px 0 15px;}
.main1_con .main1_l .more{width:100%; height:auto;}
.main1_con .main1_l .more a{display:inline-block;width:160px;height:44px;text-align:center; border-radius:4px;line-height:40px; border:solid 1px #ddd; font-size:14px; color: #333; transition: all 0.8s ease;}
.main1_con .main1_l .more a:hover{ color: #fff; background-color: #f4ae00; border-color: #f4ae00;}
.main1_r{ margin:0; width:560px; float:right;}
.main1_r>div{ width:280px; height:196px; float:left; overflow:hidden; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s}
.main1_r>div a{ display:block;}
.main1_r .aboutLan{background:#1D80D3;color:#fff; padding:25px;}
.main1_r .aboutLan h3{font-size:24px; color:#fff; height:40px; line-height:40px; float:left;}
.main1_r .aboutLan span{float:right; margin-top:60px; display:block; width:80px; height:80px; line-height:80px; text-align:center; font-size:68px; text-align:center;}
.main1_r>div:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}

@media(max-width:767px){
	.main1{ padding:20px 0;}
	.main1_con .main1_l{ width:100%;padding:0 10px 20px; float:left; margin-top:0;}
	.main1_con .main1_l h2{ font-size:18px; line-height:26px;}
	.main1_con .main1_l .tNum{ width:100%; margin-top:15px;}
	.main1_con .main1_l .listLi{float:left; width:33.333%;}
	.main1_con .main1_l .listLi .digit{ font-size:28px; line-height:38px;}
	.main1_con .main1_l .listLi .digit em{font-size:14px; width:17px; height:17px; line-height:17px; color:#fff; right:-22px; bottom:8px;border-radius: 22px; -moz-border-radius: 20px;-webkit-border-radius:20px;}
	.main1_con .main1_l .listLi .digit span{position:absolute; font-size:14px;right: -40px; bottom:8px; line-height:17px;}
	.main1_con .main1_l .listLi .written{ font-size:15px; line-height:30px;}	
	.main1_con .main1_l .desc{ font-size:14px; line-height:24px;margin:10px 0 10px;}
	.main1_con .main1_l .more a{width:110px;height:36px;line-height:34px; font-size:14px;}
	
	.main1_r{ margin:0; width:100%; float:left; padding:0 10px; display:none;}
	.main1_r>div{ width:50%; height:156px;}
	.main1_r>div a{ display:block; height:100%;}
	.main1_r>div img{ width:100%; height:100%;}
	.main1_r .aboutLan{padding:10px;}
	.main1_r .aboutLan h3{font-size:18px; height:30px; line-height:30px;}
	.main1_r .aboutLan span{ margin-top:50px; width:50px; height:50px; line-height:50px; font-size:48px;}
}

.main2{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#fff; padding:50px 0 30px;}
.main2_tit{ text-align:center; color:#333; width:100%; padding:0; margin:0 auto 40px;}
.main2_tit span{ display:block; font-size:40px; color:#333; font-weight:bold;font-family:'avignon-bold'; text-transform: capitalize;}
.main2_tit h2{ font-size:30px;line-height:1;margin:0; color:#333;}
.main2_clist{ width:100%; height:auto;}
.main2_clist li{ float:left; width:22.3%; margin:10px 3.6% 20px 0;}
.main2_clist li:nth-child(4n){ margin-right:0;}
.main2_clist li a{ display:block; border:1px solid #cbcbcb; padding:0 14px 45px; box-sizing:border-box;-moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; position:relative; top:0;}
.main2_clist li .icon{ display:block; width:70px; height:60px; margin:40px auto 25px; color:#1D80D3/*015d9e*/; font-size:50px; line-height:60px; text-align:center;}
.main2_clist li:nth-child(1) .icon{font-size:48px;} 
.main2_clist li h5{ text-align:center; font-size:18px; color:#333;}
.main2_clist li .en{ text-align:center; padding:6px 0; font-size:12px; color:#666; text-transform:uppercase; letter-spacing:-.5px;}
.main2_clist li .line{ width:98%; height:1px; background:#cbcbcb; margin:10px auto;}
.main2_clist li p{margin:10px auto 0;width:98%;height:auto; text-align:center;line-height:22px;  margin-top:15px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main2_clist li a:hover{ background:#f4ae00; border-color:#f4ae00; -moz-box-shadow:4px 4px 13px #D1D1D1; -webkit-box-shadow:4px 4px 13px #D1D1D1; box-shadow:4px 4px 13px #D1D1D1; top:-6px;}
.main2_clist li a:hover .icon,.main2_clist li a:hover h5,.main2_clist li a:hover .en,.main2_clist li a:hover p{ color:#FFF;}
.main2_clist li a:hover .line{ background:#FFF;}

@media(max-width:767px){
	.main2{ padding:20px 10px;}
	.main2_tit{ margin:0 auto 15px;}
	.main2_tit span{ font-size:24px;}
	.main2_tit h2{ font-size:18px;}
	.main2_clist li{ float:left; width:48%; margin:10px 4% 10px 0;}
	.main2_clist li:nth-child(2n){ margin-right:0;}
	.main2_clist li a{ padding:0 10px 20px;}
	.main2_clist li .icon{ width:50px;height:40px;margin:20px auto 15px;font-size:40px; line-height:40px;}
	.main2_clist li:nth-child(1) .icon{font-size:38px;} 
	.main2_clist li h5{ font-size:16px;}
	.main2_clist li a:hover{ top:0px;}

}

.main3{margin:0;background:#fff;height:auto;padding:50px 0 30px; position:relative;}
.main3Con{ width:100%; height:auto; padding:0;overflow:visible;margin:40px 0 0;position:relative;}
.main3Con li{ float:left;width:384px;height:auto;cursor:pointer;/*background:#FFF;box-shadow:0 1px 15px #ddd;*/ margin:0 24px 25px 0;}
.main3Con li:nth-child(3n){ margin-right:0;}
.main3Con li a{ display:block;border-radius:6px; overflow:hidden;}
.main3Con li .pic{display:block;width:100%;height:auto;overflow:hidden;}
.main3Con li .pic img{width:100%;height:auto;}
.main3Con li .pic img{-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.main3Con li:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.main3Con li .txt{ background:#fff;padding:12px 20px 3px;width:100%;height:auto; border:1px solid #e5e5e5;border-radius:0 0 6px 6px;}
.main3Con li h4{font-size:18px; line-height:28px;color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.main3Con li:hover h4{color:#1D80D3;padding-left:0;}
.main3Con li p{ font-size:14px; color:#9a9a9a; line-height:25px;padding:2px 0 12px; border-bottom:1px solid #e5e5e5;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main3Con li .more{padding:10px 0; width:100%;color:#9a9a9a; font-size:14px;line-height:22px;background:url(/images/more1.png) right center no-repeat;}
.main3Con li a:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.2);}
@media(max-width:767px){
	.main3{padding:20px 10px;}
	.main3Con{margin:15px 0 0;}
	.main3Con li{width:48%;margin:0 4% 15px 0;}
	.main3Con li:nth-child(2n){ margin-right:0;}
	.main3Con li:nth-child(2n-1){ margin-right:4%;}
	.main3Con li a{border-radius:3px;}
	.main3Con li .txt{padding:10px 10px 3px;border-radius:0 0 3px 3px;}
	.main3Con li h4{font-size:14px; line-height:1.5;}
	.main3Con li:hover h4{color:#1D80D3;padding-left:0;}
	.main3Con li p{ font-size:12px; line-height:20px;padding:2px 0 10px;}
	.main3Con li .more{padding:8px 0 8px; font-size:12px;line-height:20px;}
	.main3Con li a:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.2);}
}

.main5{ background:url(/images/main5Bg.jpg) no-repeat center/*#f6f6f6*/;background-size:cover;background-attachment:fixed; padding:50px 0;}
.main5Con{ padding:40px 0 0;}
.main5Con .item{ width:100%; text-align:center; display:table; word-spacing:normal; margin-top:40px;}
.main5Con .item dl{ float:left; width:20%; text-align:center; font-size:18px; color:#fff; transition: all .5s;-webkit-transition:all .5s;}
.main5Con .item dl dt{ width:100px; height:100px; border-radius:50%; border:solid 2px #1D80D3; margin:auto;  transform:rotate(0deg); transition:width 1.3s,height 1.3s,transform 1.3s; cursor:pointer;}
.main5Con .item dl:nth-child(1) dt{ background:#1D80D3 url(/images/adv01-1.png) center center no-repeat;}
.main5Con .item dl:nth-child(2) dt{ background:#1D80D3 url(/images/adv02-1.png) center center no-repeat;}
.main5Con .item dl:nth-child(3) dt{ background:#1D80D3 url(/images/adv03-1.png) center center no-repeat;}
.main5Con .item dl:nth-child(4) dt{ background:#1D80D3 url(/images/adv04-1.png) center center no-repeat;}
.main5Con .item dl:nth-child(5) dt{ background:#1D80D3 url(/images/adv05-1.png) center center no-repeat;}
.main5Con .item dl dd{ margin-top:15px;color: #666; transition: all 0.8s ease;}
.main5Con .item dl h2{ font-size:20px; color:#000;}
.main5Con .item dl p{ font-size:14px; line-height:26px; margin-top:10px; color:#666;}
.main5Con .item dl p span{ display:block;}
.main5Con .item dl:hover dd{ color:#1D80D3;}
.main5Con .item dl:hover dt{ border-color: #1D80D3; transition: width 1.3s ,height 1.3s, transform 1.3s; transition-timing-function: ease; transform: rotate(360deg);}
.main5Con ul li{ float:left; margin-right:20px; width:386px; height:auto; background:#fff;}
.main5Con ul li:last-child{ margin-right:0;}
.main5Con ul li .top{ padding:0 20px; height:60px;line-height:60px;color:#fff;font-size:20px; background:#1D80D3;}
.main5Con ul li .cont{ width: 100%; height:auto; padding:20px; overflow:hidden;}
.main5Con ul li .cont h5{margin-bottom:12px;font-size:18px;color:#000;}
.main5Con ul li .cont p{ min-height:112px; line-height:28px; font-size:14px; color:#666;}
@media(max-width:767px){
	.main5{ padding:20px 0;}
	.main5Con{ padding:0 10px 0;}
	.main5Con .item{ margin-top:15px; text-align:center; display:table; font-size:0;}
	.main5Con .item dl{ float:none; display:inline-block; vertical-align:top; width:31.333%; margin-right:3%; font-size:14px; margin-bottom:15px;}
	.main5Con .item dl:nth-child(3),.main5Con .item dl:nth-child(5){ margin-right:0;}
	.main5Con .item dl dt{ width:50px; height:50px;}
	.main5Con .item dl:nth-child(1) dt{ background:#1D80D3 url(/images/adv01-1.png) center center no-repeat; background-size:24px;}
	.main5Con .item dl:nth-child(2) dt{ background:#1D80D3 url(/images/adv02-1.png) center center no-repeat; background-size:24px;}
	.main5Con .item dl:nth-child(3) dt{ background:#1D80D3 url(/images/adv03-1.png) center center no-repeat; background-size:24px;}
	.main5Con .item dl:nth-child(4) dt{ background:#1D80D3 url(/images/adv04-1.png) center center no-repeat; background-size:24px;}
	.main5Con .item dl:nth-child(5) dt{ background:#1D80D3 url(/images/adv05-1.png) center center no-repeat; background-size:24px;}
	.main5Con .item dl dd{ margin-top:10px;}
	.main5Con .item dl h2{ font-size:14px;}
	.main5Con .item dl p{ font-size:12px; line-height:20px;}
	.main5Con .item dl p span{ display:inline;}
	.main5Con ul li{ margin:0 0 15px; width:100%;}
	.main5Con ul li .top{ padding:0 10px; height:40px;line-height:40px;font-size:16px;}
	.main5Con ul li .cont{ padding:15px 10px;}
	.main5Con ul li .cont h5{margin-bottom:8px;font-size:14px;color:#000;}
	.main5Con ul li .cont p{ min-height:2px; line-height:20px; font-size:12px;}
}

.main4{ padding:36px 0 70px 0; width:100%; height:auto; background:#fff;}
.main4_con{ width:100%; height:auto; padding-top:40px;}
.main4L{ width:760px; float:left;}
.main4L .inews_nav{ height:45px; }
.main4L .inews_nav span{ display:block; float:left; width:190px; font-size:16px; height:45px; line-height:45px; background:#e8e8e8; color:#666; text-align:center; margin-right:1px; cursor:pointer; transition:all .3s ease-out 0s;}
.main4L .inews_nav span:hover,.main4L .inews_nav span.cur{ background:#1D80D3; color:#fff; }
.main4L .inewswr{ width:740px; height:275px; position:relative; margin-top:25px; overflow:hidden; }
.main4L .box{ width:800%; position:absolute; left:0; transition:all .3s ease-out 0s; }
.inews_w{ width:740px; float:left; }
.main4L ul{ width:100%; height:auto;}
.main4L ul li{ float:left; width:355px; margin-right:25px; line-height:30px; border-bottom:1px dashed #e3e5e8; color:#555;padding-left:10px;background:url(/images/arr_1.gif) no-repeat 0% 50%;}
.main4L ul li:nth-child(2n+1){ margin-right:0;}
.main4L ul li span{ float:right; font-size:14px; color:#888;}
.main4L ul li a{ max-width:85%; float:left; display:block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; line-height:35px; font-size:15px; color:#333;}
.main4L ul li.inews_o{ width:100%; height:116px; margin-bottom:15px; background:none; padding-left:0; border-bottom:none;}
.main4L ul li.inews_o a{ display:block; max-width:100%; width:100%; float:left;}
.main4L ul li.inews_o .pic{ width:205px; height:120px; float:left;}
.main4L ul li.inews_o .pic img{ width:100%; height:100%; vertical-align:middle;}
.main4L ul li.inews_o .txt{ width:525px; float:right;}
.main4L ul li.inews_o .txt h5{ color:#333; font-size:16px; padding-bottom:8px; }
.main4L ul li.inews_o .txt p{ line-height:24px; font-size:13px; color:#666; padding-bottom:8px; white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.main4L ul li.inews_o .txt .time{ color:#888; font-size:13px; line-height:1;}
.main4L ul li:hover .txt h5,.main4L ul li:hover a{ color:#1D80D3;}
.main4R{ width:403px;height:345px;background:url(../images/news_bg.png) 8px top no-repeat; float:right; }
.main4R img{ float:right; margin-top:17px; }
.main4R a.more{ display:block; margin-top:193px; width:147px; height:37px; text-align:center; line-height:37px; background:#333; color:#fff; font-size:14px; border-radius:4px;}
.main4R a.more:hover{ background:#1D80D3; }
@media(max-width:767px){
	.main4{ padding:20px 0 30px;}
	.main4_con{ padding-top:15px;}
	.main4L{ width:100%; float:none; padding:0 10px;}
	.main4L .inews_nav{ height:45px; text-align:center; font-size:0;}
	.main4L .inews_nav span{ float:none; display:inline-block; width:30.333%; font-size:14px; height:35px; line-height:35px;}
	.main4L .inewswr{ width:100%; height:266px; margin-top:15px; }
	.main4L .box{ width:300%; position:absolute; left:0; transition:all .3s ease-out 0s; }
	.inews_w{ width:33.3333%;}
	.main4L ul li{ width:100%; margin-right:0;}
	.main4L ul li span{ font-size:13px;}
	.main4L ul li a{ max-width:80%; font-size:14px; line-height:30px;}
	.main4L ul li.inews_o{ width:100%; height:70px; margin-bottom:10px; }
	.main4L ul li.inews_o .pic{ width:120px; height:70px;}
	.main4L ul li.inews_o .txt{ width:calc(100% - 130px);}
	.main4L ul li.inews_o .txt h5{ color:#333; font-size:14px; padding-bottom:8px; }
	.main4L ul li.inews_o .txt p{ line-height:24px; font-size:12px; color:#666; padding-bottom:8px; white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
	.main4L ul li.inews_o .txt .time{ display:none;}
	.main4R{ display:none;}
}

/*footer*/
.footerYs{height:134px;overflow:hidden; background:url(/images/footerYs.jpg) no-repeat top center;}
.footerYs dl{width:226px;padding:37px 0 0 74px;float:left;box-sizing:content-box !important}
.footerYs dl dt{margin-left:-70px;float:left;width:60px; height:60px; border:2px solid #FFF; border-radius:50%;color:#fff;line-height:56px; cursor:pointer; text-align:center;transition:1.1s; font-weight:200;}
.footerYs dl dt span{ font-size:30px; display:inline-block;}
.footerYs dl:nth-child(2) dt span{ font-size:34px;}
.footerYs dl:nth-child(3) dt span{ font-size:36px;}
.footerYs dl:nth-child(4) dt span{ font-size:28px;}
.footerYs dl dd{color:#fff;padding-top:5px;line-height:50px}
.footerYs dl dd strong{display:block;font-size:22px;font-weight:500;}
.footerYs dl dd strong.f-22{font-size:22px}
.footerYs dl dd a{color:#fff;font-size:14px}
.footerYs dl:hover dt{ transition: width 1.3s ,height 1.3s, transform 1.3s; transform:rotateY(180deg);}
@media(max-width:767px){
	.footerYs{ display:none;}
	
}
.footer_bg{ width: 100%; background-color:#1e1e1e; margin: auto; position: relative; z-index: 1;}
.footer{ width: 100%; padding:32px 0 24px 0; background:#222 url(/images/footerBg.png) no-repeat center bottom; border-bottom:#3e3e3e solid 0;}
.footer .w1200{ position:relative;}
.footer .left{ width:950px;}
.footer .left dl{display:block;width:120px;margin-right:70px;float:left;}
.footer .left dl dt{font-size:15px;color:#fff;padding-bottom:15px;font-weight:600; cursor:pointer;}
.footer .left dl dd{line-height:26px;font-size:13px}
.footer .left dl dd a{color:#888}
.footer .left dl dd a:hover{color:#2F7BFF}
.footer .right{width:255px;position:absolute;right:0;top:0}
.footer .right dl{padding-left:0;float:none; margin:0 auto;}
.footer .right dl dt{font-size:15px;color:#fff;text-align:center;margin-bottom:18px;font-weight:600;}
.footer .right dl dt a{color:#fff;}
.footer .right dl dd{ text-align:center;}
.footer .right dl dd img{ padding:0; background:#FFF;}
.footer .right dl dd p{padding-top:8px;text-align:center;font-size:13px;line-height:17px;color:#888}
.footer .adds{width:255px;position:absolute;right:0;bottom:10px; color:#888; font-size:13px; padding-left:0px; text-align:center; line-height:2;}
.footer .adds span{ display:none; width:30px; height:30px; vertical-align:middle; font-size:25px; line-height:30px; text-align:center; color:#888; margin-right:4px;}
.footer_bg .copy{width:100%;padding:20px 0;background:#121212; text-align:center; font-size:13px;color:#888}
.footer_bg .copy a:hover{color:#2F7BFF !important}
.footer_bg .copy .fmenu{color:#fff;padding-bottom:14px;font-size:15px}
.footer_bg .copy .fmenu span{padding:0 17px;color:#6D6D6D}
.footer_bg .copy .fmenu a{color:#fff}
.footer_bg .copy .CompanyInfo{font-size:13px;color:#888;line-height:18px}
.footer_bg .copy .CompanyInfo a{color:#888}
.footer_bg .copy .flink{ text-align:center; margin:0 auto; margin-top:12px; width:1200px; line-height:1.8;}
.footer_bg .copy .flink a{color:#888; margin:0 4px;}
.footer_bg .copy .flink a:hover{ color:#919191;}
.footer_bg .copy .authentication{padding-top:20px;font-size:0;}
.footer_bg .copy .authentication img{ opacity:.7;}
.footer_bg .copy .authentication a{display:inline-block;margin-right:15px;border:#acacac solid 1px; border-radius:3px; overflow:hidden;}
.footer_bg .copy .authentication a:first-child{margin-left:15px}
.footer_bg .copy .fba{font-size:0; margin-top:18px;}
.footer_bg .copy .fba a{display:inline-block;}
.footer_bg .copy .fba img{ display:inline-block;vertical-align:middle;}
.footer_bg .copy .fba p{ display:inline-block;color:#888; font-size:13px;vertical-align:middle; margin-left:4px;}
.footer_bg .copy .fba a:hover p{color:#2F7BFF !important}
.index_foot{ display:none;}
@media(max-width:767px){
.footer,.footer_bg .copy .fmenu,.footer_bg .copy .authentication,.footer_bg .copy .flink,.footer_bg .copy .fba{ display:none;}
.footer_bg .copy .CompanyInfo{ line-height:2;}
.footer_bg .copy .CompanyInfo span{ display:block;}
.footer_topr{ width:100%; padding:2rem 10px; text-align:center;}
.footer_bot,.footer_ewm{ display:none;}

/*.fx{width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
.bdsharebuttonbox a{ float:right;}*/

	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width: 100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:#1D80D3;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 .mess{background-attachment: scroll; background-clip: border-box;background: url(images/mess.png) no-repeat center 18%;;background-origin: padding-box;background-size: 25% auto;}
	#fixed-foot .btn1 .tel{background-attachment: scroll; background-clip: border-box;background: url(images/tel1.png) no-repeat center 18%;;background-origin: padding-box;background-size: 25% auto;}
	#fixed-foot .btn1 .qq{background-attachment: scroll; background-clip: border-box;background: url(images/map.png) no-repeat center 18%;;background-origin: padding-box;background-size: 24% auto;}
	#fixed-foot .btn1 .share{background-attachment:scroll; background-clip: border-box;background: url(images/share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 24% auto; border-right:0px;}
	#fixed-foot .btn1 a{ cursor:pointer; border-left: 1px solid #6fc5e9; display:block; color: #FFFFFF;float: left; padding:6% 0 0; font-weight:bold; text-align: center;width:25%;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none;}
	#fixed-foot .btn1 a span{ display:block;font-size:15px; line-height:2;}

}

.inbanner{ width:100%; height:360px; margin-top:80px; padding:80px 0 0; background-repeat:no-repeat; background-position:center;}
.inbanner .topTitle{width:1000px;margin:0 auto;text-align:center;}
.inbanner .topTitle .line-ban{display:block; margin:0 auto;}
.inbanner .topTitle h2{ color:#fff;margin-bottom:20px;margin-top:0px;font:normal 36px/50px "微软雅黑"; letter-spacing:2px;}
.inbanner .topTitle p{font:normal 22px/50px "微软雅黑";margin-bottom:0px;color:#fff;}

.inbanner>img{ display:none;}
/*main03*/
.inmain{ width:100%; height:auto; margin-bottom:0; position:relative;}
.ykMiddle{width:1208px;min-height:600px;padding:34px 39px 50px;margin:0 auto;background:#fff; /* filter: alpha(opacity=90); opacity:0.9;*/position:relative; margin-top:-70px;border-radius:10px;}
.left_yinying{position:absolute;left:-42px;top:65px;}
.right_yinying{position:absolute;right:-42px;top:65px;}
@media(max-width:767px){
	.inbanner{ width:100%; height:auto; margin-top:61px; padding:0; height:200px; background-size:auto 100%;}
	.inbanner>img{ display:block; max-width:100%; height:auto;}
	
	.inbanner .topTitle{width:100%; position:relative; top:50%; transform:translateY(-50%);}
	.inbanner .topTitle h2{ margin-bottom:10px;font:normal 20px/28px "微软雅黑";}
	.inbanner .topTitle p{font:normal 14px/20px "微软雅黑";}
	
	.ykMiddle{width:100%;min-height:100px;padding:0 0 20px; margin-top:0;border-radius:0;}
	.left_yinying,.right_yinying{ display:none;}
}
/*side_left*/
.side_left{ width:100%; height:auto;}
.innav{height:48px; overflow:hidden;margin-bottom:10px;}
.innav .listNum{ width:100%;}
.innav ul li{ float:left; cursor:pointer;margin-left:5px; position:relative;}
.innav ul li a{padding:5px 10px;margin:0px;font-size:17px;width:105px;text-align:center;color:#58595b; display:block;line-height:1.6;}
.innav ul li a:hover{background-color:#efefef;color:#1D80D3;}
.innav ul li.cur{ border-bottom:2px solid #1D80D3;}
.innav ul li.cur a{background-color:#efefef;color:#1D80D3;}
.innav ul li.cur:after{ content:""; display:block;border-top:5px solid #1D80D3;border-right:5px solid transparent;border-left:5px solid transparent; position:absolute; left:50%;bottom:-6px;} 

.innav .location{ padding-left:10px;background:url(/images/home.jpg) no-repeat 0px center;position:absolute;top:43px;right:40px;}
.innav .location a{ display:block;float:left;font:normal 14px/22px "微软雅黑";color:#515151;padding-left: 20px;}
.innav .location a:hover{ color:#1D80D3; text-decoration:none;}
.innav .location a.vbg{background:url(/images/brend-bg.jpg) no-repeat 5px center;}

.nav_list{ display:none;}
@media(max-width:767px){
	.innav{ display:none;}
	.nav_list{padding:0 10px; background-color:#eee; line-height:40px; position:relative; z-index:40; display:block;}
	.nav_list a.GoBack{ font-size:15px; color:#fff; padding-left:20px;  position:relative; background:url(images/icon15.png) no-repeat left center; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
	.nav_list span{ width:31px; height:26px; -webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; position:absolute; right:20px; top:12px; z-index:444;}
	.nav_list a.Column{ font-size:16px; color:#333;  position:relative; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;}
}
/*side_right*/
.about_content{}
@media(max-width:767px){
	.about_content{ width:100%; padding:0;}
}

.side_right{ width:100%; margin:0 auto; height:auto; overflow:hidden; min-height:300px; padding:0;}
.side_right_content{ width:100%; padding-bottom:0;}
.about_c{ width:100%; margin:0 auto; padding:5px 23px 0; height:auto; color:#555; line-height:2;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{ width:100%; margin:0 auto; padding:5px 23px 0; height:auto; color:#555; line-height:2;}
.pop .center,.pop .bottom{ box-sizing:content-box;}
@media(max-width:767px){
	.about_c{ width:100%; padding:10px 10px 0; height:auto; color:#555; font-size:14px; line-height:2;}
	.about_c img{ max-width:100%; height:auto;}
	.contact_c{ width:100%; padding:10px 10px 0; height:auto; color:#555; font-size:14px; line-height:2;}
}
.link{ width:100%; height:auto;}
.link li{  width:200px; float:left; margin:20px 20px 5px;}
.link li img{ border:3px #999 solid; width:194px; height:auto;}
.link li span{ text-align:center; padding-top:5px; display:block; font-size:14px;}

.news_con{ width:100%; padding:10px 0 0;}
.news_con ul{ width:100%; height:auto;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dashed; padding:0 0 15px; margin-bottom:15px; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:1000px;}
.news_con ul li span{ display:block; width:100%; margin-top:3px;} 
.news_con ul li span em{ display:block; font-size:12px; color:#999; line-height:24px;}
.news_con ul li dl{ float:right; width:100%; color:#333;}
.news_con ul li dt{ float:left; width:85px;height:85px;background:#d5d5d5;color:#fff;text-align:center; border-radius:6px;}
.news_con ul li dt i{ display:block; font-size:40px; font-weight:600; height:49px; line-height:49px; margin-top:3px; font-style:normal;}
.news_con ul li dt span{ display:block; background:#fff; height:1px; width:100%;}
.news_con ul li dt em{ display:block; font-size:14px; font-weight:normal; font-style:normal; line-height:30px;}
.news_con ul li dd{ float:right; width:1025px; overflow:hidden;}
.news_con ul li dd h5{ font-size:16px; font-weight:600; color:#333; height:30px; line-height:30px;-webkit-transition: background .4s;transition: background .4s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_con ul li dd h5 a{ color:#333;}
.news_con ul li dd span{ display:block; font-size:14px; color:#666; line-height:26px; margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con ul li:hover{ cursor:pointer;}
.news_con ul li:hover a{ color:#1D80D3;}
.news_con ul li:hover dt{background:#1D80D3;}
@media(max-width:767px){
	.news_con{padding:10px 10px 0;}
	.news_con ul li{ padding:0 0 12px; margin-bottom:12px; }
	.news_con ul li dt{ display:none;}
	.news_con ul li dd{ width:100%; padding:0 5px;}
	.news_con ul li dd span{ margin:0; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}

.case_list{ width:100%; margin:0; height:auto; padding:10px 0 0;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; position:relative; width:23.5%; margin:0 2% 20px 0;}
.case_list ul li:nth-child(4n){ margin-right:0;}
.case_list ul li>a{ display:block; overflow:hidden; height:auto; padding:0px; border:0 solid #e1e1e1; border-radius:4px;}
.case_list ul li img{ width:100%; height:auto;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.case_list ul li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.case_list ul li .tit{ text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_list ul li .tit a{display:block;font-size:15px;color:#666;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_list ul li:hover a{ color:#1D80D3;}
@media(max-width:767px){	
	.case_list{ padding:10px 10px 0;}
	.case_list ul li{ float:left; position:relative; width:48%; margin:0 2% 10px 0;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li img{ height:auto;}
	.case_list ul li .tit a{font-size:14px;margin-top:5px;}
}

.honnList{ width:100%; height:auto; padding:10px 0 0;}
.honnList ul li{ float:left; position:relative; width:31.333%; margin:0 3% 20px 0;}
.honnList ul li:nth-child(3n){ margin-right:0;}
.honnList ul li>a{ display:block; overflow:hidden;border-radius:6px; border:1px solid #d4d4d4;}
.honnList ul li img{ width:100%; height:auto;-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.honnList ul li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.honnList ul li .tit{ text-align:center; padding:10px 0 0;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honnList ul li .tit a{display:block;font-size:15px;color:#666;}
.honnList ul li:hover a{ color:#1D80D3;}
@media(max-width:767px){
	.honnList{ padding:10px 10px 0;}
	.honnList ul li{ width:48%; margin:0 4% 15px 0;}
	.honnList ul li:nth-child(2n){ margin-right:0;}
	.honnList ul li:nth-child(2n-1){ margin-right:4%;}
	.honnList ul li .tit{ text-align:center; padding:10px 0 0;}
	.honnList ul li .tit a{display:block;font-size:14px;color:#666;}
}

.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:16px;color: #666666; font-family:'Conv_HelveticaNeueLT-ThinExt',"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.page a,.page span{vertical-align: middle;display: inline-block;width:32px;height:32px;color: #666666;line-height:30px;text-align:center;border-radius:5px;margin:0 3px;border:1px solid rgba(0, 0, 0, 0.2);-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page a.on,.page a:hover{background-color:#1D80D3; border-color:#1D80D3;color: #ffffff;-webkit-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){	
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:6px 12px; background:#1D80D3; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#1D80D3; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:6px 12px; }

}

.message{ width:100%; height:auto; padding:10px 0 0;}
.message .title{ font-size:15px; color:#666; line-height:2;}
.message .title h5{ font-size:17px; font-weight:bold; color:#333;}
.message .title p{ padding:5px 0 0;}
.message .con{ width:100%; height:auto; padding:10px 0 0;}
.message .con dd{ float:left; width:100%; padding:10px 0;}
.message .con dd span{ display:block; font-size:15px; padding-right:10px; width:110px; color:#333; line-height:46px; text-align:right; float:left;}
.message .con dd input.inputA{ border:1px solid #e5e5e5; background:#fff; outline:none;}
.message .con dd input.inputA:hover{ border:1px solid #e4e4e4; background-color:#f9f9f9; }
.message .con dd .inputA{ float:left; width:554px; padding:10px 16px; font-size:15px; transition: all 0.3s linear; vertical-align:top;}
.message .con dd textarea{ float:left; min-height:166px;width:554px; padding:10px 16px; font-size:15px; transition: all 0.3s linear; vertical-align:top; border:1px solid #e5e5e5; outline:none;}
.message .con dd .inputBtn{ float:left; width:280px; padding:12px 0; font-size:18px; transition: all 0.3s linear; vertical-align:top; background:#1D80D3; color:#FFF; border:none; letter-spacing:1px;outline:none;}
@media(max-width:767px){
	.message{ padding:15px 10px 0;}
	.message .title{ font-size:14px;}
	.message .title h5{ font-size:16px;}
	.message .title p{ line-height:1.8;}
	.message .con dd{ padding:8px 0;}
	.message .con dd span{ display:none;}
	.message .con dd .inputA{ width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd textarea{  min-height:126px;width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd .inputBtn{  width:100%; padding:10px 0;}
}

.display_con{ width:100%; margin:0 auto; color:#666; min-height:300px; padding:0;}
.dis_title{ width:100%; text-align:center;padding-bottom:10px;border-bottom: 1px dashed #ddd;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:10px 0 5px; font-size:24px; font-weight:500; line-height:40px;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:30px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}

.pages{ width:100%; margin-top:10px; height:auto;}
.pages div{ height:40px; line-height:40px; border-bottom:0 dotted #CCC; font-size:16px;}
.pages span{ font-size:16px; color:#4e4e4e;}
.pages a{ color:#4e4e4e; font-size:16px;}
.pages a:hover{ color:#1D80D3;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:0 solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}
.bd_weixin_popup{ box-sizing:content-box;}

@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:100px; padding:10px 10px 0;}
.dis_title{padding-bottom:10px;border-bottom:1px dashed #ededed;margin-bottom:0; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:18px;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:98%; height:auto;}


.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:15px; color:#333;}

.btn {display: inline-block;padding:0; margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}	
}