@charset "UTF-8";

/*reset*/
*{ margin:0; padding:0;}
body {
	font-family: "微软雅黑", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
}
img,input { border: 0; }
table,table th,table tr,table td{ border-collapse: collapse;border: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a { text-decoration: none;color: #333;}
a:link { color: #333; }
ol, ul {list-style: none; }
a{ display:block;}
.w1100{ width:1100px;}
.center{ margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
/*head*/
/*.topbar{ background-color:#f8f8f8; font-size:12px; height:24px;line-height: 24px;}
.topbar .topbar_cont{ overflow: hidden;}
.topbar_cont .split { margin: 0 6px;color: #ccc;}
.topbar_cont a:hover{ color:#f60;}*/
/*head--logo*/
.header{ height:88px; position:relative; z-index:10;}
.header .logo{ width:221px; height:inherit; *height:62px; background:url(../images/logo.png) no-repeat center; float:left;}
/*head--menu*/
/*.header ul{ float:right; height:68px; margin-top:20px;}
.header ul li{ float:left;}
.header ul li a{ padding:23px 20px 21px 20px; font-size:16px; }
.header ul li a:hover,.header ul li .selectd1{ border-top:3px solid #f7941e; background-color:#f7f7f7; padding:20px 20px 20px 20px;}*/
.header ul li .headselect{ border-top:3px solid #f7941e; background-color:#f7f7f7; padding:20px 20px 20px 20px; /*color:#17466e;*/}

#nav{float:right; height:68px; margin-top:20px;}
#nav dl{ float:left;}
#nav dl dt{padding:23px 20px 20px 20px; font-size:16px;}
#nav dl dt:hover{ border-top:3px solid #f7941e; background-color:#f7f7f7; padding:20px 20px 20px 20px;}
#nav dd{ display:none;border-bottom:#ccc 1px dotted;line-height:36px;text-align:center; }
#nav dl:hover dd{ display:block; background:#fff;}
#nav dd:hover a{ background-color:#5d94f0; display:block; color:#fff;}
#nav a{ text-decoration:none; color:#333;}

.banner_content{height:200px; text-align: center;}

/*index*/
/*banner*/
.banner_container{overflow:hidden;height:550px;position:relative; z-index:1;}
/*Five modules*/
.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.business{
	width: 1100px;
	height: 254px;
	overflow: hidden;
	margin: 0 auto;
}
.business .box {
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.business .box .caption {
	width: 100%;
	text-align: center;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.business.active .box .caption {
	-moz-opacity: 1;
	opacity: 1;
}
.business .box .caption i {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 320px;
	height: 31px;
	background: url(../images/words.png) no-repeat 0px -294px;
}
.business .box .caption span {
	font-size: 24px;
	letter-spacing: 3px;
}
.business .box ul.items {
	margin: 0 auto;
	margin-top: 10px;
}
.business .box ul.items li {
	width: 200px;
	height: 300px;
	background: url(../images/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
}
.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}
.business .box ul.items li.pc i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}
.business .box ul.items li.mobi i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}
.business .box ul.items li.sys i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}
.business .box ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}
.business .box ul.items li.host i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
.business .box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-family: Arial, "宋体";
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.business .box ul.items li .module_more{margin-top:6px; font-weight:bold;}
.business .box ul.items li .module_more a{ color:#fff;}
.business .box ul.items li .module_more a:hover{ text-decoration:underline;}
.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background: url();
}
.business .box ul.items li.mobi:hover i {
	background: url();
}
.business .box ul.items li.sys:hover i {
	background: url();
}
.business .box ul.items li.app:hover i {
	background: url();
}
.business .box ul.items li.host:hover i {
	background: url();
}
.business .box ul.items li:hover u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color: White;
	margin-top:-35px;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.business .box ul.items li:hover p {
	top: 10px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

/*mainContent*/
/*.MainContents{overflow:hidden; background-color:#F6F; height:600px;}*/
.main1{ overflow:hidden; padding:10px 0 20px 0;margin-top: 60px;}
.mainLeft{ width:740px; float:left;}
.tit{
	background:url(../images/tit.png) no-repeat left bottom;
	line-height:40px;
	font-size:20px;
	text-align:left;
}
.indexmore {
    display: block;
    float: right;
    margin-right: 10px;
	font-size:14px;
    letter-spacing: normal;
}
.img_box{
	float:left;
	text-align:center;
	width:210px;
	padding:10px 15px;
	/*margin: 0 10px;*/
	}
.img_box h3{
	font-size:14px;
	padding:15px 0 2px 0;
	font-weight:bold;
	color:#555;
	}
.img_box h4{
	text-align:left;
	line-height:22px;
	padding-bottom:10px;
	color:#555;
	}
.img_box a{color:#36a6ed;}
.pageTurning_outline{margin-left:46%; float:left;}
.pageTurning_outline span{width:18px; height:18px; border:1px solid #dad8d8; text-align:center; line-height:16px; color:#9c9898;margin:10px 4px 0 4px; float:left;}

.mainRight{ width:340px;height:520px; float:left;background: url(../images/index_line1.png) repeat-y; padding:0 0 0 20px; }
.mainRight ul li {
    padding-left: 12px;
    background: url(../images/index_tb1.png) no-repeat 0 9px;
    line-height: 28px;
	overflow:hidden;
}
.mainRight ul{ margin-top:10px;}
.mainRight ul li span{ color:#999; float:right;}
.mainRight ul li a{float:left; color:#555;}

.mainRight .cont4{ position:relative;}
.mainRight .cont4 li{ background:none;padding-left: 0px;}
.mainRight .cont4 a:hover{ color:#555;}
.mainRight .cont4 .qrcode{ position:absolute; top:80px; left:210px;}

.line {border-top: 1px dotted #ddd;width: 840px;}

/*product*/
/*banner_product*/
.banner_product{ height:200px; background:url(../images/banner06.png) center;}
/*column*/
.column_container{overflow:hidden; }
.column{float:left;margin-top:30px; width:100%;}
.column img{float:left;}
.column dl{float:right;width:680px;padding:0 8px;padding-top:8px;}
.column dt{font-size:16px;line-height:20px;margin-bottom:7px; color:#111;}
.column dd{ text-align:justify; color:#555;}
.column dl .product_btn{ width:76px; height:28px; color:#fff; text-align:center; margin-top:6px; background:url(../images/product_tb.png) no-repeat -2px 0px; position:relative;}
.column .product_btn:hover {background:url(../images/product_tb.png) no-repeat -80px 0px;}
.column .product_cont{background-color:#f2f2f2; border:1px solid #e9e9e9; width:100%; margin-top:4px; float:left; display:none; position:relative; top:10px; left:-150px; width:836px; }
.column .product_btn:hover .product_cont{ display:block;}
.column .product_article{padding:6px 10px;color: #555;text-align: left;text-indent: 2em;}
.column .product_line{ width:100%; border:none; border-bottom:1px dotted #dddddd; margin-top:22px; float:left;}
.column .product_article p{ color:#555; text-indent:26px; line-height:1.8; text-align:justify;}
/*.column .product_desc{ height:40px;text-indent:2em; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}*/
.column .product_desc{text-indent:2em;display: -webkit-box;}
.column .productimg{ width: 138px;height: 110px}
/*Solution*/
/*banner_Solution*/
.banner_solution{ height:200px; background:url(../images/banner07.png) center;}

/*new*/
/*banner_new*/
.banner_new{ height:200px; background:url(../images/banner08.png) center;}
/*new_info*/
.new_info{ width:99.8%;}
.new_info ul li{ overflow:hidden; border-bottom:1px dotted #ddd; padding:0 8px;}
.new_info ul li span{ float:left; line-height:32px; padding-left:6px; color:#555;}
.new_info ul li img{ padding:12px 0 0 0;}
.new_info ul li .date{ float:right; color:#999; font-size:12px;}
.new_info ul li:hover{ background-color:#f5f5f5;}
.new_info ul li a:hover{ color:#416cc3;}
.flip span{display:inline;color:#555; padding:0 8px;}


/*About us*/
/*banner_AboutAs*/
.banner_AboutAs{ height:200px; background:url(../images/banner09.png) center;}
/*position*/
.position{ height:36px; font-size:12px; line-height:36px; }
.position p{background:url(../images/icon_position.gif) no-repeat left; padding-left:15px; margin-left:10px;}
/**/
.banner_introduction{ height:200px; background:url(../images/banner11.png) center;}
/*main*/
.main{overflow:hidden;}
/*main--left*/
.left{width: 258px;}
.left ul{ width:224px; margin-bottom:30px;}
.left ul li{ border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.left ul li a{height:46px; line-height:46px; text-align:center;}
.left ul li a:hover{ color:#ff7e00;}
.left ul li .selectd2{ color:#ff7e00;}
.left .left_title1,.left_title2{height:58px; line-height:58px; text-align:center; border-top-left-radius:6px;border-top-right-radius:6px; color:#fff; font-size:20px;}
.left .left_title1{background-color:#0858b1;border:1px solid #0858b1;}
.left .left_title2{background-color:#515151;border:1px solid #515151;}
.left ul p{color:#666;line-height: 30px;}
.left ul li .hotline_label {background: url(../images/icon14.jpg) no-repeat 26px center;padding-left: 56px; font-size: 18px;}
.left ul li .telephone{font-size: 20px;font-weight: bold;padding-left: 26px;}
.left ul li .WorkHours{font-size: 14px;padding-bottom: 22px; padding-left: 26px;}
.left ul li hr{ width:150px; border:none; border-bottom:1px solid #d9d9d9; margin:0 auto;}
.left ul li .mail{ background: url(../images/icon15.png) no-repeat 26px 0px;padding-left: 56px; font-size: 18px;}
.left ul li .btn_mail{ width:134px; height:38px;line-height:38px; background-color:#ff7e00; color:#fff;text-align:center; margin:0 auto;}
.left ul li .btn_mail:hover{ text-decoration:underline;}

/*main--right*/
.right{width: 840px; overflow:hidden; }
.cont_tit{ height:60px;line-height:60px; background-color:#f8f8f8;}
.cont_tit h1{ font-size:20px; color:#104f94;  padding-left: 14px;}
.cont_tit .English{ padding:0 0 0 24px; color:#c7c7ca; display:inline-block; text-transform: uppercase; font-family:Arial; font-size:14px;}
.right h2{font-size:16px; background:url(../images/tit_line1.png) no-repeat 10px 40px; padding:10px 0 26px 12px; font-weight:bold;}
.right .company_img{ text-align:center;}
.right .article{ color:#555; text-indent:26px; line-height:1.8; text-align:justify;}


/*Contact*/
/*banner_Contact*/
.banner_Contact{ height:200px; background:url(../images/banner10.png) center;}
/*contact_info*/
.contact_info{ width:99.8%; border:1px solid #ddd;}
.contact_info img{width: 20px;height: 20px;margin-top: 4px;}
.contact_info h1{ color:#104f94;}
.contact_info ul{ margin:15px 0 15px 20px;}
.contact_info ul li{ overflow:hidden;}
.contact_info ul li span{ float:left; line-height:30px; padding-left:15px; color:#555;}

/*-- footer --*/
.footer{width:100%; background:#4263a6; overflow:hidden;color:#FFF;}
.footer .footer_frame{overflow:hidden; margin-top:10px; margin-bottom:20px;}
.footer .cont1,.cont2{ background-color:#9CF; background:url(../images/foot01.png) no-repeat right;}
.footer ul{ float:left; height:190px;}
.footer .cont2 li,.cont4 li{  padding-left:90px;}
.footer .cont1 li{  padding-left:10px;}
.footer ul a{ color:inherit; line-height:1.8;}
.footer ul a:hover{text-decoration:underline;}
.footer .cont4 a:hover{text-decoration:none;}
.footer .cont1_list,.cont2_list,.cont4_list{ font-size:20px;  display:block;}
.footer .cont1_list{ padding:26px 60px 10px 0;}
.footer .cont2_list{ padding:26px 60px 10px 80px;}
.footer .cont4_list{ padding:26px 60px 10px 90px;}
.PageBottom{ height:32px; line-height:32px; background-color:#1f3d7c; color:#fff; font-size:12px; text-align:center;}


/*subpage*/
/*new_details*/
.right h5{ font-size:20px;text-align:center; padding:30px 0 0; color:#555;margin-bottom:10px;}
.ReleaseTime{font-size:12px; text-align:center;padding:0 0 10px; color:#555;display: block;}
.previous,.next{color:#555; line-height:2;}
.previous a,.next a{ color:#416cc3; display:inline;}
.previous a:hover,.next a:hover{ text-decoration:underline;}
/*about_recruit*/
#recruit table{ text-align:center; width:100%;}
#recruit table tr,#recruit table td,#recruit table th{border:#d9d9d9 1px solid;}
#recruit table th{ line-height:42px; background-color:#f3f3f3;}
#recruit table td{ line-height:36px;}
#recruit table .bg{ background-color:#f7f7f7;}
#recruit table tr:hover{background-color:#faf9f5;}
/*about_case*/
.grid *,.grid :after,.grid :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.grid { position: relative; margin: 0 auto; padding: 1em 0 2em; max-width: 820px; list-style: none; text-align: center; overflow:hidden;}
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 240px; width: 48%; height: auto; background: #3085a3; text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
/*.grid figure figcaption { padding: 2.2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }*/
.grid figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure figcaption > a { color: #fff; font-size:16px;position: absolute; top:50%; left: 0; width: 100%; height: 100%;z-index: 1060; white-space: nowrap;opacity: 0; }
.grid figure figcaption > a:hover{ text-decoration:underline;}
/*.grid figure h2 { word-spacing: -0.15em; font-weight: 300; background:rgba(255,255,255,0.6); font-size:18px;padding:10px 0 16px 0;color: #FF7E00;  }*/
.grid figure h2 { word-spacing: -0.15em;width:500px; font-weight: 300; background:rgba(0,0,0,0.6); font-size:18px;padding:10px 60px 18px 60px;color: #fff;  }
.grid figure h2, .grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }
/***** Jazz *****/
figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #6a99f9 0%, #4263a6 100%); }
figure.effect-jazz img { opacity: 1; }
figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
figure.effect-jazz h2, figure.effect-jazz p{ opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
/*figure.effect-jazz h2 { margin-top: 16%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }*/
figure.effect-jazz h2 { margin-top: 51%;margin-left:-50px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
figure.effect-jazz p { padding: 0.7em 3em 0em 4.2em; text-transform: none; font-size: 0.85em; opacity: 0; }
figure.effect-jazz:hover img { opacity: 0.4; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
/*figure.effect-jazz:hover h2{ color:#fff; background:none;}*/
figure.effect-jazz:hover h2{opacity: 0;}
figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }
figure.effect-jazz:hover p ,figure.effect-jazz:hover a{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
/* Media queries */
@media screen and (max-width: 50em) {
.content { padding: 0 10px; text-align: center; }
.grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; }
}

/* 轮播css */
.picScroll-left { width:740px; float:left;}
.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
.picScroll-left .hd ul{ float:left; overflow:hidden; zoom:1; margin-top:10px; zoom:1;margin-left:316px; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-450px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px; overflow:hidden;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }


.picScroll-left .bd ul li .picList *,.picList :after,.picList :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.picScroll-left .bd ul li .picList { position: relative; margin: 0 auto; max-width: 820px; list-style: none; text-align: center; overflow:hidden;}
.picScroll-left .bd ul li .picList figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 240px; width: 48%; height: auto; background: #3085a3; text-align: center; cursor: pointer; }
.picScroll-left .bd ul li .picList figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.picScroll-left .bd ul li .picList figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.picScroll-left .bd ul li .picList figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.picScroll-left .bd ul li .picList figure figcaption > a { color: #fff; font-size:14px;position: absolute; top:70%; left: 0; width: 100%; height: 100%;z-index: 1060; white-space: nowrap;opacity: 0; }
.picScroll-left .bd ul li .picList figure figcaption > a:hover{ text-decoration:underline;}
.picScroll-left .bd ul li .picList figure h2 { word-spacing: -0.15em;width:400px; font-weight: 300; background:rgba(0,0,0,0.6); font-size:18px;padding:10px 60px 30px 60px;color: #fff;  }
.picScroll-left .bd ul li .picList figure h2, .picList figure p { margin: 0; }
.picScroll-left .bd ul li .picList figure p { letter-spacing: 1px; font-size: 68.5%; }
.picScroll-left .bd ul li figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #6a99f9 0%, #4263a6 100%); }
.picScroll-left .bd ul li figure.effect-jazz img { opacity: 1; }
.picScroll-left .bd ul li figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.picScroll-left .bd ul li figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.picScroll-left .bd ul li figure.effect-jazz h2, figure.effect-jazz p{ opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
.picScroll-left .bd ul li figure.effect-jazz h2 { margin-top: 51%;margin-left:-40px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.picScroll-left .bd ul li figure.effect-jazz p { padding: 0.5em 3em 0em; text-transform: none; font-size: 0.85em; opacity: 0; }
.picScroll-left .bd ul li figure.effect-jazz:hover img { opacity: 0.1; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.picScroll-left .bd ul li figure.effect-jazz:hover h2{width:95%;overflow:hidden; margin-top: 12%;margin-left:15px;color:#fff; background:none;}
.picScroll-left .bd ul li figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }
.picScroll-left .bd ul li figure.effect-jazz:hover h2, .picScroll-left .bd ul li figure.effect-jazz:hover p ,.picScroll-left .bd ul li figure.effect-jazz:hover a{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
@media screen and (max-width: 50em) {
.picScroll-left .bd ul li .content { padding: 0 10px; text-align: center; }
.picScroll-left .bd ul li .picList figure { display: inline-block; float: none; margin: 10px auto; width: 100%; }
}

/* 首页轮播效果CSS开始 */
/*banner*/
.banner_nav_container{overflow:hidden;height:490px;position:relative; z-index:1;}
.banner_nav{position:absolute;left:50%;top:0;margin-left:-960px;}
/*banner_btn*/
.banner_btn_container{position:relative; z-index:1;}
.banner_nav_btn{position:absolute;left:50%;margin-left:-450px;bottom:-45px;padding:10px 50px 10px 30px;background-color:#eee;box-shadow:0px 1px 10px 1px #999}
.banner_nav_btn li{float:left;background-color:#a6a39e;margin:0 8px;border:3px solid #eee;}
.banner_nav_btn .currentLi{border:3px solid #EDB956;}
.banner_nav_btn span{position: absolute;text-align: center;background: rgba(30,40,80,0.8);color: white;top: 56px;display: block;width: 138px;font-size: 12px;}
/* left  right*/
.banner_nav_btn .Left,.banner_nav_btn .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #ccc;right:50%;bottom:26px;cursor:pointer}
.banner_nav_btn .Left{margin-right:413px;background-position:5px 0;}
.banner_nav_btn .Right{margin-right:-451px;background-position:-33px 0;}
/*banner_jquery*/
.banner_nav img{float:left;}
.banner_nav_btn li{cursor:pointer;}
/* 效果CSS结束 */

/*成功案例轮播*/
/*success*/
/*success*/
.success_container{overflow:hidden;height:500px;width:700px;position:relative; z-index:1;}
.success_container li{position:relative;}
.success2{position:absolute;top:230px;}
/*success_btn*/
.success_btn{position:absolute;left:50%;margin-left:-23px;bottom:10px;}
.success_btn li{float:left;width:11px;height:11px;background-color:#a6a39e;margin:0 4px;}
.success_btn .currentLi{background-color:#f49f45;}
/*success_jquery*/
 .success_btn li{cursor:pointer;}

.picScroll-left .success_container ul li{float:left; _display:inline; overflow:hidden; text-align:center; margin:10px 15px; }
.picScroll-left .success_container .success_btn li{margin:0 4px;}
.picScroll-left .success_container ul li .picList *,.picList :after,.picList :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.picScroll-left .success_container ul li .picList { position: relative; margin: 0 auto; max-width: 820px; list-style: none; text-align: center; overflow:hidden;}
.picScroll-left .success_container ul li .picList figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 240px; width: 48%; height: auto; background: #3085a3; text-align: center; cursor: pointer; }
.picScroll-left .success_container ul li .picList figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.picScroll-left .success_container ul li .picList figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.picScroll-left .success_container ul li .picList figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.picScroll-left .success_container ul li .picList figure figcaption > a { color: #fff; font-size:16px;position: absolute; top:50%; left: 0; width: 100%; height: 100%;z-index: 1060; white-space: nowrap;opacity: 0; }
.picScroll-left .success_container ul li .picList figure figcaption > a:hover{ text-decoration:underline;}
.picScroll-left .success_container ul li .picList figure h2 { word-spacing: -0.15em;width:400px; font-weight: 300; background:rgba(0,0,0,0.6); font-size:18px;padding:10px 60px 30px 60px;color: #fff;  }
.picScroll-left .success_container ul li .picList figure h2{ margin: 10px 40px; }
.picScroll-left .success_container ul li figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%); background: linear-gradient(-45deg, #6a99f9 0%, #4263a6 100%); }
.picScroll-left .success_container ul li figure.effect-jazz img { opacity: 1;}
.picScroll-left .success_container ul li figure.effect-jazz figcaption::after, figure.effect-jazz img{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.picScroll-left .success_container ul li figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.picScroll-left .success_container ul li figure.effect-jazz h2{ opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
.picScroll-left .success_container ul li figure.effect-jazz h2 { margin-top: 51%;margin-left:-40px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.picScroll-left .success_container ul li figure.effect-jazz:hover img { opacity: 0.4; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); }
.picScroll-left .success_container ul li figure.effect-jazz:hover h2{opacity: 0;}
.picScroll-left .success_container ul li figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); }
.picScroll-left .success_container ul li figure.effect-jazz:hover a{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }