/*css*/

@import "grid.css";

@import "alimaofade.css";

/************Header************/

header{width:100%;z-index:10; margin-bottom:10px}

body{font:13px/22px Microsoft YaHei;}

.transparency{background: url(../images/header_bg.png) repeat-x 0 bottom; position:fixed}

.top{height:36px; line-height:36px; background:#da251c; color:#fff}

header h1,#logo{position:relative;z-index:9;float:left}

header h1 a.logo,#logo a.logo{display:block;padding-top:10px}

/* Menu */

nav{position:relative;float:left; margin-left:60px}

.sf-menu .current a{background:#da251c;color:#fff}

.sf-menu,.sf-menu ul {margin:0;padding:0;list-style:none}

.sf-menu:before,.sf-menu:after {display:table;content:""}

.sf-menu:after {clear:both}

.sf-menu {zoom:1}

.sf-menu li {float:left;border-radius:5px;text-align:center;position:relative; margin:0 5px;}

.sf-menu a span {display:block}

.sf-menu a {color:#333;font-size:16px; margin:10px 0;padding:10px 19px;border-radius:5px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;display:block}

.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {margin:0;padding:20px 19px;background:#da251c; color:#fff;text-decoration:none;}

.sf-menu li:last-child:hover:after {top:10px}

.sf-menu ul {opacity:0;margin:20px 0 0 0px;visibility:hidden;background:#4c4c4c;position:absolute;top:56px;left:0;border-radius:5px;padding:16px 0 16px;z-index:999;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s;}

.sf-menu li:hover > ul {opacity:1;visibility:visible;margin:0;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}

.sf-menu ul ul {left:148px;margin:0 0 0 20px;top:-16px;background:#222;}

.sf-menu ul li {display:block;margin:0;padding:0 20px 0 !important;text-align:center; width:100px; }

.sf-menu ul li:last-child {border:none}

.sf-menu ul a {display:block;float:none;border-bottom:1px solid #7e7e7e;-webkit-transition:none;-o-transition:none;transition:none;border-radius:0;margin:0; padding:10px 0 !important;font-size:13px;color:#d2d2d2;background:none !important;white-space:nowrap;text-transform:none;}

.sf-menu > li:hover ul a{color:#d2d2d2}

.sf-menu > li:hover ul a:hover{color:#fff}

.sf-menu ul ul a {color:#fff !important}

.sf-menu ul a span {display:inline}

.tel{ float:right}

#html5banner{background:#28b5d2}

/*content*/

.cont_pad{padding:28px 0 !important}

.img_wrap1{display:block;float:left;padding:10px;background:#fff;box-shadow:1px 1px 5px #101010;position:relative;}

.img_wrap2{display: block;padding:4px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}

.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#da251c;}

.img_wrap1 img, .img_wrap2 img{position: relative; z-index:1;}

a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}

.button1,.button2,.button3{display:inline-block; padding:12px 30px;margin: 18px 0 0; font-size: 18px; color:#fff; text-transform:uppercase; background:#da251c;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.button4{display:inline-block; padding:12px 30px;margin:15px 0 0; font-size: 14px; color:#fff; text-transform:uppercase; background:#da251c;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.button2{background:#383838}

.button3{background:#000}

.button1:hover{color:#fff; background:#4e4e4e}

.button2:hover{color:#fff; background:#da251c}

.button3:hover{color:#fff;background:#ff6915}

.button4:hover{color:#fff; background:#4e4e4e}

/*first*/

.first{ background:#e7e7e7; text-align:center}

.first_cont{ width:720px; margin:0 auto}

.ico_block,.ico_block1{margin:0 auto;width:120px; height:120px;border-radius:50%; display:block}

.ico_block1{width:100px;height:100px}

.ico_block img,.ico_block1 img{padding:20px}

.banner1 {position:relative;z-index:0; width:300px; margin:0 auto}

.text12 {display:inline-block;color:#fff;font-size:19px;line-height:23px;font-weight:normal;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;padding:12px 34px 14px;background:#da251c;border-radius:8px;}

.banner1:hover .text12 {background:#000;color:#000}

.banner1 .text12:after {content:"";display:block;height:76px;left:-4px;position:absolute;top:2px;width:213px;z-index:-1}

.bb1 .text12:after { background:url(../images/b1.png) 0 0 no-repeat}

.text12 a{ color:#fff}

/*second*/

.caption h2{text-align:center; color:#e50012; margin:10px 0}

.caption p{ text-align:left;}

/**/

.img_wrap1, .img_wrap2, .link1, .sf-menu a,a.img_wrap2 strong, a.img_wrap1 strong{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.sf-menu strong,.button1 strong,.list1 a em,.link1 em,.button2 strong,.button3 strong{

-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

}

/*products*/

.products .grid_9 .grid_3_1{ margin-left:20px}

.aside-type{padding: 10px;margin-bottom: 20px;border: 1px solid #e6e8e9;border-top: 0;background-color: #fff;box-shadow: 0px 1px 2px #d5d7d8}

.aside-t {padding: 20px 10px 10px 35px;margin-bottom: 20px;border: 1px solid #e6e8e9;border-top: 0;background-color: #fff;box-shadow: 0px 1px 2px #d5d7d8}

.aside-tabs {margin: 0 10px;padding: 15px 0px;overflow: hidden;border-bottom: 1px solid #edf0f2}

.aside-tabs li {float: left;line-height: 30px;font-size: 12px}

.aside-tabs li a {display: block;text-align: center;padding:10px 15px;cursor: pointer;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s}

.aside-tabs li a:hover,.aside-tabs li a.curr {background: #be3948;color: #fff}

/* Products */

.pro-list li{position: relative;width: 100%;min-height: 170px;margin:10px 0;background: #f7faf9;background: #f7faf9\0/;border-bottom: 2px solid #f7faf9\0/;border-radius: 0 0 1px 1px;box-shadow: 0 1px 2px #c5c5c5;transition: .3s;-moz-transition: .3s;

-webkit-transition: .3s;-o-transition: .3s}

.pro-img{position: relative;height: auto; padding-bottom:50px;overflow: hidden}

.pro-img img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.pro-learnt{position: absolute;left: 0;right: 0;height: 10px;background-color:#39b94e;bottom: -19px;color: #fff;font-size: 12px;height: 24px;line-height: 24px;text-align: center;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s}

.pro-list li:hover{border-bottom: 2px solid #dae0e5\0/;box-shadow: 0 2px 8px #bbb}

.pro-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}

.pro-intro,.pro-tips{position: absolute;bottom:0;left:0;right: 0;padding: 0 14px;height: 50px;background:#f5f5f5;background:#f7faf9/;

*background:#f7faf9;font-size:12px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;z-index: 9}

.pro-intro{opacity: 0;z-index: 10;display:none/;*display:none}

.pro-tips h2{color:#363d40;line-height:50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align:center;font-weight:bold;margin: 0}

.pro-intro p{padding-top:10px;height:40px;line-height:20px;margin:0;overflow: hidden}

.pro-list li:hover .pro-intro{color:#444;opacity:1;display:block/;*display:block}

.pro-footer{padding: 40px 0 60px;text-align: center}

.pro-footer a{display: inline-block;width: 118px;border-radius:50px;height: 38px;line-height: 38px;border: 1px solid #d0d6d9;font-size: 16px;color: #363d40;text-decoration:none;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}

.pro-footer a:hover{background-color: #d0d6d9}

.b_line2{padding-bottom:20px;border-bottom:1px dotted #ccc}

.parameter img{ width:auto;display:block}

.details p{padding:0px 10px 20px 10px}

.details h3{padding-left:20px;line-height:42px;  color:#fff; margin-bottom:20px}

.newsbar a{ font-size:16px}

.data{width:60px; height:60px; display:block;background: #eee;color:#333; text-align:center; line-height:60px}

.month{display:block;width:60px;text-align:center}

.newsbar li {padding:0; overflow:hidden}

.newsbar li a{color:#333;background: none}

.newsbar li a:before{background: none}

.newsbar li a:hover{color:#ff0000}

.newsbar li{border-bottom:1px  dashed #d2d2d2; padding-bottom:10px; margin-bottom:20px}

.prnext {text-align:center}

.prnext b{ color:#999}

.prnext a{margin:0 5px; font-size:13px}

.b_line2{padding-bottom:20px;border-bottom:1px dotted #ccc}

.sideline{padding-right:40px;border-right:1px dashed #333}

/*third*/

.third { background:#0d1018;text-align:center}

.case_show {position:relative;}

.case_show img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.case_show a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); max-height:260px}



.blog-post {position: relative;margin-bottom: 30px;}

.blog-thumb {overflow: hidden;position: relative;}

.blog-thumb img {width: 100%;}

.blog-content {position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.7);color: #fff;}

.content-show{ text-align:center; padding:15px; }

.content-show a {font-size: 16px;font-weight: 700;color: #fff;text-transform: uppercase; }

.content-hide {display: none; padding:0 15px}

.content-hide p {color: #fff;}

/*fourth*/

.case{ margin:30px}

.case .grid_6_1{ border:1px solid #e6e6e6; float:left; margin-left:0px}

.grid_6_1 a:hover{ background:url(../images/case11.jpg) no-repeat}



/*fifth*/

.fifth .block_name {font-style: normal}

.white_bar{background:#fff;box-shadow: 0 1px 3px #c5c5c5; overflow:hidden}

.pic_news .button1{ margin-left:10px; margin-top:0}

.page-news-list a{ font-size:14px}

.data{width:60px; height:60px; display:block;background:#CCC;color:#333; text-align:center; line-height:60px}

.month{display:block;width:60px;text-align:center}

.page-news-list li{padding:10px;margin-bottom:20px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.page-news-list li a{font-size:16px; height:20px; line-height:20px; display:block; overflow:hidden}

.page-news-list li p{ padding-top:5px;color:#777}

.page-news-list li:hover{background:#da251c}

.page-news-list li:hover p,.page-news-list li:hover .month{color:#fff}

.page-news-list li:hover .data{background:#FFF;}

.page-news-list li:hover a{color:#fff}

.page-news-list li:hover a:hover{color:#000}

/*partners*/

.partners h3{ float:left}

.partners li{float:left; margin-right:10px}

.partners li a{color:#5a5a5a}

/* Footer */

footer{width:100%;border-top: 6px solid #424242; padding-top: 30px;padding-bottom: 10px; background:#fff}

.hide-text{text-indent: 100%;white-space: nowrap;overflow: hidden}

.footer-sns{text-align: center}

.footer-sns a{display: inline-block;height: 32px;width: 32px;background-image: url(../images/idx-btm.png);background-repeat: no-repeat;margin: 0 9px}

.footer-sns-weibo{background-position: 0 -221px}

.footer-sns-weixin{position: relative;background-position: -52px -221px}

.footer-sns-qqweibo{background-position: -104px -221px}

.footer-sns-qzone{background-position: -156px -221px}

.footer-sns-weibo:hover{background-position: 0 -262px}

.footer-sns-weixin:hover{background-position: -52px -262px}

.footer-sns-qqweibo:hover{background-position: -104px -262px}

.footer-sns-qzone:hover{background-position: -156px -262px}

.footer-sns-weixin i{position: absolute;display: none;width: 176px;height: 210px; z-index:999;background: url(../images/idx-btm.png) no-repeat 0 0;left:-72px;bottom:40px}

.footer-sns-weixin:hover i{display: block}

.footer-link{padding: 25px 0;text-align: center;border-bottom: 1px solid #da251c}

.footer-link a{margin: 0 10px;color: #333; font-size:14px}

.footer-link a:hover{color: #da251c}

.footer-copyright{padding: 20px 0 25px;text-align: center;color: #333}

/*Public Css*/

.page-menu{background:#fafafa;border-bottom: 2px solid #0000\0/;box-shadow: 0 1px 3px #bbb;line-height:32px;min-height:34px;}

.location{text-align:right}

.category{position:relative;z-index:1;}

.category li{float:left; margin-right:20px; text-align:center;}

.category li.back{border-bottom:2px solid #da251c;height:30px;z-index:8;position:absolute; list-style:none}

.category li a{z-index:10;display:block; padding:0 10px;position:relative}

.category li.current a{color:#da251c;border-bottom:2px solid #da251c;}

.category li a:hover{color:#da251c;border-bottom:2px solid #da251c;}

.m-category{display:none}

/*support*/

.support{ position: fixed; top:200px; right:0; width:50px; height:203px; z-index:9999}

.support li{height:50px;position:absolute; left:0;}

.support li img{float:left; margin:12px 12px 14px 14px;display:block}

.support li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#da251c;  border-radius:6px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.support li a:hover{ background-color:#008dc6}

.support li.support_tel{width:172px}

.support li.support_wx{width:62px}

.support li.support_qq,.support li.support_wb{width:172px}

.support li.support_tel,.support li.support_qq,.support li.support_wb{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.support li.support_qq{top:52px}

.support li.support_wb{top:104px}

.support li.support_tel:hover{left:-100px}

.support li.support_qq:hover,.support li.support_wb:hover{left:-70px}

.support li.support_wx{top:104px}

.support li.support_wx i{position:absolute;width:188px; height:188px; left:-208px; top:-136px;background:url(../images/resund.jpg) no-repeat;display: none}

.support li.support_wx:hover i{display: block}

/*To top*/

#toTop {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 120px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}

#toTop:hover{background-position:center -42px}

#toTop:active, #toTop:focus {outline:none}

/*Page Css*/

article h1{float: none}

/*About*/

.about_banner,.news_banner {position:relative}

.about_banner .grid_9,.news_banner .grid_9{float:none; margin:0 auto}

.about_banner .row,.news_banner .row{position:absolute; z-index:1; bottom:30%}

.about_banner .grid_2{margin-left:40px}

.about_banner .grid_2 a,.news_banner .grid_3 a{display:block; font-size:18px; line-height:48px;color:#fff;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.news_banner .grid_3 a{font-size:22px; line-height:88px; opacity:0.8}

.about_banner .grid_2 a:hover,.news_banner .grid_3 a:hover{background:#4c4c4c}

.history{min-height:220px}

.history ul{height:52px}

.history ol{display:none}

.history li{display: inline-block;position:relative}

.history li a{display:inline-block; margin-top:-10px;width:80px; height:80px;line-height:80px; padding:5px;color:#fff;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;;border-radius:50%;overflow:hidden}

.history li a span{font-size:14px}

.history li.curr a{margin-top:-10px;width:80px; height:80px;line-height:80px; padding:5px;background:#fff; overflow:hidden; color:#00c1ee; display:inline-block; border-radius:50%}

.history li a:hover{background:#fff;color:#00c1ee}

.history li a:hover span,.history li.curr a span{font-size:22px}

.history p{display: block; min-width:240px; position:absolute; z-index:1; text-align:left; color:#fff; line-height:22px; padding:20px;margin-top:26px;background:#007285;border-radius:10px}

.history p i{display: block;width:26px; height:16px;background: url(../images/history_hover.png) no-repeat; margin-top:-36px; padding-bottom:20px; margin-left:10px}

.history .r_0 i{display: block; float:right;width:26px; height:16px;background: url(../images/history_hover.png) no-repeat; margin-top:-36px; padding-bottom:20px; margin-right:10px}

.super h3{margin:0 auto;width:140px; height:140px; line-height:140px; text-align:center; border:5px solid #fff;border-radius:50%; margin-top: -60px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.super p{padding:20px}

.turn{-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275)}

.super h3:hover{border:5px solid #ccc; background:#939393;width:135px; height:135px;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

/*team*/

.team{width:100%; height:600px;background:url(../images/team_bg.jpg) no-repeat center;}

.team .container{position:relative}

.team_ask{margin:0 auto;max-width:600px;height:120px;overflow:hidden; padding-top:178px; text-align:center;}

.team_list{ margin:0 auto; width:80%; overflow:hidden}

.team_l,.team_r{position:absolute; top:380px; z-index:10; width:40px; height:78px; display:block;}

.team_l{ background:url(../images/team_L.png) no-repeat; left:0;}

.team_r{ background:url(../images/team_r.png) no-repeat; right:0;}

.team_list li{float:left; width:130px;margin:0 5px; height:255px; display:inline; cursor:pointer; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, margin 0.5s ease 0.01s; }

.team_list li img{ margin-left:25px; margin-top:76px; width:80px; height:80px; opacity:0.5; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, opacity 0.5s ease 0.01s,margin-top 0.5s ease 0.01s,margin-left 0.5s ease 0.01s,background 0.02s ease 0.01s}

.team_list li img,.team_list li span{ display:block;}

.team_job{ color:#ddd; height:24px; padding-top:8px; text-align:center;}

.team_list li.team_on,.team_list li:hover{ width:220px; height:220px; margin:0 18px;}

.team_list li.team_on img,.team_list li:hover img{ width:220px; height:220px; padding:7px; background:rgba(0,0,0,0.1); border-radius:50%; margin-top:0; margin-left:0; opacity:1;}

.team_list li:hover span,.team_list li.team_on span{ color:#FFF; font-size:18px; padding-top:12px;}

/*Web Css*/

.about_banner,.web_banner{position:relative; z-index:-1; font-size:32px}

.web_banner strong{font-size:180%; vertical-align:bottom; font-style:italic; margin-right:5px}

.banner_img{position: absolute; bottom:-10%; right:0; z-index:1; width:70%}

.banner_text_1,.banner_text_2,.banner_text_3,.banner_text_4{position: absolute; bottom:60%; left:10%; z-index:2;}

.banner_text_2{bottom:45%; margin-left:15%}

.banner_text_3{bottom:40%; left:20%; }

.banner_text_4{bottom:10%}

.banner_text_4 .text_bg{ padding:8px 10px; background:#f73100}

.site_type h3{font-size:32px}

.site_type p{font-size:20px; line-height:32px}

.site_type .grid_4{float:left; margin-top:80px}

.b1,.b2,.b3{display:inline-block; width:180px; height:55px; line-height:50px;margin: 18px 0 36px; font-size: 22px;text-transform:uppercase; background:#fff;position:relative;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}

.b1:hover{background:#ffa000; color:#fff}

.b2:hover{background:#ff6915; color:#fff}

.b3:hover{background:#008dc6; color:#fff}

.b1:after,.b2:after,.b3:after {content:"";display:block;height:84px;left:8px;position:absolute;top:6px;width:270px;background:url(../images/botton_bg.png) no-repeat; background-size: auto}

.b2:after {background-position:0 -84px}

.b3:after {background-position:0 -168px}

.cont_01{background:url(../images/cont_01.png) no-repeat bottom center;}

.page_1 .grid_8,.page_1 .grid_5{float:none; margin:0 auto}

.our_team{background:url(../images/our_team.jpg) no-repeat top center; overflow:hidden}

.client li{overflow:hidden}

.client p{padding:15px; border-radius:10px; width:62%}

.client span{background:url(../images/cont_03.png) no-repeat 0 30px;width:20%; padding-left:60px; overflow:hidden}

.client img{border-radius:50px; padding:10px}

.web_feature .blue{margin-right:10px;}

.web_grounds i{margin:0 auto;width:130px; height:80px;background:url(../images/icon-1.jpg) no-repeat; display:block}

.web_grounds i.i1{background:url(../images/icon-1.jpg) no-repeat 0 -80px}

.web_grounds i.i2{background:url(../images/icon-1.jpg) no-repeat 0 -160px}

.web_grounds i.i3{background:url(../images/icon-1.jpg) no-repeat 0 -240px}

.web_grounds i.i4{background:url(../images/icon-1.jpg) no-repeat 0 -320px}

.web_grounds i.i5{background:url(../images/icon-1.jpg) no-repeat 0 -400px}

.web_grounds i.i6{background:url(../images/icon-1.jpg) no-repeat 0 -480px}

.web_grounds i.i7{background:url(../images/icon-1.jpg) no-repeat 0 -560px}

.web_grounds i.i8{background:url(../images/icon-1.jpg) no-repeat 0 -640px}

.web_way li{float:left;width:190px; height:126px; line-height:126px; margin-bottom:5px; background:#4c4c4c; margin-left:5px; font-size:18px}

/*Contact Css*/

#form1 {padding:0px 0 3px 0;}

#form1 .success {width:246px; margin-bottom:20px; }

#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}

#form1 input {width:274px;}

#form1 textarea {overflow:auto; width:274px; height:161px;resize:none; float:left; margin: 0 0 0 0;}	

#form1 label {display:block; min-height:43px; overflow:hidden;}	

#form1 label.message { display:block; padding-bottom:0; }

#form1 .error, #form1 .empty, #form1 .success {display:none;}	

#form1 .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}

#form1 span{ display:block; margin: 0px 0 0 5px;}

/*News List Css*/

.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:10px; border-bottom:1px dashed #ccd}

.news_list li a{font-size:18px; display:block}

.news_list li p{ padding-top:5px}

.prnext a{padding:5px 10px; background:#eee; margin-right:5px}

.prnext a:hover{background:#A6A6A6; color:#fff}

.prnext b{padding:5px 10px;background:#A6A6A6; color:#fff; margin-right:5px}

.write{padding-bottom:5px;border-bottom:1px solid #eee}

.write span{margin-right:10px}

.prevnext{border-top:3px solid #eee; overflow:hidden}

.prevnext a{margin-left:10px}



.showMorehandle{clear:both;margin:0 auto; width:260px; height:42px; line-height:42px; display:block; text-align:center; border:1px solid #e1e1e1;}

.showMorehandle a{display:block; cursor:pointer;transition: 0.15s;-webkit-transition: 0.15s;-moz-transition: 0.15s;}

.showMorehandle a:hover{background:#f5f5f5; font-size:16px}

/*Aside Css*/

.new-pic img{min-height:100px}

.sort li{float:left; width:110px; background:#28b5d2; margin:5px}

.sort li a{ line-height:32px; color:#fff; font-size:16px; display:block}

.sort li a:hover{background:#4c4c4c}

/* Lists */

.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px;}

.list1 a{line-height: 18px; text-transform:uppercase;display:inline-block;position: relative;}

.list1 li a:before{position: absolute;width: 13px;height: 13px;content: '';top: 2px;left: -23px;background: url(../images/list_marker.png)  no-repeat;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s}

.list1 li a:hover:before{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}



.con a{display:inline-block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;margin-bottom: 15px}



.con a:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}

/*News Read Css*/

.info_text span{margin-right:8px}

.news_text p{margin:5px 0; line-height:180%; color:#000}

.tag a{margin:0 5px;}

#searchform{overflow:hidden;border:1px solid #c2c1c1;background:#fff;width:320px;}

#searchform input{margin:0;font-size:13px; border:none; color:#736c67; padding:7px 0px 0 12px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;float: left;width:265px;}

#searchform a{width:35px;height: 31px; display: block; float: left; background: url('../images/search_a.jpg') no-repeat;}

#searchform a:hover{background-position:0 -31px;}

.inputclass{width:40%}

/* Case */

.case_type li{display:inline-block; margin:0 10px; font-size:16px}

.case_type li.on a{color:#C80000}

.isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s}

.case_read{position:relative}

.case_pic{position:absolute; top:22px; left:24px; width:590px; height:342p; overflow: hidden}

.case_pic img{transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;line-height: 1em}

.case_pic a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}

.grid_6_1 a:hover{ background:#e5e5e5; display:block}

.case_logo img{width:160px}

.case_url a{float:left; margin-left:5px;width:54px; height:54px; line-height:180px;background: url('../images/case_icon.png') no-repeat; display:block; transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;overflow:hidden}

.case_url a.a2{background-position:-60px 0}

.case_url a.a3{background-position:-119px 0}

.case_url a.a4{background-position:-179px 0}

.case_url a:hover{background-position:0 -60px}

.case_url a.a2:hover{background-position:-60px -60px}

.case_url a.a3:hover{background-position:-119px -60px}

.case_url a.a4:hover{background-position:-179px -60px}

/* Contact Css */



.contact p{font-size:14px; color:#333}

#form1 {padding:0px 0 3px 0;}

#form1 .success {width:246px; margin-bottom:20px; }

#form1 textarea, #form1 input {margin:0;font-size:13px; border:1px solid #c2c1c1; color:#736c67; padding:7px 12px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}

#form1 input {width:274px;}

#form1 textarea {overflow:auto; width:274px; height:161px;resize:none; float:left; margin: 0 0 0 0;}

#form1 label {display:block; min-height:43px; overflow:hidden;}	

#form1 label.message { display:block; padding-bottom:0; }

#form1 .error, #form1 .empty, #form1 .success {display:none;}	

#form1 .error, #form1 .empty {text-align:left; color:red; font-size:11px; clear:both;}

#form1 span{ display:block; margin: 0px 0 0 5px;}

/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 1200px) {

.category{ display:none}

.m-category {float:left;height: 30px; margin:0px 0 10px 0;display:block}

.m-category h4 {cursor:pointer; margin-left:5px; padding:3px 5px; border-radius:5px; background:#2d2d2d}

.m-category h4:hover{ background:#217a78}

.m-category h4 img{ width:25px}

.m-category ul{display:none;z-index:99;width:100%;left:0;top:180px;position: absolute;list-style:none;background:#217a78}

.m-category li {border-top:1px solid #fcfcfc}

.m-category li:first-child {border:none}

.m-category li.selected {padding:8px 0 8px 10px;cursor:default}

.m-category li.selected {color:#fc8703;cursor:default}

.m-category li a {display:block;color:#fff;text-decoration:none;font-size:13px;padding:8px 5px 8px 10px;font-weight:bold}

.m-category li a:hover {color:#000000;}

.m-category li.selected span {cursor:default;font-weight:bold}

}

@media (min-width: 980px) and (max-width: 1199px) {

.second_bg{height:524px}

.web_way li{width:150px}

.case_pic{top:17px; left:19px; width:470px}

.aside-t{ padding-left:30px}

}

@media only screen and (max-width: 1199px) {

.banner_img{right:5%; width:50%}

.client p{width:58%}

.banner_text_4 .f36{font-size:26px}

.banner_text_4 .f22{font-size:18px}

.grid_6_1{ width:170px}

.first_cont{ width:640px}

.aside-t{ padding-left:25px}

}



@media (min-width: 768px) and (max-width: 979px) {

h1 img,#logo img{ width:170px}

.sf-menu a {margin:0px 0;padding:10px 12px;border-radius:5px}

.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {padding:12px 12px}

.sf-menu ul {margin:20px 0 0 0px;top:40px}

.partners{display:none}

.about_banner .row{bottom:60px}

.super .grid_4 h3{font-size:22px;width:120px; height:120px; line-height:120px; }

.web_banner{font-size:22px}

.site_type h3{width:100px; height:100px; line-height:100px; margin-top:-60px;font-size:22px}

.site_type p{font-size:16px; line-height:24px}

.b1,.b2,.b3{width:142px; height:46px; line-height:46px;margin: 18px 0 18px; font-size: 18px}

.b1:after,.b2:after,.b3:after {height:60px;left:8px;position:absolute;top:8px;width:200px;background-size:100%}

.b2:after {background-position:0 -66px}.b3:after {background-position:0 -132px}

.site_type h3:hover{width:90px; height:90px;line-height:90px; margin-top:-50px;}

.client span{width:22%}

.client p{width:50%}

.second_bg{height:512px}

.banner_text_3{bottom:30%; left:10%}

.banner_text_4 .f36{font-size:22px}

.banner_text_4 .f22{font-size:16px}

.banner_text_4 .f18{font-size:16px}

.banner_text_4 img{ width:110px}

.web_feature .grid_4 {text-align:center}

.web_feature .grid_4 .l{float:none; margin:0 auto}

.r_web_1 .f32{font-size:26px}

.r_web_1 .f18{font-size:16px}

.w_second .f32{font-size:22px}

.w_second .f16{font-size:14px}

.w_second .lh_26{line-height:22px}

.w_second .m_t20{margin-top:10px}

.web_way li{width:115px; height:100px; line-height:100px; font-size:16px}

.sort li{width:105px}

.case_pic{top:14px; left:15px; width:367px}

.grid_6_1{ width:130px}

.m-category ul{ top:230px}

#form1 input{ width:200px}

#form1 textarea{ width:200px}

}

@media only screen and (max-width: 767px) {

h1 img,#logo img{ width:180px;}

.top{display:none}

nav li{ display:none}

.button1 { font-size:13px; padding:8px 10px}

.data,.month{ width:70px}

.fifth .fifth_bg{background: none; padding-right:0}

#foot {position:fixed;bottom:0;left:0;width:100%;z-index:9;text-align:center; display: block}

.call{margin:0 auto;width:100%;background:#272727;height:80px; padding-top:10px}

.call a{width:50px; height:80px; margin:0 30px;color:#949393;display: inline-block}

.about_banner .grid_9{float:none; width:480px}

.about_banner .row{margin-left:10px;bottom:30px}

.about_banner .grid_2{float:left; width:90px; margin-left:20px}

.about_banner .grid_2 a{font-size:14px; line-height:36px}

.super .grid_4{float:left;margin-bottom:40px;}

.super .grid_4 h3{font-size:26px;width:140px; height:140px; line-height:140px}

.super .f16{font-size:16px}

.web_banner{font-size:16px}

.web_banner .f36{font-size:22px}

.web_banner .f24{font-size:18px}

.site_type h3{width:100px; height:100px; line-height:100px; margin-top:-60px;font-size:22px}

.site_type p{font-size:18px; line-height:32px}

.second_bg{height:590px}

.client span{width:20%}

.client p{width:60%}

.fifth .fifth_bg .r{ float:left}

.fifth .fifth_bg .text_r{text-align:left}

.partners{display:none}

.banner_text_3{bottom:25%; left:10%}

.our_team .f48{font-size:22px}

.our_team .f26{font-size:16px}

.banner_text_4{bottom:20%}

.banner_text_4 .f36{font-size:18px}

.banner_text_4 .f22{font-size:14px}

.banner_text_4 .f18{font-size:14px}

.banner_text_4 img{ width:60px}

.web_grounds .f18{font-size:16px;text-align:left}

.web_feature .row {margin-left:-20px}

.web_feature .grid_4 {float:left; width:220px; margin-left:20px;text-align:center}

.web_feature .grid_4 .l{float:none; margin:0 auto}

.w_first .f32{font-size:22px}

.w_first .f18{font-size:16px}

.w_second .f32{font-size:22px}

.w_second .f16{font-size:14px}

.web_way li{width:145px; height:100px; line-height:100px; font-size:16px}

.news_banner .grid_9{float:none; margin:0 auto; width:480px}

.news_banner .grid_3 {width:130px}

.news_banner .grid_3 a{font-size:18px;line-height:60px}

.news_list,.content {padding-right:0; border-right:0}

.news_list li a{font-size:16px}

.case_pic{top:15px; left:17px; width:425px}

.support{display:none}

.footer-copyright a{position: inherit; display:block}

.fourth{ display:none}

.fifth { padding-top:0px}

.footer-link a{margin: 0 4px 0 4px; font-size:12px}

.first_cont{ width:460px}

.aside-t{ padding-left:0px}

.m_t30 .r{ float:left}

.sideline{ border:none}

h1 img,#logo img{width:120px;}



}

@media only screen and (max-width: 479px) {

h1 img,#logo img{width:100px;}

.tel{ display:none}

.fifth time{display:none}

.fifth h3{ line-height:32px}

.faqbar ul{background: url(../images/faq_num_m.png) no-repeat left 15px}

.second_bg{height:500px}

.block_name .f14{font-size:12px}

.contact_us .grid_3{margin-left:20px}

.contact_us img{display: inline-block}

.contact_us a{height:80px}

.m_r15{margin-right:0}

.call a{margin:0 10px}

.page_banner img{min-width:300px}

.about_banner .grid_9{width:320px}

.about_banner .row{margin-left:0;bottom:20px}

.about_banner .grid_2{float:left; width:130px; margin-bottom:10px}

.about_banner .grid_2 a{font-size:14px; line-height:36px}

.web_banner{font-size:13px}

.web_banner .page_banner img{min-height:140px}

.banner_text_1{position: absolute; bottom:60%; left:5%; z-index:2;}

.web_banner strong{font-size:140%}

.banner_img{right:5%; width:60%}

.web_banner .f36{font-size:18px}

.web_banner .f24{font-size:13px}

.web_banner .f18{font-size:14px}

.history ul{display:none}

.history ol{display:block}

.history ol li{color:#fff; padding:8px 0; border-bottom:1px solid #ddd}

.super .grid_4 h3{font-size:18px}

.site_type .grid_4 h3{font-size:22px}

.site_type .grid_4 p{font-size:16px; margin-right:0}

.client span{width:25%;padding-left:50px; }

.client p{width:46%}

.our_team .f48{font-size:18px}

.our_team .f26{font-size:14px}

.marketing_1 h2.f32{text-align:left}

.marketing_1 .f18{font-size:16px; text-align:left}

.web_feature .row {margin-left:0px}

.web_feature .grid_4 {float:none; width:100%; margin-left:0}

.web_feature .grid_4 .l{float:none; margin:0 auto}

.banner_text_4 .f36{font-size:14px}

.banner_text_4 .f22{font-size:9px}

.banner_text_4 .f18{font-size:9px}

.banner_text_4 img{ width:40px}

.banner_text_4{bottom:5%}

.r_web_1 .f18{font-size:14px}

.web_way li{width:150px}

.news_banner .grid_9{float:none; margin:0 auto; width:320px}

.news_banner .grid_3 {float:left;width:90px; margin-left:10px}

.news_banner .grid_3 a{font-size:16px;line-height:40px}

.case_pic{top:11px; left:12px; width:295px}

.footer-link a{margin: 0 15px 0 15px; font-size:12px}

.first_cont{ width:280px}

.m-category ul{ top:120px}

.sideline{ padding-right:0px}

#form1 input{ width:300px}

#form1 textarea{ width:300px}

}