@import url(anim_1.css);
@import url(lrtk3_1.css);
*{margin:0;padding:0;border:0;}
body {
	background-color: #fff;
	overflow-x: hidden;
	color: #333;
	font-family: "微软雅黑",Arial,Microsoft YaHei,Helvetica Neue, Helvetica, sans-serif;
}
body{font-family: Arial,Microsoft YaHei!important;}
a { color: #333;text-decoration: none;-webkit-tap-highlight-color:transparent;}
a:hover {color: #00a1e9;/*text-decoration: underline;*/}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:100%;max-width:1440px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1300px;margin:0 auto;text-align:left;zoom:1;}
.wrap3{clear:both; width:94%;max-width:1000px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.f50{ font-size:50px;}
.f44{ font-size:44px;}
.f41{ font-size:41px;}
.f40{ font-size:40px;}
.f38{ font-size:38px;}
.f36{ font-size:36px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f28{ font-size:24px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


/*PC导航*/
.header-v1{ width:100%; position:fixed; /*overflow:hidden; */height:100px;z-index:10; background-color:#f7f7fb;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);top: 0;}

.header-v1 .top-main{ width:100%; margin:0 auto; position:relative;}
.header-v1 .top-main .logo1{ float:left; height:100%; margin-left:2%; width: 28%;}
.header-v1 .top-main .logo1 img{ height:100%; vertical-align:middle;}
.header-v1 .top-main .logo1 img:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}
.header-v1 .top-main .top_r{ float:right;}
.header-v1 .languages{ float:right; position:relative; display:block;font-size:12px; color:#707070;height:38px;line-height:38px; padding-left:18px; text-align:right;font-family:"宋休"; text-decoration:none;margin-left:10px; background:url(../images/top_pic2.png) left center no-repeat; margin-top:29px;transition:all 0.3s;}
.header-v1 .languages:hover{margin-top:25px;}
.nav-hide .header-v1 .languages{ margin-top:22px;}
.nav-hide .header-v1 .languages:Hover{ margin-top:18px;}
.header-v1 .languages:Hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.header-v1 .top-main .top-main-content{/* float:right;*//* margin-top:31px;*/ text-align:right; width: 100%;}
.navBar{ text-align: right;}
.nav{ list-style:none; padding:0;  }
.nav .m{ /*float:left; */ display:inline-block;border-top:0; border-bottom:0;width:6%; min-width: 80px; position:relative;margin-right:22px; margin-left:22px;}
.nav a:hover{ text-decoration:none; /*color:#fff;*/ vertical-align:top;}
.nav li:hover span{transform:translateY(-100%);/*color:#fff;*/}
.nav h3{ float:left; font-weight:normal; font-size:16px; height:100px; overflow:hidden; width:100%; text-align:center; position:relative;}
.nav h3 a{ display:block; color:#111010;line-height:100px; font-size:16px; text-transform:uppercase;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:100px; text-transform:uppercase;}
.nav-hide .nav h3 a span{ height:80px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0; /*color:#fff;*/}
.nav h3 a i{ width:9px; height:5px; background:url(../images/top_pic5.png) no-repeat; display:inline-block; margin-left:7px;}
.nav-hide .nav{}
.nav-hide .nav h3{ height:80px;}
.nav-hide .nav h3 a{ line-height:80px;}
.nav .on{}
.nav .on h3 a{/* height:42px; line-height:42px; *//*color:#fff;background:#ec2029;*/ /*background:url(../images/top_bg.png) center bottom no-repeat;*/}
.nav .on h3 a i{ background:url(../images/top_pic6.png) no-repeat; }
.nav .on h3 a span{ /*color:#151313;*/}
.nav li.on a:after{left: 0%;right: 0%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%; margin-left:0px; margin-right:0px;bottom: 0px;height:4px;opacity: 0;background-color: #00a1e9;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:hover:after{left: 1%;right:1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav .sub{display: none; width:500px; padding:0; position:absolute; background: #f3f5f5;border: 1px solid #4ca1e5; /*background:rgba(0, 0, 0, 0.8);*//* top:87px;*/ top:100px;/* overflow:hidden;*/ text-align:center; z-index:110; left:0px;}
.nav li.m#m2 .sub{width: 194px;}
.nav li.m#m3 .sub{width: 194px;}
.nav li.m#m7 .sub,.nav li.m#m5 .sub,.nav li.m#m4 .sub{width: 118px;}
.nav-hide .nav .sub{top:80px;}
.nav .sub ul{ /*width:1100px;*/ margin:0 auto; margin-top: 8px; margin-bottom:10px;}
.nav .sub li{ vertical-align:middle; list-style:none; text-decoration:none; display:inline-block;line-height:50px;font-size:14px; text-transform:uppercase;}
.nav .sub li span{ display:block; height:38px; position:relative;}
.nav .sub li a{ text-decoration:none; background:none; color:#323232;padding-left:10px; padding-right:10px;/* border-bottom:1px solid #515152;*/ 
	display:block; height:36px; overflow:hidden;}
/*.nav .sub li:last-child a{ border-bottom:0;}
.nav .sub li:last-child a:hover{ border-bottom:0;}*/
.nav .sub li a:hover{ color:#00a1e9;background-color:#00a1e9; color: #fff;font-weight:bold; padding-left:10px; padding-right:10px;/*border-bottom:1px solid #00a1e9;*/}
.nav .sub li:hover img{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.nav li.m#m7 .sub li:first-child{/* margin-left:480px;*/ width: 96%; line-height: 40px;}
.nav li.m#m6 .sub li:first-child{ margin-left:485px; width: 96%; line-height: 40px;}
/*.nav li.m#m4 .sub li:first-child{ margin-left:35px;}*/
.nav li.m#m3 .sub li:last-child{ /*margin-right:210px;*/ text-align: left; width: 96%; line-height: 40px;}
.nav li.m#m4 .sub li:last-child{ width: 96%; line-height: 40px;}
.nav li.m#m5 .sub li:last-child{ width: 96%; line-height: 40px;}
.nav li.m#m7 .sub li:last-child{ width: 96%; line-height: 40px;}
.nav li.m#m2 .sub li:last-child{ width: 96%; line-height: 40px;}
.nav li.m#m2 .sub li{ display:block;  line-height:40px;}
.nav li.m#m2 .sub li dl{width:192px; margin-left:1%; float:left; overflow:hidden; text-align:left; padding-bottom:20px;}
.nav li.m#m2 .sub li dl:nth-child(2){width: 100px;}
.nav li.m#m2 .sub li dl dt{ font-weight:bold; display:block; color:#fff; margin-top:10px; line-height:40px; font-size:16px;}
.nav li.m#m2 .sub li dl dd{display:block;overflow:hidden;font-size: 13px; line-height: 40px; margin-top:4px; }
.nav li.m#m2 .sub li dl dd a{ line-height:40px; height:28px;font-size: 13px;}
.nav li.m#m2 .sub li span:hover dl{ display:block; background-color:#00a1e9; color: #fff;  line-height:40px;}

.blank_h{ height:80px; overflow:hidden;}
.top_search{ float:right;height:80px; width:34px; position:relative; margin-right:2%;}
.nav-hide .top_search{ height:80px;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; background:url(../images/top_pic1_1.png) left center no-repeat; cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-73px;right:0px; width:300px; height:0px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2_1.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.top_search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:47px; width:174px; float:left; outline:none;}
.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3_1.png) no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4_1.png) no-repeat;}

/* 手机导航全局 */
.touch-top{ width:100%; position:fixed; top:0; z-index:99; background:#f9fafb; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}
.touch-top-wrapper{ width:96%; margin:0 auto; }
.touch-top-wrapper .touch-logo{ float:left;}
.touch-top-wrapper .touch-logo img{height:90px;display: block;}
.touch-navigation { display:block; }

	.touch-toggle { position:absolute; right:10px; top:0; }

	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }

	.touch-toggle li a { height:70px; }

	.touch-toggle li:hover, .touch-toggle li:active { }

	.touch-toggle .touch-toggle-item-first { border-left:none; }

	.touch-toggle .touch-toggle-item-last { border-right:none; }

	.touch-toggle li a { display:block; font-size:12px; }	

	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; /*margin-top:20px;*/margin-top:30px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

	.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }

	.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }

	.touch-toggle .touch-icon-search { background-image:url(../images/head_pic2_1.png); }

	.touch-toggle .touch-icon-menu { background-image:url(../images/head_pic1.png); }

	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	

	.drawer-section-menu {/* padding:20px 20px 35px;*/  /*padding:0px 0px 35px;*/}

	.touch-toggle-content{ clear:both; background: #3b88bc;}
	.touch-menu{ clear:both;}
	.touch-menu ul li { border-bottom:1px solid #333; position:relative; }

	.touch-menu ul li a { color:#fff; display:block; font-size:18px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:2%;}

	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#004ce5; color:#fff; }	

	.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }

	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }

	.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d_1.png); }

	.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u_1.png); }
	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../images/touch-arrow-d2_1.png); }
	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../images/touch-arrow-u2_1.png); }

	.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 30px 0px; }

	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }

	.touch-menu ul ul li a { padding:0; padding-left:3%; font-size:16px; height:38px; line-height:38px; text-transform:uppercase; }		

	.touch-menu ul ul li i { top:13px; }
