@charset "utf-8";
/* CSS Document */

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:Microsoft YaHei,arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #0099FF; }

.PictureZooms {position: relative; }
.PictureZooms {display: block;overflow: hidden;}
.PictureZooms:hover {box-shadow: 0 0 10px gray;}
.PictureZooms:hover img {transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 拖选文字样式 20160628 */
::selection { background: #0099FF; color: #fff; }
::-moz-selection { background: #0099FF; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }

.bgtable{ width:100%; border-collapse:collapse; border-spacing:0;}
.bgtable td{ border:1px solid #ccc; line-height:2; padding-left:10px;;}


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 672px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #ea0000; }
.bannerslide .swiper-button-prev { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../img/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


.topbar{ padding:16px; position:fixed; z-index:999; box-sizing:border-box; top:0; right:0; left:0; -webkit-transition: all .2s; transition: all .2s;}
.container{ padding:0 30px; line-height:50px;}
.logo{ float:left; background:url(../img/logo.png) no-repeat center top; background-size:cover; width:285px; height:50px; display:inline-block;}
.top-right{ float:right; font-size:15px; font-weight:700; color:#fff;}
.top-right font{ font-size:2em; padding:0 10px;}
.top-right a{ color:#fff;}
.split{ font-size:12px; color:#fff; padding:0 2px; font-weight:normal;}

.nav{ padding-left:26%;}
.nav .nli{ float:left; position:relative; text-align:center; padding:0 14px;}
.nav .nli a{ font-size:1.1em; color:#fff;}
.nav .nli a:hover{ color:#b5b6b8; text-decoration:none;}
.nav .nli .sub{ position:absolute; display:none; width:150px; z-index:99; background:rgba(0,0,0,.7); left:0; top:64px;}
.nav .nli .sub li{ display:block; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); line-height:46px;}
.nav .nli .sub li a{ font-size:0.9em; color:#fff; font-weight:normal; }
.nav .nli .sub li:hover{ background:#ececec;}
.nav .nli .sub li:hover a{ color:#666;}


.topbar.fxd{ background:#fff/*#0d2c6c*/; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); -webkit-transition: all .2s; transition: all .2s;}
.topbar.fxd .logo{ background:url(../img/logoblack.png) no-repeat center top; background-size:cover; width:285px; height:50px;}
.topbar.fxd .nav a{ color:#666;;}
.topbar.fxd .nav a:hover{ color:#1242a1;}
.topbar.fxd .top-right{ color:#f20;}
.topbar.fxd .top-right a{ color:#666;}
.topbar.fxd .top-right font{ color:#f20;}
.topbar.fxd .split{ color:#666;}


.hometitle{ font-size:2em; font-weight:bold; display:block; width:100%; font-family: Microsoft YaHei,'Times New Roman', Times, serif; margin-bottom:10px; text-align:center; color:#666;}
.hometext{ font-size:1em; text-align:center; line-height:160%; display:block; width:100%; color:#666; margin-top:30px; }

.homebox1{ padding:45px 0 60px 0;}
.homebox1 .hometext{ margin-top:30px;margin-bottom:60px;font-size:1em; }
.homebox1 .prolist{ text-align:center; margin-bottom:60px; display:block;}
.homebox1 .prolist a{ background:#e6f1f8; font-size:1.2em; padding:10px 20px; margin-right:5px; color:#666;
border-radius:30px;}
.homebox1 .prolist .all{ background:#1242a1; color:#fff;}

.probox{}
.probox .item{ margin-right:10px; margin-bottom:10px; width:19.334%; float:left; -webkit-transition: all .2s; transition: all .2s;}
.probox .item:nth-child(5n){ margin-right:0;}
.probox .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.4); }
.probox .item .pic { display: block; }
.probox .item .pic img { display: block; width: 100%; }
.probox .item .info { background:#f2f8fb; text-align:center; padding:30px 40px; }
.probox .item .info .name { font-size:1em; color:#192436; margin-bottom:20px;}
.probox .item a:hover{ text-decoration:none;}
.probox .item a:hover .info .name { color:#1242a1;}
.probox .item .info .text { font-size:1em;  color:#777; line-height:160%; word-wrap: break-word; word-break: normal; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}

.homebox2{ background:#ebebeb; padding-top:70px;}

.probox1{ margin-top:30px; margin-bottom:60px;}
.probox1 .item{ float:left; width:48.584%; margin-right:20px; margin-bottom:30px;}
.probox1 .item:nth-child(2n){ margin-right:10px;}
.probox1 .item .pic { display: block; }
.probox1 .item .pic img { display: block; width: 100%; }
.probox1 .item .info{ padding:60px 60px; display:block; background:#fff;}
.probox1 .item:hover .name a{ text-decoration:none; color:#393;}
.probox1 .item .info .name a{ float:left; display:block; font-size:18px;color:#666; width:70%;}
.probox1 .item .info .name a:hover{ color:#390;}
.probox1 .item .info .name span{ padding:8px 20px; border:#ddd 1px solid; float:right; background:#FFF;color:#666; font-size:12px; font-weight:900;}
.probox1 .item .info .text{ width:100%; padding-top:30px; font-size:14px; color:#666; word-wrap: break-word; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;  word-break: break-all; -webkit-line-clamp: 2;}


.homebox3{ padding-top:1px; padding-bottom:50px;}

.probox2{ padding-top:50px; padding-bottom:12px; max-width:1200px; width:100%;}
.probox2 .item{}
.probox2 .item:hover a{ text-decoration:none;}
.probox2 .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.probox2 .item .pic{ display: block; }
.probox2 .item .pic img { display: block; width: 100%; }
.probox2 .item .info{ background:#ebebeb; padding-left:40px; padding-top:20px;}
.probox2 .item .info .name{ font-size: 18px; color: #333; line-height: 30px; margin-right: 30px; margin-top: 20px;}
.probox2 .item .info .text{
	font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 56px;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 3;
}


.homebox4{ background:#ebebeb; padding:70px 0px 40px 0px;}
.homebox4 .hometitle{ margin-bottom:20px;}
.homebox4 .hometext{ margin-top:30px;margin-bottom:60px;font-size:1em; }
.homebox4 .position{ position:relative;}
.homebox4 .tag{ position:absolute; top:-24px; width:100%;}
.homebox4 .tag .tt{ width:100px; height:42px; line-height:42px; text-align:center;margin:0 auto; border:#bec9b8 1px solid; background:#fff; color:#666;}
.homebox4 .taglist{ font-size:14px; text-align:center; line-height:160%; margin-bottom:40px; width:100%; color:#666; border:#bec9b8 1px solid; padding:30px 0px; background:#f7faf5;}
.homebox4 .taglist a{ padding:0 9px;}


.titn{ margin-bottom:20px;}
.titn h4{ float:left; font-weight:bold; font-size:17px; color:#666;}
.titn ul{ float:right;}
.titn ul li{ float:left; padding-left:10px;}
.titn ul li a{ font-size:12px; color:#666; text-align:right;}
.titn .more{ float:right; display:block; font-size:12px; color:#666; text-align:right;}


.newbox{ margin-bottom:40px;}

.boxn1{ float:left; width:33%;}
.boxn1 .titn{ width:360px;}
.boxn1 .content{}
.boxn1 .content .box{ margin-bottom:15px;}
.boxn1 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn1 .content .box .pic img{ border:1px solid #ccc; display:block; width:100%;}
.boxn1 .content .box .info{ float:left; width:230px;}
.boxn1 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn1 .content .box .info .nam a{ font-size:14px; color:#666;}
.boxn1 .content .box .info .nam a:hover{ color:#F30;}
.boxn1 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn2{ float:right; width:67%;}
.boxn2 .content{}
.boxn2 .content .box{ width:250px; float:left; margin-right:25px;}
.boxn2 .content .box:nth-child(3){ margin-right:0;}
.boxn2 .content .box .pic{ width:100%; margin-right:16px;}
.boxn2 .content .box .pic img{ display:block; width:100%;}
.boxn2 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn2 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn2 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn2 .content .box .info .nam a:hover{ color:#F30;}
.boxn2 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn3{ float:left; width:33%;}
.boxn3 .titn{ width:360px;}
.boxn3 .content{}
.boxn3 .content .box{ width:170px; float:left; margin-right:20px;}
.boxn3 .content .box:nth-child(2){ margin-right:0;}
.boxn3 .content .box .pic{ width:100%; margin-right:16px;}
.boxn3 .content .box .pic img{ display:block; width:100%;}
.boxn3 .content .box .info{ border:#cfd9ca 1px solid; padding:16px 20px; background:#FFF;}
.boxn3 .content .box .info .nam{ margin-bottom:8px;word-wrap: break-word;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 2;}
.boxn3 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn3 .content .box .info .nam a:hover{ color:#F30;}
.boxn3 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn4{ float:left; width:33%;}
.boxn4 .titn{ width:360px;}
.boxn4 .content{}
.boxn4 .content .box{ width:360px; float:left; margin-bottom:15px;}
.boxn4 .content .box:nth-child(3){ margin-bottom:0;}
.boxn4 .content .box .pic{ float:left; width:114px; margin-right:16px;}
.boxn4 .content .box .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn4 .content .box .info{ float:left; width:230px;}
.boxn4 .content .box .info .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn4 .content .box .info .nam a{  font-size:14px; color:#666;}
.boxn4 .content .box .info .nam a:hover{ color:#F30;}
.boxn4 .content .box .info .txt{ font-size:12px; color:#666;}


.boxn5{ float:left; width:33%;}
.boxn5 .titn{ width:400px;}
.boxn5 .content{}
.boxn5 .content .box{ width:400px; float:left; margin-bottom:15px;}
.boxn5 .content .box:nth-child(3){ margin-bottom:0;}
.boxn5 .content .box .nam{ padding-bottom:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.boxn5 .content .box .nam a{  font-size:14px; color:#666;}
.boxn5 .content .box .nam a:hover{ color:#F30;}
.boxn5 .content .box .info{ width:100%;}
.boxn5 .content .box .info .pic{ float:left; width:78px; margin-right:16px;}
.boxn5 .content .box .info .pic img{ display:block; width:100%; border:#CCC 1px solid;}
.boxn5 .content .box .info .txt{ float:left; width:306px; font-size:12px; color:#666;}

.newbox1 .boxn5 .titn{ width:360px;}
.newbox1 .boxn5 .content .box{ width:360px;}
.newbox1 .boxn5 .content .box .info .txt{float:left; width:266px;}

.boxn6{ float:left; width:33%;}
.boxn6 .titn{ width:400px;}
.boxn6 .content{ float:left; width:400px;}





.homebox5{ background:#b9cae6 url(../img/lvbg.jpg) no-repeat center top; padding:50px 0px;}
.homebox5 .honor{ margin-top:35px;}
.homebox5 .honor li{ float:left; background-color:#e6f1f8; text-align:center; margin-right:10px; width:19%;}
.homebox5 .honor li img{ width:100%; display:block; height:320px;}
.homebox5 .honor li:last-child{ margin-right:0;}
.homebox5 .honor li:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.homebox5 .hometitle{ color:#fff;}
.homebox5 .hometext{ color:#fff;}

.homebox6{ background:#121e19; padding:60px 0;}
.homebox6 .erwm{ float:right; padding:20px 0 0 20px;}
.homebox6 dl{ float:left; font-size:14px; color:#ccc; width:14%;}
.homebox6 dl dt{ padding-bottom:10px;font-weight: bolder;font-size:15px;}
.homebox6 dl dd a{ color:#ccc; line-height:160%;}
.homebox6 .white{ color:#fff; margin-top:20px;}
.homebox6 .q1{ background:url(../img/chinas.png) no-repeat left center;}
.homebox6 .q2{ background:url(../img/globals.png) no-repeat left center;}
.homebox6 .aa{ padding-left:24px;}
.homebox6 .contact{ width:30%;}


.footer{ background-color:#fff; padding:50px 0 70px 0; color:#666; font-size:14px; line-height:160%;}
.footer .fotmenu{ border-bottom:#ccc 1px solid; padding:20px 0px 30px 0px;}
.footer .fotmenu ul li{ float:left; padding-right:20px;}
.footer .fotmenu ul li a{ color:#666;}
.footer .foot{ margin-top:30px;}
.footer .foot ul li{ float:left; background:#999; padding:8px 20px; color:#fff; margin-left:10px;}

.top_menu{ display:none;}

.mm-menu { width: 50%; z-index:10000000;}
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


/*内页分割线*/

.inbanner { height: 550px; width: 100%; display: table; background: url(../img/inbanner.jpg) no-repeat center; background-size: cover; }
.inbanner .title { display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; }
.inbanner .title h2 { font-weight: normal; font-size: 3em; color: #fff;}
.inbanner .title h2:after {
    content: "";
    display: block;
    width: 120px;
    height: 4px;
    background: #fff;
    margin: 20px auto 0;
}


.inpage{ background:#fff; padding:60px 0; color:#333;}
.inpage .bd{ margin-top:40px;}
.inpage p{ font-size:1em; line-height:2; color:#666;}
.mt{ padding:50px 0 0 0;}


.inner-title{ text-align:center; display:block; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif;}
.inner-title h3{ font-size:2em; color:#333;}
.inner-title i{
	display: block;
    height: 1px;
    width: 70px;
    background: #d6d6d6;
    margin: 0 auto;
    margin-top: 20px;
}

/*about*/
.about01{ background:#f3f7f7;}
.about01 .con{ width:45%; padding-top:40px; padding-left:5%; padding-right:5%;}
.about01 .con h4{ font-size:1.3em; margin-bottom:20px; font-weight:normal;}
.about01 .con p{ margin-bottom:10px;}
.about01 .about-img{ width:45%;}
.about01 .about-img img{ width:100%; display:block;}

.about02{ margin-top:50px; padding:0 20px;}
.about02 .whul{ margin-top:50px;}
.about02 .whul li { float: left; width: 25%; text-align: center;}
.about02 .whul .wh01{background:url(../img/tb01bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.about02 .whul .tit{font-size:20px; color:#5c5c5c;  text-decoration:none;}
.about02 .whul .wh02{background:url(../img/tb02bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.about02 .whul .wh03{background:url(../img/tb03bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.about02 .whul .wh04{background:url(../img/tb04bg.png) no-repeat center center; width:182px; height:182px; text-align:center; padding:0 59px;}
.about02 .whul .wh01 .who1imm{background:url(../img/tb01.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:45px; text-align:center;}
.about02 .whul .wh02 .who2imm{background:url(../img/tb02.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:45px; text-align:center;}
.about02 .whul .wh03 .who3imm{background:url(../img/tb03.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:50px; text-align:center;}
.about02 .whul .wh04 .who4imm{background:url(../img/tb04.png) no-repeat center; width:80px; height:80px; margin:0 auto; padding-top:50px; text-align:center;}

/*culture*/
.culture-box { padding: 3% 0; margin:0 auto;width:95%;}
.culture-box li { background: #fff; text-align: center; border-radius: 10px; box-shadow: 4px 4px 2.1vw 0 rgba(42,182,166,0.1); }
.culture-box li:hover { transform: translateY(-8%); } 

.culture-box i { height: 12.3vw; }
.culture-box i img { width: 100%; margin: 0 auto; }
.culture-box strong { margin-top: 5%; display: block; color: #444; font-size: 1.6vw; }
.culture-box p { color: #888; font-size: 16px; line-height: 1.75; }
.culture-box li:not(:first-child) { margin-left: 1.5%; }
.culture-box li { width: 34%; padding: 3% 0 2%;}
.culture-box ul { display: -webkit-box;  /* iOS 6-, Safari 3.1-6 */ display: -webkit-flex; /* Chrome */ display: -moz-box;     /* Firefox 19 */ display: -ms-flexbox; display: flex;  /*flex容器*/ }
.culture-box p { color: #888; width: 59%; font-size: 1em; line-height: 1.75; margin: 6% auto 0; }

/*honor*/
.honor_ul{ width:100%; margin:40px auto;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; position:relative;}
.honor_ul li a:hover{}
.honor_ul li img{ width:100%; border:1px solid #ccc;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px; height:3em;}
.honor_ul li p a{ color:#666;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; text-align:center; color:#fff; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../img/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../img/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }


/*contact*/
.contact-in{}
.contact-in .cinl{ float:left; width:50%; border-right:1px solid #1242a1;}
.contact-in .cinl .zb{ background:url(../img/zb.png) no-repeat left top;}
.contact-in .cinl .zb:hover{ color:#01a700;}
.contact-in .cinl .gn{ background:url(../img/gn.png) no-repeat left top;}
.contact-in .cinl .wm{ background:url(../img/wm.png) no-repeat left top;}
.contact-in .bb{ padding-left:40px; padding-bottom:30px;}
.contact-in h4{ font-weight:normal; font-size:18px; padding-bottom:10px; color:#000;}
.contact-in p{ color:#666;}
.contact-in .cinr{ float:right;}
.contact-in .cinr .wm{ background:url(../img/wm.png) no-repeat left top;}
.contact-in .cinr ul li{ float:left; margin-right:10px; text-align:center; font-size:14px;}

/*news*/
.nlist{margin: 0px 40%;}
.nlist li{ float:left; margin-right:10px;}
.nlist li a{ background:#a7a7a7; padding:14px 20px; font-size:15px; color:#fff;}
.nlist li a.on{ background:#1242a1; text-decoration:none;}
.nlist li:hover a{ background:#1242a1; text-decoration:none;}

.newlist{}
.newlist li{ float:left; width:100%; border-bottom:1px solid #ebebeb; padding:40px 0;}
.newlist .pic{ width:20%; overflow:hidden;}
.newlist .pic img{ display:block; width:100%;}
.newlist .info{ width:55%; margin-left:2%;}
.newlist .info .nam{ font-size:22px; color:#333;}
.newlist .info .nam:hover{ color:#0ca00b; text-decoration:none;}
.newlist .info .txt{ font-size:14px; margin-top:20px; line-height:2; height:3.4em; text-overflow:ellipsis; color:#666;}
.newlist .info .more{ display:block; color:#666; font-size:14px; margin-top:20px;text-align:right;}
.newlist .info .more:hover{ color:#0ca00b; text-decoration:none;}
.newlist .date{ text-align:right;}
.newlist .date .day{ font-weight:bold; font-size:36px; color:#666;}
.newlist .date .year{ font-size:22px; color:#666; margin-top:5px;}

.minnav{ color:#333; font-size:1em; margin-bottom:35px;}
.minnav .on{ color:#01a700;}

.newstitle{font-size: 26px;text-align: center;line-height: 30px;margin-bottom: 5px; color:#000;}
.newsinfo{font-size: 12px;text-align: center;line-height: 30px;color: #999;}
.newsmaincon{margin: 20px 0; color:#39424b; font-size:16px;}
.inpage .bd .newsmaincon p{ font-size:16px; margin-bottom:10px;}

/*case*/
.case{}
.case .item{ float:left; width:32.2%; margin-right:20px; margin-bottom:20px;}
.case .item:nth-child(3n){ margin-right:0;}
.case .item:hover a{ text-decoration:none;}
.case .item .pic{ display: block; position:relative; overflow:hidden; height:290px;}
.case .item .pic img { display: block; width: 100%; -webkit-transition: all .5s; transition: all .5s;}
.case .item:hover .pic img{transform: scale(1.05);}
.case .item .info{ background:#ebebeb; padding-left:40px; padding-top:20px;}
.case .item .info .name{ font-size: 18px; color: #333; line-height: 30px; margin-right: 30px; margin-top: 20px;}
.case .item .info .text{font-size: 14px;color: #777;line-height: 20px;height: 56px;overflow: hidden;margin-top: 10px;margin-right: 30px;display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;-webkit-line-clamp: 3;}


/*workshop*/
.workshop{}
.workshop .item{ float:left; width:27.2%; margin-right:20px; margin-bottom:20px; background:#fff; padding:40px 30px;  -webkit-transition: all .2s; transition: all .2s;}
.workshop .item:nth-child(3n){ margin-right:0;}
.workshop .item:hover{ background:#87CEFA; -webkit-transition: all .2s; transition: all .2s; text-decoration:none;}
.workshop .item .pic{ display: block; position:relative; overflow:hidden; height:245px;}
.workshop .item .pic img { display: block; width: 100%; -webkit-transition: all .5s; transition: all .5s;}
.workshop .item:hover .pic img{transform: scale(1.1);}
.workshop .item .name{ font-size: 18px; color: #333; margin-top:20px;}
.workshop .item:hover .name{ color:#fff; text-decoration:none;}

/*product*/
.pro_listbox{ padding:50px 0;}
.colorbg{ background:#eef6dc;}

.promaincon{margin: 20px 0; color:#39424b; line-height:25px;}
.promaincon img{ max-width:100%;}
.procontou { margin-bottom:30px;}
.procontou .fl{ float:left; width:100%; max-width:600px;}
.procontou .proslide { width:100%; max-width:600px; height:400px; border: 1px solid #dedede; }
.procontou .proslide li img{width:100%;}
.procontou .pshd { height:100px; overflow:hidden; position:relative;}
.procontou .pshd_w{ position:relative;}
.procontou .next_off{ position:absolute; top:10px; height: calc(100% - 28px); right:-40px; cursor:pointer;}
.procontou .prev_off{ position:absolute; top:10px; height: calc(100% - 28px); left:-40px; cursor:pointer; display:none;}
.procontou .pshd ul { margin-top: 10px; position:relative; left:0; transition:0.2s;}
.procontou .pshd ul li { float: left; margin-right:7.2px; width:94px; border: 2px solid #dedede; cursor: pointer; box-sizing:border-box;}
.procontou .pshd ul li:nth-child(6n){ margin-right:0;}
.procontou .pshd ul li img { display: block; }
.procontou .pshd ul li.on { border-color: #051039; }

.procontou .info { float:right; color: #666; width: calc(100% - 620px);}
.procontou .info .name { font-size: 1.4em; color: #1242a1; margin-top: 10px; margin-bottom:20px; line-height:30px;}
.procontou .info .num { font-size: 16px; margin: 10px 0; }
.procontou .info .txt { font-size: 1em; line-height: 24px; }
.procontou .info .btn { margin-top: 20px; text-align:center;}
.procontou .info .btn span { display: inline-block; background: #1242a1 url(../img/telicon.png) no-repeat 20px center; color: #fff; padding:0 20px 0 50px; line-height: 40px; height: 40px; border-radius: 20px; font-size:13px;}
.procontou .info .btn span br{ display:none;}
.procontou .info02 .btn span { background-color: #df6319 }
.procontou .info03 .btn span { background-color: #119fa1 }
.procontou .info04 .btn span { background-color: #1242a1 }


.proo{ margin-top:30px; display: flex; justify-content: center; flex-wrap: wrap;}
.proo li{ float:left; width:31%; position:relative; overflow:hidden; margin:0 20px 20px 0; height:270px;}
.proo li .txt{position:absolute; bottom:0px; left:0px; height:40px; transition:.5s;}
.proo li .datit{ color:#fff; font-weight:bold; font-size:18px;line-height:40px; width:100%;text-align:center;}
.proo li em{ width:180px; height:2px; background-color:#fff; margin:0 auto; display:block;}
.proo li .miaoshu{ padding:15px 20px; color:#fff;}
.proo li .img img{ display:block; width:100%;}
.proo li a:hover{ text-decoration:none;}
.proo li .probg{ position:absolute; bottom:0px; left:0px;background-color:#126410;opacity:0.7; height:40px; width:100%; transition:.5s;}	
.proo li a:hover .txt{position:absolute; bottom:0px; left:0px; height:80%;  }
.proo li a:hover .datit{ font-size:26px; line-height:30px; margin-bottom:20px;}
.proo li a:hover .probg{ height:100%;}

.probox01{}
.probox01 .item{ margin-right:20px; margin-bottom:20px; width:32%; float:left; -webkit-transition: all .2s; transition: all .2s;}
.probox01 .item:nth-child(3n){ margin-right:0;}
.probox01 .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.probox01 .item .pic { display: block; }
.probox01 .item .pic img { display: block; width: 100%; }
.probox01 .item .info { background:#f2f8fb; text-align:center; padding:30px 40px; height:50px;}
.probox01 .item .info .name { font-size:18px; color:#192436; margin-bottom:10px;}
.probox01 .item a:hover{ text-decoration:none;}
.probox01 .item a:hover .info .name { color:#1242a1;}
.probox01 .item .info .text { font-size:13px;  color:#777; line-height:160%; word-wrap: break-word; word-break: normal; display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}


.probox02{ margin-top:50px;}
.probox02 .item{ margin-right:20px; margin-bottom:20px; width:32%; float:left; -webkit-transition: all .2s; transition: all .2s;}
.probox02 .item:nth-child(3n){ margin-right:0;}
.probox02 .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.probox02 .item .pic { display: block; }
.probox02 .item .pic img { display: block; width: 100%; }
.probox02 .item .info { background:#fff; text-align:center; padding:30px 40px;}
.probox02 .item .info .name { font-size:18px; color:#192436;}
.probox02 .item a:hover{ text-decoration:none;}
.probox02 .item a:hover .info .name { color:#1242a1;}


.top-img{ margin-top:50px;}
.top-img .img-box{
	height: 0;
    overflow: hidden;
    padding-bottom: 42%;
    position: relative;
    margin-bottom: 50px;
}
.top-img .img-box .text-box{
	width: 458px;
    height: 210px;
    background: rgba(255, 255, 255, 0.85);
    padding: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 60px;
}
.top-img .img-box .text-box .flag {
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    background: #1242a1;
    padding: 3px 10px;
}
.top-img .img-box .text-box .title {
    font-size: 24px;
    color: #222;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-img .img-box .text-box .desc {
    font-size: 16px;
	line-height:2;
    color: #666;
}
.top-img .img-box .scale{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.top-img .img-box:hover .scale {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.scenery_top{ margin-top:50px;}
.scenery_top .img-box{
	height: 0;
    overflow: hidden;
    padding-bottom: 28%;
    position: relative;
    margin-bottom: 50px;
}
.scenery_top .img-box .scale{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.scenery_top .img-box:hover .scale {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.scenery_text{ margin-top:40px;}
.scenery_text h3{ font-weight:normal; float:left; font-size:26px; position:relative; padding-bottom:30px; color:#222; width:35%;}
.scenery_text h3:after {
    content: '';
    display: block;
    width: 68px;
    height: 1px;
    background: #666;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.scenery_text .scen_txt{ float:right; width:65%;}

.pro_con_bg{ background-color: #eef6dc; padding: 80px 0 50px; margin-top:50px}


.pro_tabs{ margin-bottom:30px;}
.pro_tabs li{ float:left; width:16.6%; background: #ccc; text-align:center; padding: 20px 0;font-size: 1em;}
.pro_tabs li a{ color: #fff;}
.pro_tabs .on{ background: #1242a1;}
.pro_tabs li:hover{ background: #1242a1;}
.pro_tabs li:hover a{ text-decoration:none;}

/*上下页*/
.newsbackline{height: 30px;line-height: 30px;border-top: 1px solid #dedede;padding-top: 20px;margin: 30px 0 50px;}
.newsbackline ul{ width:100%;}
.newsbackline ul li.prev{ text-align:left;}
.newsbackline ul li{width: 33.333333%;float: left;display: block;height: 33px; text-align:center;}
.newsbackline ul li.next{text-align: right;}
.main .bd .newsbackline ul li a{display: inline-block;width: 120px;border-width: 1px;border-style: solid;border-color: #dedede;text-decoration: none;color: #666;font-size: 12px;box-sizing: border-box;background: #fff; line-height:30px;}
.newsbackline ul li a{ text-align:center;}
.newsbackline ul li a {
    display: inline-block;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
    background: #fff;
    line-height: 30px;
}

.qqqq li{ float:left; width:43%; margin:0 10px 20px 10px;}
.qqqq li img{ display:block; width:100%;}


.telbottom{ position:fixed; bottom:0; left:0; right:0; z-index:999; box-sizing:border-box; background:#222; padding:10px; text-align:center;}
.telbottom{ display:none;}
.telbottom .phone p{ color:#fff; font-size:20px; margin-top:5px;}
.telbottom .phone:hover{ text-decoration:none;}

@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.nav{ width:65%;}
	.probox .item{ width:19.3%;}
	.probox1 .item{ width:49.5%;}
	.homebox4 .taglist{ width:auto;}
	.boxn2 .content .box{ margin-right:12px;}
	
	.prolist01 .item{ width:23.7%;}
	.prolist02 .item,.workshop .item{ width:27%;}
	.case .item{ width:32%;}
}

.c_meau{ width:211px; height:380px; position:fixed;  left:50%; margin-left:750px; bottom:-380px; display:none;z-index:100;}
.c_meau .fl{ width:125px;}
.c_meau .fl h4{ width:100%; height:37px; background:url(../online/t.png) no-repeat; color:#81511c; font-size:16px; line-height:22px; text-align:center; padding:8px 0; font-weight:bold;}
.c_meau .fl_o{ background:#d0cece; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:-70px; cursor:pointer;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{ margin:-16px 0 -11px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}

@media (max-width: 768px){
	.telbottom{ display:block;}
	.bannerslide .swiper-slide{ height:300px;}
	.top_menu { float: right; display: block; margin-top:5px;}
	.container{ padding:0;}
	.nav{ display:none;}
	.top-right{ display:none;}
	.homebox1 .prolist a{ display:inline-block; margin-bottom:10px;}
	.probox .item{ width:48%; margin:1%;}
	.probox .item:nth-child(5n){ margin-right:1%;}
	.probox .item .info{ padding:20px;}
	.probox .item .info .name{ font-size:16px;}
	.probox1 .item{ width:100%;}
	.probox1 .item .info{ padding:40px;}
	.probox1 .item .info .name a{ font-size:16px;}
	.newbox{ margin-bottom:0;}
	.newbox h4{font-weight: bold;color: #F80B21}
	.boxn1,.boxn2,.boxn3,.boxn4,.boxn5,.boxn6{ width:100%; box-sizing:border-box; margin-top:20px;}
	.boxn1 .titn,.boxn3 .titn,.boxn4 .titn,.boxn5 .titn,.boxn6 .titn{ width:100%;}
	.newbox1 .boxn5 .titn{ width:100%;}
	.boxn1 .content .box .pic,.boxn4 .content .box .pic{ width:30%;}
	.boxn1 .content .box .info,.boxn4 .content .box .info{ width:65%;}
	.boxn2 .content .box{ width:100%; margin-bottom:10px;}
	.boxn3 .content .box{ width:48%; margin-right:12px;}
	.boxn4 .content .box{ width:100%;}
	.boxn5 .content .box{ width:100%;}
	.boxn5 .content .box .info .pic{ width:20%;}
	.boxn5 .content .box .info .txt{ width:74%;}
	.newbox1 .boxn5 .content .box{ width:100%;}
	.newbox1 .boxn5 .content .box .info .txt{ width:74%;}
	.boxn6 .content{ width:100%;}
	.homebox5 .honor li img{ height:auto;}
	.homebox5 .honor li{ width:17%;}
	.homebox6 dl{ display:none;}
	.homebox6 .contact{ display:block; width:100%;}
	.footer .fotmenu{ display:none;}
	
	
	.inbanner{ height:300px;}
	.inbanner .title h2{ font-size:40px; margin-top:50px;}
	.about01 .about-img{ width:100%;}
	.about01 .con{ width:100%; box-sizing:border-box; padding:5%;}
	.about02 .whul li{ width:100%; margin-bottom:10px;}
	.nlist{margin: 0px 10%;}
	.nlist li{ float:left; margin-right:10px;margin-bottom:10px;width:40%}
	.nlist li a{ display:inline-block; padding:10px 15px;}
	

	
	.newlist .pic{ display:none;}
	.newlist .date{ display:none;}
	.newlist .info{ width:100%;}
	.workshop .item{ width:100%; box-sizing:border-box;}
	.case .item{ width:100%;}
	.contact-in .cinl{ width:100%; border-right:none;}
	.proo li{ width:100%; height:auto; margin:0 0 20px 0;}
	.probox01 .item{ width:100%;}
	.procontou .fl{ max-width:none;}
	.procontou .proslide{ max-width:none; height:auto;}
	.procontou .info{ width:100%;}
	
	
.pro_tabs li{ float:left; width:16.6%; background: #ccc; text-align:center; padding: 20px 0;font-size: 0.8em;}
	
}