@charset "utf-8";

/*初始化样式*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,button,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei", "宋体", Helvitica, Verdana, Arial, san-serif;
	font-size: 12px;
	}
html,body{ color:#333}
body{ background:#fff;}
ul,ol,li{ list-style:none;}
textarea{ resize:none;}
table{
	border-collapse: collapse;
	border-spacing: 0;
	padding-bottom: 5px;
	background-color: #FFF;
} 
th,td{
	padding: 0;
	background-color: #FFFFFF;
}
i{ font-style:normal;}
a:link, a:visited{ color:#282828; text-decoration:none; outline:none;}
a:hover{ color:#000; text-decoration:none;}
a:active {
star:expression(this.onFocus=this.blur())
	color: #FFFFFF;
} 
img{ border:none; display:block;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

/*清除IE浏览器input后面的小图标*/
input::-ms-clear{ display:none}
input::-ms-reveal{ display:none;}
/*去掉input点击后出现的边框*/
input{ outline:none;}

/*清除浮动*/
.clearfloat:after{ content:''; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfloat{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}



/*==============================公共样式==============================*/
html,body{ width:100%;}
.w1180{
	width: 1180px;
	margin: 0 auto;
}
.content_modular{ background:#fff; overflow:hidden;}
.section_core{ width:100%; overflow:hidden;}
.section_core .w1920_content{ width:1920px; margin-left:-960px; position:relative; left:50%;}
.min_shadow:after{ content:''; width:100%; height:10px; background:url(../image/min_shadow_bg.png) repeat-x; position:absolute; left:0; top:0;}

/*==============================顶部状态栏==============================*/
.site_nav_modular{ height:29px; line-height:29px; background:#f5f5f5;}
.site_nav_modular .w1180{ overflow:hidden;}
.site_nav_modular .site_left{ float:left;}
.site_left .site_state{ color:#777777;}

/*==============================头部分区==============================*/
.header_modular{ height:120px; overflow:hidden;}
.header_modular .head_login{ padding:28px 0 0 40px; float:left;}
.header_modular .nav_modular{ margin-top:76px; float:right;}
.nav_modular .nav_list{ font-size:16px; line-height:20px; margin:0 7px; float:left;}
.nav_list .nav_list_name{ color:#454545; padding:2px 26px 4px; display:block;}
.nav_modular .nav_list:hover,.nav_modular .nav_list.current{ background:#ff7e1f; border-radius:30px;}
.nav_list:hover .nav_list_name,.nav_list.current .nav_list_name{ color:#fff;}

/*----------banner分区----------
.banner_moduale{
	
	width:100%; overflow:hidden;
}
.banner_moduale .banner_img img{ margin-left:-960px; position:relative; left:50%;}

*/

.banner_moduale{
	width: 100%;
	height: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 50px;
}
.banner_moduale  .photo_img img{
	margin-left: -960px;
	position: relative;
	left:50%;}
.banner_moduale ul{
	width:1920px;
	margin-left: -960px;
	position: relative;
	left:50%;
	}
.banner_moduale li{
	float:left;
}
.index-1{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_01.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-2{
	float:left;
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_02.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-3{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_03.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-4{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_04.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-5{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_05.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-6{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_06.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-7{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_07.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-8{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_08.gif);
	background-repeat: no-repeat;
	background-position: center;}
	
.index-9{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_09.gif);
	background-repeat: no-repeat;
	background-position: center;}
	
.index-10{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_10.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-11{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_11.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-12{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_12.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-13{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_13.gif);
	background-repeat: no-repeat;
	background-position: center;}
	
.index-14{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_14.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-15{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_15.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-16{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_16.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-17{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_17.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-18{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_18.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-19{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_19.gif);
	background-repeat: no-repeat;
	background-position: center;}
.index-20{
	 
	width:192px;
	height:291px;
	background-image:url(../image/cut/images/banner-index_20.gif);
	background-repeat: no-repeat;
	background-position: center;}
	

/*----------分类分区----------*/
.photo_moduale .wide1180{ height:507px; margin-bottom:0px; margin-top:0px;}
.photo_moduale{
	width: 100%;
	height: 507px;
	overflow: hidden;
	background-image:url(../image/pray.png);
	background-repeat: no-repeat;
	background-position: center;
}
.photo_moduale  .photo_img img{
	margin-left: -960px;
	position: relative;
	left:50%;
}
.title_modular{ color:#282828; text-align:center; padding-top:78px; }
.title_modular .title_name{ font-size:26px; text-align:center;}
.title_modular .title_engname{
	font-family: "微软雅黑";
	font-size: 14px;
	text-align: center;
	letter-spacing: 0px;
	margin-top: 5px;
}
.classify_modular{ padding:62px 1px 1px 47px; overflow:hidden; margin:auto;}
.classify_modular .classify_list{ width:225px; margin-right:58px; float:left; }
.classify_modular .creativity_list{ margin-right:32px; }
.classify_list .classify_icon{ width:187px; height:187px; background:url(../image/classify_icon.png) -300px -20px; margin:auto; }
.product_list .classify_icon{ background-position:-300px -240px;}
.teaching_list .classify_icon{ background-position:-300px -480px;}
.creativity_list .classify_icon{ background-position:-300px -720px;}
.profile_list .classify_content:hover .classify_icon{ background-position:-50px -20px;}
.product_list .classify_content:hover .classify_icon{ background-position:-50px -240px;}
.teaching_list .classify_content:hover .classify_icon{ background-position:-50px -480px;}
.creativity_list .classify_content:hover .classify_icon{ background-position:-50px -720px;}
.classify_content .classify_name{ font-size:17px; ; color:#5e5e5e; margin-top:21px; text-align:center;}
.classify_content:hover .classify_name{ color:#f98224;}


/*----------产品推荐----------*/
.service_modular{ color:#282828; text-align:center; padding-top:60px; }
.service_modular .service_name{ font-size:26px; text-align:center;}
.service_modular .service_engname{
	font-size: 15px;
	text-align: center;
	letter-spacing: 5px;
	margin-top: 11px;
}
.products_modular{ padding-top:2px; padding-left:68px;overflow:hidden; margin:auto; padding-bottom:33px;}
.products_modular .products_list{ margin-top:78px; width:180px; margin-right:98px; float:left; }
.products_list .products_icon{ width:78px; height:64px; background:url(../image/products.png) -200px -100px; margin:auto; }
.product_list .products_icon{ background-position:-200px -200px;}
.teaching_list .products_icon{ background-position:-200px -300px;}
.creativity_list .products_icon{ background-position:-200px -400px;}
.B2C_list .products_icon{ background-position:-400px -100px;}
.020_list .products_icon{ background-position:-400px -200px;}
.distribution_list .products_icon{ background-position:-400px -300px;}
.develop_list .products_icon{ background-position:-400px -400px;}
.products_content .products_name{ font-size:15px; ; color:#5e5e5e; margin-top:5px; text-align:center;}
.products_content:hover .products_name{ color:#f98224;}

/*----------案例推荐----------*/
.nav_case{ font-size:16px ;
	padding-top:5px;	
	text-align: center;
}

.nav_case .case_list{ font-size:16px; line-height:16px; margin:0 2px; float:left; }
.split_line{ margin-left:2px; margin-right:2px; color:#9b9b9b;}

.frame{margin:auto; padding-top:56px; margin-bottom:20px;}
.frame1{margin:auto; margin-bottom:20px;}
.w11802{ width:1180px; margin:0 auto; height:60px; margin-bottom:30px;}
.button{ float:right; margin-right:20px; margin-bottom:30px; margin-left:500px;}


/*----------客户列表----------*/

.frame_client{ margin:auto; padding-left:50px; padding-top:30px; margin-bottom:60px;}

/*pagination*/
.page {
    height: 36px;
    text-align: center;
    margin-bottom: 40px;
}

.page ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.page li {
    display: inline;
    font-size: 14px;
}

.page a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
    color: #ff7e1f;
    background-color: #FFFFFF;
}

.page a:hover, .pagination .active a {
    background-color: #f5f5f5;
}

.page .active a {
    color: #999;
    cursor: default;
    background-color: transparent;
}

.page .disabled span, .page .disabled a, .page .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default;
    border: 1px solid #ddd;
}

.page li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.page li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}