/* ==========================================================================
   header
========================================================================== */
html,body{ min-width: 1360px; }
.mainColor{ color: #cb251c; }
.maxWidth{ max-width: 1262px; }

/*header*/
.header_main{ width:100%; height: 114px; border-bottom: 1px solid #e5e5e5; }
.header{ position: relative; width:1262px; height: 114px; margin:0 auto;  }
.header .logo{ position: absolute; top: 42px; left: 0; z-index: 1;  }
.nav_list_main{ margin:0 auto; width: 100%; text-align: center; }
.nav_list_main ul{ font-size: 0; }
.nav_list_main li{ display: inline-block; *display: inline; *zoom:1; font-size: 14px; line-height: 20px;  }
.nav_list_main .nav_first{ display: block; color: #333;   margin: 0 42px;   }
.nav_list_main .nav_first .nav_first_item{ display: block; padding: 53px 0 41px; position: relative; }
.nav_first  .nav_first_item  i{
	position: absolute; bottom: -1px ; display: block; left: 50%; right: 50%; height: 2px; background-color: #cb251c;
	-webkit-transition-property: left, right; 
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.nav_list_main li .nav_first:hover{ color: #000; }
.nav_list_main li .nav_first:hover i{ left: 0; right: 0;  }
.nav_list_main li.navNow .nav_first{ color: #000; }
.nav_list_main li.navNow .nav_first i{ left: 0; right: 0; }
.language{ position: absolute; top: 53px; right: 0;  }
.language a{ position: relative; display: inline-block; *display: inline; *zoom:1; line-height: 20px; font-size: 14px; color: #333; padding-left: 30px;   }
.language a i{ display: block; position: absolute; top: 0; left: 0; width: 11px; height: 20px; background: url(../images/icon/down_arrow.png) 0 0 no-repeat; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.language a:hover{ color: #cb251c; }
.language a:hover i{ transform:rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); }

/*footer*/
.footer_main{}
.footer_top{ background-color: #f1f1f1; }
.footer_top_list{ border-bottom: 1px solid #fff; }
.footer_top_list ul{ width: 1262px; margin:0 auto; font-size: 0; }
.footer_top_list ul li{ display: inline-block; *display: inline; *zoom:1;  }
.footer_top_list ul li a{ font-size: 13px; line-height: 60px;  color: #808080; margin-right: 60px; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s; }
.footer_top_list ul li a:hover{ color: #cb251c; }

.footer_top_info{ width: 1262px; margin:0 auto; padding: 36px 0; font-size: 13px; color: #808080; line-height: 23px; clear: both; overflow: hidden; }
.footer_top_info dl{ float: left; }
.footer_top_info_address{ width: 465px; margin:15px 20px 0 0; }
.footer_top_info_cont{ width: 345px; margin:38px 20px 0 0; }
.mar-l{ margin-left: 32px; }

.footer_bottom{ background-color: #4f4f4f; }
.footer_bottom_main{ width: 1262px; margin:0 auto; }
.footer_bottom_main p{ color: #939393; line-height: 60px; font-size: 12px; }
.footer_bottom_main p a{ color: #939393; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.footer_bottom_main p a:hover{ color: #0cc; }

.content_main{ margin-top: 12px; }
.gotop{ display: none; width: 11px; height: 122px; position: fixed; bottom: 150px; right: 48px; cursor: pointer; z-index: 999; }
.leftFloat{ float: left; }
.rightFloat{ float: right; }





/* ==========================================================================
   page
========================================================================== */

.page_banner{ position: relative; width: 100%; height: 320px; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1;  }
.secondNav_wrapper{ position: relative; margin:-30px auto 0; width: 100%; height: 60px; z-index: 2; }
.secondNav_wrapper li{ position: relative; float: left; width: 238px; height:58px;  margin-left: -1px; border:1px solid #eaeaea;   background-color: #fff; transition: 0.4s;-webkit-transition:0.4s; -moz-transform:0.4s; -o-transition:0.4s;  }
.secondNav_wrapper li .secondNav_item{ display: block; text-align: center; line-height: 58px; font-size: 13px; color: #666; }
.secondNav_wrapper li:hover{ background-color: #cb251c; border-color: #cb251c; }
.secondNav_wrapper li:hover .secondNav_item{  color: #fff;  }
.thirdNav_wrapper{ display: none; position: absolute; top: 58px; left: -1px; border-top: 1px solid #d14c45;  width: 100%; border-left: 1px solid #cb251c; border-right: 1px solid #cb251c; }
.thirdNav_wrapper .thirdNav_item{ display: block; line-height: 36px; border-bottom: 1px solid #d14c45; color: #ebbdbb; text-align: center; background-color: #cb251c; transition: 0.3s;-webkit-transition:0.3s; -moz-transform:0.3s; -o-transition:0.3s;  }
.thirdNav_wrapper .thirdNav_item:hover{ color: #fff;  border-bottom: 1px solid #e4c3c1; }
.navCol_2{ width: 479px; height: 60px;  }
.navCol_3{ width: 658px; height: 60px;  }
.navCol_3 li{ width: 218px; }
.navCol_4{ width: 957px; height: 60px;  }
.navCol_5{ width: 1200px; /*width: 1196px;*/ height: 60px;  }
.navCol_5 ul{ top: 0; }
.navCol_6{ width: 1315px; height: 60px;  }
.navCol_6 li{ width: 218px; }
.navCol_6 .thirdNav_wrapper{ border-right: 0; }
.navCol_6 .thirdNav_wrapper.border-1{ border-right: 1px solid #cb251c; }
.secondNav_wrapper .secondNavNow { background-color: #cb251c; border-color: #cb251c;  }
.secondNav_wrapper .secondNavNow .secondNav_item{  color: #fff;    }
.thirdNav_wrapper .thirdNav_item.thirdNavNow{ color: #fff; }

.page_wrapper{ padding-top: 90px; }
.contentMiddle{ width: 1262px; margin:0 auto; }
.opacity0{ opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.greyBg{ background-color: #f8f8f8;  }
.whiteBg{ background-color: #fff;  }
.page_title{ text-align: center; }
.page_title h2{  color: #333; font-size: 27px;  }
.page_title span{ display: inline-block; *display: inline; *zoom:1; width: 37px; height: 2px; margin-top: 20px; background-color: #ca241b; }

.animated {
	-webkit-animation-duration:1000ms;
	animation-duration:1000ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
/* ==========================================================================
   index
========================================================================== */

.banner_txt{ position:absolute; top: 20%; left: 50%; margin-left: -33%; color: #fff; font-size: 20px; }
.banner_txt p{ color: #000; font-size:32px; line-height:52px; }
.banner_txt a{ display:block; margin-top:10px; width: 110px; height: 30px; background-image:url(../images/readmore.png); background-position: center center; background-repeat:no-repeat; border-radius:5px; background-color: #cb251c; color:#fff; text-align: center; font-size: 12px; line-height: 30px; }
.banner_txt a:hover{ background-color: #a90900; }

.banner_txt2{ position:absolute; top: 28%; left: 50%; font-size:20px; }

.banner_txt2 h3{ font-size:32px; color: #000; font-weight:normal; line-height:48px; }
.banner_txt2 p{ font-size:29px; line-height:48px; }

.index_banner{ position: relative; min-width: 1262px; z-index: 1; }
.rslides{ min-width: 1262px;  }
.rslides li{ width: 100%;  position:absolute }
.rslides li a { color: #000; }
.rslides li img{ width: 100%; }

.index_tabs{ position:absolute; bottom: 90px; left:0; width: 100%; height: 12px; text-align: center; z-index: 99; font-size: 0; }
.index_tabs li{ display: inline-block; *display: inline; *zoom: 1; margin: 0 5px;  }
.index_tabs li a{ display: block; width: 12px; height: 12px; background-color: #fff; border-radius: 100%; text-indent: -999px; }
.index_tabs li.index_here a{ background-color: #d70000; }

.roll_news{ position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; z-index: 2; }
.roll_news_bg{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background-color: #d70000; opacity: 0.85; filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";  }
.roll_news_main{ position: absolute; top: 0; left: 50%; margin-left: -631px; width: 1262px; height: 80px; }
.roll_news_left{ float: left; font-size: 18px; line-height: 80px; color: #fff; padding-left: 52px; background:url(../images/icon/index_news_ball.png) 10px center no-repeat; }
.roll_news_left_line{ float: left; width: 1px; height: 28px; margin:26px 55px 26px 25px; background-color: #fff; }
.roll_news_wrapper{ position: relative; float: left; width: 950px; height: 24px; padding: 28px 0; line-height: 24px; font-size: 14px; }
.roll_news_box{  width: 950px; height: 24px; overflow: hidden;  }
.roll_news_wrapper li{ position: relative; padding-right: 120px;   }
.roll_news_wrapper li a{ color: #fff; }
.roll_news_wrapper li .news_time{ display: block; position: absolute; right: 0; top: 0px;  }

.roll_news_control{ position: absolute; top: 24px; right: -85px; width: 11px; height: 32px; }
.roll_news_control span{ display: block; width: 11px; height: 16px; cursor: pointer; opacity: 0.7;  filter: alpha(opacity=70); background-image: url(../images/icon/index_news_updown.png); background-repeat: no-repeat; }
.roll_news_control #news_up{ background-position: 0 0;  }
.roll_news_control #news_down{ background-position: 0 -16px; }
.roll_news_control span:hover{ opacity: 1;  filter: alpha(opacity=70); }

.index_grid_main{}
.index_grid{  margin:104px auto 56px; width: 1262px; overflow: hidden;  }
.index_grid ul{ width: 1310px; }
.index_grid li{ width: 388px; float: left; margin:0 48px 48px 0; background-color: #f1f1f1; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.index_grid_txt{ padding: 32px  28px; color: #000; }
.index_grid_txt h2{ font-weight: normal; font-size: 24px; padding-bottom: 12px;  }
.index_grid_txt p{ color:#525252; line-height: 20px; height: 40px; }
.index_grid li:hover{ background-color: #cb251c; }
.index_grid li:hover .index_grid_txt{ color: #fff; }
.index_grid li:hover .index_grid_txt p{ color: #fff; }


/* ==========================================================================
   about
========================================================================== */

.about_aboutUs{ padding-bottom: 85px; }
.about_title{ padding: 0 100px; }
.about1_main_right{  width: 850px; margin:0 62px 0 72px ; }

.about_aboutUs_list{ padding: 30px 55px; background-color: #f1f1f1; }
.about_aboutUs_list li{ width: 50%; float:left; list-style: disc; line-height: 24px; color: #3d3d3d; font-size: 13px; }
.about_aboutUs_txt{ padding: 25px 0 ; font-size: 13px; color: #666; line-height: 24px; }

.about_img{ width: 100%; height: 255px; background-repeat: no-repeat; background-position:  center center; background-color: #f1f1f1;  }

.about_client{ padding: 85px 0; margin-top:20px; border-top: 1px solid #ebebeb; }
.about_client_txt{ padding-bottom: 25px; border-bottom: 1px solid #ebebeb; }
.about_client_txt dt{ color: #333; font-size: 18px; font-weight: bold; }
.about_client_txt dd{ color: #666; font-size: 13px; line-height: 24px; margin-bottom: 28px; }
.about_client_logo{ padding: 45px 0 25px; }

.about_creative{ width: 100%; height: 700px; background:url(../images/about_creative.jpg) center center no-repeat; background-size: cover; }
.about_creative .contentMiddle{  padding: 130px 0;   }
.about_creative_txt{ color: #666; font-size: 13px; line-height: 24px;  }
.about_creative_txt_top{ padding-bottom: 50px; border-bottom: 1px solid #e9e9e9; clear: both; overflow: hidden; }
.about_creative_txt_left{ float: left; }
.about_creative_txt_left b{ font-size: 16px; color: #333;  }
.about_creative_txt_right{float: right; }
.about_creative_txt_bottom{  padding-top: 60px; clear: both; overflow: hidden;   }
.about_creative_txt_bottom .about_creative_txt_left{ line-height: 30px; }

.news_wrapper_grid{ padding-bottom: 80px; }
.news_wrapper{  margin:60px auto 30px; width: 1262px; overflow: hidden;  }
.news_wrapper ul{ width: 1314px; }
.news_wrapper li{ width: 388px; height:449px; float: left; margin:0 50px 50px 0; background-color: #f8f8f8; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.news_grid_txt{ padding: 30px 35px;  min-height:193px; }
.news_grid_txt h1{ min-height: 56px; padding-bottom: 15px; font-size: 17px; left: 28px; line-height: 28px; font-weight: normal; color: #000;  transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s; }
.news_grid_txt p{ min-height: 63px; color: #525252; padding-bottom: 15px; line-height: 21px;  transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s; }
.news_grid_txt span{ color: #999; }
.news_wrapper li:hover{ background-color: #cb251c; }
.news_wrapper li:hover .news_grid_txt h1{ color: #fff; }
.news_wrapper li:hover .news_grid_txt p{ color: #f0cfce; }
.news_wrapper li:hover .news_grid_txt span{ color: #f0cfce; }

.clickMore{}
.clickMore p{ margin:0 auto; width: 388px; height: 60px; border:1px solid #f1f1f1; line-height: 60px; color: #666; font-size: 13px; text-align: center; cursor: pointer; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.clickMore p:hover{ color: #fff; background-color: #cb251c; }

.article_wrapper{}
.article_main{}
.article_top{ position: relative; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #efefef; }
.article_top h1{ font-size: 24px; color: #000; font-weight: normal; padding-bottom: 18px; }
.article_top p{ color: #999; font-family: "Arial"; }
.article_top .show_close{ display: block; position: absolute; top: -22px; right: 0; width: 22px; height: 22px; background: url(../images/close.png) center center no-repeat; transition: 0.8s;-webkit-transition:0.8s; -moz-transform:0.8s; -o-transition:0.8s;  }
.article_top .show_close:hover{ transform:rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);   }
.atricle_txt{ padding: 28px 0 58px; color: #666; font-size: 13px; line-height: 24px; }

.pro_share{ padding: 38px 0 25px; border-top: 1px solid #efefef;  }
.jiathis_style{  padding:15px 0; }
.jiathis_style div{ float:left; margin:0 15px 0 0;  }
.jiathis_style p{  float:left; color: #000; margin:0 15px 0 0; }

.pn_page{   margin:10px 0 0px; *margin:10px 0 0px; padding:15px 0 0; font-size:14px; }
.pn_page a{ display: inline-block; *display: inline; *zoom:1; color:#808080; padding:3px 0 3px 0px ; position:relative; }
.pn_page a span{  position:absolute; top:3px; ; left:0;  }
.pn_page a:hover{ color:#6d6d6d; text-decoration: underline; }

.relate_news{ padding: 30px 0 50px; }
.relate_news .title{ color: #333; font-size: 18px; font-weight: bold; padding-bottom: 25px;  }
.relate_news .news_wrapper{ margin:0; }


/* ==========================================================================
   product
========================================================================== */

.product_main{  margin:60px auto 120px; width: 1024px; overflow: hidden;   }
.product_main ul{ width: 1044px; }
.product_main li{ position: relative; float: left; width: 328px; margin:20px 20px 0 0; overflow: hidden; }
.product_main li a{ display: block;  color: #fff; cursor: pointer;  }
.product_main li .img img{ -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out;}
.product_main li .info{ position: absolute; top: 100%; left: 0; right: 0; width: 100%; height: 100%; background-color: #cb251c; transition:top 0.5s;-webkit-transition:top 0.5s; -moz-transform:top 0.5s; -o-transition:top 0.5s; }
.product_main li .info h2{ opacity: 0; position: absolute; left: 25px; bottom: 236px; transform: translateY(50px); width: 278px; font-size: 20px; line-height: 24px; text-align: center;  transition: 0.6s 0.1s;-webkit-transition:0.6s 0.1s; -moz-transform:0.6s 0.1s; -o-transition:0.6s 0.1s;  }
.product_main li .info p{ opacity: 0; position: absolute; left: 25px; top: 118px;  transform: translateY(50px); width: 278px; padding-top: 18px; border-top: 1px dashed #da6660; font-size: 13px; line-height: 24px;   transition: 0.6s 0.2s;-webkit-transition:0.6s 0.2s; -moz-transform:0.6s 0.2s; -o-transition:0.6s 0.2s;  }
.product_main li .info span{ position: absolute; left: 50%; bottom: 50px; margin-left: -51px; display: block; width: 103px; height: 26px; line-height: 26px; text-align: center; color: #fff; border: 1px solid #fff; transition: 0.4s;-webkit-transition:0.4s; -moz-transform:0.4s; -o-transition:0.4s;  }
.product_main li .info span:hover{ background-color: #fff; color: #cb251c; }
.product_main li:hover .info{ top: 0; }
.product_main li:hover .info h2{ opacity: 1;  transform: translateY(0); }
.product_main li:hover .info p{ opacity: 1;  transform: translateY(0); }
.product_main li:hover .img img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);   }

/*article show*/
.product_show_main{ width: 1262px; margin:0 auto; }
.pro_nav{ width: 314px; min-height: 52px; }
.pro_nav_main{ position: relative; width: 314px; } 
.pro_nav_txt{ overflow: hidden; }

.product_show_main{ padding: 60px 0 100px; }
.pro_nav_pos{ top: 0; }
.pro_nav_pos li{ width: 314px; height: 53px;   }
.pro_nav_pos li a{ position: relative; width: 314px; height: 52px; text-align: center; font-size: 14px; line-height: 52px;   display: block; color: #444; border-bottom: 1px solid #e8e8e8;    }
.pro_nav_pos li a:after{  content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 52px; background-color: #cb251c; z-index: -1; transition:width 0.5s;-webkit-transition:width 0.5s; -moz-transform:width 0.5s; -o-transition:width 0.5s;}
.pro_nav_pos li.current a{ color: #fff; line-height: 52px;  }
.pro_nav_pos li.current a:after{  width: 100%; } 
.pro_nav_pos li:hover a{  color: #fff; line-height: 52px; }
.pro_nav_pos li:hover a:after{ width: 100%; }

.pro_nav_detail{ overflow: hidden; padding: 0 0 0 105px; color: #666; font-size: 13px; line-height: 24px;  }



/* ==========================================================================
   solution
========================================================================== */

.solution_wrapper{}
.solution_wrapper .contentMiddle{ width: 1268px; }

.solution_main{ margin:90px 0; }
.solution_main_nav{}
.solution_main_nav li{ float: left; margin:0 2px 0 0; width: 315px; height: 300px; background-color: #e9e9e9; cursor: pointer; transition: 0.3s;-webkit-transition:0.3s; -moz-transform:0.3s; -o-transition:0.3s;   }
.solution_main_nav li p{ position: relative; width: 315px; height: 300px; background-repeat: no-repeat; background-position: 0 0; }
.solution_main_nav li p .trangle{ display: block; position: absolute; left: 50%; bottom: -16px; margin-left: -7px; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 0px solid #cb251c;  }
/*.solution_main_nav li#solu_wifi p{ background-image: url(../images/icon/solute1.png); }
.solution_main_nav li#solu_tran p{ background-image: url(../images/icon/solute2.png); }
.solution_main_nav li#solu_bus p{ background-image: url(../images/icon/solute3.png); }
.solution_main_nav li#solu_city p{ background-image: url(../images/icon/solute4.png); }*/
.solution_main_nav li.soluCur{ background-color: #cb251c; }
.solution_main_nav li.soluCur p{ background-position: 0 -300px; }
.solution_main_nav li.soluCur p .trangle{ border-top-width: 16px; }

.solution_main_nav li:hover{ background-color: #cb251c; }
.solution_main_nav li:hover p{ background-position: 0 -300px; }

.solution_txt_wrapper{ margin-top: 90px; width: 1268px; overflow: hidden;  }
.solution_txt_box{ width: 5072px; }
.tabCon{ width: 1268px; float: left; min-height: 400px; }
.tabs_left{ width: 314px; min-height: 52px; }
.tabs_left .tabs_left_ul{  border-top: 1px solid #e8e8e8; }
.tabs_left li{  width: 314px; height: 53px; line-height: 53px; text-align: center; color: #333; font-size: 16px; border-bottom: 1px solid #e8e8e8; cursor: pointer;   }
.tabs_left li.tabsCur{ background-color: #cb251c; color: #fff; }
.tabs_left li:hover{  background-color: #cb251c; color: #fff; }
.tabs_right{ overflow: hidden; padding: 0 0 0 105px; color: #666; font-size: 13px; line-height: 24px;  }
.tabs_right .tabs_txtItem{ display: none;  padding: 45px 0 60px;  border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; font-size: 13px; color: #666; line-height: 24px;  }

.theme-popover{ z-index:9999; position:fixed; top: 0; left: 0; width: 100%; height: 100%;  display:none; background:none;}
.closex{ position: absolute; top: 30px; right: 30px; width: 22px; height: 22px; padding: 20px; cursor: pointer; z-index: 9999;  }
.closex img{ transition: 0.6s;-webkit-transition:0.6s; -moz-transform:0.6s; -o-transition:0.6s;   }
.closex:hover img{  transform:rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);  }
.videoM{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.solution_case{  }
.solution_case .contentMiddle{ padding: 100px 0;  }

.case_grid{ width: 1262px; margin-top: 60px; overflow: hidden; }
.case_grid ul{ width: 1275px; }
.case_grid li{ float: left; width: 405px;  margin:0 20px 20px 0; background-color: #fff; cursor: pointer; transition: 0.3s;-webkit-transition:0.3s; -moz-transform:0.3s; -o-transition:0.3s;  }
.case_grid li a{ display: block; }
.case_grid li a .img{ width: 405px; height: 242px; }
.case_grid li a img{ display: block; }
.case_grid li .title{ display: table; width: 405px; height: 80px; font-size: 13px; color: #666; text-align: center; }
.case_grid li .title p{  text-align: center; vertical-align: middle; display: table-cell; *line-height: 40px; }
.case_grid li:hover{ background-color: #cb251c; cursor:default; }
.case_grid li:hover .title{ color:#fff; }
 

/*solution case*/
.case_main{}
.case_main .contentMiddle{ padding: 0 0 100px; }
.case_main .contentMiddle .case_grid{ margin-top: 90px; }


/* ==========================================================================
   service
========================================================================== */

.server_topBox{}
.server_topBox ul{ width: 1120px; margin:0 auto; }
.server_topBox li{ position: relative; width: 280px; height: 256px; float: left; background-color: #eee; }
.server_topBox li .ser_title{ position: absolute; left: 30px; bottom: 156px; width: 220px; color: #333; font-size: 16px; text-align: center; }
.server_topBox li .ser_txt{ position: absolute; left: 30px; top: 118px; width: 220px;  color: #666; font-size: 13px; line-height: 24px; text-align: center; }

.service_net{ padding:140px 0 100px;  }
.service_map{}
.map_bg{ position: relative; width: 1260px; margin:0 auto; padding: 90px 0 130px; }
.original_map{}
.map_detail{ position: absolute; top: 165px; right: 265px; width: 744px; opacity: 0; }
.provinces{ position: relative; width: 744px; height: 614px; background: url(../images/map_bule.png) center center no-repeat; transition: 1s;-webkit-transition:1s; -moz-transform:1s; -o-transition:1s; -ms-transition:1s; transform:scale(0.6); -ms-transform:scale(0.6);  -moz-transform:scale(0.6); -webkit-transform:scale(0.6);  -o-transform:scale(0.6);  }
.provinces li{ position: absolute; width: 25px; height: 30px; background: url(../images/redflag.png) center center no-repeat; color: #666; font-size: 13px; cursor: pointer; }
.provinces li p{ position: absolute; top: 34px; left: -10px; width: 48px; }
.provinces li#hainan{ position: absolute; width: 25px; height: 30px; background: url(../images/redflag.png) center center no-repeat; color: #666; font-size: 13px; cursor: pointer; }
.provinces li:hover{ opacity: 0.6;  filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.provinces li.mapOpen{ opacity: 0.6;  filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
.provinces.scaleBig{ transform:scale(1); -ms-transform:scale(1);  -moz-transform:scale(1); -webkit-transform:scale(1);  -o-transform:scale(1);  }

#xinjiang p{ left: -30px; }
#neimenggu p{ left: -18px; }
#heilongjiang p{ left: -18px; }
#jilin p{ left: -30px ; top: 0; }
#beijing p{ left: -30px; top: 14px; }
#shanghai p{ top: 15px; left: 15px; }
#tianjin p{ left: 10px; top: 14px; }
#zhejiang p{ top: 24px; left: 13px; }
#chongqing p{ top: 20px; left: -28px; }
#shangxi p{ top: 28px; left: 5px; }
#gansu p{ top: 28px; left: 5px; }
#fujian p{ top: 24px; left: 13px; }
#hainan p{ top: 23px; left: 15px;  }
#jiangsu p{ top: 20px; left: 15px;  }

.provinces_info{ position: absolute; top: 440px; left: -60px; width: 305px; padding: 15px 20px; border: 2px solid #efefef; }
.provinces_trangle{ position: absolute; top: 32px; right: -14px; width: 15px; height: 19px; background: url(../images/white_trangle.png) center center no-repeat; }
.city_info{}
.city_info h5{ font-weight: normal; color: #333; font-size: 18px; line-height: 32px;  }
.city_info p{ color: #666; font-size: 13px; line-height: 24px;   }

/*contact*/
.contact_main{ width: 1260px; margin:0 auto; }
.map_address_main{ margin: 80px 0 150px; }
.address_part{ width: 1260px; margin-top: 50px;  }
.width630{ width: 630px; }
.address_part .map{ height: 403px; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);filter: gray;  }
.address_box_top{ padding: 50px 50px 30px; width: 530px; height: 323px;  background-color: #f8f8f8;  }
.address_box_down{ padding: 120px 50px 80px; width: 530px; height: 203px;  background-color: #f8f8f8; }
.address_list{}
.address_list li{ position: relative; padding: 0 0 18px 40px; }
.address_list li i{ position: absolute; top: 0; left: 0; }
.address_list li p{ font-size: 14px; line-height: 24px; }
.address_list li .title{ padding-top: 3px; color: #666; font-weight: bold; font-family: "Arial";  }
.address_list li .address_info{ font-size: 13px; color: #8a8a8a; }
i.icon_address{ display: block;  width: 30px; height: 30px; background-image: url(../images/icon/address.png); background-repeat: no-repeat; }
.icon_build{ background-position:0 0; }
.icon_add{ background-position:0 -30px; }
.icon_phone{ background-position:0 -60px; }
.icon_serv{ background-position:0 -90px; }
.icon_email{ background-position:0 -120px; }
.address_list li .company_name{ font-size: 16px; color: #666; padding: 3px 0 8px; }


/* ==========================================================================
   culture
========================================================================== */

.opacity0{  opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.mt12 { margin-top:12px;}
.section .bg_img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; /*opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/  }
.section .full_title{ position: absolute; top: 0; left: 50%; margin-left: -150px; width: 300px; height: 150px;  opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fullpage1{}
.cultrue_top{  font-size: 14px; color: #000; line-height: 24px;  }
.cTop_left{ position: absolute; bottom: 50%; left: 50%; margin:0 0 100px -510px;  /*margin:0 0 100px -450px;*/ width: 335px;  }
.cTop_left h1{ font-weight: normal; font-size: 36px; padding-bottom: 25px; line-height: 40px; }
.cTop_left h1 strong{ color: #cb251c; padding-right: 20px;  }
.cTop_left p{ font-size: 16px; line-height: 30px; }
.cTop_right{  position: absolute; bottom: 50%; left: 50%; margin:0 0 100px 60px; /*margin:0 0 100px 0; */ width: 580px; font-size: 14px; line-height: 24px; color: #000; }
.full1_line{  position: absolute; top: 50%; left: 50%; margin:-30px 0 0 -598px; width: 1196px; height: 1px; background-color: #e2e2e2; }
.cultrue_down_txt{ position: absolute; top: 50%; left: 50%; margin:100px 0 0 -598px; /*margin:40px 0 0 -598px;*/ width: 1196px;  text-align: center;   }
.cultrue_down_txt .img,.cultrue_down_txt .info{ display: inline-block; *display: inline; *zoom:1; }
.cultrue_down_txt .img{ margin-right: 20px; }
.cultrue_down_txt .info{ text-align: left; }


.fullpage2{}
.cul1_left{ position: absolute; top: 50%; left: 50%;  margin:-150px 0 0 -610px;  /*margin:-150px 0 0 -550px;*/ width: 450px; font-size: 20px; line-height: 36px; color: #000;  }
.cul1_right{  position: absolute; top: 50%; left: 50%;  margin:-50px 0 0 60px; /*margin:-50px 0 0;*/ width: 450px;   }
.cul1_right p{ color: #666; font-size: 14px; line-height: 24px; }
.cul1_right b{ font-size: 18px; color: #000; line-height: 30px;  }

/*时间轴*/
.fullpage3{}
.course_main{ position: absolute; bottom: -60px; left: 0; width: 100%; color: #fff; overflow: hidden; }
.course_text{ width: 1326px; height:346px; margin:0 auto; position: relative; overflow: hidden; }
.course_text ul{ position: absolute; left: 0; height: 346px; }
.course_text li{ float: left;  width: 442px; height: 346px;  }
.timeLine_txt{   width: 442px; height: 346px;  text-align: center; font-size: 13px; color: #fff; line-height: 26px;   }
.timeLine_txt b{ font-size: 18px; color: #fff; line-height: 26px; }
.timeLine_txt img{ margin-top: 6px; }

.timeBox_main{ position: relative;  width: 100%; height: 240px; background: url(../images/culture/timeLine_border.png) 0 40px repeat-x;  }
.course_time_main{ position:relative; margin:0 auto; width:1170px; }
.course_time{ position: relative; width: 1180px; height: 200px;  margin:10px auto 0; overflow: hidden; }
.course_time ul{ position: absolute; left: 0; height: auto; overflow: hidden; }
.course_time li{ width: 60px; color: #fff; float: left; margin:0 15px; cursor: pointer; }
.course_time .course_top{ text-align: center; color: #fff; font-size: 24px; line-height: 32px; }
.course_time .course_point{  margin: 4px auto 0; width: 10px; height: 10px;  background: url(../images/culture/timePoint.png) 0 0 no-repeat;  }
.course_time .course_txt{ position:relative; width:100%; height:200px; margin-top:10px; }
.course_time .course_txt p{ position:absolute; top:0; left:20px; line-height: 20px; text-align: center; font-size: 13px; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;  writing-mode: vertical-rl; *writing-mode: tb-rl;   opacity: 0.75; filter: alpha(opacity=75); }
/*@-moz-document url-prefix() { 
  .course_time p{ width:20px; }
}
*/
.course_time li.on .course_point{ background-position: 0 -10px; }
.course_time li:hover .course_point{ background-position: 0 -10px; }
.course_time li:hover p{ opacity: 1; filter: alpha(opacity=100); }

.carsuel_page{  }
.carsuel_page span{ display: block; position:absolute; top:6px;  width:20px; height:22px; background-color:#000; cursor:pointer; opacity: 0.5;  filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; transition:opacity 0.2s;-webkit-transition:opacity 0.2s; -moz-transform:opacity 0.2s; -o-transition:opacity 0.2s; }
.carsuel_page .carousel_prev{ left:-60px; background:url(../images/icon/left_arrow-.png) 0 0 no-repeat; }
.carsuel_page .carousel_next{ display:none; right:-60px; background:url(../images/icon/right_arrow-.png) 0 0 no-repeat; }
.carsuel_page .carousel_prev:hover{  opacity: 0.8;  filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.carsuel_page .carousel_next:hover{  opacity: 0.8;  filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  }

/*时间轴*/

.fullpage4{}
.fullpage4 .single_txt{ position: absolute; top: 50%; left: 50%; margin: -202px 0 0 80px; /*margin: -202px 0 0 140px;*/ width: 410px; /*opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ }
.fullpage4 .single_txt ul{ border-top: 1px solid #d4e0e7;  }
.fullpage4 .single_txt li{ border-bottom: 1px solid #d4e0e7; padding: 24px 0; color: #666; font-size: 13px; line-height: 26px; }
.fullpage4 .single_txt li h3{ font-size: 18px; line-height: 30px; color: #000; }

.fullpage5{}
.fullpage5 .fullPage_main{ width: 1362px; margin: 0 auto; clear: both; overflow: hidden; }
.fullpage5 .left_pic{ position: absolute; top: 50%; left: 50%; margin:-175px 0 0 -810px; /*margin:-175px 0 0 -750px;*/ width: 952px; /*opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ }
.fullpage5 .single_txt{  position: absolute; top: 50%; left: 50%; margin:-175px 0 0 310px; /*margin:-175px 0 0 250px;*/ width: 360px;  /*opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/ }
.fullpage5 .single_txt ul{ border-top: 1px solid #acb5c2;  }
.fullpage5 .single_txt li{ border-bottom: 1px solid #acb5c2; padding: 24px 0; color: #fff; font-size: 13px; line-height: 26px; }
.fullpage5 .single_txt li h3{ font-size: 18px; line-height: 30px; color: #fff; }

.fullpage6{}
.fullpage6 .single_txt{ position: absolute; top: 50%; left: 50%; margin: -142px 0 0 140px; /*margin: -202px 0 0 140px;*/ width: 410px; /*opacity: 0;  filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/  }
.fullpage6 .single_txt ul{ border-top: 1px solid #d4e0e7;  }
.fullpage6 .single_txt li{ border-bottom: 1px solid #d4e0e7; padding: 24px 0; color: #666; font-size: 12px; line-height: 24px; }
.fullpage6 .single_txt li h3{ font-size: 16px; line-height: 30px; color: #000; }

#fp-nav ul li:first-child,#fp-nav ul li:last-child{ display: none; }

/*导航*/
.culture_li{ display: none; }
.culture_li ul{ position: fixed; right: 52px; top: 50%; width: 8px; height: 115px; margin:-40px 0 0 0; z-index: 999;  }
.culture_li li{ width: 8px; height: 9px; margin:14px 0 0; background: url(../images/icon/ul_li.png) 0 0 no-repeat; cursor: pointer; }
.culture_li li a{ display: block; width: 8px; height: 9px; }
.culture_li li.active{ background-position: 0 -18px; }
.culture_li li:hover{ background-position: 0 -18px; }
.culture_li.whitePoint li{ background-position: 0 -9px; }
.culture_li.whitePoint li.active{ background-position: 0 -27px; }
.culture_li.whitePoint li:hover{ background-position: 0 -27px; }



/* ==========================================================================
   jobs
========================================================================== */

.cutLine{ display: block; width: 100%; height: 1px; background-color: #ebebeb; }

.jobs_about{ padding-bottom: 85px; }

.jobs_main_right{  width: 1114px; margin:0 0 0 70px ; color: #666; font-size: 13px; line-height: 24px; }
.color_room{ position: relative; width: 928px; height: 458px; overflow: hidden;  }
.color_room #masonry{ position: absolute; top:0; left: 0;  /*width: 942px;*/ }
.color_room .cBox{ background-color: #000; margin: 0 14px 14px 0; float: left;  }
.color_room .cBox img{ transition:opacity 0.5s;-webkit-transition:opacity 0.5s; -moz-transform:opacity 0.5s; -o-transition:opacity 0.5s;  }
.color_room .cBox:hover img{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

 
.leftFloats{ float: left; margin-right:100px;}
.rightFloats{ float: right; padding-left:50px; }


.job1_1{ width: 850px; padding: 20px 0 40px; }
.job1_1 ul{ padding:0 30% 0 20px; }
.job1_1 li{ width: 50%; float: left; list-style: disc; font-size: 13px; color: #3d3d3d; line-height: 24px; }

.job_info2{  }
.job_info2 .contentMiddle{ padding: 80px 0 100px;  }

.job_info3{  }
.job_info3 .contentMiddle{ padding: 80px 0 0;  }

/*job2*/
.job_box_list{ width: 1262px; margin:70px 0 100px; overflow: hidden; }
.job_box_list ul{ width: 1281px; }
.job_box_list li{ position: relative; float: left; width: 407px; height: 260px; margin:0 20px 20px 0; background-color: #f8f8f8;  transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.job_box_list li a{ display: block; cursor: pointer;  width: 407px; height: 260px; }
.job_box_list li h2{ position: absolute; bottom: 180px; left: 40px; width: 327px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; text-align: center; color: #333; font-size: 16px; font-weight: normal; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s; }
.job_box_list li p{ position: absolute; top: 85px; left: 40px; width: 327px; padding-top: 20px; line-height: 22px; font-size: 13px;  color: #666; transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s; }
.job_box_list li:hover{ background-color: #cb251c; }
.job_box_list li:hover h2{ color: #fff; border-bottom: 1px solid #d55149; }
.job_box_list li:hover p{ color: #f0cfce; }

.job_show_main{ padding: 0 0 80px; }
.job_share{ padding: 25px 0; border-top: 1px solid #efefef;  }
.job_undown_page{ font-size:13px; }
.job_undown_page a{ display: inline-block; *display: inline; *zoom:1; color:#808080; padding:3px 0 3px 0px ; position:relative; }
.job_undown_page a span{  position:absolute; top:3px; ; left:0;  }
.job_undown_page a:hover{ color:#6d6d6d; text-decoration: underline; }

.apply_job{}
.apply_job a{ display: block; width: 110px; height: 30px;  }
.apply_job a img{  transition: 0.5s;-webkit-transition:0.5s; -moz-transform:0.5s; -o-transition:0.5s;  }
.apply_job a:hover img{ opacity: 0.8; }

/* ==========================================================================
   copyright
========================================================================== */

.copyright{ width: 940px; margin:60px auto 180px;  color: #666; font-size: 13px; line-height: 24px; }