html,body{margin: 0; padding: 0}
body{ background: #fff; font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial','Microsoft Yahei', sans-serif ; font-size: 16px;  color: #222}
h1,h2,h3,p{margin: 0; padding: 0}
*{font-family: 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Arial','Microsoft Yahei', sans-serif ; }
ul,li{margin: 0; padding: 0; list-style:none;}

a.link_orange{color: #F80; font-weight: bold; text-decoration: none}
a.link_orange:hover{color: #F80; opacity: .7}
a.link_orange:visited{color: #F80}
.plink{width: 100%; display: block; height: 1px;overflow: hidden}

/***top_menu***/
.phone_menu{display: none; font-size: 24px !important;  width: 90px; float: left; position: absolute; left: 16px; top: 16px; cursor: pointer; display: none}
.phone_menu_cls{display: none; font-size: 20px !important; color: #f80;  width: 90px; float: left; position: absolute; left: 18px; top: 17px; cursor: pointer; display: none}
.main_menu{ height: 88px; border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.15);  position: fixed; z-index: 10000; background: rgba(255,255,255,.93);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); left: 40px; right:40px; top: 40px; transition:all .2s ease-in-out }

.main_menu .logo{ width: 200px; padding-top: 22px; float: left; padding-left: 24px; }
.main_menu .menu_text{ margin: 0 auto; width: 510px }
.main_menu .slogan{width: 150px; height: 30px; position: absolute; right: 30px; top: 28px; background-image:url(../img/page_base/slogan.png); background-position: center center; background-size: 100%; background-repeat: no-repeat; display: none !important}

.main_menu_fixed{ top:0;left:0;right:0; background: #fff;border-radius:0}


.menu_ul{margin: 0 ; padding: 0; height: 90px;}
.menu_ul li{list-style: none; padding: 0 20px; float: left; line-height: 90px;}
.menu_ul li a{display: block; height: 90px; color: #000; text-decoration: none}
.menu_ul li a:visited{color: #000}
.menu_ul li a:hover{color: #F80;}

.menu_ul .li_select a{color: #F80; font-weight: bold}
.menu_ul .li_select a:visited{color: #F80}
.menu_ul .li_select a:hover{color: #F80}

.main_menu_phone{ height: 60px; width: 90%; margin: 0 auto; display: none;	background: blue }
.main_menu_phone .logo{ height: 100%; width: 60%; margin: 0 auto; }
.main_menu_phone .icon_menu{ padding-top: 20px; }


/***banner***/
#slides { display: none; position: relative }

#slides .slidesjs-navigation { margin-top:3px; }
#slides .slidesjs-previous { margin-right: 5px; float: left; }
#slides .slidesjs-next { margin-right: 5px; float: left; }

.banner_more{margin: 40px auto 0; width: 200px; height: 54px;line-height: 54px; border-radius: 8px;text-align: center; color: #fff; font-size: 16px;background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.5); transition:all .2s ease }
.banner_more:hover{; cursor: pointer;background: #fff; border: 1px solid #fff; color: #f80}


.slidesjs-pagination li { float: left; margin: 0 5px; }
.slidesjs-pagination li a { display: block; width: 156px; height: 66px;  border-radius: 3px; color: #fff; background: rgba(255,255,255,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); line-height: 20px; text-align: center; text-decoration: none; overflow: hidden; transition: width .2s; }
.slidesjs-pagination li a span{padding: 10px; font-size: 14px; display: block; line-height: 170%}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { opacity: 1; color: #f90 !important; font-weight: bold; box-shadow: 0 6px 12px rgba(0,0,0,.12);background:#fff }
.slidesjs-pagination li a:hover { background:rgba(255,255,255,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff); }

#slides a:link, #slides a:visited { color: #fff }
#slides a:hover, #slides a:active {color: #fff }
.navbar { overflow: hidden }

.banner_box{position: relative}

.index_banner_bt{width: 60px; height: 60px; position: absolute;  top: 280px; z-index: 1000; opacity: 0; transition:opacity .3s}
.s_left{ left: 20px; background: url(../img/index_banner_p.png) no-repeat center center; }
.s_right{ right: 20px; background: url(../img/index_banner_n.png) no-repeat center center;}
.index_banner_bt:hover{opacity: .7}


/*page lv2 menu*/
.menu_page_lv2{ height: 140px; width: 100%; background:#f6f6f7; box-shadow: 0 1px 3px rgba(0,0,0,.1); position:absolute; top: 90px; left: 0;z-index: 2000;}

.menu_page_lv2 .content_box{ width: 780px; margin: 0 auto }
.menu_page_lv2 .content_box .side_1{ width:160px; margin: 18px 17px 0 18px; float: left; padding-top: 6px; transition: all .3s ; cursor: pointer; }
.menu_page_lv2 .content_box .side_1:hover{background: #fff; border-radius: 9px; }
.menu_page_lv2 .content_box .side_1:hover>.icon{background-position: center bottom}
.menu_page_lv2 .content_box .side_1 .icon{ height: 64px;  width: 64px; margin: 0 auto; clear: both; text-align: center;  transition: all .3s ease-out }
.menu_page_lv2 .content_box .side_1 .text{height: 33px; line-height: 28px; text-align: center }
.menu_page_lv2 .content_box .select{background: #fff; border-radius: 9px; cursor: default}
.menu_page_lv2 .content_box .select .text{color: #FF851E; font-weight: bold}

.scroll_m{position: fixed; top: 0; height: 72px; background: #f6f6f7;}
.scroll_m .content_box .side_1{margin: 16px 17px 0 18px;}
.scroll_m .content_box .side_1 .icon{height: 0; width: 0; overflow: hidden; display: none}

.ps_icon1{background: url(../img/ps_icon_1.png) no-repeat; background-position: left top}
.ps_icon2{background: url(../img/ps_icon_2.png) no-repeat; background-position: left top}
.ps_icon3{background: url(../img/ps_icon_3.png) no-repeat; background-position: left top}
.ps_icon4{background: url(../img/ps_icon_4.png) no-repeat; background-position: left top}

.plan_icon1{background: url(../img/plan_icon_1.png) no-repeat; background-position: left top}
.plan_icon2{background: url(../img/plan_icon_2.png) no-repeat; background-position: left top}
.plan_icon3{background: url(../img/plan_icon_3.png) no-repeat; background-position: left top}

.lv2_arr{background: url(../img/page_lv2_menu_arr.png) no-repeat center bottom}

/*footer

.footer{ height: 310px; clear: both; background: #fff ; color: #444 ; border-top: 1px solid #eee}
.footer .side{ width: 48%; padding-top: 80px; float: left; padding-left: 2% }
.footer .footer_logo{width: 190px; float: left}
.footer .copyright{width:60%; float: left; font-size: 14px; color: #666; line-height: 170%}
.footer p{ font-size: 14px; padding:4px 0;   clear: both; color: #999}
.footer a{ font-size: 14px; text-decoration: none; color: #555;}
.footer a:visited{color: #555; text-decoration: none}
.footer a:hover{color: #f80; cursor: pointer}

.footer .qrcode{width: 150px; float: right; margin:0 8px; }
.footer .qrcode .img{width: 130px; height: 130px; padding: 8px; background: #fff; border-radius: 4px;}
.footer .qrcode .img img{width: 130px; height: 130px}
.footer .qrcode p{text-align: center}
.footer .arr{  width: 74px; height: 74px; position: absolute; top: -37px; right:0; cursor: pointer}
.footer .arr:hover{opacity: .95}
*/

.xg_section{clear: both; }
.xg_section .in_content{ width: 1200px; margin: 0 auto; }
.xg_section .width1000{ width: 1100px;}
.h500{ height: 500px; }
.h600{ height: 600px; }
.h700{ height: 700px; }
.h800{ height: 800px; }
.h840{ height: 840px; }
.h860{ height: 860px; }
.h880{ height: 880px; }
.clear{height:120px; clear: both !important}
.gray_sct{background: #F8f8f8}

.h1_40{font-size: 44px; color: #000; padding: 100px 0 10px; text-align: center; position: relative;font-weight: 400;}
.h1_40 em{ display: block; overflow: hidden; height: 1px; width: 60px; background: #555; position: absolute; bottom: 0; left: 50%; margin-left: -30px;}

.describe_16{text-align: center; padding: 30px 30px 0; max-width: 900px; margin: 0 auto; font-weight:normal;  line-height: 180%; font-size: 16px;color: #555; }
.describe_16 .ptext{text-indent: 2em !important; margin-bottom: 30px !important; text-align: left }

.desc_14{font-size: 14px; color: #777;}
/*index*/

.product_service{ padding-top: 70px;}
.product_service .cell{ width: 23%; float: left; margin:1% 1%;box-sizing:border-box; height: 400px; border-radius: 6px; background: #fff; overflow: hidden; position: relative; border:1px solid #f0f0f0; transition:all .25s ease-out .12s ;text-align: center; position: relative }
.product_service .cell:before{position: absolute; display: block; width: 100%; height: 0; bottom: 0; left: 0; background: #f80; opacity: .05; content: ''; z-index: -1;transition:all .3s ease-out .12s }

.product_service .pingtai:before{ background: #f80; opacity: .1; }
.product_service .shuzihua:before{ background: #F66; opacity: .1;  }
.product_service .dashuju:before{ background: #45C769; opacity: .1;  }
.product_service .xiaofei:before{ background: #3899E6; opacity: .1;  }

.product_service .cell:hover{box-shadow:0 20px 32px rgba(0,0,0,0.10);border:1px solid #e8e8e8; cursor: pointer;}
.product_service .cell:hover .icon{transform:scale(1.2)}
.product_service .cell:hover:before{height: 100%}

.product_service .cell .icon {height:73px; padding-top: 50px; clear: both;font-size: 56px;transition: all .25s ease-out .12s}
.product_service .cell h3{ clear: both; font-size: 22px; font-weight: normal; padding: 30px 0 0 }
.product_service .cell .text { color: #555; line-height: 180%; padding: 30px 20px 0; }
.product_service .cell .more { padding: 30px 0 0; font-weight: 600}
.product_service .color1{ color: #f80;}
.product_service .color2{ color: #F66;}
.product_service .color3{ color: #45C769;}
.product_service .color4{ color: #3899E6;}





.service_for{ padding-top: 70px;}
.service_for .cell{ width: 31.1%; float: left; margin:1% 1%;box-sizing:border-box; min-height: 360px; border-radius: 6px; background: #fff; overflow: hidden; position: relative; border:1px solid #f0f0f0;transition:all .25s ease-out ; padding-bottom: 20px ;}
.service_for .cell:hover{border:1px solid #e8e8e8;  }
.service_for .cell .icon {padding: 38px 0 0 30px;}
.service_for .cell .icon:before{font-size: 54px; width: 80px; float: left}
.jr:before{font-size: 46px !important; padding-top: 2px;}
.service_for .cell h3{ font-size: 22px; font-weight: normal; color: #222;}
.service_for .cell span{ font-size: 16px; font-weight: normal; color: #222; line-height: 24px;}
.service_for .cell .text { color: #555; line-height: 180%; padding: 32px 20px 0; }
.service_for .cell .more { padding: 30px 0 0; font-weight: 600}
.service_for .color1{ color: #f80;}
.service_for .color2{ color: #F66;}
.service_for .color3{ color: #45C769;}
.service_for .color4{ color: #3899E6;}

.service_for .cell ul{}
.service_for .cell ul li{clear: both; padding-top: 8px; list-style: circle; margin-left: 30px; padding-left: 10px}

.ai .cell{ min-height: 200px;  padding-top: 15px;border: 1px solid rgba(255,150,0,.16)}
.ai .cell:hover{border: 1px solid rgba(255,150,0,.26)}
.ai .cell h3{ font-size: 20px; padding-top: 7px}
.ai .cell .icon:before{font-size: 40px; width: 80px; width: 60px; float: left}
.ai .cell .text{padding:22px 20px 0}







.solution{ padding-top: 70px;}

.solution .cell{ width: 48%;margin: 1%; float: left; box-sizing:border-box; min-height: 260px; padding: 40px 0; border-radius: 6px; background: #fff; overflow: hidden; position: relative; transition:all .3s ease ;}
.solution .cell:hover{cursor: pointer;  }
.solution .cell:hover .icon{ transform:rotateX(180deg) ;width: 26%;}

.solution .cell .icon{ width: 28%; height: 60px;font-size: 50px; text-align: center; float: left;transition:all .5s ease .1s }
.solution .cell .right{width: 68%; float: left;}
.solution .cell h3{  clear: both; font-size: 22px; font-weight:normal;}
.solution .cell .text { color: #555; line-height: 180%; padding-top: 20px;}
.solution .cell .more{padding: 30px 0 0; font-weight: 600; color: #F80}

.solution .phone1{border:1px solid rgba(255,144,0,.1); background:rgba(255,144,0,.05)}
	.solution .phone1:hover{background:rgba(255,144,0,.07);border:1px solid rgba(255,144,0,.4);  }
	
.solution .phone2{border:1px solid rgba(255,103,100,.1);background:rgba(255,103,100,.05)}
	.solution .phone2:hover{background:rgba(255,103,100,.07);border:1px solid rgba(255,103,100,.4);}
	
.solution .phone3{border:1px solid rgba(70,200,100,.1);background:rgba(70,200,100,.05)}
	.solution .phone3:hover{background:rgba(70,200,100,.07);border:1px solid rgba(70,200,100,.4);}
	
.solution .phone4{border:1px solid rgba(55,155,230,.1);background:rgba(55,155,230,.05)}
	.solution .phone4:hover{background:rgba(55,155,230,.07);border:1px solid rgba(55,155,230,.4);}

.phone1 .color1, .phone1 .icon{ color: #f80 !important;}
.phone2 .color2, .phone2 .icon{ color: #F66 !important;}
.phone3 .color3, .phone3 .icon{ color: #45C769 !important;}
.phone4 .color4, .phone4 .icon{ color: #3899E6 !important;}

.service_for .color1:before{ color: #F80 !important;}
.service_for .color2:before{ color: #45C769 !important;}
.service_for .color3:before{ color: #3899E6 !important;}



.case_2017{ padding-top: 70px;}
.case_2017 .cell{ width: 18%;margin:1% 1%; height: 140px; float: left; box-sizing:border-box; border-radius: 6px; background: #fff; overflow: hidden; position: relative; border:1px solid #f0f0f0;transition:all .3s ease ; text-align: center;display: table-cell;vertical-align: middle; }
.case_2017 .cell:hover{box-shadow:0 20px 32px rgba(0,0,0,0.10);border:1px solid #e8e8e8; transform: rotateX(90deg) }
.case_2017 .cell img{max-width: 80%; height: 60px;  margin: 38px auto;
	
/*
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);   
    filter: grayscale(100%);	
    filter: gray;
	opacity: .7;
*/
}

/*
.case_2017 .cell:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);   
    filter: grayscale(0%);	
    filter: gray;
	opacity: 1;
}
*/




.plan{ padding-top: 50px;}
.plan .cell{ width: 23.5%; float: left; margin: 0.7%; height: 340px; border-radius: 3px; background: #fff; overflow: hidden; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat}

.plan .cell .text_box{ width: 100%; height: 56px; position: absolute; bottom: 0; left: 0;  overflow: hidden; background:#333; transition: height .3s ease}
.plan .cell .text_box h3{ height:56px; line-height: 56px; clear: both;  text-align: center; font-size: 16px; color: #fff; }
.plan .cell .text_box p{ line-height: 160%; padding: 14px 24px 16px ; color: #fff; font-size: 14px; transition:padding .3s .2s	}

.plan .cell:hover>.text_box{ background: #FF851E; height: 150px;}
.plan .cell:hover>.text_box p{ padding: 0px 24px 16px ;}

.button_border{ clear: both; margin: 60px auto 0;  width: 220px; height: 60px; line-height: 60px; color: #777; font-size: 18px; text-align: center; border:1px solid #FF851E; color: #FF851E; font-weight: bold; transition:all .3s}
.button_border:hover{background:#FF851E; color: #fff; cursor: pointer }


.case_logo_box{ padding-top: 60px}
.case_logo_box .box{ width:1200px; padding: 0 20px; box-sizing: border-box; margin:0 auto; position:relative; overflow:hidden; _height:100%;}



/* 二级页面 */
.banner_big_data{height: 440px; clear: both; background: url(../img/banner_big_data.jpg) no-repeat center center / cover; text-align: center }
.banner_big_data .content{padding-top: 90px;}

.intro_p{max-width: 980px; font-size: 16px; line-height: 180%; color: #333; text-indent: 2em; margin: 0px auto 0; padding: 40px 16px 0}

/*big_data*/
.big_data_lv2{ padding-top: 70px; width: 980px; margin: 0 auto}
.big_data_lv2 .cell{ width: 17%; float: left; margin: 1.3%; height: 0; padding-bottom: 16%; border:1px solid #e8e8e8; background: #fff; text-align: center; border-radius: 5px;}
.big_data_lv2 .cell .icon{ clear: both; text-align: center; padding-top: 18%;}
.big_data_lv2 .cell .icon img{width: 64px; height: 64px;}
.big_data_lv2 .cell .name{ height: 40px; line-height: 40px; text-align: center; font-size: 14px;}

.big_data_lv2 .step{ padding:40px 0 0 8%}
.big_data_lv2 .step .float{width: 33%; float: left; position: relative}
.big_data_lv2 .step .float img{ }
.big_data_lv2 .step .float h4{ margin: 0; padding: 10px 0 }
.big_data_lv2 .step .float .text{padding: 30px; position: absolute; left: 50px; top: 0; font-size: 14px; line-height: 170%}
.big_data_lv2 .buttonbox{clear: both; padding-top: 140px;}

.orange_button{ background: #FF851E;box-shadow: 0px 2px 4px 0px rgba(234,110,7,0.20); border-radius: 3px; text-align: center;color:#fff;  font-weight: bold; margin: 0 auto}
.orange_button:hover{ background: #F3770E; cursor: pointer}
.big_data_lv2 .button{ width:220px; height:68px; line-height:68px;font-size: 20px; }

/* pop */
.pop_mask{background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1900; display: none}
.pop_box{width: 400px; height: 260px;background: #fff; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -200px;  z-index: 1901; box-shadow: 0 4px 16px rgba(0,0,0,.3); border-radius:5px; display: none}
.pop_box .close{width: 40px; height: 40px; float: right; clear: both}
.pop_box .inbox{ padding: 30px;}
.pop_box .btn{width:120px; height:38px; line-height:38px;font-size: 16px; position: absolute; bottom: 40px; left: 50%; margin-left: -60px}

.pop_in{display: block;
-webkit-animation:flipInY .3s .1s ease both;
-moz-animation:flipInY .3s .1s ease both;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(60deg);
opacity:0}

100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(60deg);
opacity:0}

100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.mask_in{display: block;
-webkit-animation:MskflipInX .7s .1s ease both;
-moz-animation:MskflipInX .7s .1s ease both;}
@-webkit-keyframes MskflipInX{
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes MskflipInX{
	
0%{display: block;opacity:0}
100%{opacity:1}
}

.menu_move1{
	-webkit-animation:move_left .7s  ease both;
	-moz-animation:move_left .7s ease both;
}
.menu_move2{
	-webkit-animation:move_left .7s .1s ease both;
	-moz-animation:move_left .7s .1s ease both;
}
.menu_move3{
	-webkit-animation:move_left .7s .2s ease both;
	-moz-animation:move_left .7s .2s ease both;
}
.menu_move4{
	-webkit-animation:move_left .7s .3s ease both;
	-moz-animation:move_left .7s .3s ease both;
}
@-webkit-keyframes move_left{
0%{transform: translateX(80px); opacity: 0}
100%{transform: translateX(0); opacity: 1}
}
@-moz-keyframes move_left{
	display: block;
0%{transform: translateX(80px); opacity: 0}
100%{transform: translateX(0); opacity: 1}
}


/* about */
.banner_about{height: 440px; clear: both; background: url(../img/about_banner.jpg) no-repeat center center / cover; text-align: center }
.banner_about .content{padding-top: 86px; }
.about_us{background:rgba(255,144,0,.05)}
.about p{padding-top: 20px;}
.about_service{ padding-top: 30px}
.about_service .cell{width: 23%; float: left; height: 340px; float: left; margin: 1%; box-shadow:0 1px 4px #e0e0e0; border-radius: 4px; background: #fff;overflow: hidden}
.about_service .cell .pic{ width: 100%; height: 0; padding-bottom: 78%; background-position: center center; background-size: 100% auto;transition:all .3s ease-in-out}
.about_service .cell .p1{background: url(../img/more-store.png) no-repeat center center / 100% auto;  }
.about_service .cell .p2{background: url(../img/newstore.png) no-repeat center center / 100% auto; ; }
.about_service .cell .p3{background: url(../img/istore-one.png) no-repeat center center / 100% auto; ; }
.about_service .cell .p4{background: url(../img/about_svc4.jpg) no-repeat center center / 100% auto; ; }
.about_service .cell h4{text-align: center; margin: 0; padding: 20px 0 16px; font-size: 16px;}
.about_service .cell .text{text-align: center; font-size: 14px; line-height: 155%}

.about_service .cell:hover .pic{ background-size: 115% ;}

.about_map{padding-top: 138px; position: relative}
.connect_box{padding:26px 0; width: 920px; height: 140px; margin: 0 auto; border: 1px solid #eee; border-bottom: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,.12); background: #fff; border-radius: 6px; position: relative; overflow: hidden; z-index: 3}
.connect_box .orange{height: 40px; width: 50px; transform: rotate(-45deg); position: absolute; left: -22px; top: -18px; background: #f90; display: none}
.connect_box .about_img{width: 30%; padding-top: 8px; text-align: center; height: 128px; float: left}
.connect_box .about_img img{border-radius: 120px; width: 128px; height:128px;}
.connect_box .inbx{ float: left; width: 70%; padding-top: 26px;}
.connect_box .cell{width: 49%; float: left;height: 60px; line-height:160%;}
.connect_box .cell em{display: block; float: left;}
.connect_box .cell span{display: inline-block; margin-top: -6px; font-size: 14px}
.connect_box .cell .iconfont:before{ font-size: 30px; padding-right: 16px; padding-top: 6px; margin-bottom: -10px; color: #f90}

/*
.bannerbox:after{
	content: "";
    display: block;
    padding-bottom: 3%;
    background-image: url(../img/round-edge.svg);
    width: 110%;
	margin-left: -5%;
    margin-top: -.625rem !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position:relative;
    
    z-index: 10001;
    box-sizing:border-box;     
}
*/

.illustration_pic{width: 97%; margin: 0 auto; padding: 30px 0; clear: both; text-align: center}
.illustration_pic img{max-width: 100%}

/* product_service */
.lv2_bannerbox{height: 340px; clear: both; text-align: center }
.lv2_bannerbox .content{padding-top: 70px; }

.lv2_p_s{background: #fff url(../img/banner_bg_a.jpg) no-repeat center center / cover;}
.lv2_solution{background: #fff url(../img/box-bg.png) no-repeat center center / cover;}
.lv3_solution{background: #fff url(../img/banner_bg_b.jpg) no-repeat center center / cover;}
.lv4_solution{background: #fff url(../img/ipaas-bg.jpg) no-repeat center center / cover;}


.lv2_h1{font-size: 56px; color: #fff; clear: both; text-shadow: 0 1px 2px rgba(0,0,0,.2)}
.lv2_en{padding: 10px 0; color: rgba(255,255,255,06); font-size: 14px; font-weight: 100;letter-spacing:3px}
.lv2_href{padding-top: 20px; font-size: 20px;color: #fff;}
.lv2_href a{color: #fff; text-decoration: none; font-weight: 300}
.lv2_href a:hover{color: #fff; opacity: .7}
.lv2_href a:visited{color: #fff;}

.ps_bannerbox_qjs{height: 780px; clear: both; background: #1D2746 url(../img/banner_qjs.jpg) no-repeat center center / cover; text-align: center }
.ps_bannerbox_qjs .content{ padding-top: 240px;}

.ps_bannerbox_gx{height: 780px; clear: both; background: #1D2746 url(../img/banner_gx.jpg) no-repeat center center / cover; text-align: center }
.ps_bannerbox_gx .content{ padding-top: 340px;}

.float_intro_p{height: 160px; max-width: 980px; margin: -80px auto 0; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.12); border-radius: 4px}
.float_intro_p p{padding: 4% 12%; line-height: 170%; text-indent: 2em}
.ps_title{text-align: center; padding: 40px 0 10px; clear: both; font-size: 18px}

.padding{padding: 80px 0 0}
.ps_float_box{ padding: 20px 16px 0; clear: both}

.ps_float_box .cell{ float: left}
.ps_float_box .img{text-align: center; width: 47%; padding-top: 50px}

.ps_float_box .img2{text-align: center}
.ps_float_box .img2 img{ max-width: 70% ; margin-top: -20px}
.ps_float_box .float_text{width: 53%;}



.left_ul{}
.left_ul li{border-left: 2px solid #F1F3F6; padding: 8px 0 8px 40px; position: relative;}
.left_ul li em{ width: 12px; height: 12px; border-radius: 12px; background: #F1F3F6; border: 5px solid #fff; position: absolute; left: -12px; top: 30%}
.left_ul span{background: #F1F3F6; padding: 10px 14px; font-size: 14px; border-radius: 4px; display: inline-block}
.left_ul span::before{content: ""; width: 12px; height: 12px; background: #f1f3f6; transform: rotate(45deg); position: absolute; left: 36px; top: 39%;}

.ul_right li{border-right: 2px solid #F1F3F6; padding: 8px 40px 8px 0; border-left: none; text-align: right}
.ul_right li em{left: auto; right: -12px;}
.ul_right span::before{left: auto; right: 36px;}


.products_withicon{ padding-top: 50px;}
.products_withicon .block{ width: 48%; float: left; margin:1% 1%;box-sizing:border-box; height: 140px; border-radius: 6px; overflow: hidden; position: relative;transition:all .3s ease ;}
.products_withicon .icon{ width: 28%; height: 60px; text-align: center; float: left;}
.products_withicon .right{width: 68%; float: left;}

.products_withicon .block2{ width: 22%; float: left; margin:1% 1%;box-sizing:border-box; min-height: 120px;  overflow: hidden; position: relative;transition:all .3s ease; text-align: center}
.products_withicon .icon2{  height: 60px; text-align: center; clear: both; font-size: 48px; color: #f80}
.products_withicon .title{ font-size: 16px;}

.products_withicon .icon:before{font-size: 36px; float: right; padding-right: 20px; color: #f80}
.products_withicon .qb:before{font-size: 40px; }
.products_withicon h3{ font-size: 20px; font-weight: normal; color: #222; padding-top: 5px}
.products_withicon span{ font-size: 16px; font-weight: normal; color: #222; line-height: 24px;}
.products_withicon .text { color: #777 !important; line-height: 170%; padding: 10px 0 0 0; }

.changjing_box{text-align: center; padding-top: 80px;clear: both; }
.changjing{max-width: 98%; margin: 0 auto ; border-radius: 8px; padding: 14px 30px; text-align: center;}
.cj_color1{background:rgba(255,144,0,.07);border:1px solid rgba(255,144,0,.2);}
.cj_color2{background:rgba(255,103,100,.07);border:1px solid rgba(255,103,100,.2);}
.cj_color3{background:rgba(70,200,100,.07);border:1px solid rgba(70,200,100,.4);}
.cj_color4{background:rgba(55,155,230,.07);border:1px solid rgba(55,155,230,.2);}
.changjing:before{padding-right: 20px; color: #f80}


.float_left{ float: left}
.icon_h3:before{padding-right: 10px; color: #f90}
.icon_h3_2:before{display: block; clear: both}


.pad_bg{width: 1100px; height: 620px; background:rgba(255,155,0,.08); margin: 60px auto 0; border-radius: 40px; position: relative; border:2px solid rgba(255,155,0,.2)}
.hr{height: 40px; clear: both}
.tab_box{width: 302px; height: 40px; margin: 18px auto 10px; border: 1px solid #f80; border-radius: 8px}
.tab_box .tab{width: 100px; height: 40px; line-height: 40px; float: left; text-align: center; font-size: 15px; cursor: pointer; color: #f80;font-weight: bold}
.tab_box .tab:hover{ opacity: .8 }
.tab_box .act{background: #f80; color: #fff; }
.tab_box .act:hover{opacity: 1}
.tab_box .line{border-right: 1px solid #f80;border-left: 1px solid #f80;  }
.tab_box .jr{border-radius:0 7px 7px 0}
.tab_box .sh{border-radius:7px 0 0 7px}

.pad_bg .pad_button{background: rgba(255,155,0,.2); width: 44px; height: 44px; border-radius: 26px; position: absolute; left: 20px; top: 50%; margin-top: -22px; }
.pad_bg .pad_button .io{width: 12px; height: 12px; border-radius: 4px; border:2px solid #fff; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px}
.pad_bg .pad_h{background:rgba(255,155,0,.2); width: 12px; height: 90px; border-radius: 26px; position: absolute; right: 20px; top: 50%; margin-top: -45px;}


.pad_bg .pad_screen{width: 900px; height: 450px; overflow: hidden; position: relative;margin: 0 auto;}
.pad_bg .pad_screen_scroll{width: 2700px; height: 450px; position: absolute; top: 0; left: -900px; transition:left .5s ease; -webkit-transition: left .5s ease }
.pad_bg .pad_inbox{width: 900px; height: 450px; float: left }
.pad_bg .pad_inbox .cell{width: 20%; padding-top: 4%; float: left;  }

.pad_bg .pad_inbox .cell .icon_box{width: 70%; height: 0; padding-bottom: 70%; box-shadow: 0 1px 4px rgba(0,0,0,.1); border-radius: 24px; background: #fff; margin: 0 auto; text-align: center }
.pad_bg .pad_inbox .cell .icon_box img{margin-top: 25%;}
.pad_bg .pad_inbox .cell .name{clear: both; padding: 15% 0 0; text-align: center; font-size: 14px;}

.company{ padding-top: 50px; width: 780px; margin: 0 auto}
.company .cell{ width: 240px; height: 180px;float: left; margin: 10px;  border-radius: 3px;  overflow: hidden; position: relative;  background-position: center center; background-repeat: no-repeat; }
.c_img1{background: #fff url("../img/ps_gellary_yh.jpg");background-size: 100%;transition:all .4s ease}
.c_img2{background: #fff url("../img/ps_gellary_csh.jpg");background-size: 100%;transition:all .4s ease}
.c_img3{background: #fff url("../img/ps_gellary_p2p.jpg");background-size: 100%;transition:all .4s ease}
.c_img4{background: #fff url("../img/ps_gellary_xf.jpg");background-size: 100%;transition:all .4s ease}
.c_img5{background: #fff url("../img/ps_gellary_xd.jpg");background-size: 100%;transition:all .4s ease}
.c_img6{background: #fff url("../img/ps_gellary_lc.jpg");background-size: 100%;transition:all .4s ease}

.c_img21{background: #fff url("../img/ps_gellary_ds.jpg");background-size: 100%;transition:all .4s ease}
.c_img22{background: #fff url("../img/ps_gellary_jr.jpg");background-size: 100%;transition:all .4s ease}
.c_img23{background: #fff url("../img/ps_gellary_ls.jpg");background-size: 100%;transition:all .4s ease}
.c_img24{background: #fff url("../img/ps_gellary_jt.jpg");background-size: 100%;transition:all .4s ease}
.c_img25{background: #fff url("../img/ps_gellary_dz.jpg");background-size: 100%;transition:all .4s ease}
.c_img26{background: #fff url("../img/ps_gellary_qt.jpg");background-size: 100%;transition:all .4s ease}

.c_img1:hover,.c_img2:hover,.c_img3:hover,.c_img4:hover,.c_img5:hover,.c_img6:hover{background-size: 110%}
.c_img21:hover,.c_img22:hover,.c_img23:hover,.c_img24:hover,.c_img25:hover,.c_img26:hover{background-size: 110%}

.company .cell .text_box{ width: 100%; height: 44px; position: absolute; bottom: 0; left: 0;  overflow: hidden; background:#333; background: rgba(0,0,0,.66); transition: height .3s ease}
.company .cell .text_box h3{ height:44px; line-height: 44px; clear: both;  text-align: center; font-size: 16px; color: #fff; }
.company .cell .text_box p{ line-height: 160%; padding: 14px 24px 16px ; color: #fff; font-size: 14px; transition:padding .3s .2s	}

/*
.company .cell:hover>.text_box{ background: #FF851E; height: 150px;}
.company .cell:hover>.text_box p{ padding: 0px 24px 16px ;}
*/

.pad_bg .pad_inbox2{width: 900px; height: 450px; margin: 0 auto }
.pad_bg .pad_inbox2 .cell{width: 19%; padding: 3% 16px 0; height: 210px; float: left; margin: 1.7% 1.2% ; background: #fff; border-radius: 16px;  }
.pad_bg .pad_inbox2 .cell .icon_box{ text-align: center }
.pad_bg .pad_inbox2 .cell .icon_box img{margin-top: 1%;}
.pad_bg .pad_inbox2 .cell .name{clear: both; padding: 10px 0; text-align: center; font-size: 16px; font-weight: bold}
.pad_bg .pad_inbox2 .cell .text{line-height: 156%; font-size: 12px; text-align: center}


.needbox{width: 980px; margin: 0 auto}
.needbox .cell{width: 33.33%; float: left;}
.needbox .cell .contt{width: 90%; margin: 0 auto;}
.needbox .cell .contt img{width: 100%; margin: 20px auto; border-radius: 20px 0 20px 0;}
.needbox .cell .contt .text{line-height: 155%; text-align: center; padding-top: 20px;}

.gx_step{width: 980px; margin: auto; padding-top: 90px}
.gx_step img{width: 100%}



/*plan*/

.plan_bannerbox{height: 780px; clear: both;  text-align: center }
.plan_bannerbox .content{padding-top: 240px; }
.plan_picbox{ padding-top: 50px; text-align: center}
.plan_picbox img{ max-width: 100%;}
.plan_cover1{background: #1D2746 url(../img/banner_plan.jpg) no-repeat center center / cover; background-attachment:fixed;}
.plan_cover2{background: #1D2746 url(../img/banner_plan_2.jpg) no-repeat center center / cover; background-attachment:fixed;}
.plan_cover3{background: #1D2746 url(../img/banner_plan_3.jpg) no-repeat center center / cover; background-attachment:fixed;}

.normal_p{line-height: 170%; text-indent: 2em}

.text_ol{list-style-type: decimal; margin: 0; padding: 0}
.text_ol li{margin: 0 0 0 24px; list-style: decimal !important;padding: 5px 0 5px 10px !important}

.slidesjs-container, .slidesjs-control{max-height: 800px !important}

.icon-xiaofeipianhao{margin-top: -5px}
.padding-5{padding-top: 5px}


/*screen*/

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

	
.xg_section .in_content{ width: 100%; margin: 0 auto; }	
.slidesjs-container, .slidesjs-control{height: 700px !important}
.banner_ct .banner_title{ font-size: 40px !important; padding-top: 22% !important;}

.about_service .cell {height: auto; padding-bottom: 3%}
.about_service .cell .pic{padding-bottom: 65%}

}

@media screen and (max-width: 1040px) {
	
.pad_button, .pad_button .io , .pad_h{display: none}
.slidesjs-container, .slidesjs-control{height: 640px !important}
.banner_ct .banner_title{ font-size: 30px !important; padding-top: 20% !important;}
.banner_ct .banner_desc{font-size: 14px; padding:0 20px}
	
.main_menu .menu_text{width:470px;margin: 0; float: right}
.main_menu .menu_text li{padding: 0 15px}	
.slogan{display: none}
	
	/*index*/
	.case_logo_box .box{width: 980px; padding: 0}
	.footer .qrcode{width: 130px; margin: 12px 8px 8px 8px}
	.footer .qrcode .img{width: 110px; height: 110px;}
	.footer .qrcode .img img{width: 100%; height: 100%}
	.footer .side{width:48%;}
	
	.footer a{font-size: 12px}
	
/* 	.product_service{width: 980px; margin: 0 auto; padding-top:70px } */
	.clear{height: 60px}
	.product_service .cell{width: 46%;margin: 2% 2%;}
	.product_service .cell:hover{margin: 2% 2%; }
	
/* 	.container, #slides, .slidesjs-container{height: 555px !important } */
	.index_banner_bt{display: none !important}
	
	.connect_box{width: 800px}
	.connect_box .about_img{width: 25%;}
	.connect_box .inbx{width: 75%;}
	
	.banner_ct img{width: 60%;}
	.bn_pt1{padding-top: 90px !important}
	.bn_pt2{padding-top: 104px !important;}
	.bn_pt2 img{width: 50%;}
	.bn_pt3{padding-top: 105px !important}
	.bn_pt3 img{width: 76% !important}
	.bn_pt4{padding-top: 80px}
	.bn_pt5{padding-top: 100px !important}
	
	/*product_service*/	
	.pad_bg{width: 970px; background-size: 100%; margin: 0 auto}
	.pad_bg .pad_screen{width: 820px}
	.pad_bg .pad_screen_scroll{width: 2460px; left: -100%}
	.pad_bg .pad_inbox{width: 820px;}
	
	.float_intro_p{max-width:940px}
	.ps_bannerbox{height: 600px}
	.ps_bannerbox img{width: 600px}
	.ps_bannerbox_qjs{height: 700px}
	.ps_bannerbox_qjs img{width: 90%}
	.float_intro_p p{padding: 4% 10%}
	.ps_bannerbox_gx{height: 700px}
	.ps_bannerbox_gx .content{padding-top: 300px}
	.pad_bg .pad_inbox2{width: 810px}
	.pad_bg .pad_inbox2 .cell{padding: 2% 12px 0; margin:1.1% 0.8%; width: 20.2%}
	
	.gx_step{width: 980px}
	.plan_picbox img{width: 95%; margin: 0 auto}
	
	.case_logo_box .box{ width:980px;}
	.case_logo_box .picbox{ width:980px; }
	.case_logo_box .piclist li{ width: 138px; text-align: center;  float:left;}
.pad_bg{width: 96%; border-radius: 30px; height: 580px}
.pad_bg .pad_screen{width: 96%;}
.pad_bg .pad_screen_scroll{width: 300%}
.pad_bg .pad_inbox{width: 33.33%; text-align: center}
	
}

/* phone _ menu */
@media screen and (max-width: 800px) {
	
	.slidesjs-container, .slidesjs-control{height: 540px !important}
	.banner_ct .banner_title{ font-size: 30px !important; padding-top: 18% !important;}
	.banner_ct .banner_desc{font-size: 14px; padding:0 20px}
	

	
.main_menu{left: 0; top: 0; right: 0; height: 56px; background: #fff; border-radius: 0}
.main_menu .logo{padding: 14px 0 0 0; margin: 0px auto; text-align: center; float: none}
.main_menu .logo img{max-height: 30px !important; width: auto !important}
.main_menu .menu_text{width:100%;margin: 0; float: left; display: block; position: fixed; z-index: 9999; height: 100%; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff6600), to(rgba(255, 153, 0, 0.96)));  bottom: 0; top:56px; display: none}
.main_menu .menu_text ul{width: 80%; margin: 30px auto; height: auto; overflow: hidden}
.main_menu .menu_text li{ width: 100%; padding: 0; clear: both; height: 64px;border-bottom: 1px solid rgba(255,255,255,.3)}
.menu_ul li a{display: block; font-size: 18px; height: 64px; line-height: 64px; color: #fff !important; text-decoration: none; text-align: center }
.menu_ul li a:visited{color: #fff}
.menu_ul li a:hover{color: #Fff;}


.h1_40{font-size: 30px; font-weight:normal; padding-top: 50px}
.product_service{padding-top: 50px}
.product_service .cell{border:none; box-shadow: 0 1px 3px rgba(0,0,0,.10); height:auto; padding-bottom: 40px}
.product_service .cell:hover{border: none; }
.bannerbox{margin-top: 55px;}
.product_service .cell .icon{padding-top:36px }
.product_service .cell h3{padding: 15px 0 0}
.slidesjs-pagination{display: none !important}
.phone_menu{display: block}
	.connect_box{width: 96%}
	.connect_box .about_img{width: 25%; display: none}
	.connect_box .inbx{width: 96%; float: right}
	

/*方案*/
.solution .cell{width: 94%;margin: 2% 3%;border:none; }
.solution .phone1{background: rgba(255,144,0,.1)}	
.solution .phone2{background: rgba(255,103,100,.1)}	
.solution .phone3{background: rgba(70,200,100,.1)}	
.solution .phone4{background: rgba(55,155,230,.1)}
.solution .phone1:hover,.solution .phone2:hover,.solution .phone3:hover, .solution .phone4:hover{border: none; cursor: pointer}


.service_for .cell{width: 94%;margin: 2% 3%; min-height: 300px; padding-bottom: 36px}
.ai .cell{min-height: 200px}
.case_2017 .cell{width: 29%; margin: 2% 2%}

.footer .copyright{width: 100%;}
.changjing_box{ margin: 0 auto; width: 94%;padding-top:30px}
.changjing{display: block;}

.ps_float_box .cell{width: 100%}
.products_withicon .block{width: 100%}
.products_withicon .block .icon{width: 20%}

.lv2_bannerbox{height: 400px}
.lv2_bannerbox .content{padding-top: 90px}
.lv2_bannerbox .lv2_h1{font-size: 40px}
.lv2_bannerbox .lv2_href{color: rgba(0,0,0,0); line-height: 20px}
.lv2_bannerbox .lv2_href a{ clear: both; display: block; font-size: 16px;}

.pad_bg{width: 96%; border-radius: 30px; height: 480px}
.pad_bg .pad_screen{width: 96%;}
.pad_bg .pad_screen_scroll{width: 300%}
.pad_bg .pad_inbox{width: 33.33%; text-align: center}
.pad_bg .pad_inbox .cell .icon_box{border-radius: 18px}
.pad_bg .pad_inbox .cell .icon_box img{ width: 60%; margin-top: 20%}
.pad_bg{border: none}

.products_withicon .at_phone2{ width: 48%; padding-bottom: 20px}
.products_withicon .at_phone2 .right{width: 96%;}

.banner_about{height: 360px}
.banner_about .content img{width: 80%}

.about_service .cell {width: 48%; height: auto; padding-bottom: 5%}
.about_service .cell .pic{padding-bottom: 60%}


}

@media screen and (max-width: 560px) {
	
	/*index*/
	.slidesjs-container, .slidesjs-control{height: 460px !important}
	.banner_ct .banner_title{ font-size: 28px !important; padding-top: 16% !important;}
	.banner_ct .banner_desc{font-size: 14px; padding:0 20px}
	
	.case_logo_box .box{width: 980px; padding: 0}
	.footer .qrcode{width: 130px; margin: 12px 8px 8px 8px}
	.footer .qrcode .img{width: 110px; height: 110px;}
	.footer .qrcode .img img{width: 100%; height: 100%}
	.footer .side{width:32%;padding-left: 8px}
	
	.footer a{font-size: 12px}
	.footer_logo{display: none}
	
	.clear{height: 40px}
	.product_service .cell{width: 94%;margin: 2% 3%;  }
	.product_service .cell:hover{margin:  2% 3%; }
	
	.case_2017{padding-top: 40px}
	.case_2017 .cell{width: 29%; margin: 2% 2%;height: 80px;}
	.case_2017 .cell img{margin: 22px auto; width: auto; height: auto;opacity: 1;}
	.case_2017 .hide_at_phone{display: none}
	
	.connect_box{width: 94%; height: 220px; padding-top: 16px; box-shadow: none}
	.connect_box em{padding-right: 16px}
	.connect_box .about_img{width: 35%; display: none }
	.connect_box .inbx{width: 88%; float: right}
	.connect_box .inbx .cell{width: 100%; float: right; height: 50px;}
	
	.footer .side{width:94%; padding-left: 4%; padding-top: 50px}
	.footer .copyright{width: 100%}
	.footer .qrcode{float: left;margin: 0 12px 12px 0;}
	.footer .qr_at_phone{padding-top: 30px;}
	
	.h1_40{ width: 90%; margin: 0 auto }
	
	.tab_box{margin:10px auto 20px}
	.pad_bg{height: 470px;border-radius:20px}
	.pad_bg .pad_inbox .cell{ width: 25%;}
	.pad_bg .pad_inbox .cell .icon_box{ border-radius: 15px}
	
	.at_phone_img{float: left}
	.at_phone_text{float: right}
	.ps_float_box .img img{ max-width: 80% ; margin-top: -20px}
	
	.banner_about{height: 260px}
	.banner_about .content img{width: 90%}
	.about_map{padding-top: 70px}
	
	.about_service .cell {width: 92%; margin: 20px auto; clear: both; float: none; height: auto; padding-bottom: 8%}
	.about_service .cell .pic{padding-bottom: 55%}
	#mask, .map_box{height: 400px !important}
	.pad_bg .pad_inbox .cell .name{font-size: 12px}
	.products_withicon{padding-top: 70px !important}
	.products_withicon .title{font-size: 14px;}
	.szh_atphone, .szh_atphone_text{padding-top: 40px !important}
	.products_withicon .right{width: 78%}
	
	.illustration_pic{padding:0 !important}
	.zfyx_atphone img{width: 90%; margin: 0 auto}
	.jjfa_atphone img{width: 70%; margin: 0 auto; }
	.sq_atphone img{width: 96%; margin: 0 auto}
	
}