@charset 'UTF-8';
/* Design By Gkmk Copyright 2016 UED Interaction */
/* For PC*/

/* Gobal css */
ul,li{ list-style: none;}

/*
html {font-size:625%; width:100%; height:100%;}
body {font-family:'Microsoft YaHei',Helvetica,STHeiti,Arial,Verdana,sans-serif; font-size:16px; line-height:1.5; 
      color:#555555; background:#f8f8f8; width:100%; height:100%; text-size-adjust:100%; 
      -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px; font-weight:200; font-size:16px; }

a:hover {color:#666; text-decoration:none;}
a{color:#ea3340;text-decoration:none;outline:none;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body{background:#fff}*/
/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

.up { background: url("../img/topback.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 54px; opacity: 0.6; width: 54px; border-radius: 30px; z-index: 999;}
.up:hover { opacity: 1;}

html,body{
    font-size: 16px;
}

/* Gobal css end */

/* Font css */

.f64{font-size:64px;}
.f60{font-size:60px;}
.f52{font-size:52px;}
.f48{font-size:48px;}
.f32{font-size:32px;}
.f28{font-size:28px;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}
.f12{font-size:12px;}

.mt50{ margin-top: 50px;}
.mt20{ margin-top: 20px;}

@media (min-width: 768px){    


}

.f-family{font-family:'fzltcxhjw','Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei';}
.fblack{color:#555555;}
.fwhite{color:#fff;}
.fblue{color:#133a58;}
/* Font css end */
/* Btn css */
.comm-Btn,.comm-Btn:hover{ padding:0 44px; display:inline-block; line-height:44px; color:#fff; text-decoration:none; border:1px solid #fff; border-radius:4px;}
.comm-Btn:hover{background:#fff; color:#333; }
.Btn-red,.Btn-red:hover{border:1px solid #ea3340; background:#ea3340; color:#fff; }
.Btn-small,.Btn-small:hover{margin:15px auto; height:34px; line-height:34px; padding:0 22px; color:#555555; border:1px solid #333; border-radius:4px; }
.Btn-small:hover{background:#ea3340; color:#fff; border:1px solid #ea3340;}

/* Btn css end */
/********Layout css********/
/* comm css */
.sq-warp{margin:0 auto; width:100%; }
.container{margin:0 auto; padding:0 12px; max-width:1164px; min-width:1024px;}
.sq-case,.sq-index-contact,.sq-clients,.sq-friends,.sq-items-list,.sq-abtdiv,.sq-gettouch,.sq-about,.sq-data,.sq-space,.sq-team,.sq-job{
    width:100%; min-width:1024px; padding-top:70px;}
.bg-white{background-color:#ffffff;}
.bg-gray{background-color:#f8f8f8;}

.text-center{ text-align: center;}
/* title css */
.title-index,.title-pages{margin:0; color:#555555; text-align: center; }
.title-index span,.title-pages span{display:block; margin-right:20px;margin-left:20px; vertical-align:middle; margin-bottom: 20px;}
.title-index em{display:inline-block; margin-right:15px;margin-left:15px; color:#888; vertical-align:middle;}
.title-index i,.title-pages i{display:inline-block;     width: 120px;
                              padding-top: 2px; background:#E77715; vertical-align:middle;}
.title-pages{ margin:15px; color:#888; vertical-align:middle;}


/* header*/
.sq-header{position:fixed; left:0; top:0; padding:25px 0; height:100px; width:100%; z-index:1000; -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.sq-header h1{float:left; margin:0;}
.sq-header h1 a.logo{display:block;  width:225px; height:44px;  text-indent:-8889px;
                     background:url(../img/logo_txt_2x.png) no-repeat center;
                     background-size:186px 44px; 
                     -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.sq-header ul.nav{float:right;}
.sq-header ul.nav li{float:left; padding:0 20px;}
.sq-header ul.nav li a{display:block; font-size:16px; line-height:50px;color:#fff; text-decoration:none;}
.sq-header ul.nav li a:hover{color:#E77715; text-decoration:none;}
.sq-header ul.nav li a.cicon-qq{margin:3px 0; display:block; width:44px; height:44px;  text-indent:-8889px; background:url(../img/cicon_bg_qq.png) no-repeat 0px 0px; background-size:44px;}
.sq-header ul.nav li a.cicon-qq:hover{background:url(../img/cicon_bg_qq.png) no-repeat 0px -44px; background-size:44px;}
.sq-header ul.nav li a.current,.sq-Header ul.nav li a.current:hover{ background:url(../img/dot_w.png) no-repeat center bottom; background-size:6px;}

.sq-header-scroll{padding:8px 0; height:60px; background:#fff; background:rgba(255,255,255,.96); -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.sq-header-scroll h1 a.logo{display:block; width:225px; height:44px; 
                            background:url(../img/logo_txt_2x.png) no-repeat center; 
                            background-size:186px 44px; 
                            text-indent:-8889px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.sq-header-scroll ul.nav li a{display:block; font-size:16px; line-height:44px; color:#555555; text-decoration:none;}
.sq-header-scroll ul.nav li a.cicon-qq{margin:0; display:block; width:44px; height:44px; text-indent:-8889px; background:url(../img/cicon_bg_qq.png) no-repeat 0px -88px; background-size:44px;}
.sq-header-scroll ul.nav li a.cicon-qq:hover{background:url(../img/cicon_bg_qq.png) no-repeat 0px -44px; background-size:44px; }
.sq-header-scroll ul.nav li a.current,.sq-header-scroll ul.nav li a.current:hover{color:#ea3340; background:url(../img/dot_red.png) no-repeat center bottom; background-size:6px;}

/*right menu*/
.toggle-btn{display:none;}
.sq-mobile-nav {display:none;}

/*slider index*/
#Slider-index .slick {margin: 0 auto; width:100%; min-width:1024px;}
#Slider-index .slick div.slidbox{background-repeat:none; background-position:center; background-size:cover;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
#Slider-index .slick div.slidbox div.container{display:table; height:100%;}
#Slider-index .slick-prev:before, .slick-next:before { position:absolute; left: 0; top: 1px; color: #ccc;}
#Slider-index .slick-prev {display:none; left: -35px;}
#Slider-index .slick-next {display:none;  right: -35px;}
#Slider-index .slick-dots {bottom: 35px;}

/*slider subpage*/

/* footer */


@-webkit-keyframes opacity{
    0%{opacity:0.4}
    50%{opacity:1}
    100%{opacity:0.4}
}


.footer{ color:#eee; }
.text2{color:#eee; font-size: 24px;  margin-bottom: 30px;font-weight: bold; }
.sq-footer .links{ color: #fff; margin-bottom: 30px;-webkit-animation:opacity 4s 0s linear infinite;}
.sq-footer .links a{color: #fff;color: #747474;}
.sq-footer .bottom{ -webkit-animation:opacity 4s 0s linear infinite;}
.sq-footer{background:#1A1A1A; padding-top:44px; min-width:1024px;}
.footer-box{float:left; width:50%; }
.footer-box .footer-txt{clear:both; color:#eee; margin-bottom: 5px;margin-top: 5px;}
.footer-nav{overflow:hidden; margin:0 0 30px;}
.footer-nav li{float:left; padding:0 40px 0 0;}
.footer-nav li a{color:#eee; display:block;  font-size: 24px; font-weight: bold; }
.footer-nav li a:hover{text-decoration:none; color:#ccc;}
.logo-en{display:block; width:240px; height:62px; background:url(../img/footer/intro.png) no-repeat center top; background-size:240px 62px; margin-bottom: 30px;}
.fr{float:right;}
.tright{text-align:right;}
.statement{clear:both; padding:10px 20px; line-height:20px; font-size:13px; text-align:center; color:#fff; background:#7a7a7a;}

.sq-footer .container{ -webkit-animation:opacity 4s 0s linear infinite;}

.sq-footer .title1{  text-align: center;color: #afaaaa; font-weight: bold; font-size: 1.8em; }
.sq-footer .title2{ text-align: center; color: #FF9800; font-weight: bold; font-size: 5em; line-height:2em; letter-spacing: 5px; }
.sq-footer .title3{text-align: center;   color: #BEB9B9;font-weight: bold;  font-size: 1.8em;}
.sq-footer .links{  text-align: center; color: #747474;  padding-top: 1em; margin-top: 1em; border-top: 1px solid #565454; }
.sq-footer .icp{text-align: center; color: #747474; margin-bottom: 4em;   }



@media (max-width: 767px) {
    .sq-footer .title2{  font-size: 3em; line-height:2em; letter-spacing: 5px; }
}




/* index service item */
.sq-service-item{width:100%; min-width:1024px;}
.service-item li{float:left; width:33.3333%; text-align:center; border-right:1px solid #ddd; background-color: #f5f5f5;}
.service-item li:last-child{border-right:0px solid #ddd;}
.service-item li a,.service-item li a:hover{padding:22px 0; display:block; text-decoration:none; text-align:center; }
.service-item li a:hover{background-color:#F08200;}
.service-item li a span{display:inline-block; padding:6px 6px 6px 84px; text-align:left;}
.service-item li a span h3{margin:0; line-height:38px; color:#555555;}
.service-item li a:hover span h3{color:#fff;}
.service-item li a span p{line-height:26px; color:#888; }
.service-item li a:hover span p{color:#f8f8f8; }
.service-item li h3{font-weight: 500;}

.service-item li a span.service-ue{background:url(../img/navs/0001.png) no-repeat 0px 0px; background-size:76px; -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-ue{background:url(../img/navs/0001.png) no-repeat 0px -76px; background-size:76px;}
.service-item li a span.service-ui{background:url(../img/navs/0002.png)  no-repeat 0px 0px; background-size:76px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-ui{background:url(../img/navs/0002.png)  no-repeat 0px -76px; background-size:76px; }
.service-item li a span.service-dev{background:url(../img/navs/0003.png) no-repeat 0px 0px; background-size:76px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-dev{background:url(../img/navs/0003.png) no-repeat 0px -76px; background-size:76px; }



/* case*/
.case-list{overflow:hidden;}


/*.case-list li{float:left; width:33.3333%;   padding: 10px;   }*/
.case-list li a{ background-color: #fff;  

                 border: 1px solid #ddd;
}


.case-list li a,.case-list li a:hover{display:block; text-decoration:none; color:#F7F8F8;}
.case-list li a img{margin:0px; display:block; width:100%;}
.case-list li a h4,.case-list li a:hover h4{margin:0; padding:0 10px; width:100%; line-height:40px;  color:#8a8a8a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-list li a p,.case-list li a:hover p{width:100%; padding:0 10px; height:52px; line-height:26px; color:#c7c7c7; overflow:hidden;}



/* index contact */
.sq-index-contact{background:url(../img/bg_contactimg.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
.sq-index-contact h3{margin:0 auto 20px;  width:60%; line-height:1.75; text-align:center;color:#fff; }
.sq-index-contact p{margin:0 auto 15px; width:80%; line-height:1.75; text-align:center;color:#eee; }
.sq-index-contact p span{display:inline-block; margin:0 20px;}
.btn-box{margin:40px auto 0;}
/* client commemt */
#Slider-say .slick { width:960px; padding:60px 0 80px; margin: 0 auto; text-align:center;}
#Slider-say .slick div.slidbox h3{margin:0 0 40px; line-height:1.7; text-align:center;}
#Slider-say .slick div.slidbox p{margin:0 0 20px; color:#666;  text-align:center;}
#Slider-say .slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc;}
#Slider-say .slick-prev { display:none; left: -35px;}
#Slider-say .slick-next { display:none;  right: -35px;}
#Slider-say .slick-dots { bottom: 35px;}
#Slider-say .slick-dots li button { border:2px solid #666; background:#666; display: block; height: 10px; width: 10px; border-radius:5px; opacity: 0.35; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: none; }
#Slider-say .slick-dots li.slick-active button{ opacity: 1;  border:2px solid #ea3349; background: transparent;}
/* friends */
.sq-friends{padding:44px 0;}
.sq-friends ul.friends-list li{float:left;margin:10px 0; padding:10px 20px; width:25%; }
.sq-friends ul.friends-list li img{margin:0 auto; display:block; width:100%;}

/*subpage banner*/
.sq-showimg{padding:88px 0; height:520px; min-width:1024px; }
.sq-showimg div.container{display:table; height:100%;}

.show-service{background:url(../img/banner/service.jpg) no-repeat center; background-size:cover;}
.show-about{background:url(../img/banner/about.jpg) no-repeat center; background-size:cover;}
.show-contact{background:url(../img/banner/contact.jpg) no-repeat center; background-size:cover;}
.show-customer{background:url(../img/banner/customer.jpg) no-repeat center; background-size:cover;}
.show-cases{background:url(../img/banner/case.jpg) no-repeat center; background-size:cover;}
.show-news{background:url(../img/banner/news.jpg) no-repeat center; background-size:cover;}

/*service abt*/
.sq-sitem{height:520px;min-width:1024px;}
.sitem-txt{float:left; width:50%; height:520px; padding:88px 0;}
.sitem-txt h3{margin:0 0 20px; color:#555555;}
.sitem-txt h3 span{display:block; color:#888;}
.sitem-txt h3 i{margin:20px 0; display:block; width:50px; padding-top:1px; background:#ea3340;}
.sitem-txt p{color:#666;}
.sitem-img{float:left; width:50%; height:520px;}
.img-ue{background:url(../img/img_ue.jpg) no-repeat right center; background-size:cover;}
.img-ui{background:url(../img/img_ui.jpg) no-repeat left center; background-size:cover;}
.img-dev{background:url(../img/img_dev.jpg) no-repeat center; background-size:cover;}

.txtarea-left{float:left; padding-left:68px; padding-right:20px; max-width:482px; min-width:412px; text-align:left; }
.txtarea-right{float:right; margin-right:88px; padding-right:68px; padding-left:12px;  max-width:482px; min-width:412px;}

/*service item*/
.sq-items-list h3{text-align:center;}
.items-list{overflow:hidden;}
.items-list li{float:left; width:33.3333%; padding:20px 40px; text-align:center;}
.items-list li dl{display:inline-block; }
.items-list li dl dt{text-align:left; margin:0 0 20px; height:88px; padding:19px 0; padding-left:100px;}
.items-list li dl dt h4{ line-height:30px; color:#555555;}
.items-list li dl dt h4 span{display:block; line-height:20px; color:#888; }
.items-list li dl dd{line-height:24px; height:72px; overflow:hidden; color:#666; text-align:left; }
.items-list li dl dt.item-icons-01{background:url(../img/items_icon_01.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-02{background:url(../img/items_icon_02.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-03{background:url(../img/items_icon_03.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-04{background:url(../img/items_icon_04.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-05{background:url(../img/items_icon_05.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-06{background:url(../img/items_icon_06.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-07{background:url(../img/items_icon_07.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-08{background:url(../img/items_icon_08.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-09{background:url(../img/items_icon_09.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-10{background:url(../img/items_icon_10.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-11{background:url(../img/items_icon_11.png) no-repeat left center; background-size:78px; }
.items-list li dl dt.item-icons-12{background:url(../img/items_icon_12.png) no-repeat left center; background-size:78px; }

.sq-abtdiv{text-align:center; background:url(../img/img_abt.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
.sq-abtdiv h3{margin:0 0 20px; color:#fff;}
.sq-abtdiv p{margin:0 0 20px; color:#fff;}
.sq-abtdiv a{color:#fff;}
.sq-abtdiv a:hover{color:#ea3340; text-decoration:none;}

/*subpage contact*/
.sq-gettouch dl{overflow:hidden;}
.sq-gettouch dl dt{padding:44px 15px;float:left; line-height:50px;}
.sq-gettouch dl dd{padding:0 15px; float:left;}
.sq-gettouch dl dd h3{margin:0; line-height:50px; color:#555555; }
.sq-gettouch dl dd p{margin:5px 0; line-height:34px; color:#666; }
.sq-gettouch dl dd p span{display:inline-block; margin-right:20px;}
.sq-gettouch dl dd.btns-box{float:right; padding:44px 20px;}

/*cases slider style*/
#Slider-case .slick {margin: 0 auto; height:520px;  width:100%; min-width:1024px;}
#Slider-case .slick div.slidbox{ height:520px; background-repeat:none; background-position:center; background-size:cover; }
#Slider-case .slick div.slidbox div.container{display:table; height:100%;}
#Slider-case .slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc;}
#Slider-case .slick-prev { display:none; left: -35px;}
#Slider-case .slick-next { display:none;  right: -35px;}
#Slider-case .slick-dots { bottom: 35px;}

/*case sort*/
.sq-fix-sort{background:#fff; background:rgba(255,255,255,.96); border-top:1px solid #ddd; width:100%; position:static; top:0; z-index:900;}
.sq-fix-sort ul{overflow:hidden;}
.sq-fix-sort ul li{float:left; padding:0 40px 0 0;}
.sq-fix-sort ul li a,.sq-fix-sort ul li a:hover{padding:0 4px; display:block; line-height:58px; border-bottom:2px solid #fff; color:#555555; text-decoration:none;}
.sq-fix-sort ul li a:hover{color:#888;}
.sq-fix-sort ul li.current a,.sq-fix-sort ul li.current a:hover{color:#ea3340; border-bottom:2px solid #ea3340;}

#UedCases .sq-case{padding-top:48px;}
/* data */
.sq-data{text-align:center; background:url(../img/bg_data.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
.data-list{overflow:hidden;}
.data-list li{float:left; width:25%; padding:20px; color:#f0f0f0;}
.data-list li span{margin:0 auto 10px; display:block; width:120px; height:120px; line-height:120px; color:#fff; border:2px solid #ddd; border-radius:60px; background:rgba(0,0,0,.34); }
/* about txt*/
.sq-about h3{margin:0 0 20px; text-align:center;}
.sq-about p{margin:0 auto 20px;  line-height:1.75; text-align:left;color:#666;text-align:justify;}
/* space */
.sq-space{color:#888;}
.space-box{margin:40px 0 0; width:100%; overflow:hidden;}
.spbox{float:left; width:50%; height:570px; overflow:hidden;}
.spbox-row{height:285px;width:100%; overflow:hidden;}
.spbox-row-box{float:left; width:50%; height:285px; overflow:hidden;}
.space-box{overflow:hidden;}
.space-box a img{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.space-box a:hover img{transform: scale(1.2) rotate(0deg);}
.space-box img{display:block; width:100%; height:100%;}
/* team list */
.sq-team{color:#888;}
.team-list{margin:40px 0 0; width:100%; overflow:hidden;}
.team-list li{float:left; width:25%; padding:20px 0; text-align:center; font-size:14px; color:#666; line-height:30px;}
.team-list li img{display:block; margin:0 auto 10px; width:144px; height:144px; border-radius:72px; }
.team-list li span label{display:block; font-size:18px; color:#555555;}
.team-list li a.join-link{display:block; margin:0 auto 10px; width:144px; height:144px;  border-radius:72px; background:url(../img/join_add.png) #ccc no-repeat center; background-size:44px 44px;}

/* contact */
.sq-contact{width:100%; min-width:1024px;}
.contact-ways{overflow:hidden;}
.contact-ways li{float:left; width:33.3333%;  border-right:1px solid #ddd;background-color: #f5f5f5;}
.contact-ways li:last-child{border-right:0px solid #ddd;}
.contact-ways li a,.contact-ways li a:hover{display:block; padding:50px 0;text-align:center;  }
.contact-ways li h4{font-size:16px; color:#666; line-height:30px; margin:0; font-weight:100; }
.contact-ways li p.cway-txt{font-size:30px; line-height:50px; color:#F18404; font-weight: bold;}
.contact-ways li a i{margin:0 auto 20px; display:block; width:128px; height:128px; background-color:#f8f8f8; border-radius:64px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.contact-ways li a:hover i{background-color:#F08200; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}

.contact-ways li a i.i-phone{background-image:url(../img/icon_phone.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}
.contact-ways li a:hover i.i-phone{background-position:0 -128px;}
.contact-ways li a i.i-qq{background-image:url(../img/icon_qq.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}
.contact-ways li a:hover i.i-qq{background-position:0 -128px;}
.contact-ways li a i.i-mail{background-image:url(../img/icon_mail.png);background-size:128px; background-repeat:no-repeat; background-position:0 0;}
.contact-ways li a:hover i.i-mail{background-position:0 -128px;}

/* weixin */
.weixin{background:url(../img/bg_weixin.jpg) no-repeat center; background-size:cover; background-attachment:fixed;}
.weixin h3{margin:0 auto;}
.weixin p{margin:0 auto 20px;}
.weixin-p img{display:block; margin:0 auto; width:160px; height:160px;}
/* map */
.sq-map{position:relative; height:520px; min-width:1024px;}
#allmap{width:100%;height: 100%;overflow: hidden;margin:0;}
.mark-info{position:absolute; bottom:0px; left:0; width:100%; text-align:center; padding:20px 0; background:rgba(234,51,64,.76);_background:#000;  color:#fff;}
.mark-info h4{margin:0; line-height:2;}

/* job*/
.sq-job{color:#666;}
.job-teambg{margin:40px auto; text-align:center;}
.job-teambg img{display:block; margin:0 auto 20px; max-width:90%;}

.job-list{margin:0 0 40px;}
.job-list dl{display:block; }
.job-list dl dt{text-align:left; margin:0 0 20px; height:88px; padding:19px 0; padding-left:100px;}
.job-list dl dt h4{ line-height:30px; color:#ea3340;}
.job-list dl dt h4 span{display:block; line-height:20px; color:#888; }
.job-list dl dd{line-height:24px; color:#666; text-align:left; width:70%;}

.job-list dl dt.item-icons-01{background:url(../img/items_icon_01.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-02{background:url(../img/items_icon_02.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-03{background:url(../img/items_icon_03.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-04{background:url(../img/items_icon_04.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-05{background:url(../img/items_icon_05.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-06{background:url(../img/items_icon_06.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-07{background:url(../img/items_icon_07.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-08{background:url(../img/items_icon_08.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-09{background:url(../img/items_icon_09.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-10{background:url(../img/items_icon_10.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-11{background:url(../img/items_icon_11.png) no-repeat left center; background-size:78px; }
.job-list dl dt.item-icons-12{background:url(../img/items_icon_12.png) no-repeat left center; background-size:78px; }

.job-list h5{margin:20px 0 0; line-height:1.75; color:#555555;}
.job-list ol{list-style-type:decimal; padding-left:20px; color:#666; margin:0 0 20px;}
.job-list ol li{margin:10px 0 0; text-align:justify;}

/********Layout css end********/
/*show txt style*/
.show-txtstyle-center{vertical-align:middle; display:table-cell;text-align:center;}
.show-txtstyle-center p.iconimg img{margin:0 auto 2%; width:180px; }
.show-txt-left{text-align:left;}

/*show txt style end*/
/*case detail*/
.case-detail{background-repeat:no-repeat; background-position:center; background-size:cover; height:800px; min-width:1024px;}
.example-list{width:100%; min-width:1024px; }
.example-list img{display:block;width:100%;}
.case-example-txt{background:#282c36;}
.case-example-txt .container{padding:40px; color:#fff; text-align:center;}
.case-example-txt h3{margin:0 0 20px;font-size:26px; font-weight:100;}
.case-example-txt p{margin:0 auto 15px; font-size:16px; line-height:2; width:88%;}
.case-example-txt p.pcenter{text-align:center;padding:20px;}
.case-example-txt a.go-sitelink,.case-example-txt a.go-sitelink:hover{position:relative; margin:20px auto; display:inline-block; padding:0 60px; line-height:50px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:4px; }
.case-example-txt a.go-sitelink i{position:absolute; left:15px; top:10px; display:block; width:30px; height:30px; }
.case-example-txt a.go-sitelink i.apple{background:url(../img/apple.png) no-repeat center; background-size:cover;}
.case-example-txt a.go-sitelink i.android{background:url(../img/android.png) no-repeat center;background-size:cover;}


/*case detail*/






/* -------------- ABOUT -------------- */
#about{}

.icon_wrap .icon_box{
    position:relative;
    padding:40px 20px;
    -webkit-box-shadow:0 0 3px 0 rgba(130, 121, 121, 0.6);
    -o-box-shadow:0 0 3px 0 rgba(130, 121, 121, 0.6);
    box-shadow:0 0 3px 0 rgba(130, 121, 121, 0.6);
}
.icon_wrap.noshadow .icon_box{
    box-shadow:none;
}
.icon_wrap .icon_box i{
    display: inline-block;
    font-size:50px;
    color:#2b65dd; 
    margin-bottom:20px;
    position:relative;
}
.icon_wrap .icon_box:hover i{
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;

    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    animation-delay: 0s;
    -moz-animation-duration:.7s;
    -ms-animation-duration:.7s;
    -o-animation-duration:.7s;
    -webkit-animation-duration:.7s;
    animation-duration:.7s;
}
.icon_box:hover i, .icon_wrap .col-sm-4:nth-child(2n+1):hover .icon_box i, .icon_box:hover p,
.icon_wrap.noshadow:hover .icon_box i,
.icon_wrap.noshadow .icon_box:hover i,
.icon_wrap.noshadow .col-sm-4:nth-child(2n+1) .icon_box:hover i{
    color:#fff;
}
.icon_wrap .col-sm-4:nth-child(2n+1) .icon_box i{
    color:#58c433;
}
.icon_wrap.noshadow .icon_box i,
.icon_wrap.noshadow .col-sm-4:nth-child(2n+1) .icon_box i{
    color:#b5b5b5;
}
.icon_box:hover{
    background:#2b65dd;
    color:#fff;
    cursor:pointer;
}
#about .video_click{
    background: #2b65dd;
    border-radius: 100%;
    color: #ffffff;
    display: inline-flex;
    font-size: 50px;
    line-height: normal;
    width: auto;
}
#about .video_click:hover{
    background:#58c433;
}
.about_page .col-sm-6{
    padding:0;
    overflow:hidden;
}
.about_page .image > img{
    bottom:0;
}


/* -------------- ABOUT ends  -------------- */




.padding{
    padding-bottom:100px;
    padding-top:100px;
}
.padding_half{
    padding-bottom:50px;
    padding-top:50px;
}
.padding_top{ padding-top:100px; }
.padding_bottom{ padding-bottom:100px; }
.padding_bottom_half{ padding-bottom:50px;}
.padding_top_half{padding-top:50px;}
.heading_space { margin-bottom:50px;}
.margin_bottom{ margin-bottom:100px; }
.margin_top{ margin-top:100px; }
.bottom10{ margin-bottom:10px; }
.top10{ margin-top:10px; }
.bottom15{ margin-bottom:15px; }
.top15{ margin-top:15px; }
.top20{margin-top:20px; }
.bottom20{ margin-bottom:20px; }
.bottom25{
    margin-bottom:25px;
}
.bottom30{
    margin-bottom:30px;
}
.top30{
    margin-top:30px;
}
.bottom35{
    margin-bottom:35px;
}
.margin_top{
    margin-top:100px;
}
.top40{
    margin-top:40px;
}
.bottom40{
    margin-bottom:40px;
}
.bottom0{
    margin-bottom:0;
}
.nomargin{
    margin:0;
}
.bottom80{
    margin-bottom:79px;
}
.border_radius{
    border-radius:4px;
}
.light{
    background:#f7f7f7;
}
.green_t{
    color:#58c433;
}
.blue_t{
    color:#2b65dd;
}
.white_t{
    color:#ffffff;
}

.bg_two{
    background:#f6f5f3;
}
.heading{
    border-bottom:1px solid #444647;
    padding-bottom:6px;
}

.port_head{ font-size:90px; }

.image{ overflow:hidden;}
.image img{
    width:100%;
    display:block;
}
.image , 
.image img{ 
    position:relative;
}
.image img,
.cbp-item img{
    -moz-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    transition: all .9s ease;
}

.image:hover img,
#portfolio-top .cbp-item:hover img,
#nospace-gallery  .cbp-item:hover img,
#about-gallery .cbp-item:hover img,
.news_item:hover .image > img{
    -moz-transform:scale(1.15); 
    -ms-transform:scale(1.15); 
    -o-transform:scale(1.15); 
    -webkit-transform:scale(1.15);
    transform:scale(1.15);

}


/*单页内容页面*/
.content p{
    line-height: 1.5em;
}
.content img{
    width: 100%;
    height: 100%;
}



/*图片滑动特效*/
.goods_list {zoom:1;}
.goods_list li {position:relative;float:left;width:33.3333%;font-family:"microsoft yahei";overflow:hidden;}
.goods_list li .link {position:absolute;top:0;left:0;width:426px;height:100%;padding:0 20px;*background:url(#) ;color:#fff;text-decoration:none;text-indent:-99em; cursor:pointer;}
.goods_list li .link:hover {text-indent:0;text-decoration:none;}
.goods_list li .link b { display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden; }
.goods_list li .link span {display:inline-block;vertical-align:middle;font:14px/30px "microsoft yahei";}
.goods_list li .link strong {display:block;font-weight:normal;font-size:26px;line-height:50px;}
.goods_list li:hover .pic {visibility:hidden;transition:.4s all;}
.goods_list .pic {position:relative;}
.goods_list .pic img {width:100%;height:100%;}
.goods_list .pic .intro {position:absolute;top:10px;left:12px;color:#fff;font:24px/1.5 "microsoft yahei";text-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);zoom:1;}
.goods_list .intro .details {float:left;max-width:194px}
.goods_list .intro .main_det {height:36px;overflow:hidden;}
.goods_list .intro .sub_det,
.theme_list .intro .sub_det_s  {height:26px;font-size:14px;overflow:hidden;}
.goods_list .intro .date {float:left;max-width:76px;margin-left:8px;font-size:16px;white-space:nowrap;}
.goods_list .intro .date b {font:normal 54px/60px Georgia;}

/*css3*/
.goods_list li .link {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}