* {font-family: -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;}
a { text-decoration: none; color: #333; }
.mr{margin-right: 15px;}.ml{margin-left: 15px;}
.mt20{margin-top: 20px;} .blank{margin-top: 50px;}
.header{height: 100px; line-height: 2; max-width: 1200px; margin:0 auto;}
.header .logo{width: 370px; padding: 20px 0 0;}

.header .contact{margin-top:30px; font-size: 16px; color: #888888;text-align: right;}
.header .contact a{ color: #888888; }
.tel,.email,.mail{background:url("../images/spite.png") no-repeat 0 0; padding-left:30px;margin-right:20px;font-size: 12px;height:30px;display: inline-block;}
.header .contact .tel{background-position:0 6px;font-size: 14px;}
.header .contact .email{background-position:0 -25px; /*text-transform: uppercase;*/}
.header .contact .mail{background-position:0 -55px; }

.nav{ margin-top: 26px;border-top: 1px solid #eee; color:#7e7f84;}
.nav-pills>li { margin: 0 38px!important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {color: #03A9F4; background-color: #fff; font-weight: 600;}
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #fff; color: #03A9F4;}

/* banner */
.slidizle{position:relative;overflow:hidden}
.slidizle-content{position:absolute;top:0;left:0;width:100%;height:400px}
.slidizle-slide{position:absolute;top:0;left:0;width:100%;height:400px;background-size:cover;background-position:50% 50%;display:none}
.slidizle-slide.active{display:block}
.slidizle-navigation{position:absolute;bottom:30px;left:0;width:100%;text-align:center;z-index:10}
.slidizle-navigation li{display:inline-block;width:10px;height:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;opacity:.2;font-size:1px;text-indent:-99999px;margin:0 2px;cursor:pointer;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.slidizle-navigation li.active,.slidizle-navigation li:hover{opacity:1}
.slidizle-next,.slidizle-previous{color:#fff;font-size:30px;position:absolute;top:50%;z-index:30;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:1;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.slidizle-next.disabled,.slidizle-previous.disabled{opacity:.2;cursor:default}
.slidizle-next{right:30px}
.slidizle-previous{left:30px}
.slidizle-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#333 url(../img/loader.gif) no-repeat 50% 82%;opacity:0;pointer-events:none;-moz-transition:opacity .2s ease-in-out 0s;-o-transition:opacity .2s ease-in-out 0s;-webkit-transition:opacity .2s ease-in-out;-webkit-transition-delay:0s;transition:opacity .2s ease-in-out 0s}
.loading .slidizle-loading{opacity:.8;pointer-events:auto}
.text{text-align:center;color:#393939;padding:100px}
.sample{position:relative;width:100%;height:400px;text-align:center}
.slider-progressbar{height:5px;width:100%;position:absolute;top:0;left:0;background:#fbd665;z-index:20}
.slider--animated .slidizle-content>.active~.slidizle-slide{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
.slider--animated .slidizle-slide{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-transition:-moz-transform .5s ease-in-out 0s;-o-transition:-o-transform .5s ease-in-out 0s;-webkit-transition:-webkit-transform .5s ease-in-out;-webkit-transition-delay:0s;transition:transform .5s ease-in-out 0s;display:block!important}
.slider--animated .slidizle-slide.active{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);z-index:2}
.slidizle-navigation .slider-navigation-item{width:50px;height:30px;background-size:cover;background-position:50% 50%;border:2px solid #fff}

.w1200{width: 1200px; margin:0 auto;}
.Section-title{margin:20px 0 20px; }
.Section-title h2{margin-bottom: 0;font-size: 20px;}
.Section-title b{color: #03A9F4; font-weight: normal;}

/* News */

 
/* News */
.NewsList ul{margin: 0 0 20px; width: 900px; display: inline-block; padding: 0;}
.NewsList li{width: 100%; list-style: none; display: block;margin-top:20px; background: #fff;}
.NewsList img{display: inline-block; height: 240px; width: 240px; vertical-align: top;}
.NewsList .NewsList_info{width: 655px;padding:10px;display: inline-block;}
.NewsList .NewsList_info p{height:6em; overflow: hidden;line-height: 1.6;}
.NewsList .NewsList_info h3{margin:0 0 15px;font-weight: 600;font-size:16px;}
.NewsList .tag{border-top: 1px solid #e6e6e6;line-height: 3;}


/* News */
.NewsList {margin: 0 0 20px; width: 900px; display: inline-block; padding: 0;}

.NewsList .NewsList_info p{height:130px; overflow: hidden;line-height: 1.6;}
.NewsList .more{margin:-20px 0px; float: right; color:#03A9F4;}
.NewsList .more i{margin-right:5px;}

.NewsList .product {margin: 0 0 20px 20px; width: 900px; display: inline-block; padding: 0;}
.NewsList .product li{background: #fff; float: left; list-style: none; margin:20px 20px 0 0;width: 210px;}
.NewsList .product li:nth-child(4n){margin:20px 0 0;}
.NewsList .product img{display: inline-block; width: 100%; vertical-align: top;}
.NewsList .product h3{margin: 0; font-size: 14px; line-height: 2.6; text-align: center;}

.news {margin-top:20px; min-width:900px; display: inline-block;}
.news .title{ text-align:center; }
.news .info{border:1px solid #f3f3f3; background:#f3f3f3; text-align:center; margin-bottom: 20px; line-height: 2.2;}
.news .main{margin: 0 10px 40px 0; float: left; width: 900px;}
.news img{ max-width: 800px; }
.news h4 a{color:#03A9F4; display: block;line-height: 2;}
.news p{font-size: 12px; text-align: justify;}

.fenye1{margin:0 0 20px;}
.back a{border: 1px solid #676767; padding:5px 10px; text-decoration: none; color: #676767;}
.back a:hover{background: #676767;color:#fff;}
.Nlist{margin-bottom: 20px; border: 1px solid #eee;}
.Nlist h4{font-weight: 600;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 2.6;background: #eee;padding:0 10px;margin: 0;}
.Nlist a{display: block;line-height: 2.6; padding:0 10px;}
.Nlist a:hover{background: #f3f3f3; text-decoration: none;}

.ProList,.Nlist{margin-bottom: 20px; border: 1px solid #eee;}
.ProList h4,.Nlist h4{font-weight: 600;font-size: 16px;line-height:3.2;background: #eee;padding:0 10px;margin: 0;}
.Nlist a{display: block;line-height:3; padding:0 10px;border-bottom: 1px solid #eee;}
.Nlist a:hover{background: #f3f3f3; text-decoration: none;}
.ProList a{display: block;line-height:3; padding:0 10px;color: #fff; background: #2a2d34; border-bottom: 1px solid #717171;}
.ProList a:hover,.selected>a{color: #fff; background:#03A9F4; text-decoration: none;}
.ProList .red{background: #03A9F4; color:#fff;}
.ProList .pulldown{ float: right;color: #fff;right: 10px;position: relative;top: -32px;}


.pages { margin: 0 0 20px;}
.pages a{ border: 1px solid #03A9F4; padding: 0px 6px; display: inline-block; margin: 0 5px 0 0;color: #03A9F4;}
.pages .current{border: 1px solid #03A9F4; padding: 0px 6px; display: inline-block; background: #03A9F4; color: #fff; margin-right: 5px;}

/* Products Album */
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top; width: 100%;}
#DB_gallery .DB_imgSet {position:relative;width:470px;height:320px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:6px;width:470px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:112px;height:73px;border:5px solid #ff0000;left:0;top:0}
#DB_gallery .DB_thumSet a > img{ width: 112px; height: 73px;}

/* products_list */
.products_list{}
.products_list dd:before{content:"■"; color:#03A9F4;padding-right: 10px;}
.products_list dd a{ line-height: 24px;color:#777;}

.gray{background: #f3f3f3; }
.bread{line-height: 60px; width: 1150px; margin: 0 auto;border-bottom:5px solid #03A9F4;background: #2c2b2b; width: 100%; color:#b4b4b4;}
.bread b{color:#fff; margin:0 10px 0 0;font-size: 20px;}

.content{background:url('../images/activity-bg.jpg') bottom center #f3f3f3; background-repeat-y: no-repeat; background-size: 100%;}
.activity {}
.activity ul{width:1200px; padding:0; margin:0 auto;}
.activity li{background: #fff; list-style: none;width: 1200px; position: relative; margin-top:20px; border-radius:8px; height:240px;}
.activity img{width: 340px; height:240px;float: left; border-radius: 8px 0 0 8px;}
.activity .right-radius{ border-radius:0 8px 8px 0;}

.activity .des{display: block;width: 860px;height: 160px; position: absolute; top:70px; }
.activity .des-left{float:left; left: 290px; }
.activity .des-right{float:right; right: 290px; text-align:right; }

.activity .des b{background: #de2b24;color:#fff; width: 100px; height:100px; border-radius: 5px;font-size:30px; text-align: center;line-height:90px;display: block; font-family: "Georgia"; font-weight: bold;font-size:40px;}
.activity .des-left b{float: left;margin-right:20px;}
.activity .des-right b{float: right;margin-left:20px;}


.club{width: 1200px; margin: 40px auto 60px;  }

.team-members{height: 200px; margin:20px 0 50px;}
/*= common css to all effects =*/
.single-member{width:300px; float: left; margin:0; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.team-members h3 {font-size: 24px; font-weight: 600; margin: 5px 0 0; text-transform: uppercase;}
.team-members h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px;}
.team-members p {font-size: 14px; font-weight: 300; line-height: 24px; padding:10px 30px 0; letter-spacing: 1px;}
/*= common css to all effects end =*/

.effect{max-height: 200px; min-height:200px; overflow: hidden;  perspective: 800px;}
.effect h3{line-height: 35px;}
.effect .member-image{position: absolute; bottom: 0; width: 100%; transition: 0.4s; z-index: 1;}
.effect .member-image img{width: 100%; transition: 0.4s; height: 100%;}
.effect .more-info{height: 208px; transition: 0.4s; overflow: hidden; position: relative; background-color: #fff;}
.effect:hover .member-image{transform: translateY(100%); transition: 0.4s;}

/*= Media Query 
=============== */
@media only screen and (max-width: 980px){
	.team-members{text-align: center;}
	.single-member{float: none; display: inline-block; vertical-align: bottom;}
}
/*= Media Query End
=================== */


/*  Services  */
.services{background: url('../images/services_bg.jpg') no-repeat; background-size:100%;}
.services ul{width: 1220px;margin:0 auto 60px;padding:0; float: left; position: relative; left: 50%; margin-left: -610px;}
.services li{width: 240px;list-style: none;float: left;}
.services span{display: block;background: #03A9F4;}

.bt3{ overflow:hidden; position:relative; display: block;}
.bt3 span{z-index:20;}
.bt3:after{
	background: #fff; content: "";height:355px;left:-220px;opacity: 0.1;position: absolute;top:-100px;width: 150px; z-index: 10;
	-webkit-transform:rotate(35deg); -ms-transform:rotate(35deg); transform:rotate(35deg);
	-webkit-transition: all 530ms cubic-bezier(0.19,1,0.22,1); transition: all 530ms cubic-bezier(0.19,1,0.22,1);
}

.bt3:hover:after{
	left:150%;	top: 0px;
	-webkit-transform:rotate(35deg); -ms-transform:rotate(35deg); transform:rotate(35deg);
	-webkit-transition: all 530ms cubic-bezier(.19,1,.22,1); transition: all 530ms cubic-bezier(.19,1,.22,1);
}

/*  Partner  */
.partner{background: url('../images/partner_bg.jpg') no-repeat; background-size:100%;}
.partner ul{display: block; margin: 0 auto 60px; width:1200px; padding: 0;}
.partner ul li{float:left; width:20%; margin:0 0 60px; list-style: none;}
.partner ul img{width:65%; margin:0 auto;border-radius: 50%;}
.partner ul img:hover{  box-shadow: 0px 3px 15px #666;}


/*  Page_About  */
.main_content{width: 915px; padding-right: 15px; text-align: justify; border-right: 1px solid #eee; min-height:400px; margin-bottom: 20px; display: inline-block;}
.main_content p{ text-indent: 2em;}
.sidebar{width:285px; margin-top:20px; }
.sidebar .link dd{line-height:50px;border-top:1px solid #eee;border-bottom:1px solid #eee;border-right:1px solid #eee;margin:20px 0 0;text-align: center;}
.sidebar .link dd:hover{background: #eee;}
.sidebar .link .active{color:#03A9F4;}


/*  Page_Case */
.case{display: inline-block;padding: 0;}
.case li{float: left;list-style: none;margin:20px 0 0;border:1px solid #ccc;width:590px;}
.case li:hover{border:1px solid #03A9F4;}
.case li:hover + .case_info > .more{color : #0000FF;}
.case li:nth-child(even){margin-left:20px;}
.case img{float: left;}

.case_info{width:320px;float: left;padding:20px;}
.case_info h3{margin:20px 0 10px;font-size: 16px;font-weight: 600;}
.case_info p{padding: 0; height: 5.9em; overflow: hidden; text-align: justify; margin-bottom: 26px;}
.case_info .more{ width: 120px; border: 1px solid #ccc; line-height: 30px; text-align: center; margin: 0 auto; display: block; border-radius: 8px; -webkit-transition: all 0.3s ease-out;; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.case_info .hover{background: #03A9F4; color:#fff; border: 1px solid #03A9F4; text-decoration: none; }

.case_detail{background: url("../images/case_detail_bg.jpg") no-repeat; background-size:100%;padding:50px;}
.case_Title{display: inline-block; vertical-align: top; padding:10px 0 0 20px;}
.case_Title h3{margin: 0; font-weight: 700;}
.case_Title p{padding: 0; margin: 0; line-height:40px; font-size: 16px;}
.case_Title b{font-weight: normal; font-size: 16px;}

.case_photo{width: 630px;display: inline-block;vertical-align: top;}
.case_Des{width:560px;display: inline-block;padding-left:20px;vertical-align: top;}

/* About */
.banner{margin:0 auto; max-width:1920px; min-width:1200px; overflow:hidden;width: 100%;}
.black{background: #1b1b1b;color:#ccc;padding:0 0 60px;margin:40px 0 0;}
.black .ComDigi b{color:#fff;}
.black img{width:100%;}
.line{height: 100px; width: 1px; float: left; background: #cacaca; position: absolute; right: 0px; top: 0px;}
 

/*  Footer  */
.footer{/*background: #2a2d34;*/ background:#013258; color:#fff;/*border-top:5px solid #03A9F4;*/}
.footer dl{width: 300px; padding: 50px 0 0 50px; display: inline-block; vertical-align: top;}
.footer dt{color:#fff; font-size: 16px; letter-spacing: 2px;font-weight: normal;line-height: 3;}
.footer dd{line-height:2;color:#cdcdcd;font-size: 12px;}
.footer .footer_news{width: 360px;}
.footer .footer_news a{color: #ffffff; font-size: 14px;}
.footer input,.footer textarea{margin:0 0 10px;width: 100%;border: 0; text-indent: 0.6em; color: #000;}
.footer .copyright{font-size:12px; width: 100%; text-align: center; margin:30px 0; color:#7e7f84;}
 
/* 动效部分 */
.scale li,.transform {-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;-ms-transition:all .5s;}
.scale li:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.05);}
.shadow{ -webkit-transition: all 0.3s ease-out;; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.shadow:hover{-moz-box-shadow: 5px 5px 10px 1px #d8d8d8; -webkit-box-shadow: 5px 5px 10px 1px #d8d8d8; box-shadow: 5px 5px 10px 1px #e6e6e6;}


@font-face {font-family: "iconfont";
  src: url('./fonts/iconfont.eot?t=1486526555687'); /* IE9*/
  src: url('./fonts/iconfont.eot?t=1486526555687#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./fonts/iconfont.woff?t=1486526555687') format('woff'), /* chrome, firefox */
  url('./fonts/iconfont.ttf?t=1486526555687') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('./fonts/iconfont.svg?t=1486526555687#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {font-family:"iconfont" !important;  font-size:16px;  font-style:normal;
-webkit-text-stroke-width: 0.2px;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.iconfont:hover{ color:#03A9F4;}
.icon-fenxiang:before { content: "\e628"; }
.icon-ttpodicon:before { content: "\e61d"; }
.icon-shizhong:before { content: "\e63c"; }
.icon-xiala:before { content: "\e635"; }
.icon-kongqiqiangli:before { content: "\e7e5"; }
.icon-shangla:before { content: "\e662"; }
.icon-envelope1:before { content: "\e63b"; }
.icon-envelope2:before { content: "\e69b"; }
.icon-dunpai:before { content: "\e61e"; }
.icon-Call-out:before { content: "\e65c"; }
.icon-touxiang:before { content: "\e74c"; }
.icon-xingnengwending:before { content: "\e661"; }

.menu{float: left;width: 100%;}
.menu i{margin:0 20px;font-size:46px;}
.menu dd{position:relative;float:left;margin:0 2px;padding:0;text-align:center;cursor: pointer ;}
.menu a{display:block;width:9pc;color:#000;text-decoration:none;font-weight:700}
.menu a,.menu dd em{border-radius:5px;background:#2a2d34;color:#fff;padding:3px 5px;}
.menu dd em{position:absolute;bottom:-30px;left:6px;z-index:2;display:none;text-align:center;font-style:normal;width:75px;}



.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{position:relative;top:0;overflow:hidden;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.flickity-prev-next-button:hover{background:#fff}
.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}
.flickity-prev-next-button:active{opacity:.6;filter:alpha(opacity=60)}
.flickity-prev-next-button.previous{left:10px;z-index:1111}
.flickity-prev-next-button.next{right:10px;z-index:1111}
.flickity-rtl .flickity-prev-next-button.previous{right:10px;left:auto}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button:disabled{opacity:.3;cursor:auto;filter:alpha(opacity=30)}
.flickity-prev-next-button svg{position:absolute;top:20%;left:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-prev-next-button.no-svg{color:#333;font-size:26px}
.flickity-page-dots{position:absolute;top:0;margin:0;padding:0;width:100%;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}

.flickity-page-dots .dot{display: none;/*display:inline-block;*/margin:0;width:10px;height:10px;border-radius:8px;background:#333;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1;filter:alpha(opacity=100)}
.flickity-page-dots .dot{width:128px;height:40px; background-position:0 0;color:#333;text-decoration:none;line-height:38px;cursor:pointer}
.flickity-page-dots .dot+.dot{margin-left:10px;background-position:-128px 0}
.flickity-page-dots .dot:last-child{background-position:-256px 0}
.flickity-page-dots .dot.is-selected{background-position:0 -40px}
.flickity-page-dots .dot+.dot.is-selected{background-position:-128px -40px}
.flickity-page-dots .dot:last-child.is-selected{background-position:-256px -40px}

.mask-left,.mask-right{position:absolute;top:0px;width:49%;height:300px;background:rgba(0,0,0,.6)}
.mask-left{left:0;margin-left:-455px}
.mask-right{right:0;margin-right:-456px}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}