@charset "utf-8";
/* CSS Document */


*{ padding:0; margin:0;}

body{ font:15px Arial, Helvetica, sans-serif; color: #363636;}

img{ border:0; }

li{ list-style:none;}

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

a:hover{ color:#f00; text-decoration:none;}

.ba{ color:#fff; text-decoration:none; background-color:#F94B15}
.ba:hover{ color:#000; text-decoration:none;}
.ca{ color:#fff; text-decoration:none; background-color:#FF6000}
.ca:hover{ color:#000; text-decoration:none;}


.remove{ clear:both;}
.pa20{ padding-top:2%}
.pabo20{ padding:2% 0;}
#mart2{ margin-top:2%}
#mart1{ margin-top:1%}
.titlenbt{ font:bold 22px/32px Arial; color:#ff9203; text-align:center;width:100%; height:50px; border-bottom:1px solid #ebebeb;margin:30px 0;}

/*首页*/

header {
    height: 90px;
	background:#FFF;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	box-shadow:0px 5px 10px #adadad;
}

.top{ width:100%; margin:0 auto;}
.top .logo{ width:30%; float: left; margin-top:10px;}
.top .cd{  float:right;}


.menu{ width:100%; height:32px; margin-top:10px;}
.menu .nav{  margin: 0 auto;}
.menu .nav li .slect{ color:#0306a8; display:block; width:100%; height:32px; font-weight:bold; }
.menu .nav li{ width:114px; float:left; text-align:center; font:16px/32px Arial; color:#FFF;}
.menu .nav li a{ color:#3D3D3D; display:block; width:100%; height:32px; font-weight: bolder}
.menu .nav li a:hover{ color:#237c87; display:block; width:100%; height:32px; }
.ddsmoothmenu ul .li1{ height:39px;   text-align:center; }
.ddsmoothmenu ul .li1 i{ color:#096; font-size:15px;}
.ddsmoothmenu ul .li1 a{display:block; width:100%; height:39px; }
.ddsmoothmenu ul .li1 a:hover{display:block; height:39px; color:#0306a8; }
.ddsmoothmenu ul .li1 ul{position: absolute;display: none; visibility: hidden; background:#F6F6F7; z-index:999; width:170px;border-radius:5px}
.ddsmoothmenu ul .li1 ul li{border-bottom:1px solid #F3F3F3; margin-bottom:0; text-align:center; font:14px/28px Arial, Helvetica, sans-serif; _position:relative;
}
.ddsmoothmenu ul .li1 ul li a{ color:#545454; display:block; width:170px; height:35px; line-height: 35px; float: left; text-align: left; padding-left: 10px;}
.ddsmoothmenu ul .li1 ul li a:hover{ color:#fff; display:block; width:170px; height:35px; background-color:#161686;}
.ddsmoothmenu ul .li1 ul li ul{position:relative;margin-top:-25px;z-index:32;}



.menuyy{ width:100%; height:9px; }

.banner{ width:100%; height:700px; margin-top:74px;}
.about-banner1{ width:100%; height:200px; margin-top:74px; background:url(../pic/about-banner1.jpg) no-repeat center;}
.about-banner{ width:100%; height:300px; margin-top:74px; background:url(../images/about-banner.jpg) no-repeat center;}
.contact-banner{ width:100%; height:300px; margin-top:54px; background:url(../images/contact-banner.jpg) no-repeat center;}
.new-banner{ width:100%; height:300px; margin-top:74px; background:url(../images/new-banner.jpg) no-repeat center;}
.hk-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/hk-banner.jpg) no-repeat center;}
.pro-banner{ width:100%; height:300px; margin-top:74px; background:url(../images/pro-banner.jpg) no-repeat center;}
.business-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/case-banner.jpg) no-repeat center;}
.manufacturing-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/about-banner.jpg) no-repeat center;}
.fmcg-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/fmcg-banner.jpg) no-repeat center;}
.gjwy-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/gjwy-banner.jpg) no-repeat center;}
.dz-banner{ width:100%; height:200px; margin-top:74px; background:url(../pic/dz-banner.jpg) no-repeat center;}

.banner1{ width:100%; margin-top:74px; background-color:#FDA92C; text-align:center;}


.content{ width:100%; }
.about{ width:100%;}
.about .a_top{ width:100%; }
.about .a_content{  width:100%;min-height:240px;padding:25px 5px 0 0px;font:15px/27px Arial;}


.products{ width:100%; margin-top:40px;}
.products .ptop{ width:100%; height:37px;border-bottom:1px solid #EDEBEB; margin:20px 0 10px; }
.products .ptop .l1{height:37px; float:left;font:18px/37px Arial; background:url(../images/z1.png) no-repeat 8px; text-indent:30px; border-bottom:1px solid #0c969b;}
.products .ptop .l1 span{ font:13px/37px Arial;}
.products .ptop .l2{ width:150px; height:37px; float:right;font:15px/37px Arial; text-align:right}
.products .lnr{ width:100%; min-height:222px;  border-left:1px solid #EDEBEB;border-right:1px solid #EDEBEB;border-top:4px solid #008c88;border-bottom:4px solid #008c88;padding:10px; padding-left:0;  }
.products .rnr{ width:100%; height:242px;  border:1px solid #EDEBEB;padding:10px; overflow:hidden}

.news{ width:100%; }
.news .l1{ width:100%; margin-top:10px;}


.news .l1 .n_top{ width:100%;}
.news .l1 .n_headlines{ width:100%;padding:8px 0; border-bottom:1px dotted #cbcbcb;}
.news .l1 .n_headlines .nh_right1{ width:98%; float:left; line-height:24px; margin-left:10px;}
.news .l1 .n_headlines .nh_right1 strong{ font:bold 15px Arial; color:#383838;}
.news .l1 .n_headlines .nh_right1 span{ display:block; color:#999; min-height:80px;}
.news .l1 .n_ul{ padding-top:5px;margin:8px; margin-top:0;}
.news .l1 .n_ul li{  width:100%; height:32px; line-height:32px; background:url(../images/dot.jpg) no-repeat left center; border-bottom:1px dotted #cbcbcb;}
.news .l1 .n_ul li a{ color:#525252;}
.news .l1 .n_ul li a:hover{ color:#099392;}
.news .l1 .n_ul li span{ width:450px; float:left; display:block; padding-left:16px; height:32px; overflow:hidden;}
.news .l1 .n_ul li p{ width:90px; float:right; text-align:right; display:block;padding:0; margin:0;}




.case1{ width:100%;border:1px solid #ECECEC; border-top:0; margin-top:10px;}
.case1 .h_top{ width:100%; height:38px; background-color:#EEEEEE;border-bottom:1px solid #0c969b;}
.case1 .h_top .l1{ font:bold 15px/38px Arial; color:#242424; text-indent:10px; float:left;background:url(../images/yewu1.png) no-repeat 8px; text-indent:35px; }
.case1 .h_top span{ font:12px/38px Arial; color:#242424; margin-right:8px; float:right;}
.case1  .ch_content{ padding:10px;background:url(../images/cq.jpg) center no-repeat }
.case1  .ch_content li{  float:left; margin: 0 6px; display:inline; border:1px solid #EEEEEE;background-color:#f4f4f4 }
.case1  .ch_content li p{ line-height:30px; text-align:center; padding-top:5px; }
.case1  .ch_content li a:hover{ float:left;  display:inline;  border:1px solid #0c969b;}

.link{ width:100%;border:1px solid #ECECEC;  margin-top:10px; overflow:auto}
.link .h_top{ width:100%; height:38px; background-color:#F3F3F3; border-bottom:1px solid #0E757C;}
.link .h_top .l1{ font:bold 15px/38px Arial; color:#242424; text-indent:10px; float:left;background:url(../images/ys-linkman1.png) no-repeat 8px; text-indent:35px; }
.link .h_top span{ font:12px/38px Arial; color:#242424; margin-right:8px; float:right;}
.link  .ch_content{ padding:10px 10px 25px 10px;  }
.link  .ch_content li{  float:left; margin: 0 6px; display:inline;}


.bottom{ width:100%; background-color:#eee; border-top:1px solid #e1dedd; padding:20px 0;}

.bottom .bottom1{ width:1002px; margin:0 auto;}

.bottom .bottom1 .logo2{ width:180px; float:left; border-right:1px dashed #BABABA}

.bottom .bottom1 .submenu{ width:790px; float:right;}

.bottom .bottom1 .submenu .li1{ background:url(../images/index2_78.jpg) no-repeat left top; float:left; padding-left:30px; width:133px;}

.bottom .bottom1 .submenu .li1 strong{ font: bold 14px/25px Arial; color:#6e5d54;}

.bottom .bottom1 .submenu .li1 span{ display:block; font:12px/25px Arial;}

.bottom .bottom1 .submenu .li2{ background:url(../images/index2_80.jpg) no-repeat left top; float:left; width:133px; padding-left:30px; margin-left:20px; display:inline;}

.bottom .bottom1 .submenu .li2 strong{ font:bold 15px/25px Arial; color:#6e5d54;}

.bottom .bottom1 .submenu .li2 span{ display:block; font:12px/25px Arial;}

.bottom .bottom1 .submenu .li3{ background:url(../images/index2_82.jpg) no-repeat left top; float:left; width:133px; padding-left:30px; margin-left:20px; display:inline;}

.bottom .bottom1 .submenu .li3 strong{ font:bold 15px/25px Arial; color:#6e5d54;}

.bottom .bottom1 .submenu .li3 span{ display:block; font:12px/25px Arial;}


.bottom .bottom1 .submenu .li4{ background:url(../images/index2_80.jpg) no-repeat left top; float:left; width:133px; padding-left:30px; margin-left:20px; display:inline;}
.bottom .bottom1 .submenu .li4 strong{ font:bold 15px/25px Arial; color:#6e5d54;}
.bottom .bottom1 .submenu .li4 span{ display:block; font:12px/25px Arial;}

.bottom .bottom1 .submenu .li5{ background:url(../images/index2_80.jpg) no-repeat left top; float:left; width:133px; padding-left:30px; margin-left:20px; display:inline;}
.bottom .bottom1 .submenu .li5 strong{ font:bold 15px/25px Arial; color:#6e5d54;}
.bottom .bottom1 .submenu .li5 span{ display:block; font:12px/25px Arial;}


.bottom .bottom1 .submenu a{ color:#6e5d54;}

.bottom .bottom1 .submenu a:hover{ color:#f45500;}

.copyright{ width:100%; min-height:150px; background-color:#2a3b89; margin-top:10px; }
.copyright .nr{ width:100%; margin:0 auto;}
.copyright .nr .left{ width:100%; font:14px/25px Arial; color:#CFE3E5; padding-top:25px; padding-bottom: 25px;}
.copyright .nr .left a{  color:#CFE3E5;}
.copyright .nr .right{ width:100%; margin-top:14px; text-align:right;color:#CFE3E5; line-height:20px; float:right}
.copyright .nr img{ width:40%;padding:8px; background-color:#FFF; margin-right:2%; float:left; }
.copyright .nr .right span{  text-align:left;color:#CFE3E5; line-height:20px; float:left; margin-top:10%}
/*内页*/
.content2{	width:100%;background-color: #F2F2F2;}
.content1{	width:100%;background-color: #dfdfdf;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;}
.about_left{ width:18%; float:left;}

.about_left .al_list{ width:198px;border:1px solid #ecedee; background-color:#FFF}

.about_left .al_list .al_top{ width:100%; height:37px; background:url(../images/about_20.jpg) repeat-x; font: bold 14px/37px Arial; color:#fff; text-indent:10px;}

.about_left .al_list .al_top span{ font:12px Arial; color:#fff;}

.about_left .al_list .al_content{ width:100%; padding:10px 5%; background-color:#FFF;}

.about_left .al_list .al_content li a { width:100%; height:35px; border-bottom:1px dotted #E8E8E8; line-height:30px; background:url(../images/zx_libg01a.gif) no-repeat left center; text-indent:20px;font:bold 13px/35px Arial; display:block}

.about_left .al_list .al_content li a:hover,.about_left .al_list .al_content li .on { width:100%; height:35px; border-bottom:1px dotted #E8E8E8; line-height:30px; background:url(../images/zx_libg02a.gif) no-repeat left center; text-indent:20px;font:bold 13px/35px Arial; display:block; color:#FFF}
.mlcdon{ color:#0c969b;font:bold 14px/35px Arial;}
.about_right{ width:82%; float:right;}

.about_right .ar_top{ width:98%; height:25px; line-height:25px; padding:0 1%; background:url(../images/index_471.jpg) repeat-x left bottom; padding-bottom:8px;}

.about_right .ar_top .art_left{ width:35%; float:left; background:url(../images/list_tit.jpg) no-repeat left center; text-indent:20px; font:14px/25px Arial;}

.about_right .ar_top .art_left strong{ color:#044937;}

.about_right .ar_top .art_right{ width:60%; text-align:right; float:right;}


.about_right .ar_content{
	min-height:350px;
	_height:350px;
	line-height:25px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font:13px/25px Arial;
}

.ar_content li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	clear: both;
	height: 30px;
	background-image: url(../images/index_321.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.ar_content li a {
	float: left;
	padding-left: 15px;
}
.ar_content .right {
	width: 370px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
.feiye {
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	clear: both;
}
.content .contact{ width:395px; margin:15px auto;}
.content .contact1{ width:300px; height:276px; float:left;padding-left:180px; background:url(../images/contact.jpg) no-repeat left;}
.content .contact2{ width:490px; float:right;}
.border1{ border:1px solid #CCC; background-color:#FFF; height:23px;}
.border2{ border:1px solid #CCC; background-color:#FFF;}
.border3s{ border:1px solid #ededed; background-color:#FFF; overflow:hidden; margin-bottom:20px;}
.banner-box {
	OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 331px;
}
#banner {LEFT: 0px; WIDTH: auto; POSITION: absolute; TOP: 0px; HEIGHT: 331px;}
#banner LI {
	WIDTH: 100%; HEIGHT: 30px
}
.page-box {
	RIGHT: 0px; WIDTH: 100%; BOTTOM: 1px; POSITION: absolute
}
#page {
	PADDING-RIGHT: 42px; PADDING-LEFT: 36px; BACKGROUND: url(../images/page.png) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 198px; PADDING-TOP: 0px; HEIGHT: 20px; TEXT-ALIGN: center; 
}
#page SPAN {
	DISPLAY: inline-block; BACKGROUND: url(../images/banner-btn.png) no-repeat -11px top; MARGIN-LEFT: 5px; WIDTH: 11px; CURSOR: pointer; HEIGHT: 10px;
}
#page SPAN#active {
	BACKGROUND: url(../images/banner-btn.png) no-repeat left top;
}


#demo {overflow:hidden;  width: 100%; min-height:80px; }
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

#demo3 {overflow:hidden;  height:220px; }
#demo3 img {}
#indemo1 {float: left;width: 800%;}
#demo4 {float: left;}
#demo5 {float: left;}




#full-screen-slider { width:100%; height:400px; float:left; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#F60; border:1px solid #FFF; margin-top:-1px;}

.text-12{ font:15px/27px Arial;color:#3e3e3e;}
.text-bt{ font:bold 15px/25px Arial; color:#0E757C;}
.pcblock{ display:block;}
.mbblock{ display:none}
.toggle {
	    display: block;
	    height: 72px;
	    line-height: 72px;
	    text-align: right;
	    width: 72px;
}
.line1{ border-bottom:1px solid #ECECEC; padding-top:5px;}
.line{ border-bottom:1px dashed #CCC; padding-bottom:10px;}
.contenttext{font:15px/28px Arial;}
.simplefilter li {
      color: #636363;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    margin: 1% 0.1em;
    text-transform: uppercase;
	background-color:#E6E6E6;
	border-radius: 30px;
	
	
}
.simplefilter li a{
  color:#636363;
  display:block;
  background:#E6E6E6;
		    border-radius: 30px;
			padding: 12px 35px;
}
.simplefilter li a:hover, .simplefilter li .on{
  color:#ffffff;
  display:block;
  background:#0206a8;
		    border-radius: 30px;
}

.simplefilter li{
	-webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    transition:0.5s ease-in;
}
.page-title {
	padding: 10px 0 10px;
	background-color: #f8f8f8;
	border-bottom:1px solid #f0f0f0;
}

.page-title .page-title-heading {
	float: left;
}

.page-title .page-title-heading .h1-title {
	color: #2e363a;
	font-size: 27px;
	font-weight: 600;
	letter-spacing: 0.6px;
	font-family:Arial
}

.page-title .breadcrumbs {
	float: right;
}

.page-title .breadcrumbs li {
	display: inline-block;
	line-height: 38px;
}

.page-title .breadcrumbs li a {
	color: #1D65D4;
	letter-spacing: -0.2px;
}

.page-title .breadcrumbs li:last-child a {
	color: #a9a9a9;
}

.page-title .breadcrumbs li a:hover {
	color: #a9a9a9;
}

.page-title .breadcrumbs li:last-child a:hover {
	color: #a9a9a9;
}

.page-title .breadcrumbs li a i {
	padding: 0 5px 0 9px;
}
/* start blog */
.blog {
	display: block;
}
.blog_list{
	margin-top: 4%;
}
.blog_list:first-child{
	margin-top: 0%;
}
.blog_list h2{
	font-size: 1.5em;
	text-transform: uppercase;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	font-family:Arial;
}
.blog_list h5{
	margin-top:8px;
	font-size: 1em;
	text-transform: capitalize;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	font-family:Arial;
	
}
.blog_list h5 a{
	color: #1D65D4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog_list h5 a:hover{
	color: #777777;
}
.blog_para{
	margin: 2% 0;
}
.blog_para p a{
	float: left;
	margin-right: 4%;
}
.blog_para p a img{
	margin-top: 10px;
	
}
.read_more {
	margin-top: 2%;
}
.btn,btn a{
	border-radius:25px;
	color: #ffffff;
	background: #0871c9;
	text-transform: uppercase;
	padding: 12px 25px;
	font-size: 0.875em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
.btn:hover {
	background: #ff9901;
	color: #ffffff;
}

.one_c ul li{
	width:99%;
	height:auto;
	margin-bottom:19px;
	position:relative;
	overflow:hidden;
	height:190px;
	border:1px solid #E7E7E7;
	text-align:center
	
	
}
.one_c ul li h3{
	height:40px;
	line-height:40px;
	width:100%;
	background:url(../images/one_zz.png) repeat;
	position:absolute;
	left:0;
	bottom:-10px;
	text-align:center;
	
}
.bot_b_bg{
	padding:5px 0;
	min-height:30px;
	overflow:hidden;
	line-height:30px;
	color:#7e7e7e;
	font-size:12px;
	background:#181818;
	
}
.one_c{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	min-height:30px;
}
.one_c ul li h3 a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px;
	color:#fff;
	font-size:14px;
	overflow:hidden;
	font-weight:normal !important;
	text-align:center;
	
}
.one_c ul li:hover h3{
	height:100%;
	font-weight:normal !important;
	text-align:center;
	
	
}
.one_c ul li h3 b{
	font-weight:normal !important;
	text-align:center;

	

	
}

.one_c ul li:hover h3 a{
	height:100%;
	padding:17px 25px 20px 25px;
	box-sizing:border-box;
	font-weight:normal !important;
	text-align:center;
	width:100%
}
.one_c ul li:hover em{
	background:url(../images/al_more.png) no-repeat 0 20px;
	width:37px;
	height:80px;
	display:block;
	padding-top:60px;
}
.one_c ul li:hover span b{
	font-weight:normal;
}
.one_c ul li:hover span b{
	display:none;
	font-weight:normal;
}
.one_c ul li:hover span i{
	font-size:12px;
	height:84px;
	line-height:24px;
	display:block;
	text-decoration:none ;
	margin-top:75%

	
	
}
.one_c ul li span i{
	display:none;
	 font-style:normal;	
}
.one_c ul li>a{
	width:98%;
	height:auto;
	display:block;
	overflow:hidden;
}
.one_c ul li a img{
	display:block;
	width:100%;
	height:auto;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
}
.one_c ul li:hover a img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.honor{margin-bottom:5px; margin-right:5px;}
.honor .honor-image{border:1px solid #eaeaea;padding:3px; text-align:center}
.honor h1 {font:15px/28px Arial; text-align:center; padding:0; margin:0}
footer{ margin:30px 0;width:100%; text-align:center;}
footer img{ padding-right:2px;}
.ordercj{width:100%; height: 372px; }
.ordercj .ttbt{width:100%; height:25px; font-size:19px; border-bottom:1px solid #EAE9E9; text-align: center}
.ordercj ul{ overflow: hidden;}
.ordercj ul li{  overflow: hidden; height:32px; width:100%; letter-spacing:0.6px;}
.ordercj ul li a{display: block; float: left;width: 100%; background: url(../images/dot1.jpg) no-repeat  15px 9px; font-size: 16px; color: #333; text-indent:34px;line-height: 32px;}
.ordercj ul li span{color: #2899a3; font-size:16px; font-weight:700;}
.ordercj ul li a:hover{color:#ff0000; }

/*轮播图*/
#myCarousel .item {
	height: 700px;
}
#myCarousel a  {
	font-size: 50px;
	line-height: 700px;
}
#myCarousel div div a {
	display: block;
	height: 440px;
}

#myCarousel div.item:nth-of-type(1) {
	background: url("../images/bg4.jpg") no-repeat center center;
	background-size: cover;
} 
#myCarousel div.item:nth-of-type(2) {
	background: url("../images/bg6.jpg") no-repeat center center;
	background-size: cover;
} 
#myCarousel div.item:nth-of-type(3) {
	background: url("../images/bg7.jpg") no-repeat center center;
	background-size: cover;
} 
#myCarousel div.item:nth-of-type(4) {
	background: url("../images/bg5.jpg") no-repeat center center;
	background-size: cover;
} 
.question_gg {
  background: #E5E5E5; height:35px; overflow: hidden; line-height:35px; 
}
.ggtb{ background:url(../images/ggtb.jpg) no-repeat 0px 4px;padding-left:32px;}
.question_sycp {
  background: #F4F4F5; 
}
.question_sycp_title {
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  color: #59595b;
  text-transform: uppercase;
  padding: 20px 0;
  text-align:center;
  width:95%;
 
}

.input-group input {
  height: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  font-size: 14px;
  color: #58585a;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: .45px;
  padding: 0px;
  background:url(../images/zoom.png) no-repeat 5px 3px #FFF;
  text-indent:26px
}

.input-group input.placeholder {
  font-size: 14px;
  color: #58585a;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: .45px;
}

.input-group input:-moz-placeholder {
  font-size: 14px;
  color: #58585a;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: .45px;
}

.input-group input::-moz-placeholder {
  font-size: 14px;
  color: #58585a;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: .45px;
}

.input-group input::-webkit-input-placeholder {
  font-size: 14px;
  color: #58585a;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: .45px;
}

.input-group .input-group-btn .btn-default {
  border: none;
  height: 24px;
  padding: 0px;
  width: 30px;
  background: #f03a38;
  color: #fff;
  border-radius: 5px;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  letter-spacing: .45px;
  margin-top:7px;
  background:url(../images/search.png) no-repeat;
}
.input-group i{padding:0; margin:0}
.cppropic{width:100%; height:187px; overflow:hidden;}
.cppropictext{ text-align:center; line-height:28px; margin:12px 0;}
 a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
	width:100%;
	height:187px;
	border:1px solid #f0f0f0;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.23);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.23);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}


#home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
   align-items: center;
  height: 70vh;
  position: relative;
  padding-top: 10em;
  overflow:hidden;
  width:100%
}
.in_title{
    text-align: center;
    padding: 50px 0 30px;
}
.in_title .pq{
    font-size: 26px;
    color: #333;
    font-weight: bold;
}
.in_title .pw{
  font-size: 16px;
  line-height: 32px;
}
.in_ys .main li{
  height: 190px;
  border: 1px solid #eee;
  width: 49.5%;
  margin-bottom: 30px;
  float: left;
}
.in_ys .main li:nth-of-type(2n){
  float: right;
}
.in_ys .main li .font{
  padding-left: 140px;
  margin-left: 28px;
  height: 88px;
  margin-top: 45px;
  width: 520px;
}
.in_ys .main li .font.ico1{
  background: url(../images/in_ys1.png) no-repeat left top;
}
.in_ys .main li .font.ico2{
  background: url(../images/in_ys2.png) no-repeat left top;
}
.in_ys .main li .font.ico3{
  background: url(../images/in_ys3.png) no-repeat left top;
}
.in_ys .main li .font.ico4{
  background: url(../images/in_ys4.png) no-repeat left top;
}
.in_ys .main li .font .p1{
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
.in_ys .main li .font .p2{
  line-height: 26px;
}
.in_ys{
  padding-bottom: 50px;
}
.paddings {
	maring-top: 90px;
	maring-bottom: 90px;
}

#curturl1{background: url(../images/cul.jpg) no-repeat;	background-size: cover;
	width: 100%;
	background-attachment: fixed;
	background-position: center center;padding:0; min-height:340px; padding:80px 0; margin-top:50px; color:#FFF}
	
#curturl1	h1{text-shadow:2px 2px 2px #000; color:#FFF}
#curturl1	h2{text-shadow:2px 2px 2px #000; color:#FFF; font-size:16px;}
#curturl1 .box .ul{overflow: hidden;text-align: center;}
#curturl1 .box .ul li{font-size: 26px;position: relative;padding: 10px 33px;color: #FFF;display: inline-block;*display:inline; *zoom:1;text-shadow:2px 2px 2px #000;letter-spacing:2px }
#curturl1 .box .ul li::after{content: "";height: 16px;width: 1px;display: block;position: absolute;top: 15px;right: 0;background: #B6CAD7;}
#curturl1 .box .ul li:last-child::after{display: none;}

.template-section1 {
    padding: 10px 0;
	
}
/* ----------------------------
. Blog area style
-------------------------------*/
.single-blog-post-thumnail img {
    width: 100%;
}

.single-blog-post-content {
    padding-top: 20px;
}

.single-blog-post-title {
    letter-spacing: 1px;
    font-weight: 600;
}

.single-blog-post-title:hover {
    color: #2772DB;
}

.single-blog-post-meta {
    margin-bottom: 10px;
}

.single-blog-post-meta li {
    position: relative;
    margin-right: 5px;
}

.single-blog-post-meta li::before {
    bottom: 0;
    color: #a1a1a1;
    content: "/";
    display: block;
    left: -6px;
    position: absolute;
}

.single-blog-post-meta li:first-child::before {
    display: none;
}

.single-blog-post-meta li:first-child a {
    color: #2772DB;
}

.single-blog-post-meta li a {
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.single-blog-post-meta li a:hover {
    color: #2772DB;
}

.single-blog-post-content p {
    color: #666;
    text-align: justify;
}

.read-more-wrapper a {
    color: #666;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.read-more-wrapper a:hover {
    color: #2772DB;
}

.read-more-wrapper a i {
    margin-left: 10px;
    font-size: 12px;
}

.hov5 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.hov5::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hov5:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.bo2-r {border-right: 1px solid #e6e6e6;}
.nopadding{ padding:0; margin:0;}
.cpproductsl{width:30%;}
.cpproductsr{width:68%;padding:10px;}
.cpproductsr .bt{ font:bold 20px/32px Arial; color:#243f80}
.cpproductsr .test{ font:15px/28px Arial; color:#525458}
.borderyy{-moz-box-shadow:5px 3px 3px #dadada; -webkit-box-shadow:5px 3px 3px #dadada; box-shadow:5px 3px 3px #dadada;

}

.homeAboutTitle{ text-align: center; }
.homeAboutTitle h2{ color: #0355a6; font-size: 36px; padding:1% 0 0.5% 0; font-family:Impact,Verdana, Geneva, sans-serif }
.homeAboutTitle .text{ color: #020b14; font-size: 26px; line-height: 20px;}
.homeAboutTitle .linex{ padding-top: 1.333%; text-align: center; line-height: 0; }
.homeAboutTitle .linex span{ display: inline-block; vertical-align: top; width: 98px; height: 1px; background-color: #b2b2b2;}
@media screen and (max-width:1229px){
    .homeAboutTitle .eng{ font-size: 14px; }
    .homeAboutTitle h2{ font-size: 24px; }
    .homeAboutTitle .text{ font-size: 14px; }
    .homeAboutTitle .line span{ width: 78px; }
}
@media screen and (max-width:767px){
    .homeAboutTitle .eng{ font-size: 13px; }
    .homeAboutTitle h2{ font-size: 15px; }
    .homeAboutTitle .text{ font-size: 23px; }
    .homeAboutTitle .line span{ width: 42px; }
}



.content {
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
  }
  
  .wrapper {
	width: 33.3%;
	height: 100%;
	padding: 10px;
  }
  
  .name {
	position: relative;
	font-size: 16px;
	display: inline-block;
  }
  .name:after {
	content: '';
	position: absolute;
	width: calc(100% + 10px);
	height: 1px;
	background-color: #000;
	bottom: -4px;
	left: 0;
  }
  
  .box {
	position: relative;
	max-height: 320px;
	border-radius: 4px;
	margin-bottom: 30px;
  }
  .box .hide {
	opacity: 0;
  }
  .box .frame {
	position: absolute;
	border: 1px solid #fff;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .box h2, .box p {
	position: absolute;
	color: #333;
	z-index: 2;
	width: 100%;
	transition: opacity 0.2s, transform 0.3s;
  }
  .box h2 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 0;
	letter-spacing: 1px;
  }
  .box p {
	bottom: 0;
	font-size: 14px;
	letter-spacing: 1px;
  }
  .box:hover {
	transition: all .3s ease-in-out;
  }
  .box:hover:before {
	transition: all .3s ease-in-out;
  }
  .box img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s ease-in-out;
  }
  .box img:hover {
	transition: all .3s ease-in-out;
  }
  .box img:after {
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
  }
  .box img:hover {
	transition: all .3s ease-in-out;
  }
  
  .zoom-in h2 {
	top: 50%;
	transform: translatey(-50%);
	text-align: center;
	margin: 0;
  }
  .zoom-in p {
	text-align: center;
	top: calc(50% + 40px);
	transition: all .3s ease;
	transform: scale(1.8);
	opacity: 0;
  }
  .zoom-in:hover img {
	transform: scale(1.1);
	filter: grayscale(100%);
  }
  .zoom-in:hover p {
	transform: scale(1);
	transition: all .3s ease;
	opacity: 1;
  }
  
  .w-content .frame {
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-color: transparent;
  }
  .w-content h2 {
	margin-top: 20px;
	/* top: 50%; */
	transform: translatey(-50%);
	text-align: center;
	letter-spacing: 1px;
  }
  .w-content p {
	transform: translate3d(0, -10px, 0);
  }
  .w-content:hover {
	opacity: .8;
  }
  .w-content:hover .frame {
	border-color: #fff;
	transition: color .3s ease-in-out, all .3s ease-in-out;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
  }
  
  .postcard h2 {
	top: 50%;
	text-align: left;
	transform: translate3d(50px, 20px, 0);
  }
  .postcard p {
	transform: translate3d(40px, 60px, 0);
	font-size: 24px;
	letter-spacing: 1px;
  }
  .postcard:hover h2 {
	transform: translate3d(20px, 20px, 0);
  }
  .postcard:hover p {
	opacity: 1;
  }
  .postcard:hover img {
	filter: opacity(0.7);
	transform: translate3d(-30px, 0, 0);
  }
  
  .blury-card .frame {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	opacity: 0;
	transition: all 0.3s ease-in-out;
  }
  .blury-card h2, .blury-card p {
	text-align: center;
	top: 50%;
	transform: translatey(-50%);
	margin: 0;
	z-index: 3;
  }
  .blury-card p {
	transform: translatey(30px);
	letter-spacing: 3px;
  }
  .blury-card span {
	font-size: 24px;
  }
  .blury-card:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #008E6B;
	z-index: 1;
	left: 0;
	opacity: 0;
	transition: all .3s ease-in-out;
  }
  .blury-card img {
	z-index: 2;
  }
  .blury-card:hover .frame {
	width: calc(100% - 120px);
	height: calc(100% - 120px);
	opacity: 1;
  }
  .blury-card:hover img {
	opacity: .7;
  }
  .blury-card:hover:before {
	opacity: 1;
	transition: all .3s ease-in-out;
  }
  
  .vintage h2 {
	top: 50%;
	transform: translate3d(0, 60px, 0);
	text-align: center;
  }
  .vintage p {
	opacity: 0;
	bottom: 0;
	transform: translate3d(0, -10px, 0);
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
  }
  .vintage:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
	z-index: 2;
	bottom: -100%;
	left: 0;
  }
  .vintage:hover:before {
	bottom: 0;
  }
  .vintage:hover h2 {
	bottom: 40px;
	transform: translate3d(0, 20px, 0);
  }
  .vintage:hover p {
	opacity: 1;
	transform: translate3d(0, -30px, 0);
  }
  
  .zoom-out .frame {
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	height: calc(100% - 40px);
  }
  .zoom-out h2 {
	font-size: 20px;
	font-weight: 300;
	margin-left: 10px;
	letter-spacing: 1px;
  }
  .zoom-out span {
	font-size: 24px;
	font-weight: 500;
  }
  .zoom-out p {
	max-width: 120px;
	text-align: right;
	margin: 10px;
	right: 0;
  }
  .zoom-out img {
	transform: scale(1.1);
  }
  .zoom-out:hover img {
	transform: scale(1);
	filter: contrast(70%);
  }
  
  @media screen and (max-width: 880px) {
	.wrapper {
	  width: 50%;
	}
  }
  @media screen and (max-width: 520px) {
	.wrapper {
	  width: 100%;
	}
  }

.poster-main{
	position: relative;
	margin: 50px auto;
}
.poster-main .poster-list .poster-item{
	position: absolute;
	left: -100px;
	right: -100px;
	top: 0;
}
.poster-main .poster-btn{
	position: absolute;
	top: 0;
	cursor: pointer;
}
.poster-main .poster-prev-btn{
	left: -150px;
	background: url("../images/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
	right: -150px;
	background: url("../images/btn_r.png") no-repeat center center;
}

#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 500px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
}
#myscroll ul {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 10px;
	width:300px;
	margin-bottom: 10px;
}
#myscroll ul li:nth-child(4n){
	float: right;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 260px;
	padding: 0;
	position: relative;
	height: 240px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}