.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}
.touch-menu .closetitle img{ margin:0 auto;  height:20px; width:auto;}
/*手机弹出搜索*/
.search_div{ clear:both; width:100%;  overflow:hidden;padding-top:2%; padding-bottom:2%; display:none; /*z-index:999;*/}
.search_div .search_con{ width:92%; margin:0 auto; border:1px solid #cdcdcd; height:40px; line-height:40px;}
.search_div .search_con .input1{ text-indent:15px; width:88%; float:left; border:0; background:none; height:100%; font-size:16px; outline:none; color:#bbb;}
.search_div .search_con .bnt1{-webkit-appearance: none; float:right; width:12%; max-width:60px; background:url(../images/head_pic2_1.png) 50% center no-repeat; background-size:auto 55%; border:0; height:100%; cursor:pointer;}


/*尾部*/
.f_bg{overflow:hidden; background:#313131;  color:#8f8f8f; font-size:14px; clear:both; padding-top:2%; padding-bottom:2%;}
.f_bg_div{ width:96%; max-width:1300px; margin:0 auto;}
.f_bg a{color:#8f8f8f; text-decoration:none;}
.f_bg a:hover{ color:#fff;}
.f_bg .links{ float:left; padding-right:4%; margin-right:4%;overflow:hidden; padding-bottom:2%; }
.f_bg .links h2{ font-size:18px; line-height:38px; font-weight:normal; margin-bottom:10px; color:#c7c7c7;}
.f_bg .links ul li{ display:block; height:38px; line-height:38px; overflow:hidden;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_r2{ float:right;  text-align:center; padding-bottom:2%; }
.f_bg .f_div2_r2 img{ display:block;width:118px; margin:0 auto; margin-bottom:10px; margin-top:5px;}
.f_bg .f_div2_r{ float:left;  overflow:hidden; margin-right:3%;}
.f_bg .f_div2_r h2{font-size:18px; line-height:38px; font-weight:normal; margin-bottom:10px; color:#c7c7c7;}
.f_bg .f_div2_r span{ display:block; color:#8f8f8f; line-height:30px; padding-top:2%; clear:both; }
.f_bg .f_div2_r a{ line-height:20px; font-weight:normal; margin-bottom:4px; padding-bottom:8px; color:#afafaf; font-size:26px;font-family:Arial;}
.f_bg .f_div2_r a:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.foot_a{ height:41px; width:135px; display:block; margin-top:10px;}
.f_div3{ line-height:24px; min-height:24px; background-color:#313131; border-top:1px solid #424242; clear:both; overflow:hidden;font-size:14px; padding-top:8px; padding-bottom:8px;color:#8f8f8f; }
.f_div3 a{ color:#8f8f8f;}
.f_div3 a:hover{color:#fff;transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
/*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}*/

.right_ul{ height:46px; line-height:46px; overflow:hidden; border-top:2px solid #dedede; position:fixed; width:100%; bottom:0; left:0; display:none; background-color:#fff;}
.right_ul ul li{ width:25%; float:left; overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li img{ height:22px; margin:0 auto;}
.right_ul ul li a{ display:block; border-right:1px solid #dedede;}
.right_ul ul li:last-child a{ border:0;}

/*微信弹窗*/
#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}
#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}
#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }
#hiddenimg2{text-align: center;}
.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}

/*荣誉弹窗*/
.case_bgs{z-index: 19891024;background:url(../images/about_bg_1.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.case_tc{z-index: 19891025; width: 90%; /* top: 157.5px; */  left: 50%; margin-left:-46%; /* margin-left: -300px; */  position:absolute; overflow: hidden; top:270px; height:0; display: none;}
.case_tc .case_box{ width:94%; margin:0 auto; max-width:740px;background: #00a1e9;border: 6px solid #b3b3b3; border-radius: 6px; overflow: hidden;}
.case_tc .case_box2{ width:94%; margin:0 auto; max-width:1028px;background: #fff; overflow: hidden;}
.case_tc .case_divs{ position:relative;width:100%;}
.case_tc .case_divs .closed{ right:0%; position:absolute; top:0%; cursor:pointer;}
.case_tc .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc .case_divs .closed2{ right:15px; position:absolute; top:15px; cursor:pointer;}
.case_tc .case_divs .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc #tc_big{ width:100%; display:block;}
.case_tc .case_divs .case_txt{ padding:12px; color:#fff; font-size:14px; line-height:22px; padding-top:6px; padding-bottom:6px;}
.case_tc .case_divs .case_txt h2{ font-size:14px; line-height:40px; font-weight:normal;}
.case_tc .case_divs .case_txt2{max-width: 890px;
    width: 94%;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 63vh;
    overflow-y: scroll;
}
.case_tc .case_divs .case_txt2 h2{font-size:18px; line-height:40px; margin-bottom:1%;}
.case_tc .case_divs .case_txt3{ max-width:890px; width:94%; margin:0 auto;color:#333; font-size:14px; line-height:22px; padding-top:50px; padding-bottom:30px;}
.case_tc .case_divs .case_txt3 dl dt{ font-weight:bold; font-size:18px; height:36px; line-height:36px; color:#333333;}
.case_tc .case_divs .case_txt3 dl dd:first-child{ font-size:14px;}
.case_tc .case_divs .case_txt3 dl dd{ color:#555555; font-size:13px; line-height:28px; border-bottom:1px dashed #cccccc; padding-bottom:2%; margin-bottom:2%;}
.case_tc .case_divs .case_txt3 dl dd h3{  font-size:16px; height:30px; line-height:30px;}
.case_tc .case_divs .case_txt3 dl dd:last-child{ border-bottom:0;}
.case_tc .case_divs .case_txt3 dl dd .job_a{ display:block; width:150px; height:44px; overflow:hidden; background-color:#0245de; color:#fff; font-size:14px; line-height:44px; border-radius:6px; margin-top:50px; text-align:center;transition:all 0.3s;}
.case_tc .case_divs .case_txt3 dl dd .job_a:hover{ color:#fff;filter: Alpha(Opacity=80);opacity: 0.8;}

@media screen and (max-width: 1600px) {
.f50{ font-size:47px;}
.f44{ font-size:40px;}
.f41{ font-size:38px;}
.f40{ font-size:37px;}
.f38{ font-size:36px;}
.f36{ font-size:35px;}
}
@media screen and (max-width: 1440px) {
.f50{ font-size:45px;}
.f44{ font-size:38px;}
.f41{ font-size:36px;}
.f40{ font-size:35px;}
.f38{ font-size:34px;}
.f36{ font-size:33px;}
}
@media screen and (max-width: 1310px) {
.header-v1 .top-main .top_r{ display:none;}
}
@media screen and (max-width: 1200px) {
.f50{ font-size:41px;}
.f44{ font-size:36px;}
.f41{ font-size:32px;}
.f40{ font-size:31px;}
.f38{ font-size:30px;}
.f36{ font-size:29px;}
.f16{ font-size:14px;}
/*尾部*/
.f_bg .links{ padding-right:3%; margin-right:3%;}
.f_bg .f_div2_r{ margin-right:1%;}
}
@media screen and (max-width: 1100px) {
.f50{ font-size:39px;}
.f44{ font-size:32px;}
.f41{ font-size:30px;}
.f40{ font-size:29px;}
.f38{ font-size:28px;}
.f36{ font-size:27px;}
.f28{ font-size:22px;}
.f24{ font-size:20px;}
.f22{ font-size:18px;}
.f18{ font-size:16px;}
/* 手机导航全局 */
.blank_h{ height:90px;}
.nav-hide .blank_h{ height:90px;}
.header-v1{ display:none;}
.touch-top{ display:block;}
.top_search{ width:90%; overflow:hidden; margin-bottom:10px; margin-top:0;background:url(../images/search_bg.png) #eee right center no-repeat; margin-right:5%;}
/*尾部*/
.f_bg .links{ padding-right:2.8%; margin-right:2.8%;}
.f_bg .f_div2_r a{ font-size:18px;}
}
@media screen and (max-width: 960px) {
.f50{ font-size:36px;}
.f44{ font-size:30px;}
.f41{ font-size:28px;}
.f40{ font-size:27px;}
.f38{ font-size:26px;}
.f36{ font-size:25px;}
.f24{ font-size:18px;}
/*尾部*/
.f_bg .links{ display:none;}
.f_bg .f_div2_r2{ margin-top:2%;}
.f_bg .f_div2_r{ width:40%; margin-top:2%;}
}
@media screen and (max-width: 830px) {
.f50{ font-size:34px;}
.f44{ font-size:28px;}
.f41{ font-size:27px;}
.f40{ font-size:26px;}
.f38{ font-size:25px;}
.f36{ font-size:24px;}
.f32{ font-size:27px;}
.f30{ font-size:26px;}
.f28{ font-size:20px;}
.f24{ font-size:17px;}
.f22{ font-size:16px;}
.f18{ font-size:14px;}
/*尾部*/
.f_div3{text-align:center; font-size:12px;}
.f_div3 .l{ display:block; width:100%; }
.f_div3 .l label{ display:block;}
.f_div3 .r{ display:block; width:100%; }
}
@media screen and (max-width: 780px) {
.f50{ font-size:30px;}
.f40{ font-size:25px;}
.f38{ font-size:24px;}
.f36{ font-size:23px;}
/*右边浮动客服*/
.side{ display:none;}
.right_ul{ display:block;}
}

@media screen and (max-width: 640px) {
.f50{ font-size:28px;}
.f40{ font-size:23px;}
.f38{ font-size:22px;}
.f36{ font-size:21px;}
.f32{ font-size:21px;}
.f30{ font-size:20px;}
.f28{ font-size:18px;}
.f24{ font-size:16px;}
.f22{ font-size:14px;}
.f18{ font-size:13px;}
.f16{ font-size:13px;}
/* 手机导航全局 */
.blank_h{ height:80px;}
/*.nav-hide .blank_h{ height:80px;}*/
.touch-top-wrapper .touch-logo img{ height:80px;}
.touch-toggle li i{ margin-top:20px;}
.touch-menu ul li a{ font-size:16px; height:40px; line-height:40px;}
.touch-menu ul ul li a{ font-size:14px;}

}

@media screen and (max-width: 480px) {
.f50{ font-size:25px;}
.f40{ font-size:19px;}
.f38{ font-size:18px;}
.f36{ font-size:18px;}
.f32{ font-size:17px;}
.f28{ font-size:15px;}
.f18{ font-size:12px;}

/* 手机导航全局 */
.blank_h{ height:70px;}
.nav-hide .blank_h{ height:70px;}
.touch-top-wrapper .touch-logo img{ height:70px;}
.touch-toggle li{ padding-left:8px; padding-right:8px;}
.touch-toggle li i{ width:26px; height:26px; margin-top:23px;}
/*.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}
.touch-menu ul ul li a{ font-size:13px;}*/
/*尾部*/
.f_bg .f_div2_r2{ width:42%; }
.f_bg .f_div2_r2 img{ width:80%; height:auto; max-width:118px;}
.f_bg .f_div2_r{ width:45%;}
}

@media screen and (max-width: 360px) {
.f50{ font-size:23px;}
.f40{ font-size:17px;}
.f38{ font-size:16px;}
.f36{ font-size:17px;}
.f32{ font-size:16px;}
.f28{ font-size:14px;}
}
/*--- Container ---*/
.ind-part{padding:70px 0px;background:#f4f4f4;}
.ind-tit{text-align:center;font-size:46px;color:#333;text-transform:uppercase;position:relative;margin-bottom:25px;padding-bottom:25px;}
.ind-tit:after{position:absolute;left:50%;bottom:0px;width:52px;height:3px;content:"";background:#333;margin-left:-26px;}
.ind-sub-tit{text-align:center;font-size:16px;color:#777;margin-top:10px;}
.ind-part ul li{width:21.8333%;float:left;text-align:center;padding:35px 0px;background:#fff;margin-left:4.1666%;-webkit-transition:all .2s linear;transition:all .2s linear;}
.ind-part ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.ind-part ul li:first-child{margin-left:0px;}
.ind-part ul{margin-top:60px;}
.ind-part ul li p{margin:10px auto;font-size:17px;color:#666;}

/*企业文化*/
.ind-news{padding:70px 0px;}
.ind-news .ind-cul-box{margin-top:60px;overflow:hidden;}
.ind-culture ul li{width:31%;float:left;margin-left:3.1%;text-align:center;transition:all .2s linear;-webkit-transition:all .2s linear;}
.ind-culture ul li .com-img{position:relative;}
.ind-culture ul li .com-img img{height:180px;width:100%;object-fit:cover;}
.ind-culture ul li .com-img span{position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.3) url(../images/icon-time.png) no-repeat 100px center;;width:137px;height:32px;text-align:left;line-height:32px;color:#fff;padding-left:30px;}
.ind-culture ul li:first-child{margin-left:0px;}
.ind-culture ul li h4{font-size:18px;color:#444;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ind-culture ul li .box{padding:30px 20px;border:1px solid #ececec;border-top:0px;border-bottom:0px;;}
.ind-culture ul li p.info{color:#777;line-height:30px;margin:15px auto;height:60px;overflow:hidden;}
.ind-culture ul li a{display: block;text-align:center;color:#777;}
.ind-culture ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.ind-culture ul li:hover span.more{background:#007cc2;color:#fff;border-color:#007cc2;}
.ind-culture ul li span.more{border:1px solid #ececec;display: block;padding:15px 0px;}



/*首页-公司优势*/
.ind-adv{padding:70px 0px;background:url(../images/i_bg2_1.jpg) no-repeat left top;}
.ind-adv .ind-tit{color:#fff;}
.ind-adv .ind-tit:after{background:#fff;}
.ind-adv .ind-sub-tit{color:#fff;margin-bottom:60px;}
.ind-adv .ind-adv-box{padding:50px 50px 40px;background:#fff;box-shadow:2px 5px 10px #999;}
.ind-adv ul{overflow:hidden;}
.ind-adv ul li{float: left;
width: 27.3333%;
padding: 35px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #b6b3b0;}
.ind-adv ul li span{width:60px;height:60px;display:block;margin:0px auto;}
.ind-adv ul li span.icon-adv1{background:url(../images/adv-1_1.png) no-repeat center;}
.ind-adv ul li span.icon-adv2{background:url(../images/adv-2_1.png) no-repeat center;}
.ind-adv ul li span.icon-adv3{background:url(../images/adv-3_1.png) no-repeat center;}
.ind-adv ul li span.icon-adv4{background:url(../images/adv-4_1.png) no-repeat center;}
.ind-adv ul li span.icon-adv5{background:url(../images/adv-5_1.png) no-repeat center;}
.ind-adv ul li span.icon-adv6{background:url(../images/adv-6_1.png) no-repeat center;}
.ind-adv ul li:hover{background:#0254b9;}
.ind-adv ul li:hover h4{color:#fff;}
.ind-adv ul li:hover p{color:#fff;}

.ind-adv ul li h4{font-size:20px;color:#444;margin:30px 0px;}
.ind-adv ul li p{color:#888888;font-size:15px;}
.ind-adv ul li:nth-child(3n){margin-right:0px;}

.ind-adv ul li:hover span.icon-adv1{background:url(../images/adv-1on_1.png) no-repeat center;}
.ind-adv ul li:hover span.icon-adv2{background:url(../images/adv-2on_1.png) no-repeat center;}
.ind-adv ul li:hover span.icon-adv3{background:url(../images/adv-3on_1.png) no-repeat center;}
.ind-adv ul li:hover span.icon-adv4{background:url(../images/adv-4on_1.png) no-repeat center;}
.ind-adv ul li:hover span.icon-adv5{background:url(../images/adv-5on_1.png) no-repeat center;}
.ind-adv ul li:hover span.icon-adv6{background:url(../images/adv-6on_1.png) no-repeat center;}


/*首页-核心服务*/
.ind-server{padding:70px 0px;}
.ind-server .Ipro-list{position:relative;margin:67px 0 0;z-index:2;height:500px;}
.ind-server .Iplist-img{padding:30px 0 20px;}
.ind-server .Ipro-list li{cursor: pointer; float: left; width: 18%; height: 440px; text-align: center; position: relative; background-color: #fff; border: 1px solid #ebebec; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.ind-server li.active{width: 27%; border: 1px solid #2084f5; height: 500px; top: -30px; box-shadow: 0 0px 30px rgba(20,106,211,0.6); z-index: 1;}
.ind-server .Ipro-list li.active .name{font-size:24px;}
.ind-server .Ipro-list li .on{display:none;}
.ind-server .Ipro-list li.active .on{display:block;}

.ind-server .Ipro-list li:nth-child(2n){background:#fff;}
.ind-server .Ipro-list{display:block;padding:0px 0px 46px;text-align:center;color:#777;position:relative;}
.ind-server .Iplist-img{font-size:0px;padding:60px 55px;}
.ind-server li.active .Iplist-img{background:#2084f5;}
.ind-server li:nth-child(2).active .Iplist-img{background:#42c5f3;}
.ind-server li:nth-child(3).active .Iplist-img{background:#9a80ed;}
.ind-server li:nth-child(4).active .Iplist-img{background:#20cab8;}
.ind-server li:nth-child(5).active .Iplist-img{background:#fbb154;}
.ind-server li:nth-child(2).active{border:1px solid #42c5f3;}
.ind-server li:nth-child(3).active{border:1px solid #9a80ed;}
.ind-server li:nth-child(4).active{border:1px solid #20cab8;}
.ind-server li:nth-child(5).active{border:1px solid #fbb154;}

.ind-server .Ipro-list li .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #2084f5;color:#2084f5;margin:0px auto;}
.ind-server .Ipro-list li .on a:hover{background:#2084f5;color:#fff;}
.ind-server .Ipro-list li:nth-child(2) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #27b3e4;color:#27b3e4;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(2) .on a:hover{background:#27b3e4;color:#fff;}
.ind-server .Ipro-list li:nth-child(3) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #896be6;color:#896be6;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(3) .on a:hover{background:#896be6;color:#fff;}
.ind-server .Ipro-list li:nth-child(4) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #1eb9a9;color:#1eb9a9;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(4) .on a:hover{background:#1eb9a9;color:#fff;}
.ind-server .Ipro-list li:nth-child(5) .on a{display:block;width:148px;height:44px;line-height:44px;border-radius:3px;border:1px solid #e5a34f;color:#e5a34f;margin:0px auto;}
.ind-server .Ipro-list li:nth-child(5) .on a:hover{background:#e5a34f;color:#fff;}
.ind-server li .cart-about{padding:30px 20px;}
.ind-server li.cur .cart-about{padding:30px 60px;}
.ind-server .Ipro-list .name{line-height:36px;font-size:20px;color:#333;}
.ind-server .Ipro-list .con{line-height:28px;height:80px;margin:10px auto;color:#777;}
.ind-server li .hx1{width:104px;height:103px;margin:0px auto;background:url(../images/hx0_1.png) no-repeat center;}
.ind-server li .hx2{width:104px;height:103px;margin:0px auto;background:url(../images/hx1_1.png) no-repeat center;}
.ind-server li .hx3{width:104px;height:103px;margin:0px auto;background:url(../images/hx2_1.png) no-repeat center;}
.ind-server li .hx4{width:104px;height:103px;margin:0px auto;background:url(../images/hx3_1.png) no-repeat center;}
.ind-server li .hx5{width:104px;height:103px;margin:0px auto;background:url(../images/hx4_1.png) no-repeat center;}
.ind-server li.active .hx1{width:130px;height:130px;background:url(../images/hx0on_1.png) no-repeat center;border:13px solid #2676d6;border-radius:50%;}
.ind-server li.active .hx2{width:130px;height:130px;background:url(../images/hx2on_1.png) no-repeat center;border:13px solid #27b3e4;border-radius:50%;}
.ind-server li.active .hx3{width:130px;height:130px;background:url(../images/hx3on_1.png) no-repeat center;border:13px solid #896be6;border-radius:50%;}
.ind-server li.active .hx4{width:130px;height:130px;background:url(../images/hx5on_1.png) no-repeat center;border:13px solid #1eb9a9;border-radius:50%;}
.ind-server li.active .hx5{width:130px;height:130px;background:url(../images/hx4on_1.png) no-repeat center;border:13px solid #e5a34f;border-radius:50%;}

.ind-server li:nth-child(2).active{border: 1px solid #27b3e4; height: 500px; top: -30px; box-shadow: 0 0px 30px rgba(39,179,228,0.6); z-index: 1;}
.ind-server li:nth-child(3).active{border: 1px solid #896be6; height: 500px; top: -30px; box-shadow: 0 0px 30px rgba(137,107,230,0.6); z-index: 1;}
.ind-server li:nth-child(4).active{border: 1px solid #1eb9a9; height: 500px; top: -30px; box-shadow: 0 0px 30px rgba(30,185,169,0.6); z-index: 1;}
.ind-server li:nth-child(5).active{border: 1px solid #e5a34f; height: 500px; top: -30px; box-shadow: 0 0px 30px rgba(229,163,79,0.6); z-index: 1;}
.contain{width:1200px;margin:0 auto;}
@media all and (max-width:980px){/*web*/
#web-bnr .swiper-pagination-bullet{border-radius:0;}
	.Hmenu-btn{display:block;}
	.ind-news,.ind-culture{padding:35px 0px;}
	.ind-news ul li,.Ipro-list li{width:100%;}
	.ind-adv .ind-adv-box{padding:10px;}
	.ind-adv ul li{width:32%;margin:0px;}
	.ind-adv ul li:nth-child(2n){margin-left:2%;}
	.ind-culture ul li{width:100%;margin-left:0px;margin-bottom:20px;}
	.ind-sol-list ul li{width:100%;margin-left:0px;margin-top:20px;}
	.ind-news ul li h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.ind-news ul li .pic img{height:100px;object-fit:cover;width:100%;}
	.ind-part ul,.ind-news .ind-cul-box{margin-top:30px;}
	.ind-part ul li{width:48%;margin-left:0px;margin-bottom:4%;}
	.ind-part ul li:nth-child(2n){margin-left:4%;}
	.ind-tit{font-size:30px;}
	.ind-sub-tit{padding:0px 2%;}
/*首页--核心服务*/
    .ind-server,.ind-adv,.ind-solution,.ind-part{padding:30px 0px;}
    .ind-server .Iplist-img{padding:30px 55px;}
    .ind-server .Ipro-list li{width:50%;margin-top:20px;height:auto;}
    .ind-server .Ipro-list li.active{height:auto;top:0px;}
    .ind-server .Ipro-list{height:auto;margin-top:40px;padding-bottom:20px;}
    .ind-server .Ipro-list li.active{width:100%;}

    .ind-sol-list ul li.ind-s1,.ind-sol-list ul li.ind-s2,.ind-sol-list ul li.ind-s3,.ind-sol-list ul li.ind-s4{background-size:cover;}
	.ind-sol-list ul li{height:360px;}
	.ind-sol-list ul li p{margin-bottom:20px;}
	.ind-sol-list ul li .box{padding:50px 0px;}
	
	/*新闻列表*/
	.pub_cate ul li{width:33.333%;text-align:center;float:left;margin-right:0px;}
	.first-news{padding:30px 0px 0px;}
    .first-news .news-pic,.first-news .news-note{width:100%;}
    .first-news .news-note{margin-top:20px;}
    .nlist li{padding-top:30px;padding-bottom:30px;}
    .nlist li .pic{width:100%;margin-bottom:10px;}
    .nlist li .date{width:25%;}
    .nlist li .note{width:75%;}
    .nlist li .note p{margin:20px auto;}

    .artInfo-left{width:100%;}
	.artInfo-left .artInfo-name{font-size:22px;line-height:32px;margin-top:0px;}
	.aiAbout-news.pdtb25{margin-bottom:0px;}
	.artInfo-left .artInfo-ab{margin:10px 0 0;}
	.artInfo-con{margin:.74rem 0 0;}
	.artInfo-page{padding:5px 4%;}
	.artInfo-page a{width:100%;padding:5px 0;text-align:left !important;}
	.artInfo-action{margin:15px 0 0;}
	.artInfo-action .bdsharebuttonbox{float:none;}
	
	.artInfo-line,
	.artInfo-right,
	.JoinUs-adv .split{display:block;width:100%;}
	.JoinUs-adv{padding:10px 0;}
	.juAdv-box{padding:10px 0;width:50%;float:left;}
	.juAdv-box .name{margin:15px 0 0;}
	}
	@media all and (max-width:1700px){/*1680 * 1050*/
 	
}

@media all and (max-width:1460px){/*1440 * 900*/


   
    
}

@media all and (max-width:1400px){
    
    
}

@media all and (max-width:1380px){/*1366*/



}

@media all and (max-width:1300px){/*1280 * 800*/



   
}

@media all and (max-width:1280px){

	.contain{width:100%;padding:0 2%;}
	.pdtb70{padding:50px 0px;}
	
}

@media all and (max-width:1260px){/*1260*/

}

@media all and (max-width:1200px){ /*1200*/




}

@media all and (max-width:1100px){/*1024 * 768 */


    
}
@media all and (max-width:768px){
     
     
}

@media all and (max-width:640px){
    

    
}

@media all and (max-width:414px){




}

@media all and (max-width:375px){
    
}




/*新闻*/
.index-news{padding:50px 0 0;}
.Inews-nav{text-align:center;font-size:0px;margin:25px 0 0;}
.Inews-nav a{display:inline-block;width:148px;height:48px;line-height:46px;font-size:15px;color:#666666;border:1px solid #cecccc;margin:0 6px;}
.Inews-nav a.cur,
.Inews-nav a:hover{color:#fff;border-color:#e50012;background:#e50012;}

.Inews-wrap{margin:50px 0 0;display:none;}

.Inews-1st{display:block;width:47.5%;height:335px;color:#fff;position:relative;overflow:hidden;float:left;}
.Inews-1st .In1st-box{ padding: 7px 90px 9px 10px;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 100px);}
.Inews-1st .com-img{}
.In1st-box .t{line-height:36px;font-size:16px;font-weight:600;}
.In1st-box .c{line-height:30px;}
.Inews-1st .In1st-date{padding:10px 0 11px;width:86px;text-align:center;font-size:18px;background:#0095e5;position:absolute;right:0px;bottom:0px;z-index:2;}
.In1st-date .d,
.Inews-date .d{line-height:26px;font-weight:600;}
.In1st-date .y,
.Inews-date .y{line-height:24px;}
.In1st-date .s,
.Inews-date .s{display:block;width:63px;height:1px;background:#fff;margin:5px auto; }

.Inews-swiper{width:46.6666%;float:right; height: 380px;}
.Inews-box{display:block;padding:3px 0 0 114px;position:relative;overflow:hidden;margin:16px 0 0;}
.Inews-box:first-child{margin:0px;}

.Inews-box .Inews-date{padding:9px 0 10px;width:86px;text-align:center;font-size:18px;color:#666666;border:1px solid #b4b4b4;position:absolute;left:0px;top:0px;}
.Inews-date .s{background:#bdbdbd;}
.Inews-box .name{line-height:22px;font-size:16px;font-weight:600;}
.Inews-box .con{height:54px;line-height:27px;color:#666666;margin:10px 0 0;}

.InSwiper-pagination{text-align:center;font-size:0px;position:relative;bottom:0px;margin:50px 0 0;}
.InSwiper-pagination .swiper-pagination{display:inline-block !important;padding:0 14px;background:#ffffff;position:relative !important;bottom:0px !important;z-index:2;}
.InSwiper-pagination .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#d4d4d4;opacity:1;margin:0 5px;cursor:pointer;}
.InSwiper-pagination .swiper-pagination .swiper-pagination-bullet-active{background:#e50012;}
.InSwiper-pagination:after{content:"";display:block;width:100%;height:1px;background:#e1e1e1;position:absolute;left:0px;top:50%;margin-top:-1px;}

.Inews-box:hover .name{color:#0095e5;}
.Inews-box:hover .Inews-date{background:#0095e5;border-color:#0095e5;}
.Inews-box:hover .Inews-date .d,
.Inews-box:hover .Inews-date .y{color:#fff;}
.Inews-box:hover .Inews-date .s{background:#fff;}
.contain{width:1200px;margin:0 auto;}
.p-title{text-align:center;}
.p-title .t{line-height:49px;font-size:49px;}
.p-title .s{display:block;width:20px;height:3px;background:#0095e5;margin:10px auto 0;}
.p-title .c{line-height:27px;font-size:16px;color:#666666;margin:13px 0 0;}






@media all and (max-width:1700px){/*1680 * 1050*/
    
    
}

@media all and (max-width:1460px){/*1440 * 900*/


   .Hn2nd-box.Hn2nd-commSrv{margin:0px;}
    
}

@media all and (max-width:1400px){
    
    
}

@media all and (max-width:1380px){/*1366*/

	.header-container{padding:0 .4rem 0 .4rem;}

}

@media all and (max-width:1300px){/*1280 * 800*/



   
}

@media all and (max-width:1280px){

	.contain{width:96%;padding:0 2%;}
	
	.Ipro-nav .contain{padding:0px;}
	.Ipro-nav a{padding:.48rem 0;}
	
	.commSrv-nav .contain,
	.csPro-nav .contain{padding:0px;}
	.csPro-nav a:first-child{border-left:0px;}
	.csPro-nav a:last-child{border-right:0px;}
	
	.auChonor-block{height:250px;line-height:250px;}
	.auChonor-con{width:90%;}
	.auChonor-con .name{width:100%;line-height:24px;height:48px;font-size:14px;}
	
}

@media all and (max-width:1260px){/*1260*/

}

@media all and (max-width:1200px){ /*1200*/

	.Footer-container .Fsplit{margin:0 1rem;}


}

@media all and (max-width:1100px){/*1024 * 768 */

	.Hnav .Hname{font-size:14px;}
	.Hnav>li{margin:0 0 0 .3rem;}
	
	.auCHistManSwiper-prev{left:0px;}
	.auCHistManSwiper-next{right:0px;}
	.auCHist-min{width:100%;padding:0 4%;}

    
}

@media all and (max-width:980px){/*web*/

	img{max-width:100%;}
	
	/*-- Header --*/
	.header-container{padding:0 4%;}
	
	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hlang,
	.Hsrch-menu{height:50px;}
	.Hlogo,
	.Hlang{line-height:50px;}
	.Hlogo img{height:28px;}
	.Hsrch{position:static;}
	.Hsrch-box{width:100%;top:50px;border-top:1px solid #ccc;}
	
	
	.Hmenu-btn-hr.Hmenu-btn,
	.Header-right{display:none !important;}
	
	.Hmenu-btn-web.Hmenu-btn{display:block;}
	
	.Hnav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;overflow-y:auto;display:none;}
	.Hnav>li{width:100%;border-top:1px solid #ccc;margin:0px;}
	.Hnav .Hname{padding:0 4%;line-height:45px;text-align:left;}
	
	.Hn2nd-wrap{padding:0px;border:0px;position:relative;top:0px;display:none;animation:none !important;-webkit-animation:none !important;}
	.Hn2nd-img,
	.HcommSrv-left,
	.Hn2nd-box .Hsplit{display:none;}
	.Hn2nd-box{display:block;float:none !important;left:0px !important;right:0px !important;}
	
	.Hn2nd-list{width:100%;margin:0px;}
	.Hn2nd-list a,
	.Hn2nd-nav .type,
	.Hn2nd-nav dl dt,
	.Hn2nd-nav dl dd a{width:100%;padding:0 6%;line-height:45px;border-bottom:0px;border-top:1px solid #ccc;margin:0px;}
	.Hn2nd-list a:after, 
	.Hn2nd-nav .type:after{display:none;}
	
	.Hn2nd-box.Hn2nd-cWeb,
	.Hn2nd-commSrv .Hn2nd-nav{margin:0px;}
	
	.Hn2nd-nav,
	.Hn2nd-nav2 ul li{width:100% !important;float:none;margin:0px;}
	.Hn2nd-nav dl dt{padding:0 10%;background-position:8% center;}
	.Hn2nd-nav dl dd a{padding:0 12%;background-position:10% center;}
	
	/*-- Footer --*/
   .Footer-container{padding:1.1rem 0 1.28rem;}
   .Fcr{padding:.4rem 4%;font-size:12px;line-height:18px;}
   .Fcon{width:100%;text-align:center;margin:0px;}
   .Fshare,
   .Footer-container .Fsplit{display:none;}
   
   .Fnav{width:25%;margin:1rem 0 0;}
   .Fct{float:left;clear:both;margin:1rem 0 0;}
   
   /*-- Container --*/
	#index-bnr{display:none;}
	#index-webBnr{display:block;}
	#index-webBnr .bnr-img{height:17.1rem;}
   
   .Ipro-wrap{padding:1rem 0;}
   .Ipro-box .Ipro-block{width:100%;padding:0px;}
   .Ipro-block .split{margin:.4rem 0;}
   .Ipro-block .btn{margin:.4rem 0 0;}   
   .Ipro-box .Ipro-img{width:100%;padding:0px;text-align:center;margin:.8rem 0 0;}
   .Ipro-img img{display:inline-block !important;width:auto !important;height:auto !important;position:relative !important;top:0px !important;left:0px !important;vertical-align:middle;}
   .Ipro-img .IpImg-1{display:none !important;}
   .Ipro-block .btn{width:160px;height:48px;line-height:46px;}
   
   .index-media{height:11.6rem;}
   
   .index-abUs .contain{padding:0px;}
   .IabUs-wrap{top:0px;margin:0px;}
	.Ipro-nav a{padding:.3rem 0;}
	.Ipro-nav a span{font-size:14px;}
	.Ipro-nav a .icon{width:38px;height:38px;}
	.IabUs-wrap .IabUs-box{padding:.82rem 0 0;}
	.IabUs-box .IabUs-icon{width:120px;height:120px;line-height:118px;}
	.IabUs-box .IabUs-block{padding:.52rem 11.25% .5rem;margin:.44rem 0 0;}
	.IabUs-block .con{margin:.3rem 0 0;}
	
	.Imedia-btn .btn{width:2.34rem;height:2.28rem;margin:0 auto .56rem;}
	.Imedia-btn img{width:4.48rem;}
	.prtvideo .Imedia-btn img{width:100%;}
	
	.index-news{padding:1rem 0 1.32rem;}
	.Inews-nav{margin:.5rem 0 0;}
	
	.Inews-wrap{margin:1rem 0 0;}
	.Inews-1st{width:570px;float:none;margin:0 auto;}
	.Inews-swiper{width:100%;float:none;margin:.76rem 0 0;}
	
	.Inews-box{margin:.76rem 0 0;}
	.InSwiper-pagination{margin:1rem 0 0;}
	
	.bnr-img.page-bnr{height:11.6rem;}
	
	.commSrv-nav a{padding:.24rem 0 .18rem;}
	.commSrv-nav a img{width:40px;}
	.commSrv-nav a .name{font-size:14px;}
	
	.commSrv-Ibrief{padding:1.2rem 0;}
	.csIbrief-box{padding:0px;width:100%;float:none;}	
	.csIbrief-box .split{margin:.4rem 0 .58rem;}
	.csIbrief-img{width:100%;height:auto;text-align:center;float:none;margin:.5rem 0 0;}
	.csIbrief-img img{width:auto;height:auto;}
	
	.commSrv-Ipro{padding:1rem 0 1.2rem;}
	.csIpro-swiper .swiper-container{padding:.8rem 2% 1rem;}
	.csIpro-box .name{margin:.52rem 0 0;}
	.csIpro-box .con{margin:.3rem 0 0;}
	.csIpro-box .btn{margin:.72rem 0 0;}
	
	.commSrv-Icase{paddding:.8rem 0 1.34rem;}
	.csIcase-list li{padding:.88rem 0 0 3.999938559960678%;}
	.csIcase-list .csIcase-box{padding:0 0 .78rem;}
	.csIcase-box .name{padding:.46rem 5.217391304347826% 0;}
	
	.csPro-nav a{padding:.28rem 0 .18rem;}
	.csPro-nav a .icon{width:40px;height:40px;}
	
	
	.csPro-container{padding:.92rem 0 1rem;}
	
	.csPro-top .csPtop-nav{width:100%;margin:0 0 0 -10px;}
	.csPtop-nav a{margin:10px 10px 0;}
	.csPro-top .csPtop-locate{display:none;}
	
	.csPro-container .pagination{margin:.54rem 0 0;}
	
	.csPro-info{padding:1.2rem 0;}
	.csPinfo-swiper{width:546px;float:none;margin:0 auto;}
	.csPinfo-box{width:100%;float:none;margin:.6rem 0 0;}
	
	.csPinfo-box .con,
	.csPinfo-box .btn.dd-btn{margin:.4rem 0 0;}
    
	.csPinfo-dtl{padding:1rem 0;}
	
	.bnr-img.csCase-bnr{height:8.4rem;}
	.csCbnr-box{width:92%;}
	.csCbnr-box .t1{line-height:34px;font-size:26px;}
	.csCbnr-box .t2{font-size:14px;line-height:24px;letter-spacing:2px;}
	
	.csCase-info{padding:1.2rem 0;}
	.csCinfo-left{width:100%;padding:.92rem 3.5%;float:none;}
	.csCinfo-top{padding:0 0 .6rem;line-height:30px;font-size:24px;}
	.csCinfo-box{padding:.8rem 0;}
	.csCinfo-page{margin:.4rem 0 0;}
	.csCinfo-page a{width:100%;padding:.3rem 0;text-align:left !important;}
	
	.csCinfo-right{display:none;}
	
	.abUs-comPro{padding:1.2rem 0 .8rem;}
	.auCp-box{margin:.66rem 0 0;}
	
	.abUs-comData{padding:2.48rem 0;}
	.abUs-comData ul li{width:50%;padding:.52rem 0 1px;}
	.abUs-comData ul li:first-child{border-left:0px;}
	.abUs-comData ul li:nth-child(2n){border-right:0px;}
	.abUs-comData ul li .num{font-size:40px;line-height:45px;}
	.abUs-comData ul li .con{padding:0 5%;}
	
	.abUs-comVision{padding:.9rem 0;}
	.auCv-wrap{margin:.68rem 0 0;}
	.auCv-box{width:96%;position:relative;top:0px;left:0px;margin:0 auto;}
	.auCv-img{width:100%;height:auto;text-align:center;float:none;margin:.4rem auto 0;}
	.auCv-img img{width:auto;height:auto;}
	.auCv-img:after{display:none;}
	
	.abUs-comSR{padding:1.2rem 0;}
	.auCSR-list{margin:0px;}
	.auCSR-list li *{transition:none !important;-webkit-transition:none !important;}
	.auCSR-list li{width:100%;margin:.8rem 0 0;}
	.auCSR-list .auCSR-box{width:30%;float:left;}
	.auCSR-list .auCSR-con{width:70%;height:468px;float:left;position:relative;left:0px !important;right:0px !important;opacity:1 !important;}
	
	.auCSR-box:hover:before{top:0px;opacity:1;}
	.auCSR-box:hover:after{bottom:0;opacity:1;}
	.auCSR-box:hover .name{top:120px;opacity:1;}
	.auCSR-box:hover .icon{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
	
	.abUs-comHonor{padding:1.04rem 0 1.02rem;}
	.auChonor-box{padding:0 0 .7rem;}
	
	.auChonor-swiper .swiper-pagination{margin:.8rem 0 0;}
	
	
	.abUs-comHist{padding:.5rem 0;background-size:cover;}
	.auCHist-man{width:100%;padding:0px;margin:1rem 0 0;}
	.auCHman-box.cur .year{width:50px;height:50px;line-height:50px;font-size:14px;margin-left:-25px;top:-33px;}
	.auCHman-box.cur .year:after{width:70px;height:70px;top:-10px;left:-10px;}
	.auCHist-min{margin:1.2rem 0 0;}
	.auCHist-min .swiper-container{padding:0px 0 1rem;}
	
	.IFT-box{padding:1.4rem 0 1.5rem;}
	.IFT-box .IFT-block{width:100%;float:none;}
	.IFT-box .IFT-img{width:100%;float:none;text-align:center;height:auto;}
	.IFT-box .IFT-img img{width:auto;height:auto;}
	
	.IFT-CP,
	.IFT-mod,
	.IFT-case{padding:1.2rem 0 1.4rem;}
	
	.IFTcase-list{margin:.5rem 0 0 -1.5%;}
	.IFTcase-list li{width:33.333%;padding:.54rem 0 0 1.477832512315271%;}
	
	.IFT-ct{padding:1.4rem 0;}
	.IFTct-box,
	.IFTct-map{width:100%;float:none;margin:0px;}
	.IFTct-map{margin:1rem 0 0;}
	.p-title .t{line-height:49px;font-size:30px;}
	.i_title h2 {
    line-height: 49px;
    font-size: 30px;
}
}


@media all and (max-width:768px){
	
	/*-- Footer --*/
	.Fcon{margin:0 0 .5rem;}
	.Footer-container .Fnav{width:100%;border-bottom:1px solid rgba(255,255,255,.3);margin:0px;}
	.Footer-container .Fnav dt .split{display:none;}
	.Footer-container .Fnav dt .type{padding:0 2%;height:50px;line-height:50px;}
	.Footer-container .Fnav dd{padding:0 0 10px;margin:0px;display:none;}
	.Footer-container .Fnav dd a{padding:0 6%;height:40px;line-height:40px;}
	
	
	/*-- Container --*/
	
	.csIcase-box .name{font-size:16px;line-height:24px;}
	.csIcase-box .con{line-height:22px;height:44px;}
	
	.csPro-nav a .icon{width:35px;height:35px;}
	.csPro-nav a .name{font-size:13px;line-height:24px;}
	
	.csPro-list li{width:100%;padding:.4rem 0 .4rem 3.225775234121043%;}
	
	.auCv-box{width:100%;}
	
	.IFTcase-list li{width:50%;}
     
     
}

@media all and (max-width:640px){
	#index-webBnr .bnr-img{height:21.375rem;}
	
   .Ipro-block .btn{width:140px;height:40px;line-height:38px;font-size:12px;}
   
	.IabUs-box .IabUs-icon{width:100px;height:100px;line-height:98px;}
	.IabUs-block .type{font-size:16px;line-height:24px;}
	.IabUs-block .con{font-size:12px;line-height:18px;height:36px;}
	
	.Inews-1st{width:96%;}
	.Inews-box{padding:3px 0 0 100px;}
	
	.commSrv-nav a img{width:30px;}
	.commSrv-nav a .name{font-size:12px;}
	
	.csIcase-list li{width:100%;}
	
	.csPro-nav{border-bottom:0px;}
	.csPro-nav a{width:33.333%;border-bottom:1px solid #e1e1e1;}
	.csPro-nav a:nth-child(3n){border-right:0px;}
	.csPro-nav a .icon{width:30px;height:30px;}
	.csPro-nav a .name{font-size:12px;line-height:20px;}
	
	
	.auCv-box{padding:1.2rem 4%;height:auto;}
	.auCv-box .auCv-block{width:100%;padding:21px 22px;}
    .auCv-block:before{left:0px;top:0px;}
    .auCv-block:after{right:0px;bottom:0px;}
	
	.auCSR-tb .auCSR-td{padding:0 5%;}
	.auCSR-box .name{font-size:14px;padding:10px 0;text-align:center;}
	.auCSR-box .icon{width:45px;height:45px;}
	.auCSR-box .name{width:84px;}
	.auCSR-list li:nth-child(5) .auCSR-box .name{width:112px;}
	.auCSR-td .split{margin:10px 0;}
	.auCSR-td .con{font-size:12px;line-height:24px;}
	.auCSR-td .name{font-size:16px;line-height:24px;}
	
	.auCHmin-box{padding:0px;}
	.auCHmin-box .auCHmin-img{width:100%;height:auto;position:relative;}
	.auCHmin-box .auCHmin-block{min-height:0px;padding:1rem 4%;}
	
	.IFTcase-box .IFTcase-right{font-size:12px;line-height:18px;}
	

    
}

@media all and (max-width:580px){
	.IabUs-wrap ul{background:#f0f0f0;padding:.3rem 2% .5rem;}
	
	.IabUs-wrap ul li{width:100%;background:#fff !important;float:none;margin:2% auto 0;}
	.IabUs-box .IabUs-icon{width:80px;height:80px;line-height:78px;}
	.IabUs-wrap .IabUs-box{padding:1.2rem 0 0;}
	.IabUs-wrap ul li .IabUs-block{padding:1rem 4%;background:#fff;}
	.IabUs-wrap{box-shadow:none;}
	.IabUs-wrap:before,
	.IabUs-wrap:after{display:none;}
	
	.Inews-nav a{width:100px;height:38px;line-height:38px;font-size:12px;}
	
	.csPinfo-swiper{width:100%;}
} 

@media all and (max-width:414px){
	
	.Imedia-btn .btn{width:3.51rem;height:3.42rem;margin:0 auto .56rem;}
	.Imedia-btn img{width:6.72rem;}
	
	.auCSR-box .name{width:auto !important;}




}

@media all and (max-width:375px){
    
}


 table, tbody, td, tfoot, thead, tr, video {
	margin: 0;
	padding: 0;
	border: 0
}

a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul {
	border: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video {
	display: block
}
table {
	border-collapse: separate;
	border-spacing: 0
}
table caption, table td, table th {
	text-align: left;
	vertical-align: middle
}
a img {
	border: 0
}
em{font-style:normal;}
:focus {
	outline: 0
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
}
body {
	background-color: #ffffff;/*整体背景颜色*/
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;*//*禁止复制*/
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(255,255,255,0);/*点击高亮效果*/
}
body, button, input, pre, select, textarea {
	font-size: 14px;
	font-family:'Arial','Microsoft YaHei';
}
input, textarea {
	-webkit-appearance: none;
	border-radius: 0
}
ol, ul {
	list-style: none
}
/*a, a:active, a:visited {*/
a, a:active{
	color: inherit;
	text-decoration: none;
	cursor:pointer;
}
h1, h2, h3, h4, h5, p, span {
	overflow: visible
}




.contain {
    max-width: 1200px;
    margin: 0 auto;
}
.ind-aims .ind-aimsfl {
    width: 52%;
    float: left;
    position: relative;
}
.ind-pubtit h2 {
    font-size: 38px;
    color: #000;
    text-align: center;
}


.ind-pubtit h2 {

    position: relative;
    font-size: 38px;
    color: #000;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 25px;

}
.ind-pubtit h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 4px;
    background: #0085e6;
    margin-left: -20px;
}
.ind-aims {
    background: #fafafa;
}
.pdtb60 {
    padding: 60px 0;
}
.clearfix {
    *zoom: 1;
}
.ind-aims .ind-aimsfl img {
    max-width: 100%;
}
img {
    max-width: 100%;
}
 .step {
    width: 100%;
    height: 645px;
    overflow: hidden;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
 .step .top {
    color: #fff;
    margin-top: 30px;
}
 .top {
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 28px;
    font-family: '幼圆';
    overflow: hidden;
}
 .step .t_sub {
    line-height: 22px;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
}
 .step .list0 {
    position: relative;
}
ol, ul {
    list-style: none;
}
 .step .list0 li.s0 {
    top: 35px;
    left: 250px;
}
 .step .list0 li {
    width: 153px;
    height: 144px;
    padding-top: 28px;
    background: url(../images/h2_1.png) no-repeat;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
li {
    list-style-type: none;
}
 .step .list0 li.s1 {
    top: 35px;
    left: 518px;
}
.step .list0 li.s2 {
    top: 35px;
    left: 780px;
}
.step .list0 li font {
    display: block;
}
.fz_28px {
    font-size: 28px;
}

.step .list0 li.s3 {
    top: 258px;
    left: 72px;
}
.step .list0 li.s4 {
    top: 258px;
    left: 370px;
}
.step .list0 li.s5 {
    top: 258px;
    left: 668px;
}
.step .list0 li.s6 {
    top: 258px;
    left: 960px;
}
.step .list0 li {
    width: 153px;
    height: 144px;
    padding-top: 28px;
    background: url(../images/h2_1.png) no-repeat;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}
.step .list0 li font {
    display: block;
}
.fz_28px {
    font-size: 28px;
}
.step .list0 li .fz_18px {
    margin: 6px 0;
}
 .step .list0 li font {
    display: block;
}

					body,html,div,p,ul,li{
				margin: 0;
				padding: 0;
			}
			h1,h2,h3,h4,h5{
				margin: 0;
				font-weight: normal;
			}
			li{
				list-style: none;
			}
			.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
			.clearfix{*+height:1%;}

			
			
			.pchoose{
				background: url(../images/sjtbg.jpg) no-repeat center bottom;
				background-size: cover;
				padding-top: 40px;
				padding-bottom: 50px;
			}
			.warp{
				min-width: 1000px;
				max-width: 1300px;
				margin: 0 auto;
			}
			.title_english{
				font-size: 40px;
				color: #223765;
				text-align: center;
			}
			.title{
				font-size: 46px;
				color: #fff;
				margin-top: -25px;
				text-align: center;
			}
			
			.choosecon{
				display:flex ;
				display: -webkit-flex;
				align-items: center;
				-webkit-align-items: center;
				text-align: center;
				padding: 0 100px;
			}
			.choosecon div{
				flex: 1;
				background: rgba(41,67,119,.3);
				border-radius: .5rem;
				-moz-border-radius: .5rem;
				margin: 40px 50px;
				padding: 10px 0;
				border: 1px solid #465e8f;
			}
			.choosecon strong{
				font-size: 36px;
				color: #ecc043;
			}
			.choosecon p{
				color: #bdb000;
				font-size: 24px;
			}
			.chooseul{
				font-size: 0;
				margin: 20px 0;
			}
			.border{
				height: 25px;
				background: url(../images/libg_1.png) no-repeat center center;
				background-size: 100%;
			}
			.chooseul li{
				float: left;
				text-align: center;
				font-size: 20px;
				color: #fff;
				width: 25%;
				margin: 30px 0;
			}
			.aboutus{
				text-align: center;
				font-size: 16px;
				color: #fff;
				line-height: 28px;
				width: 890px;
				margin: 0 auto;
				margin-top: 50px;
				margin-bottom: 40px;
			}
			.aboutus strong{
				font-weight: bold;
				color: #ecc043;
			}
			
			@media (max-width: 800px) {
				.warp{
					min-width: 100%;
					max-width: 100%;
				}
				.choosecon{
					padding: 0;
				}
				.choosecon div{
					margin: 5px;
				}
				.title_english{
					font-size: 30px;
				}
				.title{
					font-size: 30px;
				}
				.choosecon strong{
					font-size: 25px;
				}
				.choosecon p{
					font-size: 14px;
				}
				.chooseul li{
					margin: 20px 0;
					width: 50%;
				}
				.chooseul li img{
					width: 60px;
				}
				.border{
					display: none;
				}
				.aboutus{
					width: auto;
					margin: 20px 5px;
				}
			}
						.swiper-container,.pscase {
		      max-width: 1200px;
		      width: auto;
		      height: auto;
		      margin-left: auto;
		      margin-right: auto;
		    }
    .pscase .swiper-slide {
    	border: 1px solid #f0f0f0;
      text-align: center;
      font-size: 18px;
      background: #fff;
      overflow: hidden;
      height: auto;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .pscase .swiper-slide img{
    	width: 100%;
    	display: block;
    }
    .sw-cont{
    	width: 1300px;
    	margin: 0 auto;
    	position: relative;
    }
    .sw-cont .swiper-button-prev,.sw-cont .swiper-button-next{
    	border: none;
    	outline: none;
    }
    @media (max-width: 800px) {
    	.sw-cont,.swiper-container,.pscase{
    		width: auto;
    	}
    }
.actlocal{
				padding: 10px 10px 10px 0;
				width: 1300px;
				margin: 0 auto;
				border-bottom: 1px solid #eee;
				font-size:14px ;
				color: #999;
				text-align: right;
				vertical-align: middle;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.actlocal img,.actlocal span{
				display: inline-block;
				vertical-align: middle;
			}
			.actlocal a{
				color: #999;
				text-decoration: none;
			}
			.actlocal a:hover{
				color: #0095e5;
			}
			@media (max-width: 800px) {
		    	.actlocal{
		    		width: 100%;
		    	}	
    }
	
/*核心业务*/
.owl-demo7{ margin:0 auto; text-align:center; margin-top:3%; width:100%;}
.owl-demo7.owl-theme .owl-controls .owl-pagination{ display:none;}
.owl-demo7.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0; display:none;}
.owl-demo7.owl-theme .owl-controls .owl-page{ display:inline-block;}
.owl-demo7 .owl-carousel{width:100%;}
.owl-demo7 .item{margin:0 3%; width:95%;background:#fff;}
.owl-demo7 .item:hover{background:#0eb6f8;} 
.owl-demo7 .item img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.owl-demo7 .item dd{ text-align:left; width:100%;}
.owl-demo7 .item dd .imgs{width:100%; overflow:hidden;}
.owl-demo7 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo7 .item dd .i_five_txt{ overflow:hidden;  margin:0 auto;width:90%; padding-bottom:24px;}
.owl-demo7 .item dd .i_five_txt h2{height:56px; line-height:56px; overflow:hidden;  color:#333; white-space:nowrap;text-overflow:ellipsis; font-weight:normal; text-align:center; border-bottom:1px dashed #cecece; margin-bottom:15px;transition:all 0.3s;}
.owl-demo7 .item dd .i_five_txt p{ line-height:22px; height:44px; overflow:hidden;font-size:14px; color:#666; text-align:left; overflow:hidden; transition:all 0.3s;}
.owl-demo7 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo7 .item dd:hover .i_five_txt h2{color:#fff;border-bottom:1px dashed #fff;}
.owl-demo7 .item dd:hover .i_five_txt p{ color:#fff;}

.i_service{background:url(../images/bjtp001.jpg)  no-repeat; background-size:100% 100%;padding-bottom:4%; overflow:hidden; padding-top:50px;position:absolutely;}
.more {
    display: block;
    width: 140px;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    border: 1px solid #0eb6f8;
	background-color:#0eb6f8;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
	text-align:center;
}
.more:hover {
    display: block;
    width: 140px;
    height: 37px;
    line-height: 37px;
    margin: 0 auto;
    border: 1px solid #fff;
	background-color:#fff;
    border-radius: 15px;
    text-align: center;
    font-size: 14px;
    color: #0eb6f8;
    overflow: hidden;
	text-align:center;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
   .wrap li{
   	width:50%;
   	
   }
}




.aboutPage .history .content {
  position: relative;
  margin-top: 48px;
  padding: 90px 0 110px 0;
}
.aboutPage .history .content .line {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #cccccc;
}
.aboutPage .history .content .line:before {
  content: " ";
  width: 19px;
  height: 19px;
  position: absolute;
  left: -9px;
  top: 0;
  z-index: 5;
  background: url(../images/history_line1.gif) no-repeat;
}
.aboutPage .history .content .line::after {
  content: "未来";
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  position: absolute;
  left: -50%;
  bottom: 0;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 5;
  background: #0075c1;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
}
.aboutPage .history .content ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutPage .history .content li {
  width: 724px;
  float: right;
}
.aboutPage .history .content li:nth-child(even) {
  float: left;
}
.aboutPage .history .content li:nth-child(even) .icon {
  float: right;
  background: url(../images/history_icon2.png) no-repeat;
}
.aboutPage .history .content li:nth-child(even) .text {
  float: left;
  text-align: right;
}
.aboutPage .history .content li .icon {
  width: 49px;
  height: 9px;
  float: left;
  background: url(../images/history_icon1.png) no-repeat;
  position: relative;
  z-index: 5;
  margin-top: 16px;
}
.aboutPage .history .content li .text {
  width: 640px;
  float: right;
}
.aboutPage .history .content li .text .p1 {
  font-size: 30px;
  color: #0075c1;
}
.aboutPage .history .content li .text .p2 {
  line-height: 24px;
  font-size: 16px;
  color: #666666;
  margin-top: 12px;
}

@media only screen and (max-width: 1440px) {
  .aboutPage .history .content li {
    width: 605px;
  }
  .aboutPage .history .content li .text {
    width: 520px;
  }
  .aboutPage .message .content .r,
  .aboutPage .message .content .l {
    width: 590px;
  }
}
@media only screen and (min-width: 1200px) {
  .main .news .tabBox,
  .main .news .tab,
  .main .news .publicTitle,
  .main .case .publicTitle,
  .main .solution .solutionList li,
  .main .solution .publicTitle,
  .main .platform .content,
  .main .platform .publicTitle {
    position: relative;
    top: 150px;
    opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
  }
  .main .news .tabBox.an,
  .main .news .tab.an,
  .main .news .publicTitle.an,
  .main .case .publicTitle.an,
  .main .solution .solutionList li.an,
  .main .solution .publicTitle.an,
  .main .platform .content.an,
  .main .platform .publicTitle.an {
    top: 0;
    opacity: 1;
  }
  .main .case .content .box:nth-child(1) {
    position: relative;
    left: -500px;
    opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
  }
  .main .case .content .box:nth-child(1).an {
    left: 0;
    opacity: 1;
  }
  .main .news .one,
  .main .case .content .box:nth-child(3),
  .main .case .content .box:nth-child(2) {
    position: relative;
    right: -500px;
    opacity: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
  }
  .main .news .one.an,
  .main .case .content .box:nth-child(3).an,
  .main .case .content .box:nth-child(2).an {
    right: 0;
    opacity: 1;
  }
}

@media only screen and (max-width: 600px){
	.casePage .caseList li:nth-child(odd),
	.casePage .caseList li{
		padding: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 800px){
	.aboutPage .cooperation .list li{
		width: 25%;
	}
}
@media only screen and (max-width: 600px){
	.aboutPage .cooperation .list li{
		width: 33.33%;
	}
}
@media only screen and (max-width: 400px){
	.aboutPage .cooperation .list li{
		width: 50%;
	}
}


@keyframes rotating1{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(360deg);
		-webkit-transform: translate(-50%,0%) rotate(360deg);
		-moz-transform: translate(-50%,0%) rotate(360deg);
		-ms-transform: translate(-50%,0%) rotate(360deg);
		-o-transform: translate(-50%,0%) rotate(360deg);
	}
}
@-moz-keyframes rotating1{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(360deg);
		-webkit-transform: translate(-50%,0%) rotate(360deg);
		-moz-transform: translate(-50%,0%) rotate(360deg);
		-ms-transform: translate(-50%,0%) rotate(360deg);
		-o-transform: translate(-50%,0%) rotate(360deg);
	}
}
@-webkit-keyframes rotating1{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(360deg);
		-webkit-transform: translate(-50%,0%) rotate(360deg);
		-moz-transform: translate(-50%,0%) rotate(360deg);
		-ms-transform: translate(-50%,0%) rotate(360deg);
		-o-transform: translate(-50%,0%) rotate(360deg);
	}
}
@-o-keyframes rotating1{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(360deg);
		-webkit-transform: translate(-50%,0%) rotate(360deg);
		-moz-transform: translate(-50%,0%) rotate(360deg);
		-ms-transform: translate(-50%,0%) rotate(360deg);
		-o-transform: translate(-50%,0%) rotate(360deg);
	}
}
@keyframes rotating2{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(-360deg);
		-webkit-transform: translate(-50%,0%) rotate(-360deg);
		-moz-transform: translate(-50%,0%) rotate(-360deg);
		-ms-transform: translate(-50%,0%) rotate(-360deg);
		-o-transform: translate(-50%,0%) rotate(-360deg);
	}
}
@-moz-keyframes rotating2{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(-360deg);
		-webkit-transform: translate(-50%,0%) rotate(-360deg);
		-moz-transform: translate(-50%,0%) rotate(-360deg);
		-ms-transform: translate(-50%,0%) rotate(-360deg);
		-o-transform: translate(-50%,0%) rotate(-360deg);
	}
}
@-webkit-keyframes rotating2{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(-360deg);
		-webkit-transform: translate(-50%,0%) rotate(-360deg);
		-moz-transform: translate(-50%,0%) rotate(-360deg);
		-ms-transform: translate(-50%,0%) rotate(-360deg);
		-o-transform: translate(-50%,0%) rotate(-360deg);
	}
}
@-o-keyframes rotating2{
	0%{
		transform: translate(-50%,0%) rotate(0deg);
		-webkit-transform: translate(-50%,0%) rotate(0deg);
		-moz-transform: translate(-50%,0%) rotate(0deg);
		-ms-transform: translate(-50%,0%) rotate(0deg);
		-o-transform: translate(-50%,0%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,0%) rotate(-360deg);
		-webkit-transform: translate(-50%,0%) rotate(-360deg);
		-moz-transform: translate(-50%,0%) rotate(-360deg);
		-ms-transform: translate(-50%,0%) rotate(-360deg);
		-o-transform: translate(-50%,0%) rotate(-360deg);
	}
}



@keyframes rotating3{
	0%{
		transform: translate(-50%,-50%) rotate(0deg);
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
		-moz-transform: translate(-50%,-50%) rotate(0deg);
		-ms-transform: translate(-50%,-50%) rotate(0deg);
		-o-transform: translate(-50%,-50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,-50%) rotate(360deg);
		-webkit-transform: translate(-50%,-50%) rotate(360deg);
		-moz-transform: translate(-50%,-50%) rotate(360deg);
		-ms-transform: translate(-50%,-50%) rotate(360deg);
		-o-transform: translate(-50%,-50%) rotate(360deg);
	}
}
@-moz-keyframes rotating3{
	0%{
		transform: translate(-50%,-50%) rotate(0deg);
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
		-moz-transform: translate(-50%,-50%) rotate(0deg);
		-ms-transform: translate(-50%,-50%) rotate(0deg);
		-o-transform: translate(-50%,-50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,-50%) rotate(360deg);
		-webkit-transform: translate(-50%,-50%) rotate(360deg);
		-moz-transform: translate(-50%,-50%) rotate(360deg);
		-ms-transform: translate(-50%,-50%) rotate(360deg);
		-o-transform: translate(-50%,-50%) rotate(360deg);
	}
}
@-webkit-keyframes rotating3{
	0%{
		transform: translate(-50%,-50%) rotate(0deg);
		-webkit-transform: translate(-50%,-50%) rotate(0deg);
		-moz-transform: translate(-50%,-50%) rotate(0deg);
		-ms-transform: translate(-50%,-50%) rotate(0deg);
		-o-transform: translate(-50%,-50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%,-50%) rotate(360deg);
		-webkit-transform: translate(-50%,-50%) rotate(360deg);
		-moz-transform: translate(-50%,-50%) rotate(360deg);
		-ms-transform: translate(-50%,-50%) rotate(360deg);
		-o-transform: translate(-50%,-50%) rotate(360deg);
	}
}

@media only screen and (max-width: 600px){
	.casePage .caseList li:nth-child(odd),
	.casePage .caseList li{
		padding: 0;
		width: 100%;
	}
}
.aboutPage .introduction {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .history {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .history .title {
	font-size: 22px;
}
.aboutPage .history .content {
	margin-top: 28px;
	padding: 40px 0;
}
.aboutPage .history .content .line {
	left: 20px;
	top: 0;
}
.aboutPage .history .content .line::before {
	content: " ";
	width: 19px;
	height: 19px;
	position: absolute;
	left: -9px;
	top: 0;
	z-index: 5;
	background: url(../images/history_line1.gif) no-repeat;
}
.aboutPage .history .content .line::after {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.aboutPage .history .content li {
	width: 100%;
	margin-bottom: 20px;
}
.aboutPage .history .content li:nth-child(even) .icon {
	float: left;
	background: url(../images/history_icon1.png) no-repeat;
}
.aboutPage .history .content li:nth-child(even) .text {
	float: none;
	text-align: left;
}
.aboutPage .history .content li .icon {
	width: 40px;
	margin: 10px 0 0 15px;
}
.aboutPage .history .content li .text {
	width: 100%;
	float: none;
	padding-left: 60px;
	box-sizing: border-box;
}
.aboutPage .history .content li .text .p1 {
	font-size: 24px;
}
.aboutPage .history .content li .text .p2 {
	line-height: 22px;
	font-size: 14px;
	margin-top: 0px;
}
.aboutPage .publicTitle {
	font-size: 24px;
}
.aboutPage .honor {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .honor .swiper-container {
	margin-top: 26px;
}
.aboutPage .honor .swiper-container .swiper-slide {
	padding: 10px;
}
.aboutPage .honor .swiper-container .swiper-slide .text {
	font-size: 14px;
	margin-top: 10px;
}
.aboutPage .honor .next,
.aboutPage .honor .prev {
	margin: 18px 10px 0 10px;
}
.aboutPage .honor .next:hover,
.aboutPage .honor .prev:hover {
	background-color: #0075c1;
}
.aboutPage .recruitment {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .recruitment .list {
	margin: 20px 0 30px 0;
}
.aboutPage .recruitment .list li {
	margin-bottom: 20px;
}
.aboutPage .recruitment .list li .top {
	background-position: right 10px center;
	font-size: 14px;
	padding: 5px 10px;
}
.aboutPage .recruitment .list li .top .txt:first-child,
.aboutPage .recruitment .list li .top .txt {
	width: 50%;
	height: 30px;
	line-height: 30px;
}
.aboutPage .recruitment .list li .cont {
	padding: 14px 10px;
}
.aboutPage .recruitment .view {
	background-attachment: scroll;
	padding: 30px 0;
	margin-top: 40px;
}
.aboutPage .recruitment .view .p1 {
	line-height: 30px;
	font-size: 24px;
}
.aboutPage .recruitment .view .p2 {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.aboutPage .cooperation {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .cooperation .list {
	margin-top: 28px;
}
.aboutPage .cooperation .list li {
	width: 20%;
}
.aboutPage .cooperation .list li a:hover img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
@media only screen and (max-width: 800px){
	.aboutPage .cooperation .list li{
		width: 25%;
	}
}
@media only screen and (max-width: 600px){
	.aboutPage .cooperation .list li{
		width: 33.33%;
	}
}
@media only screen and (max-width: 400px){
	.aboutPage .cooperation .list li{
		width: 50%;
	}
}
.aboutPage .contact {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .contact #allmap {
	height: 260px;
	margin-top: 26px;
}
.aboutPage .contact .address .box {
	width: 100%;
	padding: 20px 14px;
	background: none;
}
.aboutPage .contact .address .box .icon {
	width: 80px;
	height: 80px;
}
.aboutPage .contact .address .box .tit {
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
}
.aboutPage .contact .address .box .txt {
	line-height: 24px;
	font-size: 14px;
}
.aboutPage .contact .address .box .txt a {
	font-size: 18px;
	color: #000000;
}
.aboutPage .message {
	padding: 30px 14px;
	box-sizing: border-box;
}
.aboutPage .message .title {
	font-size: 18px;
}
.aboutPage .message .content {
	margin-top: 26px;
}
.aboutPage .message .content .r,
.aboutPage .message .content .l {
	max-width: 600px;
	width: 100%;
	float: none;
	margin: 0 auto;
}
.aboutPage .message .content textarea,
.aboutPage .message .content input[type='text'] {
	height: 46px;
	line-height: 44px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 14px;
}
.aboutPage .message .content textarea {
	height: 150px;
	line-height: 20px;
	padding: 10px 10px;
}
.aboutPage .message .content .btn {
	height: 46px;
	line-height: 46px;
	font-size: 16px;
}
.aboutPage .message .content .btn:hover {
	background: #0075c1;
}

.wap .p-case-text {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 98%;
    height: 100%;
    background: rgba(51, 56, 62, 1);
    box-sizing: border-box;
}
.wap .p-address-bd .contact .ul .li {
    position: relative;
    float: left;
    margin: 0 39px 39px 0;
    width: 206px;
    height: 126px;
    overflow: hidden;
}
.wap .p-address-bd.contact .ul .li {
    float: left;
    margin: 0 9px 9px 0;
    width: 206px;
    height: 126px;
}
.p-address-pic {
    width: 204px;
    height: 124px;
    border: 1px solid #c1c1c1;
}
.p-address-pic img {
    width: 100%;
    height: 100%;
}
.wap .p-case-text {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 98%;
    height: 100%;
    background: rgba(51, 56, 62, 1);
    box-sizing: border-box;
}
html, body {
    font: 16px "microsoft yahei";
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, p, dl, dd, dt, ul, ol, li, body {
    margin: 0;
    padding: 0;
}

ul, ol, dl, dd, dt {
    list-style: none;
}

input, button, textarea {
    outline: none;
    font-family: "microsoft yahei";
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

a {
    color: #000;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal;
}

.lf {
    float: left;
}

.rt {
    float: right;
}






.content {
    width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cl:after, .content:after {
    content: " ";
    display: block;
    clear: both;
}

html, body {
    font: 16px "microsoft yahei";
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, p, dl, dd, dt, ul, ol, li, body {
    margin: 0;
    padding: 0;
}

ul, ol, dl, dd, dt {
    list-style: none;
}

input, button, textarea {
    outline: none;
    font-family: "microsoft yahei";
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

a {
    color: #000;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: normal;
}
.i_link{ text-align: center; }
.i_link .imgs{}
.lf {
    float: left;
}

.rt {
    float: right;
}

.content {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.cl:after, .content:after {
    content: " ";
    display: block;
    clear: both;
}

.show_top,
.show_bottom,
.show_left,
.show_right {
    opacity: 0;
    animation-name: none;
}

.show_top.animate {
    animation: showtop 1s ease forwards;
    -webkit-animation: showtop 1s ease forwards;
}

.show_bottom.animate {
    animation: showbottom 1s ease forwards;
    -webkit-animation: showbottom 1s ease forwards;
}

.show_left.animate {
    animation: showleft 1s ease forwards;
    -webkit-animation: showleft 1s ease forwards;
}

.show_right.animate {
    animation: showright 1s ease forwards;
    -webkit-animation: showright 1s ease forwards;
}

@keyframes showtop {
    0% {
        transform: translatey(-50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@-webkit-keyframes showtop {
    0% {
        transform: translatey(-50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@keyframes showbottom {
    0% {
        transform: translatey(50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@-webkit-keyframes showbottom {
    0% {
        transform: translatey(50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@keyframes showright {
    0% {
        transform: translatex(50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@-webkit-keyframes showright {
    0% {
        transform: translatex(50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@keyframes showleft {
    0% {
        transform: translatex(-50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

@-webkit-keyframes showleft {
    0% {
        transform: translatex(-50px);
        opacity: 0;
    }
    100% {
        transform: translatey(0);
        opacity: 1;
    }
}

body {
    padding-top: 80px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    line-height: 90px;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    z-index: 1000;
    transition: all .5s ease;
}

.h-slogan {
    margin-left: 25px;
}

.h-nav li {
    position: relative;
    float: left;
}

.h-nav li a {
    display: block;
    color: #666;
    padding-left: 45px;
}

.h-nav li.show a,
.h-nav li a:hover {
    color: #f00;
}

.h-nav li:not(.h-nav-first):before {
    content: " ";
    position: absolute;
    top: 43px;
    left: 20px;
    width: 5px;
    height: 5px;
    background: url(../images/t-nav-icon_4.png) no-repeat center;
}

.h-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 0;
    box-sizing: border-box;
    background: #fff;
    opacity: 0;
    z-index: -1;
}

.h-menu.show {
    opacity: 1;
    height: 190px;
    padding-top: 90px;
    transition: all .3s ease;
}

.h-menu-list {
    display: none;
}

.h-menu-list.show {
    display: block;
}

.h-menu-list ul {
    height: 100px;
    text-align: center;
}

.h-menu-list li {
    position: relative;
    display: inline-block;
    width: 120px;
    line-height: 50px;
    left: 50px;
    opacity: 0;
    cursor: pointer;
}

.h-menu-list.show li:nth-child(1) {
    transition: all .3s ease .3s;
}

.h-menu-list.show li:nth-child(2) {
    transition: all .3s ease .35s;
}

.h-menu-list.show li:nth-child(3) {
    transition: all .3s ease .4s;
}

.h-menu-list.show li:nth-child(4) {
    transition: all .3s ease .45s;
}

.h-menu-list.show li:nth-child(5) {
    transition: all .3s ease .5s;
}

.h-menu-list.show li:nth-child(6) {
    transition: all .3s ease .55s;
}

.h-menu-list.show li:nth-child(7) {
    transition: all .3s ease .6s;
}

.h-menu-list.show li:nth-child(8) {
    transition: all .3s ease .65s;
}

.h-menu-list.show li:nth-child(9) {
    transition: all .3s ease .7s;
}

.h-menu-list li span {
    display: block;
    font-size: 14px;
    color: #666;
}

.h-menu li:hover img {
    transform: rotatey(360deg);
    transition: transform .5s ease;
}

.h-menu-list li:hover span {
    color: #ff0000;
}

.f-contact {
    background: #292828;
    padding: 40px 0 30px;
}

.contact-list {
    font-size: 14px;
    line-height: 35px;
    width: 445px;
    color: #9d9d9d;
}

.contact-list p i {
    padding: 2px 15px;
}

.contact-list .addr i {
    background: url(../images/footer-icon_4.png) no-repeat 0 1px;
}

.contact-list .services-phone i {
    background: url(../images/footer-icon_4.png) no-repeat 0 -24px;
}

.contact-list .design-phone i {
    background: url(../images/footer-icon_4.png) no-repeat 0 -48px;
}

.contact-list .allday-phone i {
    background: url(../images/footer-icon_4.png) no-repeat 0 -71px;
}

.contact-list .email i {
    background: url(../images/footer-icon_4.png) no-repeat 0 -94px;
}

.contact-phone {
    margin: 47px 0;
    width: 300px;
}

.contact-phone-text {
    width: 241px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 5px;
    background: url(../images/footer-service_4.png) no-repeat center top;
    background-size: 100%;
    color: #9d9d9d;
}

.contact-phone-num {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 2px;
    color: #d7d7d7;
}

.f-copyright {
    font-size: 14px;
    color: #9d9d9d;
    line-height: 52px;
    background: #202020;
    clear: both;
}

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

.float_slider li {
    position: relative;
    width: auto;
    height: 50px;
    margin: 2px 0;
    transition: all .3s ease;
}

.float_slider li.float_qq1, .float_slider li.float_qq4 {
    left: 0;
    width: 62px;
}

.float_slider li.float_qq2 {
    left: 0;
    width: 126px;
}

.float_slider li.float_qq3 {
    left: 0;
    width: 172px;
}

.float_slider li.float_qq2:hover {
    left: -76px;
}

.float_slider li.float_qq3:hover {
    left: -122px;
}

.float_slider li a {
    display: block;
    color: #FFF;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #000;
    opacity: 0.8;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    cursor: pointer;
}

.float_slider li a img {
    display: inline-block;
    float: left;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 12px 12px 14px 14px;
}

.float_slider li a:hover {
    background-color: #c70c1f;
    opacity: 1;
}

.float_slider li:hover .float_shwx {
    display: block;
}

.float_shwx {
    position: absolute;
    top: -226px;
    left: -216px;
    width: 216px;
    height: 216px;
    padding-bottom: 9px;
    display: none;
}

.float_shwx img {
    display: block;
    padding: 14px;
    background-color: #FFF;
    width: 188px;
    height: 188px;
}



.float_list{
    position: fixed;
    top: 50%;
    left: 40px;
    margin-top: -155px;
    box-sizing: border-box;
    z-index: 100;
}
.float_list ul{
    position: relative;
    padding:10px 14px;
    border-left: 1px dotted #000;
}
.float_list ul:after{
    content: ' ';
    position: absolute;
    top: 0;
    left: -7px;
    width: 13px;
    height: 7px;
    background:url(../images/slider_4.png) no-repeat center;
}
.float_list li{
    position: relative;
    color:#fff;
    font-size: 14px;
}
.float_list li span{
    display: block;
    width: 30px;
    height: 30px;
    text-align:center ;
    line-height: 30px;
    border-radius: 20px;
    margin:10px 0;
    padding:0 5px;
    background: #000;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    transition: all .3s ease;
}
.float_list li:hover span{
    width: 100px;
    background: #f00;
}
.float_list li:after{
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 12px;
    left: -17px;
    border-radius: 50%;
    background: #000;
    z-index: 100;
}
.float_list li.show span{
    background: #f00;
}
.float_list li.show:after{
    background: #f00;
}
.banner{
    position: relative;
    height: 500px;
    overflow: hidden;
}
.b-pic li{
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    z-index: 5;
    margin-left: -960px;
    transition: all .5s ease;
}

.b-pic li.show{
    opacity: 1;
    z-index: 10;
}


.b-pic-box1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: right;
}
.b-pic-box1 .content{
    position: relative;
    height: 100%;
}

.b-pic-box1 p{
    position: absolute;
    opacity: 0;
}
.b-pic-box1-05{
    top: 27px;
    left: 120px;
}
.b-pic-box1-06{
    top: 63px;
    left: 120px;
}

.b-pic-box1-01{
    bottom: 125px;
    right: 50px;
}
.b-pic-box1-02{
    bottom: 90px;
    right: 50px;
}
.b-pic-box1-03{
    bottom: 57px;
    right: 50px;
}
.b-pic-box1-07{
    bottom: 182px;
    right: 171px;
}
.b-pic-box1-08{
    bottom: 182px;
    right: -50px;
}

.b-pic-box1-09{
    bottom: 185px;
    right: 0;
}

.b-pic-box1.show p{
    opacity:1;
}

.b-pic-box1.show .b-pic-box1-05{
    top: 77px;
    transition: all .5s ease .5s;
}
.b-pic-box1.show .b-pic-box1-06{
    top: 113px;
    transition: all .5s ease .6s;
}
.b-pic-box1.show .b-pic-box1-07{
    right: 221px;
    transition: all .5s ease 1.1s;
}
.b-pic-box1.show .b-pic-box1-08{
    right: 0;
    transition: all .5s ease 1.3s;
}
.b-pic-box1.show .b-pic-box1-09{
    bottom: 165px;
    transition: all .5s ease 1.8s;
}

.b-pic-box1.show .b-pic-box1-01{
    right: 0;
    transition: all .5s ease 2.3s;
}
.b-pic-box1.show .b-pic-box1-02{
    right: 0;
    transition: all .5s ease 2.4s;
}
.b-pic-box1.show .b-pic-box1-03{
    right: 0;
    transition: all .5s ease 2.5s;
}

.b-pic-box2{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 120px;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
}

.b-pic-box2 p{
    position: relative;
    opacity: 0;
    bottom: 50px;
}
.b-pic-box2.show p{
    opacity: 1;
    bottom: 0;
}
.b-pic-box2-01{
    margin-bottom: 34px;
}
.b-pic-box2.show .b-pic-box2-01{
    transition: all .5s ease 1.1s;
}
.b-pic-box2-02{
    margin-bottom: 10px;
}
.b-pic-box2.show .b-pic-box2-02{
    transition: all .5s ease 1.2s;
}
.b-pic-box2-03{
    margin-bottom: 50px;
}
.b-pic-box2.show .b-pic-box2-03{
    transition: all .5s ease 1.3s;
}
.b-pic-box2-04 a{
    padding: 12px 26px;
    background: #da251d;
    border: 1px solid #da251d;
    border-radius: 23px;
    transition: all .5s ease;
}
.b-pic-box2-04 a:hover{
    background: transparent;
    border: 1px solid #fff;
}
.b-pic-box2.show .b-pic-box2-04{
    transition: all .5s ease 1.4s;
}
.b-pic-box2 .b-pic-box2-05 {
    position: absolute;
    left: 0;
    bottom: -200px;
}
.b-pic-box2.show .b-pic-box2-05 {
    bottom: 0;
    transition: all .5s ease .5s;
}
.b-pic-box2 .b-pic-box2-06 {
    position: absolute;
    right: 0;
    top: -400px;
}
.b-pic-box2.show .b-pic-box2-06{
    top: 0;
    transition: all .5s ease .5s;
}



.b-pic-box3{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.b-pic-box3 .content{
    position: relative;
    height: 100%;
}
.b-pic-box3 a{
    position: absolute;
    right: 0;
    bottom: 160px;
    padding: 16px 62px;
    margin: 0 5px;
    transition: all .3s ease;
}
.b-pic-box3 a:after{
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 4px;
    border: 1px solid #fff;
}
.b-pic-box3 a img{
    opacity: 0;
}
.b-pic-box3.show a img{
    opacity: 1;
    transition: all .5s ease 1.5s;
}
.b-pic-box3.show a:after{
    bottom: 0;
    opacity: 1;
    transition: all .5s ease 1.8s;
}
.b-pic-box3-02{
    position: absolute;
    top: 55px;
    left: -170px;
    opacity: 0;
}
.b-pic-box3.show .b-pic-box3-02 {
    opacity: 1;
    left: 70px;
    transition: all .5s ease .5s;
}
.b-pic-box3-03{
    position: absolute;
    top: 115px;
    right: -100px;
    opacity: 0;
}
.b-pic-box3.show .b-pic-box3-03 {
    right: 0;
    opacity: 1;
    transition: all .5s ease 1s;
}
.b-pic-box4{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.b-pic-box4 .content{
    position: relative;
    height: 100%;
}

.b-pic-box4-04 a{
    line-height: 19px;
}
.b-pic-box4-04 a i{
    display: inline-block;
    margin-bottom: -5px;
    margin-left: 9px;
    padding:10px;
    background: url(../images/banner4-icon_4.png) no-repeat center;

}

.b-pic-box4-all{
    position: absolute;
    right: 198px;
    top: 76px;
    z-index: 100;
    opacity: 0;
}

.b-pic-box4.show .b-pic-box4-01{
    right: 288px;
    top: 26px;
    opacity: 1;
    box-shadow: 10px 10px 10px rgba(0,0,0,.40);
    transition: all .7s ease .5s;
}
.b-pic-box4.show .b-pic-box4-02{
    right: 238px;
    top: 46px;
    opacity: 1;
    box-shadow: 10px 10px 10px rgba(0,0,0,.40);
    transition: all .7s ease .5s;
}
.b-pic-box4.show .b-pic-box4-03{
    right: 208px;
    top: 66px;
    opacity: 1;
    box-shadow: 10px 10px 10px rgba(0,0,0,.40);
    transition: all .7s ease .5s;
}
.b-pic-box4-04{
    position: absolute;
    top: 340px;
    left: 85px;
    padding: 13px 24px;
    border-radius: 23px;
    opacity: 0;
    background: #da251d;
}
.b-pic-box4.show .b-pic-box4-04{
    top: 360px;
    opacity: 1;
    transition: all .5s ease .8s;
}
.b-pic-box4-05{
    position: absolute;
    right: 27px;
    top: 28px;
    opacity: 0;
}
.b-pic-box4.show .b-pic-box4-05{
    opacity: 1;
    transition: all .5s ease .5s;
}
.b-pic-box4-06{
    position: absolute;
    left: 35px;
    top: 128px;
    opacity: 0;
}
.b-pic-box4.show .b-pic-box4-06{
    left: 85px;
    opacity: 1;
    transition: all .5s ease .5s;
}
.b-pic-box4-07{
    position: absolute;
    bottom: -21px;
    left: -360px;
}
.b-pic-box4.show .b-pic-box4-07{
    bottom: -1px;
    transition: all .5s ease .5s;
}



.b-pic-box5{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.b-pic-box5 .content{
    position: relative;
    height: 100%;
    padding-top: 192px;
    box-sizing: border-box;
}
.b-pic-box5-01 span{
    position: relative;
    top: 64px;
    display: inline-block;
    width: 0;
    height: 0;
    box-sizing: border-box;
    background: rgba(27,35,47,.95) url(../images/banner5-01_4.png) no-repeat center;
    overflow: hidden;
}

.b-pic-box5.show .b-pic-box5-01 span{
    top: 0;
    width: 517px;
    height: 127px;
    border-radius: 64px;
    border: 3px solid #95979b;
    transition: all .5s ease 1s;
}
.b-pic-box5-02{
    position: absolute;
    top: 87px;
    left: -100px;
    z-index: 100;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-02{
    opacity: 1;
    left: -32px;
    transition: all .5s ease .5s;
}
.b-pic-box5-03{
    position: absolute;
    top: 61px;
    left: -100px;
    z-index: 102;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-03{
    opacity: 1;
    left: 176px;
    transition: all .5s ease .5s;
}
.b-pic-box5-04{
    position: absolute;
    top: 167px;
    left: -100px;
    z-index: 101;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-04{
    opacity: 1;
    left: 51px;
    transition: all .5s ease .5s;
}
.b-pic-box5-05{
    position: absolute;
    top: 288px;
    left: -100px;
    z-index: 102;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-05{
    opacity: 1;
    left: -30px;
    transition: all .5s ease .5s;
}
.b-pic-box5-06{
    position: absolute;
    top: 270px;
    left: -100px;
    z-index: 102;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-06{
    opacity: 1;
    left: 157px;
    transition: all .5s ease .5s;
}

.b-pic-box5-07{
    position: absolute;
    top: 83px;
    right: -100px;
    z-index: 102;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-07{
    opacity: 1;
    right: 31px;
    transition: all .5s ease .5s;
}
.b-pic-box5-08{
    position: absolute;
    top: 230px;
    right: -100px;
    z-index: 101;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-08{
    opacity: 1;
    right: 12px;
    transition: all .5s ease .5s;
}
.b-pic-box5-09{
    position: absolute;
    top: 193px;
    right:-100px;
    z-index: 101;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-09{
    opacity: 1;
    right: 158px;
    transition: all .5s ease .5s;
}
.b-pic-box5-10{
    position: absolute;
    top: 300px;
    right: -100px;
    z-index: 100;
    opacity: 0;
}
.b-pic-box5.show .b-pic-box5-10{
    opacity: 1;
    right: 96px;
    transition: all .5s ease .5s;
}
.b-pic-box5-11{
    position: absolute;
    top: 337px;
    right: -100px;
    z-index: 101;
    opacity: 0;
}

.b-pic-box5.show .b-pic-box5-11{
    opacity: 1;
    right: 225px;
    transition: all .5s ease .5s;
}

.b-index{
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 1200px;
    z-index: 100;
    text-align: center;
    margin-left: -600px;
}
.b-index span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border:2px solid #fff;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all .3s ease;
}
.b-index span.show{
    background: #fff;
}


.index-m-tt {
    text-align: center;
    padding: 63px 0 20px;
}

.index-m-blod {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    color: #010101;
    margin-top: 10px;
    padding-bottom: 15px;
}

.index-m-fefefe {
    color: #fefefe;
}

.index-m-blod:after {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 376px;
    height: 1px;
    margin-left: -188px;
    background: #ddd;
    z-index: 5;
}

.index-m-blod:before {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 68px;
    height: 3px;
    margin-left: -34px;
    background: #cbcbcb;
    z-index: 10;
}

.index-m-light {
    font-size: 14px;
    color: #303030;
    margin-top: 10px;
}

.index-m-f1f1f1 {
    color: #f1f1f1;
}

/************* services ****************/
.m-services {
    background: #f1f1f1;
}

.services-bd {
    padding-bottom: 53px;
}

.services-bd li {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 10;
}

.services-bd li a {
    position: relative;
    display: block;
    padding: 27px 19px;
    transition: all .3s ease;
    overflow: hidden;
}

.services-bd li a:after {
    content: ' ';
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    z-index: -1;
    transition: all .3s ease;
}

.services-bd-icon {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.services-bd-icon:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/services-icon_4.png);
    background-repeat: no-repeat;
    background-size: 200%;
}

.services-bd-list1 .services-bd-icon:before {
    background-position: 0 0;
}

.services-bd-list2 .services-bd-icon:before {
    background-position: 0 -140px;
}

.services-bd-list3 .services-bd-icon:before {
    background-position: 0 -280px;
}

.services-bd-list4 .services-bd-icon:before {
    background-position: 0 -420px;
}

.services-bd-icon:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/services-border_4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: transform 3s ease;
}

.services-bd-title {
    text-align: center;
    margin: 15px 0 5px;
}

.services-bd-infor {
    color: #393939;
    font-size: 12px;

    line-height: 20px;
    text-align: justify;
    transition: all .3s ease;
}

.services-bd li:hover a {
    color: #fff;
}

.services-bd li:hover a:after {
    bottom: 0;
}

.services-bd li:hover .services-bd-infor {
    color: #fff;
}

.services-bd li:hover .services-bd-icon:after {
    background-image: url(../images/services-border-hover_4.png);
    -webkit-animation: rotateBorder 3s linear infinite;
    animation: rotateBorder 3s linear infinite;
}

.services-bd .services-bd-list1:hover .services-bd-icon:before {
    background-position: -140px 0;
}

.services-bd .services-bd-list2:hover .services-bd-icon:before {
    background-position: -140px -140px;
}

.services-bd .services-bd-list3:hover .services-bd-icon:before {
    background-position: -140px -280px;
}

.services-bd .services-bd-list4:hover .services-bd-icon:before {
    background-position: -140px -420px;
}

@-webkit-keyframes rotateBorder {
    from {
        transform: rotatez(0);
    }
    to {
        transform: rotatez(360deg);
    }
}

@keyframes rotateBorder {
    from {
        transform: rotatez(0);
    }
    to {
        transform: rotatez(360deg);
    }
}

@media (max-width: 1280px) {
    .services-bd li {
        padding: 0 .16666666rem;
    }

    .services-bd-icon {
        width: 1.1666666rem;
        height: 1.1666666rem;
    }

    .services-bd li a {
        padding: .225rem .125rem;
    }

    .services-bd-infor {
        line-height: 18px;
    }

    .services-bd-list2 .services-bd-icon:before {
        background-position: 0 -1.166666rem;
    }

    .services-bd-list3 .services-bd-icon:before {
        background-position: 0 -2.333333333rem;
    }

    .services-bd-list4 .services-bd-icon:before {
        background-position: 0 -3.5rem;
    }

    .services-bd .services-bd-list1:hover .services-bd-icon:before {
        background-position: -1.1666666rem 0;
    }

    .services-bd .services-bd-list2:hover .services-bd-icon:before {
        background-position: -1.1666666rem -1.1666666rem;
    }

    .services-bd .services-bd-list3:hover .services-bd-icon:before {
        background-position: -1.1666666rem -2.3333333rem;
    }

    .services-bd .services-bd-list4:hover .services-bd-icon:before {
        background-position: -1.1666666rem -3.5rem;
    }
}

@media (max-width: 768px) {
    .services-bd li {
        width: 50%;
        padding: 0;
    }

    .services-bd li a {
        padding: 20px 0.2666666rem;
    }

    .services-bd-icon {
        width: 2.66666666rem;
        height: 2.66666666rem;
    }

    .services-bd-list2 .services-bd-icon:before {
        background-position: 0 -2.66666666rem;
    }

    .services-bd-list3 .services-bd-icon:before {
        background-position: 0 -5.333333333rem;
    }

    .services-bd-list4 .services-bd-icon:before {
        background-position: 0 -8rem;
    }

    .services-bd .services-bd-list1:hover .services-bd-icon:before {
        background-position: -2.6666666rem 0;
    }

    .services-bd .services-bd-list2:hover .services-bd-icon:before {
        background-position: -2.6666666rem -2.6666666rem;
    }

    .services-bd .services-bd-list3:hover .services-bd-icon:before {
        background-position: -2.6666666rem -5.333333333rem;
    }

    .services-bd .services-bd-list4:hover .services-bd-icon:before {
        background-position: -2.6666666rem -8rem;
    }

    .services-bd-title {
        font-size: 0.3733333333rem;
    }

    .services-bd-infor {
        font-size: 0.26666666rem;
        line-height: 0.48rem;
    }
}

/************* case ****************/
.in-top .case-box {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: in-top .3s ease forwards;
    animation: in-top .3s ease forwards;
}

.in-right .case-box {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation: in-right .3s ease forwards;
    animation: in-right .3s ease forwards;

}

.in-bottom .case-box {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom .3s ease forwards;
    animation: in-bottom .3s ease forwards;
}

.in-left .case-box {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: in-left .3s ease 0ms forwards;
    animation: in-left .3s ease forwards;
}

.out-top .case-box {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: out-top .3s ease 0ms forwards;
    animation: out-top .3s ease forwards;
}

.out-right .case-box {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right .3s ease forwards;
    animation: out-right .3s ease forwards;
}

.out-bottom .case-box {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom .3s ease forwards;
    animation: out-bottom .3s ease forwards;
}

.out-left .case-box {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: out-left .3s ease forwards;
    animation: out-left .3s ease forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 90deg);
        transform: rotate3d(-1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 180deg);
        transform: rotate3d(-1, 0, 0, 180deg);
    }
}

@keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 180deg);
        transform: rotate3d(-1, 0, 0, 180deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 180deg);
        transform: rotate3d(0, -1, 0, 180deg);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 180deg);
        transform: rotate3d(0, -1, 0, 180deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 180deg);
        transform: rotate3d(1, 0, 0, 180deg);
    }
}

@keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 180deg);
        transform: rotate3d(1, 0, 0, 180deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 180deg);
        transform: rotate3d(0, 1, 0, 180deg);
    }
}

.case-bd {
    height: 570px;
    overflow: hidden;
}

.case-bd ul {
    position: relative;
    top: 0;
}

.case-bd li {
    position: relative;
    float: left;
    width: 20%;
    -webkit-perspective: 400px;
    perspective: 400px;
    overflow: hidden;
    transition: all .3s ease;
}

.case-pic img {
    width: 100%;
}

.case-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 15% 0;
    background: rgba(0, 0, 0, .5);
    box-sizing: border-box;
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    overflow: hidden;
}

.case-detail {
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    padding: 0 10%;
    margin: 20px 0 25px;
}

.case-link a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/case-link_4.png) no-repeat center;
    background-size: 100%;
}

.case-paging {
    text-align: center;
    line-height: 26px;
    margin-top: 15px;
}

.case-paging span {
    display: inline-block;
    margin: 0 9px;
}

.case-paging span.case-btn {
    cursor: pointer;
}

/************* about ****************/

.about-bd {
    position: relative;
    background: #000 url(../images/about-bg_4.jpg) no-repeat center;
    height: 660px;
}

.about-bd-box {
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 588px;
    height: 340px;
    margin-left: -294px;
    background: url(../images/about-box-bg_4.png) no-repeat center;
    background-size: 100%;
}

.about-bd-text {
    margin: 20px 71px 0;
    height: 281px;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    text-align: justify;
    padding: 55px 30px;
    box-sizing: border-box;
    background: #d5060c;
}

.about-bd-pic {
    position: absolute;
    top: 20px;
    left: 71px;
    width: 446px;
    height: 281px;
    z-index: 10;
}

.about-bd-pic li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 0);
    opacity: 0;
    overflow: hidden;
}

.about-bd-pic li.show {
    opacity: 1;
    transform: scale(1, 1);
    transition: all .3s ease;
}

.about-bd-pic li img {
    width: 100%;
}

.about-bd-list {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1213px;
    height: 100%;
    margin-left: -606px;
    background: url(../images/about-border-bg_4.png) no-repeat center bottom;
    overflow: hidden;
}

.about-bd-list-box {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.about-bd-list ul {
    position: relative;
    width: 100%;
    height: 100%;
    transform: rotatez(-180deg);
    transform-origin: 50% 100%;
    transition: transform 3s ease;
}

.about-bd-list ul.show {
    transform: rotatez(0deg);
}

.about-bd-list li {
    position: absolute;
    width: 112px;
    height: 112px;
    padding: 12px;
    box-sizing: border-box;
    background-image: url(../images/about-pic-border_4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    cursor: pointer;
}

.about-bd-list li.show,
.about-bd-list li:hover {
    padding: 0;
}

.about-bd-list li img {
    width: 100%;
}

.about-bd-list .about-bd-list1 {
    left: 10px;
    bottom: 40px;
}

.about-bd-list .about-bd-list2 {
    left: 64px;
    bottom: 210px;
}

.about-bd-list .about-bd-list3 {
    left: 170px;
    bottom: 375px;
}

.about-bd-list .about-bd-list4 {
    left: 319px;
    bottom: 473px;
}

.about-bd-list .about-bd-list5 {
    left: 550px;
    bottom: 520px;
}

.about-bd-list .about-bd-list6 {
    right: 319px;
    bottom: 473px;
}

.about-bd-list .about-bd-list7 {
    right: 170px;
    bottom: 375px;
}

.about-bd-list .about-bd-list8 {
    right: 64px;
    bottom: 210px;
}

.about-bd-list .about-bd-list9 {
    right: 10px;
    bottom: 40px;
}

/************* maddress ****************/
.address-bd {
    padding: 30px 0 60px;
}

.address-bd .content {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.address-bd ul {
    position: relative;
    width: 20000px;
}

.address-bd li {
    float: left;
    width: 300px;
    padding: 0 30px;
    box-sizing: border-box;
}

.address-bd li a {
    display: block;
    padding: 20px 20px 40px;
    border: 1px solid transparent;
    transition: all .5s ease;
}

.address-bd li a:hover {
    border: 1px solid #efefef;
    box-shadow: 0 0 20px #d7d7d7;
}

.address-bd-icon {
    width: 200px;
    margin: 0 auto 30px;
}

.address-bd-icon img {
    width: 100%;
}

.address-bd-title {
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

.address-bd-infor {
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    height: 80px;
    overflow: hidden;
}

.address-btn p {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 36px;
    margin-top: -18px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.address-btn-lf {
    left: 0;
    background-image: url(../images/address-lf_4.png);
}

.address-btn-rt {
    right: 0;
    background-image: url(../images/address-rt_4.png);
}

.address-bd .content:hover .address-btn p {
    opacity: 1;
    visibility: visible;
}

/************* advantage ****************/
.m-advantage {
    background: #292828;
    padding-bottom: 50px;
}

.advantage-bd ul {
    margin: 0 -25px;
}

.advantage-bd li {
    float: left;
    width: 200px;
    margin: 0 25px;
}

.advantage-bd-num {
    font-weight: bold;
    font-size: 68px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    color: #fff;
    margin: 40px 0;
    background: #f00;
    border-radius: 10px;
}

.advantage-bd-text {
    font-size: 18px;
    color: #fff;
    text-align: center;
}

/************* client ****************/
.client-bd li {
    position: relative;
    float: left;
    width: 12.5%;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
}

.client-bd li img {
    width: 100%;
    transition: all .3s ease;
}

.client-bd li:hover img {
    transform: scale(1.2, 1.2);
}

.client-bd li:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: -138px;
    width: 138px;
    height: 120px;
    background: url(../images/parent-bg_4.png) no-repeat center;
}

.client-bd li:hover:after {
    left: 150%;
    transition: all .7s ease;
}

.client-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 14px;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
}

.client-bd li:hover .client-text {
    opacity: 1;
    transition: all .7s ease;
}

.client-text p {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 24px;
    line-height: 24px;
    color: #fff;
    margin-top: -12px;
}

/************* news ****************/
.news-bd-menu {
    text-align: center;
}

.news-bd-menu a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    width: 145px;
    text-align: center;
    color: #303030;
    background: #e6e6e6;
    margin: 0 21px 40px;
    border-radius: 12px;
}

.news-bd-menu a.show {
    background: #f00;
    color: #fff;
}

.news-bd-box {
    position: relative;
    height: 357px;
    overflow: hidden;
}

.news-bd-list {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.news-bd-list.show {
    display: block;
}

.news-bd-list ul {
    position: relative;
}

.news-bd-list li {
    float: left;
    width: 520px;
    padding: 0 40px;
    margin-bottom: 25px;
    font-size: 14px;
}

.news-bg-time {
    width: 95px;
    height: 95px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    background: #3d3d3d;
    transition: all .3s ease;
}

.news-bg-time span {
    display: block;
    font-size: 47px;
    line-height: 55px;
}

.news-bg-text {
    width: 425px;
    padding: 10px 0 10px 25px;
    line-height: 24px;
    box-sizing: border-box;
}

.news-bg-infor a {
    display: block;
    color: #414040;
    text-align: justify;
}

.news-bg-paging {
    text-align: center;
}

.news-bg-paging i {
    display: inline-block;
    width: 50px;
    height: 5px;
    margin: 0 7px;
    cursor: pointer;
    background: #3d3d3d;
}

.news-bg-paging i.show {
    background: #f00;
}

.news-link {
    margin: 30px 0;
}

.news-link, .news-link a {
    font-size: 14px;
    color: #626262;
}

.news-link a {
    margin-right: 20px;
}

.news-bd-list li:hover .news-bg-time {
    background: #f00;
}

/**********  page-top *********/
.page-top {
    text-align: center;
    height: 300px;
    color: #fff;
    padding-top: 70px;
    box-sizing: border-box;
    background: #ff6600;
}
.page-top p {
    font-size: 28px;
    margin-top: 20px;
}

.page-top-menu {
    margin-top: 30px;
}

.page-top-menu a {
    display: inline-block;
    padding: 0 10px;
    line-height: 32px;
    margin: 0 10px;
    color: #fff;
    background: #404040;
    transition: all .3s ease;
}

.page-top-menu a.show,
.page-top-menu a:hover {
    background: #f00;
}

.page-process {
    padding-bottom: 60px;
}

.page-process-bd ul {
    margin-right: -34px;
}

.page-process-bd li {
    float: left;
    text-align: center;
    margin-right: 34px;
}

.page-process-icon {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
    margin: 0 auto 20px;
    box-sizing: border-box;
    transition: all .3s ease;
    cursor: pointer;
}

.page-process-icon img {
    width: 100%;
}

.page-process-bd li:hover .page-process-icon {
    padding: 2px;
    border: 3px solid #f00;
}

.page-process-bd h2,
.page-process-bd p {
    line-height: 30px;
    color: #414040;
}

.page-process-bd h2 {
    font-size: 18px;
}

.page-process-bd p {
    font-size: 14px;
}

/*********** page-about *******/
.p-about-hd {
    height: 810px;
    color: #fff;
    background: url(../images/page-about_4.jpg) no-repeat center;
}

.p-about-hd h2 {
    font-size: 50px;
    text-align: center;
    padding: 60px 0 25px;
}

.p-about-hd h2 i {
    display: inline-block;
    width: 210px;
    height: 2px;
    background: #dd6f68;
    margin: 0 60px 15px;
}

.p-about-hd p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
}

.p-about-ft {
    height: 380px;
    background: #e4e4e4;
}

.p-about-ft .content {
    position: relative;
}

.p-about-ft li {
    float: left;
    width: 30%;
    position: absolute;
    top: -140px;
}

.p-about-list2 {
    left: 35%;
}

.p-about-list3 {
    left: 70%;
}

.p-about-tt {
    width: 280px;
    height: 280px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 33px;
    margin: 0 auto 45px;
    padding: 90px 0;
    box-sizing: border-box;
    background: url(../images/p-about-tt_4.png) no-repeat center;
}

.p-about-tt span {
    display: block;
    font-family: 'Arial';
    font-size: 24px;
    text-transform: uppercase;
}

.p-about-style-box {
    float: left;
    width: 16.6666666%;
}

.p-about-style-box img {
    width: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    transition: all 1s ease;
    cursor: pointer;
}

.p-about-style-box img:hover {
    transform: rotatey(180deg);
}

.p-about-infor {
    line-height: 30px;
}

.about-join-menu {
    margin: 50px -20px 70px;
    letter-spacing: normal;
}

.about-join-menu span {
    float: left;
    width: 208px;
    text-align: center;
    font-size: 24px;
    line-height: 56px;
    background: #ebecee;
    margin: 0 20px;
    cursor: pointer;
}

.about-join-menu span.show {
    position: relative;
    color: #fff;
    background: #f00;
}

.about-join-menu span.show:after {
    content: ' ';
    position: absolute;
    left: 50%;
    bottom: -30px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-top-color: #f00;
    margin-left: -12px;
}

.about-join-bd {

}

.about-join-box {
    float: left;
    display: none;
}

.about-join-box.show {
    display: block;
}

.about-join-info {
    margin-bottom: 40px;
}

.about-join-info p {
    font-size: 16px;
    line-height: 36px;
}

.about-join-info p span {
    font-size: 20px;
    font-weight: bold;
}

/*************  page-address  ***********/
.p-address-margintop {
    padding-top: 50px;
}

.p-address-bd ul {
    margin-right: -10%;
    margin-left: 10%
}

.p-address-bd li {
    position: relative;
    float: left;
    margin: 0 39px 39px 0;
    width: 20%;
    min-width: 150px;
    height: 148px;
    overflow: hidden;
}
.p-address-pic {
    width: 98.5%;
    height: 100%;
}
.p-address-pic img {
    width: 100%;
    height: 100%;
}

.p-address-text {
    position: absolute;
    bottom: 0;
    width: 98%;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    background: rgba(230, 230, 230, .73);
    transition: all .3s ease;
}

.p-address-bd li:hover .p-address-text {
    background: rgba(255, 0, 0, .73);
    color: #fff;
}

.p-address-ft {
    margin: 70px 0 60px;
}

.p-address-ft ul {
    margin-right: -12px;
}

.p-address-ft li {
    float: left;
    margin-right: 12px;
    width: 392px;
    height: 106px;
    font-size: 24px;
    line-height: 35px;
    padding: 18px 0 18px 156px;
    box-sizing: border-box;
    background-color: #33383e;
    background-repeat: no-repeat;
    background-position: 36px center;
    overflow: hidden;
    transition: all .3s ease;
}

.p-address-ft li:hover {
    background-color: #f00;
}

.p-address-ft li a {
    color: #fff;
    display: block;
}

.p-address-ft li.need {
    background-image: url(../images/p-address-icon1_4.png);
}

.p-address-ft li.want {
    background-image: url(../images/p-address-icon2_4.png);
}

.p-address-ft li.more {
    background-image: url(../images/p-address-icon3_4.png);
}

.p-address-ft li span {
    position: relative;
}

.p-address-ft li span:after {
    position: absolute;
    content: ' ';
    width: 46px;
    height: 42px;
    right: -74px;
    top: -20px;
    background: url(../images/p-address-line_4.png) no-repeat center;
}

.p-address-ft li p {
    position: relative;
    padding-left: 36px;
}

.p-address-ft li p:before {
    position: absolute;
    content: ' ';
    width: 46px;
    height: 42px;
    left: -22px;
    bottom: -20px;
    background: url(../images/p-address-line_4.png) no-repeat center;
}

.p-address-detail-menu {
    margin: 45px 0;
    text-align: justify;
}

.p-address-detail-menu a {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 3px;
    background: #f1f1f1;
    margin: 0 5px 15px;
    transition: all .3s ease;
}

.p-address-detail-menu a.show,
.p-address-detail-menu a:hover {
    color: #fff;
    background: #f00;
}

.p-address-detail-step {
    margin-left: 20px;
    padding-left: 50px;
    border-left: 1px solid #f00;
}

.p-address-detail-list {
    padding-bottom: 70px;
}

.p-address-detail-list p {
    font-size: 14px;
    color: #292828;
    line-height: 24px;
}

.p-address-detail-list p span {
    position: relative;
    display: block;
    font-size: 20px;
    color: #f00;
    margin-bottom: 10px;
}

.p-address-detail-list p span:before {
    content: ' ';
    position: absolute;
    left: -64px;
    top: 0;
    width: 28px;
    height: 28px;
    background: url(../images/p-address-detail-icon_4.png) no-repeat center;
}

/******* page-brand ********/
.p-brand-hd {
    padding: 95px 0 75px;
    background: #f1f1f1;
}

.p-brand-hd ul {
    margin-right: -32px;
}

.p-brand-hd li {
    float: left;
    width: 276px;
    height: 400px;
    padding: 0 30px;
    margin-right: 32px;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    color: #202020;
    cursor: pointer;
    transition: all .3s ease;
}

.p-brand-hd li:hover {
    box-shadow: 0 10px 10px #999;
}

.p-brand-icon {
    width: 105px;
    height: 105px;
    margin: 0 auto;
    transform: translatey(-40px);
}

.p-brand-tt {
    font-size: 24px;
    margin-bottom: 20px;
}

.p-brand-hd li span {
    position: relative;
    display: block;
    height: 40px;
    font: 14px/20px arial;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.p-brand-hd li span:after {
    content: ' ';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 62px;
    height: 2px;
    background: #f00;
    margin-left: -31px;
}

.p-brand-infor {
    height: 120px;
    font-size: 12px;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
}

.p-brand-text {
    width: 540px;
    padding: 100px 0 0;
}

.p-brand-text h2 {
    font-size: 30px;
}

.p-brand-list {
    height: 500px;
}

.p-brand-f1f1f1 {
    background: #f1f1f1;
}

.p-brand-type {
    font-size: 20px;
    margin: 10px 0 30px;
}

.p-brand-detail {
    line-height: 30px;
    height: 150px;
    text-align: justify;
}

.p-brand-btn {
    margin-top: 25px;
}

.p-brand-btn a {
    display: inline-block;
    width: 108px;
    line-height: 36px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
}

.p-brand-btn a.consult {
    background: #f00;
}

.p-brand-btn a.consult:hover {
    background: #ea0808;
}

.p-brand-btn a.look {
    background: #414040;
    margin-left: 20px;
}

.p-brand-btn a.look:hover {
    background: #5c5757;
}

.p-brand-pic {
    position: relative;
    width: 660px;
    height: 500px;
}

.p-brand-middle img {
    position: absolute;
    right: 0;
    top: 70px;
}

.p-brand-bottom img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.p-brand-top img {
    position: absolute;
    top: 60px;
    right: 0;
}

/********** page-shop *********/
.p-shop-infor {
    padding: 60px 0 50px;
    background: #e7e7e7;
}

.p-shop-tt {
    text-align: center;
    color: #393939;
}

.p-shop-tt h2 {
    font-size: 32px;
}

.p-shop-tt p {
    font-size: 20px;
    margin-top: 15px;
}

.p-shop-text {
    margin-top: 50px;
}

.p-shop-lf {
    width: 655px;
}

.p-shop-lf p {
    line-height: 35px;
}

.p-shop-icon {
    margin-top: 25px;
    text-align: center;
}

.p-shop-icon img {
    margin: 0 25px;
}

.p-shop-rt {
    margin-top: 30px;
}

.p-shop-fun {
    padding: 50px 0;
}

.p-shop-fun li {
    float: left;
    width: 20%;
    margin: 20px 0;
    text-align: center;
}

.p-shop-fun li p {
    margin-top: 10px;
}

.p-shop-fun li:hover img {
    transform: rotatey(180deg);
    transition: all .3s ease;
}

.p-shop-adv-bd {
    margin: 50px 0;
}

.p-shop-adv-bd .content {
    background: url(../images/rocket-icon_4.png) no-repeat center;
}

.p-shop-adv-lf {
    width: 500px;
}

.p-shop-adv-lf li {
    position: relative;
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    padding: 9px 0 9px 5px;
    margin: 28px 0;
    box-sizing: border-box;
    cursor: pointer;
}

.p-shop-adv-lf li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 61px;
    height: 61px;
    font-size: 32px;
    line-height: 61px;
    text-align: center;
    border-radius: 50%;
    background: #eb6100;
    transition: all .3s ease;
}

.p-shop-adv-lf li p {
    padding-left: 70px;
    border-radius: 18px;
    background: #434343 url(../images/adv-icon_4.png) no-repeat 462px center;
    transition: all .3s ease;
}

.p-shop-adv-lf li:hover span {
    background: #f00;
}

.p-shop-adv-lf li:hover p {
    background-color: #e60012;
}

.p-shop-adv-rt {
    width: 500px;
}

.p-shop-adv-text {
    width: 42px;
    font-size: 42px;
    line-height: 80px;
    margin: 30px 80px 30px 0;
}

.p-shop-adv-list li {
    margin: 20px 0 50px;
    cursor: pointer;

}

.p-shop-adv-list li:after {
    display: block;
    clear: both;
    content: ' ';
}

.p-shop-adv-list li span {
    float: left;
    width: 72px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    background: #d5060c;
    transition: all .3s ease;
    border: 1px solid transparent;
    box-sizing: border-box;

}

.p-shop-adv-list li:hover span {
    color: #d5060c;
    border-color: #d5060c;
    background: transparent;
}

.p-shop-adv-list li P {
    float: left;
    font-size: 18px;
    line-height: 32px;
    margin: 3px 25px;
}

.p-shop-scene-list {
    margin-top: 90px;
}

.p-shop-scene-list li {
    float: left;
    position: relative;
    margin: 0 16px;
    width: 168px;
    height: 340px;
    border-radius: 6px;
    overflow: hidden;
}

.p-shop-scene-text {
    position: absolute;
    bottom: -290px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: all .3s ease;
}

.p-shop-scene-list li:hover .p-shop-scene-text {
    bottom: 0;
}

.p-shop-scene-text h2 {
    font-size: 22px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.p-shop-scene-text p {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding: 0 20px;
    margin-top: 70px;
}

.p-shop-scene-text p:after {
    content: ' ';
    position: absolute;
    top: -20px;
    left: 0;
    width: 30px;
    height: 3px;
    background: #f00;
}

/*************** page-phone **********************/
.p-phone .page-top {
    padding-top: 70px;
}

.p-phone-bd h2 {
    font-size: 36px;
    text-align: center;
    color: #222;
    margin: 70px 0 30px;
}

.p-phone-text {
    width: 500px;
}

.p-phone-text li {
    margin-top: 17px;
}

.p-phone-title {
    font-size: 24px;
    color: #2e2e2e;
    line-height: 27px;
    margin-bottom: 10px;
}

.p-phone-title span {
    display: inline-block;
    width: 39px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    background: url(../images/p-phone-icon_4.png) no-repeat center;
}

.p-phone-detail {
    font-size: 18px;
    line-height: 42px;
}

.p-phone-item1 {
    margin-bottom: 60px;
}

.p-phone-item2 .p-phone-text {
    width: 580px;
    font-size: 18px;
    line-height: 48px;
    color: #2e2e2e;
}

.p-phone-item2 .p-phone-text span {
    font-size: 24px;
    color: #ff1414;
}

.p-phone-item2 h3 {
    font-size: 28px;
}

.p-phone-item2 h4 {
    font-size: 26px;
}

.p-phone-item2 .p-phone-pic {
    margin-top: 50px;
}

.p-phone-text h5 {
    font-size: 26px;
    color: #ff3636;
    margin-bottom: 30px;
}

.p-phone-text .ff3636 {
    display: block;
    font-size: 20px;
    color: #ff3636;
}

.p-phone-text .lh-38 {
    line-height: 38px;
}

.p-phone-text .lh-40 {
    line-height: 40px;
}

.p-phone-item3,
.p-phone-item5 {
    background: #edecec;
}

.p-phone-item3 .p-phone-text {
    margin-top: 50px;
}

.p-phone-item4 {
    padding: 80px 0 100px;
}

.p-phone-item4 .p-phone-pic,
.p-phone-item5 .p-phone-pic {
    margin-top: 80px;
}

.p-phone-item5 {
    padding: 50px 0;
}

.p-phone-item6 {
    padding: 70px 0;
}

.p-phone-item6 .p-phone-text {
    margin-top: 80px;
}

/**************** page-response ****************/
.p-response-bd {
    padding: 40px 0;
}

.p-response-what-infor {
    line-height: 35px;
    margin-top: 40px;
}

.p-response-what li {
    float: left;
    width: 180px;
    text-align: center;
    margin: 60px;
}

.p-response-what-icon {
    width: 180px;
    height: 180px;
    background: #c1c1c1;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
}

.p-response-what li p {
    font-size: 20px;
    margin-top: 40px;
}

.p-response-what li:hover .p-response-what-icon {
    background: #da251d;
}

.p-response-want {
    text-align: center;
}

.p-response-want-tt {
    font-size: 22px;
    margin: 50px 0 10px;
}

.p-response-want-infor {
    line-height: 30px;
}

.p-response-why {
    margin: 80px 0;
}

.p-response-why-text {
    width: 570px;
    line-height: 28px;
    color: #373737;
    padding-right: 20px;
}

.p-response-why-text h5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.p-response-why-pic {
    margin-top: 70px;
}

.p-response-now {
    padding: 160px 0;
    background: url(../images/p-response-now-icon5_4.png) no-repeat center;
}

.p-response-now-box {
    float: left;
    width: 390px;
}

.p-response-now-top {
    margin-bottom: 200px;
}

.p-response-now-text {
    width: 240px;
    font-size: 14px;
    color: #2c2c2c;
    text-align: justify;
}

.p-response-now-text span {
    display: block;
    font-size: 18px;
    color: #f00;
    text-align: right;
    margin-bottom: 10px;
}

.p-response-now-rt {
    margin-left: 420px;
}

.p-response-now-rt .p-response-now-text span {
    text-align: left;
}

/***************** page-marketing ****************/
.p-marketing-hd {
    padding: 90px 0;
}

.p-marketing-tt {
    text-align: center;
}

.p-marketing-tt h2 {
    font-size: 28px;
}

.p-marketing-tt p {
    margin-top: 10px;
}

.p-marketing-tt h2 span {
    color: #f00;
}

.p-marketing-hd ul {
    margin-top: 40px;
    text-align: center;
}

.p-marketing-hd li {
    float: left;
    width: 260px;
    margin: 0 20px;
    transition: color .3s ease;
}
.p-marketing-hd-icon{
    width: 209px;
    height: 209px;
    margin: 0 auto;
    border-radius: 50%;
    border:3px solid #f00;
    box-sizing: border-box;
    background-image: url(../images/p-marketing-icon2_4.png);
    background-repeat: no-repeat;
    transition: background-color .3s ease;
    cursor: pointer;
}
.p-marketing-hd li:hover{
    color:#f00;
}
.p-marketing-item1 .p-marketing-hd-icon{
    background-position: -203px 0;
}
.p-marketing-item2 .p-marketing-hd-icon{
    background-position: -203px -203px;
}
.p-marketing-item3 .p-marketing-hd-icon{
    background-position: -203px -406px;
}
.p-marketing-item4 .p-marketing-hd-icon{
    background-position: -203px -609px;
}
.p-marketing-item1:hover .p-marketing-hd-icon{
    background-position: 0 0;
    background-color: #f00;
}
.p-marketing-item2:hover .p-marketing-hd-icon{
    background-position: 0 -203px;
    background-color: #f00;
}
.p-marketing-item3:hover .p-marketing-hd-icon{
    background-position: 0 -406px;
    background-color: #f00;
}
.p-marketing-item4:hover .p-marketing-hd-icon{
    background-position: 0 -609px;
    background-color: #f00;
}
.p-marketing-hd-tt {
    font-size: 22px;
    margin: 30px 0 10px;
}

.p-marketing-hd-infor {
    line-height: 30px;
}

.p-marketing-doubt {
    padding: 70px 0 60px;
    background: #e4e4e4;
}

.p-marketing-doubt-box {
    position: relative;
    width: 500px;
    height: 500px;
    margin: 50px auto 0;
    background: url(../images/doubt_4.png) no-repeat center;
}

.p-marketing-doubt-box p {
    position: absolute;
    padding: 2px 5px;
    line-height: 24px;
    background: #fff;
}

.p-marketing-doubt-list1 {
    left: 0;
    top: 0;
}

.p-marketing-doubt-list2 {
    left: -155px;
    top: 150px;
}

.p-marketing-doubt-list3 {
    left: -130px;
    top: 390px;
}

.p-marketing-doubt-list4 {
    right: -100px;
    top: 160px;
}

.p-marketing-doubt-list5 {
    right: -160px;
    top: 300px;
}

.p-marketing-what {
    padding: 70px 0 60px;
}

.p-marketing-what .content {
    margin-top: 70px;
}

.p-marketing-what-lf {
    width: 750px;
}

.p-marketing-what-lf p {
    font-size: 20px;
    margin: 10px 0;
}

.p-marketing-what-lf span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

.p-marketing-say,
.p-marketing-good {
    padding: 70px 0 30px;
    background: #e4e4e4;
}

.p-marketing-say li {
    float: left;
    width: 240px;
    height: 240px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    padding: 80px 0;
    margin: 30px;
    color: #fff;
    box-sizing: border-box;
    background: url(../images/say_4.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    transition: all 1s ease;
}

.p-marketing-say li:hover {
    transform: rotatey(360deg);
}

.p-marketing-whose .content {
    background: url(../images/whose_4.jpg) no-repeat center;
}

.p-marketing-whose {
    padding: 70px 0;
}

.p-marketing-whose li {
    float: left;
    width: 440px;
    padding: 20px 70px 40px;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #9e9c9c;
    margin: 10px 0;
}

.p-marketing-whose-tt img {
    display: inline-block;
    vertical-align: top;
    margin: 4px 20px 0 0;
}

.p-marketing-whose-tt p {
    display: inline-block;
    font-size: 28px;
    line-height: 35px;
}

.p-marketing-whose-tt p span {
    display: block;
    font-size: 16px;
}

.p-marketing-whose li h3 {
    font-size: 20px;
    color: #323232;
    margin: 20px 0 15px;
}

.p-marketing-whose li h4 {
    font-size: 14px;
    color: #323232;
    line-height: 24px;
}

.p-marketing-whose .p-marketing-whose-rt {
    margin-left: 320px;
}

.p-marketing-fun li {
    float: left;
    width: 200px;
    margin: 40px 20px;
    text-align: center;
    cursor: pointer;
}

.p-marketing-fun-icon {
    width: 134px;
    height: 134px;
    background-image: url(../images/marketing-icon_4.png);
    background-repeat: no-repeat;
    margin: 0 auto 30px;
}

.p-marketing-fun-item1 .p-marketing-fun-icon {
    background-position: 0 0;
}

.p-marketing-fun-item2 .p-marketing-fun-icon {
    background-position: 0 -134px;
}

.p-marketing-fun-item3 .p-marketing-fun-icon {
    background-position: 0 -268px;
}

.p-marketing-fun-item4 .p-marketing-fun-icon {
    background-position: 0 -402px;
}

.p-marketing-fun-item5 .p-marketing-fun-icon {
    background-position: 0 -536px;
}

.p-marketing-fun-item6 .p-marketing-fun-icon {
    background-position: 0 -670px;
}

.p-marketing-fun-item7 .p-marketing-fun-icon {
    background-position: 0 -804px;
}

.p-marketing-fun-item8 .p-marketing-fun-icon {
    background-position: 0 -938px;
}

.p-marketing-fun-item9 .p-marketing-fun-icon {
    background-position: 0 -1072px;
}

.p-marketing-fun-item10 .p-marketing-fun-icon {
    background-position: 0 -1206px;
}

.p-marketing-fun-item1:hover .p-marketing-fun-icon {
    background-position: -134px 0;
}

.p-marketing-fun-item2:hover .p-marketing-fun-icon {
    background-position: -134px -134px;
}

.p-marketing-fun-item3:hover .p-marketing-fun-icon {
    background-position: -134px -268px;
}

.p-marketing-fun-item4:hover .p-marketing-fun-icon {
    background-position: -134px -402px;
}

.p-marketing-fun-item5:hover .p-marketing-fun-icon {
    background-position: -134px -536px;
}

.p-marketing-fun-item6:hover .p-marketing-fun-icon {
    background-position: -134px -670px;
}

.p-marketing-fun-item7:hover .p-marketing-fun-icon {
    background-position: -134px -804px;
}

.p-marketing-fun-item8:hover .p-marketing-fun-icon {
    background-position: -134px -938px;
}

.p-marketing-fun-item9:hover .p-marketing-fun-icon {
    background-position: -134px -1072px;
}

.p-marketing-fun-item10:hover .p-marketing-fun-icon {
    background-position: -134px -1206px;
}

.p-marketing-fun-text {
    font-size: 20px;
}

.p-marketing-fun li:hover .p-marketing-fun-text {
    color: #f00;
}

.p-marketing-good .content {
    margin-top: 50px;
}

.p-marketing-good-lf {
    width: 550px;
}

.p-marketing-good-lf p {
    font-size: 20px;
    line-height: 36px;
    color: #363636;
    text-align: justify;
}

.p-marketing-good-lf h3 {
    font-size: 26px;
    line-height: 46px;
    margin-top: 70px;
    color: #de0505;
}

/************* page-news ***********/
.p-news-bd {
    padding: 50px 0;
}

.p-news-bd li {
    margin-bottom: 25px;
}

.p-news-bd li:after {
    clear: both;
    content: ' ';
    display: block;
}

.p-news-timer {
    position: relative;
    float: left;
    width: 130px;
    height: 120px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background: #666;
    margin-top: 10px;
    transition: all .3s ease;
    cursor: pointer;
}

.p-news-bd li:not(:first-child) .p-news-timer:after {
    content: ' ';
    position: absolute;
    left: 50%;
    top: -95px;
    width: 1px;
    height: 95px;
    background: #d0d0d0;
}

.p-news-timer span {
    font-size: 58px;
    line-height: 80px;
}

.p-news-timer p {
    font-size: 19px;
    line-height: 40px;
}

.p-news-text {
    float: right;
    width: 980px;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #999;
    cursor: pointer;
}

.p-news-tt a {
    display: block;
    font-size: 18px;
    line-height: 30px;
    transition: all .3s ease;
}

.p-news-infor a {
    font-size: 14px;
    height: 60px;
    line-height: 30px;
    text-align: justify;
    color: #3a3a3a;
    overflow: hidden;
}

.p-news-bd li:hover .p-news-tt a {
    color: #f00;
}

.p-news-bd li:hover .p-news-timer {
    background: #f00;
}

.p-paging {
    text-align: center;
    margin-top: 65px;
}

.news-paging {
    
}

.p-paging-list {
    display: inline-block;
    line-height: 50px;

}

.p-paging a {
    float: left;
    padding: 0 28px;
    border: 1px solid #b4b4b4;
    border-right: 0;
}

.p-paging .p-paging-first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.p-paging .p-paging-last {
    border-right: 1px solid #b4b4b4;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.p-paging a.show,
.p-paging a:hover {
    border-color: #f00;
    background: #f00;
    color: #fff;
}

.p-news-title {
    text-align: center;
    margin-bottom: 30px;
}

.p-news-title h1 {
    font-size: 30px;
    margin-bottom: 15px;
}

.p-news-title p span {
    color: #333;
    margin: 0 17px;
}

.p-news-detail {
    line-height: 26px;
    color: #333;
}

.p-news-detail-label {
    margin-top: 50px;
    color: #333;
    line-height: 24px;
}

.p-news-detail-label a {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    background: #f00;
    margin: 0 6px;
}

.p-news-detail-next {
    line-height: 28px;
    margin-top: 15px;
}

.p-news-detail-next a {
    color: #333;
}

.p-news-detail-next a:hover {
    color: #f00;
}

.p-news-detail-return {
    float: right;
    line-height: 24px;
}

.p-news-detail-return span {
    display: inline-block;
    font-size: 31px;
    color: #fff;
    background: #f00;
    vertical-align: bottom;
}

.p-news-detail-return a {
    display: inline-block;
    background: #292828;
    color: #fff;
    padding: 0 8px;
}


/********* page-case ******/

.p-case-text {
    position: absolute;
    bottom: -115px;
    left: 0;
    width: 99%;
    height: 100%;
    background: rgba(51, 56, 62, 0.6);
    box-sizing: border-box;
}

.p-case-text h2 {
    
}

.p-case-text h2 a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    padding-left: 15px;
    box-sizing: border-box;
    background: url(../images/case-link_4.png) no-repeat 330px center;
    background-size: 24px;
}

.p-case-text p a {
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    padding: 0 30px;
    box-sizing: border-box;
}

.p-case-bd li:hover .p-case-text {
    bottom: 0;
    padding: 60px 0;
    background: rgba(79, 183, 253,0.8);
    transition: all .4s ease .2s;
    border: 1px solid #c1c1c1;
}

.p-case-bd li:hover h2 a {
	margin-top:-50px;
    font-size: 16px;
    padding-left: 15px;
    transition: padding .3s ease;

}

.p-case-bd li:hover .p-case-text h2,
.p-case-bd li:hover .p-case-text h2 a {
    background: none;
}

.p-case-news {
    margin: 70px 0;
}

.p-case-news-lf {
    width: 252px;
    height: 226px;
    text-align: right;
    padding: 30px 22px 60px 0;
    color: #fff;
    background: #f00;
    box-sizing: border-box;
}

.p-case-news-tt {
    font-size: 32px;
}

.p-case-news-tt span {
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 5px;
    text-transform: uppercase;
}

.p-case-news-btn {
    margin-top: 30px;
}

.p-case-news-btn span {
    display: inline-block;
    width: 10px;
    height: 22px;
    cursor: pointer;
}

.p-case-news-prev {
    background: url(../images/case-btn-lf_4.png) no-repeat center;
}

.p-case-news-next {
    background: url(../images/case-btn-rt_4.png) no-repeat center;
    margin-left: 30px;
}

.p-case-news-rt li {
    position: relative;
    float: left;
    margin-left: 16px;
    width: 300px;
    overflow: hidden;
}

.p-case-news-pic {
    height: 226px;
    overflow: hidden;
}

.p-case-news-pic img {
    width: 100%;
}

.p-case-news-rt {
    width: 948px;
    overflow: hidden;
}

.p-case-news-rt ul {
    position: relative;
    width: 1000%;
}

.p-case-news-rt .p-case-text {
    bottom: -186px;
}

.p-case-news-rt .p-case-text h2 a {
    line-height: 40px;

    background-size: 20px;
}

.p-case-news-rt li:hover .p-case-text {
    bottom: 0;
    padding: 20px 0;
    background: rgba(51, 56, 62, .75);
    transition: all .5s ease .3s;
}

.p-case-news-rt li:hover h2 a {
    font-size: 16px;
    padding-left: 30px;
    transition: padding .3s ease;

}

.p-case-news-rt li:hover .p-case-text h2,
.p-case-news-rt li:hover .p-case-text h2 a {
    background: none;
}

.p-case-detail-return {
    line-height: 24px;
	padding-top:20px;
}

.p-case-detail-return a {
    display: inline-block;
    background: #f00;
    color: #fff;
    padding: 6px 12px 6px 12px;
}
.p-case-detail-return a:hover {
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 6px 12px 6px 12px;
}

/*********** p-contact ****************/
.p-contact-hd {
    height: 540px;
    background: url(../images/contact-bg_4.jpg) no-repeat center;
    padding: 70px 0 90px;
    box-sizing: border-box;
}

.p-contact-box {
    width: 465px;
    height: 400px;
    padding: 65px 25px;
    box-sizing: border-box;
    background: #ed1f23;
    color: #fff;
}

.p-contact-box h2 {
    font-size: 30px;
    margin-bottom: 25px;
}

.p-contact-box p {
    line-height: 36px;
}

.p-contact-go {
    padding: 80px 0 40px;
}

.p-contact-go ul {

}

.p-contact-go li {
    float: left;
    width: 220px;
    text-align: center;
    margin: 0 90px;
    cursor: pointer;
}

.p-contact-go-icon {
    width: 155px;
    height: 155px;
    margin: 0 auto;
    border-radius: 50%;
    transition: all .3s ease;
    background-image: url(../images/go-icon_4.png);
    background-repeat: no-repeat;

}

.p-contact-go li:hover .p-contact-go-icon {
    background-color: #f00;
}

.p-contact-go1 .p-contact-go-icon {
    background-position: -155px 0;
}

.p-contact-go2 .p-contact-go-icon {
    background-position: -155px -155px;
}

.p-contact-go3 .p-contact-go-icon {
    background-position: -155px -310px;
}

.p-contact-go1:hover .p-contact-go-icon {
    background-position: 0 0;
}

.p-contact-go2:hover .p-contact-go-icon {
    background-position: 0 -155px;
}

.p-contact-go3:hover .p-contact-go-icon {
    background-position: 0 -310px;
}

.p-contact-go li p {
    font-size: 14px;
    line-height: 35px;
}

.p-contact-go li p span {
    display: block;
}

.p-contact-message {
    padding-bottom: 30px;
    background: #292828;
}

.p-contact-message .index-m-blod,
.p-contact-message .index-m-light {
    color: #fff;
}

.p-contact-message-bd {
    padding: 0 130px;
}

.p-contact-message-bd input {
    line-height: 42px;
    border: 1px solid #9d9c9c;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 15px;
    background: transparent;
    color: #fff;
}

.p-contact-message-top input {
    width: 100%;
    margin-bottom: 12px;
}

.p-contact-message-mid {
    margin-right: -20px;
}

.p-contact-message-mid input {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.p-contact-message-bot textarea {
    width: 100%;
    height: 225px;
    margin-top: 12px;
    color: #fff;
    box-sizing: border-box;
    background: transparent;
    padding: 14px;
    resize: none;
}

.p-contact-message-sub input {
    display: block;
    width: 170px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ed1f23;
    border: 0;
    padding: 0;
    margin: 30px auto 0;
    cursor: pointer;
}

#map {
    width: 100%;
    height: 500px;
}
.brand{
  background:url(../images/brand_4.jpg) no-repeat center;
}
.mobile{
  background:url(../images/mobile_4.jpg) no-repeat center;
}
.maketing{
  background:url(../images/maketing_4.jpg) no-repeat center;
}
.xiangyinshi{
  background:url(../images/xiangyinshi_4.jpg) no-repeat center;
}
.shop{
  background:url(../images/shop_4.jpg) no-repeat center;
}
.case{
  background:url(../images/case_4.jpg) no-repeat center;
}
.soulution{
  background:url(../images/soulution_4.jpg) no-repeat center;
}
.news{
  background:url(../images/news_4.jpg) no-repeat center;
}
.contact{
  background:url(../images/contact_4.jpg) no-repeat center;
}

.aboutPage .history .content li .text .p2 {
    line-height: 24px;
    font-size: 16px;
    color: #666666;