@charset "utf-8";
* {
	margin: 0px;
}
li,img,div,ul,span,table {
	padding: 0px;
}
img {
	border-width: 0px;
}
li {
	list-style-type: none;
}
p {
	padding: 3px 0px 3px 0px;
}
.cleft {
	clear: both;
}
.cleftb {
	display: block;
	*display:none;
	_display:none;
	clear:both;
}
body {
	font-family:"Microsoft YaHei", "宋体", Arial, MingLiU;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	-webkit-text-size-adjust: none;/*cancel ios Safari浏览器横屏自动调整字号*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a {
	color: #333333;
	text-decoration: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
@media (any-hover: hover) {
a:hover {
	color: #0059eb;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}	
}
input {/*删除ios input border样式*/
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	border-radius: 0 ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
}
textarea {/*删除ios 文本框border样式*/
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-radius: 0 ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
}
#box {
	width:1240px;
	margin:0 auto;
}
.logo {
    float:left;
	width:166px;
	height:48px;
}
h1 {
	font-size:16px;
	color: #666666;
	text-align: center;
}
h2 {
	font-size: 12px;
	font-weight: normal;
	display: inline;
}
/*评论及文章收藏*/
.pl {
	float:left;
	width:95%;
	border:1px solid #CCCCCC;
}
.pl_1 {
    float:left;
	width:100%;
	background: #009966;
	height:24px;
	line-height:24px;
}
#pl_1 {
	float: right;
	padding-right:15px;
	color:#FFFFFF;
}
#pl_1 a {
	color:#FFFFFF;
}
#pl_1 a:hover {
	color:#666666;
}
#pl_1 span {
	color: #FF0000;
	padding:3px;
}
.pl_2 {
	padding:5px;
}
.pl_3 {
	float:left;
	width:100%;
}
#pl_3 {
	float:left;
	resize:none;
	overflow:hidden;
}
.pl_4 {
    float:left;
	padding-left:10px;
}
.pl_5 {/*文章收藏*/
    float:right;
}
.pl_5 span {
	padding-right:3px;
}
/*评论end*/
/*select下拉菜单样式美化代码开始，如果网页不用此样式美化可删除此段代码*/
#container{
   width:100%;
   text-align:left;
   margin:0 auto;
}
#search {
   float:left;
   width:215px;
   height:26px;
   margin-top:50px;
   margin-left:340px;
   background:url(/style/images/21526.gif) no-repeat;/*文字添加在背景图上，blueCircle加载完成后5424.gif自动遮住，伪隐藏select加载过程*/
 }  
.search {
   float:left;
   width:159px;
   height:26px;
}
.search .text {
   FLOAT:left;
}  
.search .text input{
   width:114px;
   height:24px;
   line-height:24px;
   background:none;
   border:none;
   text-align:center;
   color:#CCCCCC;
   outline:none;
}
#selectbtn{
   float:right;
}
#blueCircletext {
   float:left;
   width:54px;
   height:24px;
   line-height:24px;
   padding-left:1px;
   padding-top:1px;
   overflow:hidden;
}
#selectloadwait {
   display:none;/*隐藏加载select过程*/
}    	  
span.blueCircle_mSel_main {overflow:hidden;margin:0;background:url(/style/images/5424.gif) no-repeat;text-align:center;cursor:pointer;font-size:12px;color: #0033CC;display: block;}
span.blueCircle_mSel_main a{color:#A4A0A0;}/*设置选项文字默认颜色*/	
.blueCircle_mSel_list {display:none;position:absolute;margin:-1px -1px 2px;*margin:-1px -3px -1px;_margin:-1px -3px -1px;padding:0;list-style:none;text-align:center;font-size:12px;width:56px;z-index:103;}
.blueCircle_mSel_list li {background-color:#fcfcfc;border:#AACB6B solid;border-width:0 1px;height:25px; color:#990033;}
.blueCircle_mSel_list li.mSel_start {line-height:0;font-size:0;height:5px;}
.blueCircle_mSel_list li.mSel_end {background:none no-repeat left top;font-size:0;line-height:0; margin-top:-4px;height:2px; border-bottom:2px #AACB6B solid;}
.blueCircle_mSel_list li a {display:block;overflow:hidden;padding:0 10px;line-height:25px;text-decoration:none;color:#79A2BD;height:25px;}
.blueCircle_mSel_list li a:hover {background-color:#B1C3D9;color:#fff;}
.blueCircle_mSel_list li.mSel_on a {background-color:#7FA9C6;color:#fff;}
.blueCircle_mSel_list li a.mSel_disable {font-style:italic;}
.blueCircle_mSel_list li a.mSel_disable:hover {background:none;color:#79A2BD;}
/*代码中若不使用WhiteCircle样式美化下拉框，则可删除以下代码*/
span.WhiteCircle_mSel_main {overflow:hidden;margin:0;padding:1px 6px 0 12px;background:url(/style/images/5424.gif) no-repeat;line-height:25px;text-align:left;cursor:pointer;font-size:12px;color: #0033CC;width:54px;height:24px;display: block;}
span.WhiteCircle_mSel_main a{color:#A4A0A0;}/*设置选项文字默认颜色*/	
.WhiteCircle_mSel_list {display:none;position:absolute;margin:0;*margin:-1px -2px -1px;_margin:-2px -2px -1px;padding:0;list-style:none;text-align:left;font-size:12px;width:72px;z-index:103;}
.WhiteCircle_mSel_list li {background-color:#fcfcfc;border:#6D92AB solid;border-width:0 2px;height:25px; color:#990033;}
.WhiteCircle_mSel_list li.mSel_start {line-height:0;font-size:0;height:5px; border-top:2px #5D92AC solid;}
.WhiteCircle_mSel_list li.mSel_end {background:none no-repeat left top;font-size:0;line-height:0; margin-top:-4px;height:2px; border-bottom:2px #6D92AB solid;}
.WhiteCircle_mSel_list li a {display:block;overflow:hidden;padding:0 10px;line-height:25px;text-decoration:none;color:#79A2BD;height:25px;}
.WhiteCircle_mSel_list li a:hover {background-color:#B1C3D9;color:#fff;}
.WhiteCircle_mSel_list li.mSel_on a {background-color:#7FA9C6;color:#fff;}
.WhiteCircle_mSel_list li a.mSel_disable {font-style:italic;}
.WhiteCircle_mSel_list li a.mSel_disable:hover {background:none;color:#79A2BD;}
/*select下拉菜单样式美化代码结束*/
 /*导航菜单begin*/
#menu {
	z-index:14; 
	width:calc(100% - 166px); 
	height:48px;
	overflow: hidden; 
	background: #fff;
	}
.menu {
	display: flex;/*IE10 以及旧的版本不支持 flexbox*/
	justify-content: center;
    align-items: center;
	position:relative;
	width:auto;
	margin-top: 0px;
    }
@media screen and (max-width: 1180px) {
#menu {
	z-index: 885;
	position: fixed;
	width: 100%;
}	
.menu {
	display: none;
}
}        
.menu ul {
    text-align: center;
    background:none;
    float: left;
	list-style:none;
    }
.menu ul li {
    position: relative;
    display: block;
    float: left;
    }
.menu ul li a {
    text-decoration: none;
    padding:15px 8px;
    margin: 0 20px;
    display:block;
    color:#000;
    font-size:14px;
    }
.menu ul li a:hover {
	color: #0059eb;
	}
.menu .nav_selected {/*若不加.menu 则color: #c9c9c9设置无效,.menu与.nav_selected有空格*/	
	color: #0059eb;
	}
/*animate_line*/
.animate_line, .link_line {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.animate_line:before, .link_line:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: linear-gradient(90deg,#0059eb,#2677ff);
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.animate_line:before {  
  height: 4px;
}
.link_line:before {  
  height: 2px;
}
.animate_line:hover:before, .link_line:hover:before, .animate_line:focus:before, .link_line:focus:before, .animate_line:active:before, .link_line:active:before {
  right: 0;
}
@media screen and (max-width: 640px) {
.animate_line:before, .link_line:before {
	background: none;
}	
}
/*animate_line*/    
/*new code*/
#mpage_banner {
    float:left;
    display:block;
    position:relative;
    width:100%;   
    background: #FFF;
    overflow:hidden;
    margin-bottom: 0px;
}
.mpage_banner {
    float: left;
    display: block;
    position: relative;
    width:100%;
}
.mpage_banner img {
    max-width: 100%;
    height: auto;
}
/*mpage_banner code end*/
#mpage_code_1 {
	float:left;
    display:block;
    position:relative;
    width:100%; 
	height:auto;
	background:url(/style/images/1920560.jpg) no-repeat top center;
}
.mpage_code_1_title {
	width: 100%;
	display: none;
}
.mpage_code_1 {
	max-width: 1600px;
	margin: 0 auto;
	margin-top: 60px;	
}
.mpage_code_1 ul li {
	float: left;
	width: calc((100% - 272px) / 4);
	margin-right: 48px;
	margin-bottom: 36px;
	padding: 16px;
	box-shadow: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media (any-hover: hover) {
.mpage_code_1 ul li:hover {
	background: #fff;
	transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(22, 108, 247, 0.15);
}
}
.mpage_code_1 ul li:last-child {
	margin-right: 0;
}
.mpage_code_1 ul li div {
	font-size: 16px;
	font-weight: 500; 
	color: #000;
	line-height: 28px;
	padding-left: 20px;
}
.mpage_code_1 ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #6f7988;
    line-height: 22px;
    margin-top: 8px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 64px;
}
.mpage_code_1 ul li img {
    max-width: 100%;
    height: auto;
    margin-top: 25px;
}
@media screen and (min-width: 1181px) and (max-width: 1400px) {
#mpage_code_1 {
	height:auto;
}
.mpage_code_1 {
	float: left;
	width: calc(100% - 24px);
	margin-left: 24px;
	margin-bottom: 36px;	
}
.mpage_code_1 ul li {
	width: calc((100% - 224px) / 4);
	margin-right:24px;
}
}
@media screen and (min-width: 860px) and (max-width: 1180px) {
#mpage_code_1 {
	height:auto;
	background:url(/style/images/19201942.jpg) no-repeat top center;
}
.mpage_code_1 {
	float: left;
	width: auto;
	margin-left: calc((100% - 848px) / 2);
	margin-bottom: 36px;
}
.mpage_code_1 ul li {
	width: 368px;
	margin-right:auto;
}
.mpage_code_1 ul li:nth-child(even) {
	margin-left: 48px;
}	
}
@media screen and (min-width: 769px) and (max-width: 859px) {
#mpage_code_1 {
	height:auto;
	background:none;
}
.mpage_code_1 {
	float: left;
	width: auto;
	margin-left: 0px;
	margin-bottom: 36px;
}
.mpage_code_1 ul li {
	width:calc((100% - 124px) / 2);
	margin-right:auto;
	margin-left: 20px;
}
.mpage_code_1 ul li:nth-child(even) {
	margin-right: 20px;
}
}
@media screen and (min-width: 641px) and (max-width: 768px) {
#mpage_code_1 {
	height:auto;
	background:none;
}
.mpage_code_1 {
	float: left;
	width: auto;
	margin-left: 0px;
	margin-bottom: 36px;
	margin-top: 40px;
}
.mpage_code_1 ul li {
	width:calc((100% - 112px) / 2);
	padding: 11px;
	margin-right:auto;
	border: 1px solid #dfe4ec;
}
.mpage_code_1 ul li:nth-child(odd) {
	margin-left: 24px;
}
.mpage_code_1 ul li:nth-child(even) {
	margin-left: 16px;
}
}
@media screen and (max-width: 640px) {
#mpage_code_1 {
	height:auto;
	background:none;
}
.mpage_code_1 {
	float: left;
	width: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 20px;
}
.mpage_code_1_title {
	width: calc(100% - 16px);
	display: block;
	margin-left: 16px;
	margin-top: 20px;
}
.mpage_code_1_title span {
	font-size: 16px;
    font-weight: 500;
    background: linear-gradient(90deg, #00a2ed 1.42%, #166cf7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.mpage_code_1 ul li {
	width:calc(100% - 56px);
	padding: 11px;
	margin-left: 16px;
	margin-right:auto;
	border: 1px solid #dfe4ec;
	box-shadow: 0 8px 30px rgba(22, 108, 247, 0.15);
}
}
/*4links code end*/
.link {
	width:100%;
	height:218px;
	background:none;
}
#boxlink {
	width:1280px;
	height:218px;
	background:url(/style/images/1280218.png) no-repeat top center;
	margin:0 auto;
	overflow:hidden;
}
#link li { 
	float:left;
	width:320px;
	}
#link li span { 
	float:left;
	width:244px;
	padding-top:121px;
	padding-left:72px;
	font-size:18px;
	color:#333333;
	}	
#link li div { 
	float:left;
	width:256px;
	font-size:14px;
	color:#777777;
	padding-top:15px;
	padding-left:72px;
	padding-bottom:30px;
	}	
.ncode_6 {
	width:1280px;
	margin:0 auto;
	overflow:hidden;
	}
.ncode_61 {
	float:left;
	position:relative;
	width:632px;
	height:296px;
	margin-bottom:16px;
	overflow:hidden;
}
.ncode_61 div,.ncode_62 div {
	float:left;
	font-size:22px;
	line-height:22px;
	width:100%;
	color:#333333;
	padding-top:40px;
	padding-left:32px;
	overflow:hidden;
}
.ncode_61 span {
	float:left;
	font-size:14px;
	line-height:24px;
	width:356px;
	color:#777777;
	padding-top:30px;
	padding-left:34px;
	overflow:hidden;
}
.ncode_61 li a,.ncode_62 li a {
	position:absolute;
	font-size:14px;
	line-height:48px;
	width:124px;
	height:48px;
	color: #000000;
	background:#fdfefd;
	border-radius: 25px;
	text-align:center;	
	left:32px;
	bottom:32px;
}
.ncode_61 li a:hover,.ncode_62 li a:hover {
	color: #1941c0;
}
.ncode_62 {
	float:left;
	position:relative;
	width:1280px;
	height:320px;
	margin-top:0px;
	margin-bottom:30px;
	background:url(/style/images/star.png) no-repeat right #e0e6f3;
}
.ncode_62 span {
	float:left;
	font-size:14px;
	line-height:24px;
	width:596px;
	color:#777777;
	padding-top:30px;
	padding-left:34px;
	overflow:hidden;
}
.ncode_63 {
	position:absolute;
	width:600px;
	height:760px;
	background:#FFF;
	left:-20px;
	top:-1px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
}
.ncode_631 {
	position:absolute;
	width:600px;
	height:760px;
	background:#FFF;
	left:-20px;
	top:-43px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
	z-index:9000;
}
#ncode_631 {
	float:left;
	width:600px;
	height:330px;
}
.ncode_632 {
	position:absolute;
	float:left;
	width:600px;
	height:760px;
	background:#FFF;
	top:-387px;
	font-size:14px;
	line-height:24px;
	overflow:hidden;
	border:1px solid #DADEE4;
	padding:10px 20px;
	z-index:9000;
}
#ncode_632 {
	float:left;
	width:293px;
	height:180px;
}
.ncode_63 div ,.ncode_631 div ,.ncode_632 div {
	float:left;
	width:100%;
	font-size:18px;
	font-weight:bold;
	height:36px;
}
#ncode_6310 ,#ncode_6311 ,#ncode_6312 {
	position:absolute;
	float:right;
	width:56px;
	height:56px;
	right:-5px;
	top:0px;
	cursor: pointer;
}
.ncode_list_1 {
	float:left;
	margin-top:10px;
}
.ncode_list_1 li {
	float:left;
	width:595px;
	height:150px;
	margin-top:31px;
	overflow:hidden;
}
.ncode_list_1 span {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	padding-top:10px;
}
#ncode_list_1 {
	float:left;
	width:140px;
	height:80px;
	display:block;
	clear:both
}
/*webdesign code*/
.ncode_64 {
    float:left;
	width:100%;
	height:600px;
	background:url(/style/images/1920600.jpg) no-repeat center;
	overflow:hidden;
}
#ncode_64 {
    float:left;
	width:100%;
	height:1861px;
	background:url(/style/images/301861.png) repeat-x;
	overflow:hidden;
}
.ncode_65 {
    float:left;
	width:100%;
	height:501px;
	text-align:center;
	background:url(/style/images/1240501.jpg) no-repeat center;
	overflow:hidden;
}
.ncode_65 div {
	font-size:32px;
	font-weight:bold;
	line-height:32px;
	color:#FFF;
	padding-top:30px;
	padding-bottom:14px;
}
.ncode_65 span {
	font-size:18px;
	line-height:24px;
	color:#FFF;
}
.ncode_66 {
    float:left;
	width:100%;
	height:868px;
	background:url(/style/images/1240868.png) no-repeat center;
	overflow:hidden;
}
#ncode_661 {
	width:100%;
	text-align:center;
	padding-top:16px;
}
#ncode_661 div {
	font-size:30px;
	line-height:30px;
	color:#fcff00;
	font-weight:bold;
}
#ncode_661 span {
	float:left;
	width:100%;
	text-align:center;
	font-size:16px;
	line-height:30px;
	color:#FFF;
	padding-top:28px;
}
#ncode_661 li {
	float:left;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:72px;
	color:#FFF;
	padding-top:21px;
}
#ncode_662 {
	float:left;
	padding-top:180px;
	padding-left:190px;
}
#ncode_662 div {
	float:left;
	width:176px;
	font-size:16px;
	text-align:center;
	line-height:30px;
	padding-right:56px;
}
#ncode_662 span {
	float:left;
	text-align:left;
	font-size:16px;
	line-height:30px;
	color:#fcff00;
	padding-top:130px;
	padding-left:450px;
}
.ncode_68 {
    float:left;
	width:100%;
	height:492px;
	background:url(/style/images/1240492.jpg) no-repeat center;
	overflow:hidden;
	text-align:center;
}
.ncode_68 div {
	color:#ffb400;
	font-size:30px;
	font-weight:bold;
	line-height:30px;
	padding-top:10px;
	padding-bottom:24px;
}
.ncode_68 span {
	color:#FFF;
	font-size:16px;
	line-height:30px;
}
#ncode_68 {
    float:left;
	width:100%;
	height:392px;
	background:url(/style/images/1920392.jpg) no-repeat center;
	overflow:hidden;
	text-align:center;
}
#ncode_68 div {
	font-size:16px;
	padding-top:160px;
	padding-bottom:40px;
}
#ncode_68 a {
	width:160px;
	height:36px;
	color:#FFF;
	background:#00a4ff;
	padding:7px 48px;
	font-size:16px;
}
#ncode_68 a:hover {
	background:#666;
}
/*videocreat code*/
.ncode_161 {
    float:left;
	width:100%;
	height:866px;
	background:url(/style/images/1920816.jpg) no-repeat top center #f8f8f8;
	overflow:hidden;
	text-align:center;
}
#ncode_161 {
    float:left;
	width:100%;	
	text-align:center;
	margin-top:500px;
}
#ncode_161 li {
    float:left;
	width:100%;	
	text-align:center;
	font-size:36px;
}
.ncode_1611 {
    float:left;
	width:620px;
	margin-top:75px;
}
.ncode_1611 div {
    float:left;
	font-size:16px;
	color:#FFF;
	padding-left:100px;
}
.ncode_1611 span {
    float:left;
	font-size:18px;
	padding-left:100px;
	color:#f87e73;
	padding-top:18px;
	padding-bottom:10px;
}
.ncode_1611 p {
    float:left;
	font-size:16px;
	padding-left:100px;
	color:#666666;
}
.ncode_1612 {
    float:right;
	width:590px;
	margin-top:75px;
	margin-left:30px;
}
.ncode_1612 div {
    float:left;
	font-size:16px;
	color:#FFF;
	padding-left:100px;
}
.ncode_1612 span {
    float:left;
	font-size:18px;
	padding-left:100px;
	color:#12c88f;
	padding-top:18px;
	padding-bottom:10px;
}
.ncode_1612 p {
    float:left;
	font-size:16px;
	padding-left:100px;
	color:#666666;
}
.ncode_162 {
    float:left;
	width:100%;
	height:480px;
	background:#f8f8f8;
	margin-top:0px;
}
#ncode_162 {
    float:left;
	width:50%;
	background:url(/style/images/1_429.png) repeat-x;
	height:480px;
}
#ncode_162 div {
    float:right;
	width:600px;
	height:480px;
	background:url(/style/images/96_523.png) no-repeat right;
	overflow:hidden;
}
#ncode_162 span {
	float:right;
	padding-top:80px;
}
#ncode_163 {
    float:left;
	height:480px;
	margin-left:111px;
}
#ncode_163 div {
    float:left;
	width:100%;
	font-size:36px;
	line-height:36px;
	color:#333333;
	padding-top:90px;
}
#ncode_163 span {
	font-size:36px;
	line-height:36px;
	width:100%;
	color:#dfdfdf;
}
#ncode_163 li {
	float:left;
	font-size:24px;
	line-height:40px;
	color:#999999;
}
#ncode_163 p {
	float:left;
	width:500px;
	font-size:16px;
	line-height:24px;
	color:#666666;
}
.ncode_164 {
    float:left;
	width:100%;
	height:523px;
	background:#f8f8f8;
}
#ncode_164 {
    float:left;
	width:50%;
	height:523px;
}
#ncode_164 div {
    float:right;
	width:500px;
	font-size:36px;
	line-height:36px;
	color:#333333;
	padding-top:126px;
	padding-right:98px;
}
#ncode_164 span {
	float:right;
	width:500px;
	font-size:36px;
	line-height:36px;
	color:#dfdfdf;
	padding-right:98px;
}
#ncode_164 li {
	float:right;
	width:500px;
	font-size:24px;
	line-height:40px;
	color:#999999;
	padding-right:98px;
}
#ncode_164 p {
	float:right;
	width:500px;
	font-size:16px;
	line-height:24px;
	color:#666666;
	padding-right:98px;
}
#ncode_165 {
    float:right;
	width:50%;
	background:url(/style/images/1_523.png) repeat-x;
	height:523px;
}
#ncode_165 div {
    float:left;
	width:600px;
	height:523px;
	background:url(/style/images/96_523.png) no-repeat left;
}
#ncode_165 span {
	float:right;
	padding-top:123px;
}
.ncode_166 {
    float:left;
	width:100%;
	background:#f8f8f8;
}
#ncode_166 {
    float:left;
	margin-left:21px;
}
#ncode_166 li {
    float:left;
	width:100%;
	font-size:36px;
	line-height:36px;
	color:#363636;
}
#ncode_166 span {
    float:left;
	width:100%;
	font-size:24px;
	line-height:24px;
	color:#959595;
	padding:15px 0;
}
#ncode_166 div {
    float:left;
	width:290px;
	height:250px;
	line-height:250px;
	font-size:18px;
	text-align:center;
	color:#FFF;
	padding-right:13px;
	padding-bottom:13px;
}
/*About page code*/
.singlepage_title {
	float: left;
	width: 100%;
	text-align: center;
	font-size:24px;
	line-height:32px;
	color:#636363;
	margin-top: 4.5215vw;
}
@media screen and (max-width: 768px) {
.singlepage_title {
	font-size: 18px;
	line-height: 24px;
	margin-top: 44px;
}
.singlepage_title span {
    font-weight: 500;
    background: linear-gradient(90deg, #00a2ed 1.42%, #166cf7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
}
.singlepage_code_1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.singlepage_code_1 img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}
.singlepage_code_1 .text {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	font-size: clamp(16px, 2vw, 28px);
	line-height: 1.6;
}
@media (max-width: 640px) {
.singlepage_code_1 .text {
	width: 100%;
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
}
}
.singlepage_code_2 {
	max-width: 1400px;
	margin: 0 auto;
	padding:25px 0;
	font-size:16px;
	line-height:24px;
	color:#555555;
}
@media screen and (max-width: 1400px) {
.singlepage_code_2 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
}
@media screen and (max-width: 768px) {
.singlepage_code_2 {
	width: calc(100% - 32px);
	margin-left: 16px;
}
}
.singlepage_code_3 {
	float: left;
	width: 100%;
	text-align: center;
	font-size:24px;
	line-height:30px;
	color:#636363;
	margin-top: 36px;
}
@media screen and (max-width: 768px) {
.singlepage_code_3 {
	margin-top: 0;
	font-size: 16px;
	line-height: 24px;
}
.singlepage_code_3 span {
    font-weight: 700;
    background: linear-gradient(90deg, #00a2ed 1.42%, #166cf7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
}
.singlepage_code_4 {
	float: left;
	width: 1152px;
	margin-left: calc((100% - 1152px) / 2);
	margin-top: 25px;
	margin-bottom: 36px;
}
.singlepage_code_4 li {
    float:left;
    width: 352px;
    height: 400px;
	color:#FFF;
	margin-left: 48px;
}
.singlepage_code_4 li:nth-child(1) {
	background:url(/style/images/352400_1.png) no-repeat center;
	margin-left: 0;
}
.singlepage_code_4 li:nth-child(2) {
	background:url(/style/images/352400_2.png) no-repeat center;
}
.singlepage_code_4 li:nth-child(3) {
	background:url(/style/images/352400_3.png) no-repeat center;
}
.singlepage_code_4 li img {
    float:left;
	width:320px;
	height:320px;
	padding-left: 24px;
	border:none;
}
.singlepage_code_4 li div {
	width: 100%;
    float:left;
	font-size:24px;
	line-height: 32px;	
	text-indent: 36px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.singlepage_code_4 li span {
    float:left;
	font-size:16px;
	text-indent: 36px;
}
@media screen and (min-width: 768px) and (max-width: 1181px) {
.singlepage_code_4 {
	width: 752px;
	margin-left: calc((100% - 752px) / 2);
}
.singlepage_code_4 li:nth-child(3) {
	width: 752px;
	margin-left: 0;
	margin-top: 25px;
	background:url(/style/images/752400.png) no-repeat center;
}
.singlepage_code_4 li:nth-child(3) img {
	width: 728px;
}
}
@media screen and (max-width: 767px) {
.singlepage_code_4 {
	width: 352px;
	margin-left: calc((100% - 352px) / 2);
}
.singlepage_code_4 li {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 25px;
}
.singlepage_code_4 li div {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0;
}
}
.singlepage_code_5 {
	position: relative;
    float:left;
	width:100%;
	height:440px;
	background:url(/style/images/1920440.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}
.singlepage_code_5 span {
    float:left;
	width:100%;
	font-size:24px;
	line-height:24px;
	padding-top:156px;
}
.singlepage_code_5 li {
    float:left;
	width:100%;
	font-size:24px;
	line-height:36px;
	padding-top:16px;
}
@media screen and (max-width: 1400px) {
.singlepage_code_5 {
	background:url(/style/images/1400440.jpg) no-repeat top center;
}
}
@media screen and (max-width: 768px) {
.singlepage_code_5 {
	width: calc(100% - 32px);
	height: 360px;
	margin-left: 16px;
	margin-top: -20px;
	margin-bottom: 25px;
	background:url(/style/images/768440.jpg) no-repeat top center;
}
.singlepage_code_5 span {
    font-size: 18px;
    padding-top: 128px;
}
.singlepage_code_5 li {
    font-size: 18px;
    line-height: 28px;
}
}
.singlepage_code_6 {
	float: left;
	width: 1400px;
	height: 286px;
	margin-left: calc((100% - 1416px) / 2);
	margin-bottom: 56px;
}
.singlepage_code_6 img {
	float: left;
	max-width: calc((100% - 144px) / 9);
	height: auto;
	border: none;
	padding: 40px 0 0 16px;
}
@media screen and (min-width: 1441px) {
#singlepage_code_6 {
	float: left;
	width: 100%;
	height: 40px;
	overflow: hidden;
}	
.singlepage_code_6 img:nth-child(19),.singlepage_code_6 img:nth-child(20),.singlepage_code_6 img:nth-child(21) {
	display: none;
}	
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.singlepage_code_6 {
	width: calc(100% - 48px);
	height: auto;
	margin-left: 24px;
}
.singlepage_code_6 img {
	max-width: calc((100% - 144px) / 7);
	padding: 40px 24px 0 0;
}
.singlepage_code_6 img:nth-child(7n) {
	padding-right: 0;
}
}
@media screen and (min-width: 801px) and (max-width: 1279px) {
.singlepage_code_6 {
	width: calc(100% - 48px);
	height: auto;
	margin-left: 24px;
}
.singlepage_code_6 img {
	max-width: calc((100% - 144px) / 6);
	padding: 40px 0 0 24px;
}
.singlepage_code_6 img:nth-child(6n+1) {
	padding-left: 12px;
}
}
@media screen and (min-width: 481px) and (max-width: 800px) {
.singlepage_code_6 {
	width: calc(100% - 48px);
	height: auto;
	margin-left: 12px;
}
.singlepage_code_6 img {
	max-width: calc((100% - 96px) / 4);
	padding: 20px 0 0 24px;
}
.singlepage_code_6 img:nth-child(21) {
	display: none;
}
}
@media screen and (max-width: 480px) {
.singlepage_code_6 {
	width: calc(100% - 16px);
	height: auto;
	margin-left: 16px;
}
.singlepage_code_6 img {
	max-width: calc((100% - 64px) / 4);
	padding: 20px 16px 0 0;
}
.singlepage_code_6 img:nth-child(21) {
	display: none;
}
}
/*About page code*/
/*website page code*/
#websitepage_code_2 {
	float: left;
	width: 100%;
	margin: 0 auto;	
	background: url(/style/images/1920860.jpg) no-repeat top center;
}
.websitepage_code_2 {
	float: left;
	width: 1482px;
	margin-left: calc((100% - 1482px) / 2);
	margin-top: 100px;
	margin-bottom: 60px;
}
.websitepage_code_2 .one {
	float: left;
	width: 682px;
}
.websitepage_code_2 .one i {
	font-style: normal;
    font-weight: 500;
    font-size: 28px;
    color: #000;
    line-height: 66px;
} 
.websitepage_code_2 .one div {
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 6px;
    color: #000;
}
.websitepage_code_2 .one p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 2.10526vw;
}
.websitepage_code_2 .two {
	float: left;
	margin-left: 80px;
	width: calc(100% - 762px);
}
.websitepage_code_2 .two img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
.websitepage_code_2 {
	width: calc(100% - 48px);
	margin-left: 24px;
	margin-top: 80px;
}
.websitepage_code_2 .one {
	width: 46%;
}
.websitepage_code_2 .two {
	width: calc(54% - 60px);
	margin-left: 60px;
}	
}
@media screen and (max-width: 768px) {
#websitepage_code_2 {
	background: url(/style/images/768980.jpg) no-repeat top center;
}
.websitepage_code_2 {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-top: 36px;
	margin-bottom: 60px;
}
.websitepage_code_2 .one {
	width: 100%;
}
.websitepage_code_2 .one i {
    font-size: 18px;
    line-height: 60px;
    background: linear-gradient(90deg, #00a2ed 1.42%, #166cf7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
} 
.websitepage_code_2 .one div {    
    margin-bottom: 2px;
    font-weight: 500;
}
.websitepage_code_2 .one p {
    margin-bottom: 40px;
}
.websitepage_code_2 .two {
	width: 100%;
	margin-left: 0;
	margin-top: 0px;
}	
}
#websitepage_code_3 {
	float: left;
	width: 100%;
	margin: 0 auto;
	background: url(/style/images/1920760.jpg) no-repeat top center;
	color: #fff;
}
.websitepage_code_3 {
	float: left;
	width: 1482px;
	margin-left: calc((100% - 1482px) / 2);
	margin-bottom: 24px;
}
.websitepage_code_3:nth-child(1) {
	margin-top: 100px;
}
.websitepage_code_3:nth-child(2) {
	margin-bottom: 100px;
}
.websitepage_code_3 .title {
	float: left;
	width: 67.6%;
	margin-top: 40px;
}
.websitepage_code_3 .title span {
	font-size: 24px;
	line-height: 44px;
}
.websitepage_code_3 .title div {
	font-size: 16px;
	line-height: 1.8;
	max-width: 608px;
}
.websitepage_code_3 .one {
	float: left;
	width: 32.4%;
	min-height: 266px;
	background-image: linear-gradient(-60deg, #ffffff 40%, rgba(0, 89, 235, 0.8) 100%);
	border-radius: 20px;
}
.websitepage_code_3 .two,.websitepage_code_3 .three,.websitepage_code_3 .four {
	float: left;
	width: 32.4%;
	min-height: 266px;
	background-image: linear-gradient(to right, #ffffff 40%, rgba(0, 89, 235, 0.8) 100%);
	border-radius: 20px;
}
.websitepage_code_3 .two,.websitepage_code_3 .three {
	margin-right: 1.4%;
}
.websitepage_code_3 .one i,.websitepage_code_3 .two i,.websitepage_code_3 .three i,.websitepage_code_3 .four i {
	float: left;
	width: calc(100% - 36px);
	padding-top: 44px;
	padding-right: 36px;
	font-style: normal;
	font-size: 18px;
	text-align: right;
	color: #000;
}
.websitepage_code_3 .one p,.websitepage_code_3 .two p,.websitepage_code_3 .three p,.websitepage_code_3 .four p {
	float: left;
	width: calc(100% - 72px);
	padding-top: 3.125vw;
	padding-left: 36px;
	padding-right: 36px;
	font-size: 18px;
    color: #010101;
}
.websitepage_code_3 .one span,.websitepage_code_3 .two span,.websitepage_code_3 .three span,.websitepage_code_3 .four span {
	float: left;
	width: calc(100% - 72px);
	padding-left: 36px;
	padding-right: 36px;
    padding-top: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #3b3b3b;
}
@media screen and (min-width: 768px) and (max-width: 1486px) {
.websitepage_code_3 {
	width: calc(100% - 48px);
	margin-left: 24px;
}	
}
@media screen and (max-width: 768px) {
#websitepage_code_3 {
	background: url(/style/images/7681600.jpg) no-repeat top center;
}	
.websitepage_code_3 {
	width: calc(100% - 32px);
	margin-left: 16px;
}
.websitepage_code_3:nth-child(1) {
	margin-top: 40px;
}
.websitepage_code_3 .title {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-top: 10px;
	margin-bottom: 24px;
}
.websitepage_code_3 .title span {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
.websitepage_code_3 .title div {
	font-size: 14px;
	line-height: 20px;
	padding-top: 16px;
}
.websitepage_code_3 .one {
	float: left;
	width: 100%;
	margin-left: 0;
	min-height: auto;
	margin-right: auto;
	margin-bottom: 0;
	border-radius: 10px;
}
.websitepage_code_3 .two,.websitepage_code_3 .three,.websitepage_code_3 .four {
	float: left;
	width: 100%;
	margin-left: 0;
	min-height: auto;
	margin-right: auto;
	margin-bottom: 24px;
	border-radius: 10px;
}
.websitepage_code_3 .three {
	background-image: linear-gradient(-60deg, #ffffff 40%, rgba(0, 89, 235, 0.8) 100%);
}
.websitepage_code_3 .one i,.websitepage_code_3 .two i,.websitepage_code_3 .three i,.websitepage_code_3 .four i {
	padding-top: 24px;
}
.websitepage_code_3 .one p,.websitepage_code_3 .two p,.websitepage_code_3 .three p,.websitepage_code_3 .four p {
	padding-top: 24px;
}
.websitepage_code_3 .one span,.websitepage_code_3 .two span,.websitepage_code_3 .three span,.websitepage_code_3 .four span {
	padding-bottom: 44px;
}	
}
#websitepage_code_4 {
	float: left;
	width: 1482px;
	margin-left: calc((100% - 1482px) / 2);
	margin-top: 40px;
	margin-bottom: 140px;
}
.websitepage_code_4 {
	float: left;
	position: relative;
	width: 32.4%;
	min-height: 266px;
}
.websitepage_code_4:nth-child(1) {
	background:url(/style/images/316_1.png) no-repeat top center;
	background-size: 128px 128px;
	margin-right: 1.4%;
}
.websitepage_code_4:nth-child(2) {
	background:url(/style/images/316_2.png) no-repeat top center;
	background-size: 128px 128px;
	margin-right: 1.4%;
}
.websitepage_code_4:nth-child(3) {
	background:url(/style/images/316_3.png) no-repeat top center;
	background-size: 128px 128px;
}
.websitepage_code_4 span {
	position: absolute;
	top: 142px;
	width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.websitepage_code_4 p {
	position: absolute;
	top: 180px;
	width: calc(100% - 32px);
	padding-left: 16px;    
	font-size: 14px;
    color: #3d485d;
    line-height: 22px;
}
@media screen and (min-width: 768px) and (max-width: 1486px) {
#websitepage_code_4 {
	width: calc(100% - 48px);
	margin-left: 24px;
}	
}
@media screen and (max-width: 768px) {	
#websitepage_code_4 {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-bottom: 40px;
}
.websitepage_code_4 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.websitepage_code_4 span {
	top: 116px;
	font-size: 16px;
}
.websitepage_code_4 p {
	top: 150px;
	width: 100%;
	padding-left: 0; 
}
}
/*website page code*/
/*elsepage code start*/
#elsepage_code_2 {
	float: left;
	width: 100%;
	background: #F8FBFF;	
}
.elsepage_title_1 {
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	margin-top: 2.95vw;
	margin-bottom: 1.45vw;
}
.elsepage_code_2 {
	float: left;
	position: relative;
	width: 1600px;
	margin-left: calc((100% - 1600px) / 2);
}
.elsepage_code_2 .item {
	position: relative;
	float: left;
	width: calc((100% - 60px) / 4);
	background: #fff;
	margin-bottom: 2.95vw;
}
@media (any-hover: hover) {
.elsepage_code_2 .item:hover {	
    box-shadow: 0 8px 30px rgba(22, 108, 247, 0.15);
}
}
.elsepage_code_2 .item:not(:last-child) {
	margin-right: 20px;
}
.elsepage_code_2 .item div {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 36px;
    width: calc(100% - 64px);
    margin-left: 32px;
}
.elsepage_code_2 .item p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
    width: calc(100% - 64px);
    margin-left: 32px;
}
.elsepage_code_2 .item img {
	max-width: 100%;
	height: auto;
	border-radius: 24px;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
.elsepage_code_2 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
.elsepage_code_2 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
.elsepage_code_2 .item {
	width: calc(50% - 10px);
}
.elsepage_code_2 .item:not(:last-child) {
	margin-right: auto;
}
.elsepage_code_2 .item:nth-child(odd) {
	margin-right: 20px;
}
}
@media screen and (max-width: 640px) {
.elsepage_title_1 {
	font-size: 18px;
	font-weight: 500;
	background: linear-gradient(90deg, #00a2ed 1.42%, #166cf7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
	margin-top: 5.6vw;
	margin-bottom: 2.45vw;
}
.elsepage_code_2 {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-bottom: 40px;
}
.elsepage_code_2 .item {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 8px 30px rgba(22, 108, 247, 0.15);
	margin-bottom: 4.8vw;
}
.elsepage_code_2 .item:not(:last-child) {
	margin-right: auto;
}
}
#elsepage_code_3 {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.elsepage_code_3 {
	float: left;
	position: relative;
	width: 1600px;
	margin-left: calc((100% - 1600px) / 2);
}
.elsepage_code_3 .item {
	position: relative;
	float: left;
	width: calc((100% - 48px) / 3);
	background: #F8FBFF;
	margin-bottom: 2.95vw;
	border-radius: 10px;
}
.elsepage_code_3 .item:not(:last-child) {
	margin-right: 24px;
}
.elsepage_code_3 .item img {
	max-width: 100%;
	height: auto;
	border-radius: 10px 10px 0 0;
}
.elsepage_code_3 .item div {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 20px;
    width: calc(100% - 64px);
    margin-left: 32px;
}
.elsepage_code_3 .item p {
    font-size: 14px;
    line-height: 22px;    
    width: calc(100% - 64px);
    margin-top: 6px;
    margin-bottom: 24px;
    margin-left: 32px;
}
@media screen and (min-width: 1024px) and (max-width: 1600px) {
.elsepage_code_3 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.elsepage_code_3 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
.elsepage_code_3 .item {
	width: calc((100% - 40px) / 3);
}
.elsepage_code_3 .item:not(:last-child) {
	margin-right: 20px;
}
.elsepage_code_3 .item div {
    width: calc(100% - 40px);
    margin-left: 20px;
}
.elsepage_code_3 .item p {
    width: calc(100% - 40px);
    margin-left: 20px;
}
}
@media screen and (max-width: 768px) {
.elsepage_code_3 {
	width: calc(100% - 32px);
	margin-left: 16px;
	margin-bottom: 40px;
}
.elsepage_code_3 .item {
	width: 100%;
	margin-bottom: 4.8vw;
	border-radius: 8px;
}
.elsepage_code_3 .item:not(:last-child) {
	margin-right: auto;
}
.elsepage_code_3 .item img {
	border-radius: 8px 8px 0 0;
}
.elsepage_code_3 .item div {
    width: calc(100% - 40px);
    margin-left: 20px;
}
.elsepage_code_3 .item p {
    width: calc(100% - 40px);
    margin-left: 20px;
}
}
/*Logo design*/
.ncode_1620 {
    float:left;
	width:100%;
	height:520px;
	background:url(/style/images/1920520_1.jpg) no-repeat top center;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}
.ncode_1620 div {
	font-size:36px;
	line-height:36px;
	padding-top:180px;
}
.ncode_1620 span {
	font-size:30px;
	line-height:40px;
}
.ncode_1621 {
    float:left;
	width:100%;
	height:680px;
	background: #f7f8fa;
	overflow:hidden;
}
#ncode_1621 {
	width:100%;
	text-align:center;
}
#ncode_1621 div {
	font-size:30px;
	line-height:30px;
	color:#555555;
	padding-top:30px;
}
#ncode_1621 span {
	font-size:16px;
	line-height:26px;
	color:#555555;
}
.ncode_1622 {
    float:left;
	height:432px;
	overflow:hidden;
	margin-top:40px;
	margin-left:30px;
}
#ncode_1622 {
    float:left;
	position:relative;
	width:278px;
	height:430px;
	margin-right:20px;
	border:1px solid #e5e5e5;
	overflow:hidden;
}
#ncode_1622 div {
    float:left;
	font-size:18px;
	line-height:24px;
	padding-top:30px;
	padding-left:30px;
	color:#333333;
	clear:both;
}
.ncode_16221 {
	margin-top:60px;
}
#ncode_1622 span {
    float:left;
	width:210px;
	padding-left:30px;
	padding-top:6px;
	font-size:14px;
}
#ncode_1622 p {
    float:left;
	width:210px;
	padding-left:30px;
	padding-top:40px;
	font-size:14px;
	color:#999999;
}
#ncode_1622 li {
    float:left;
	position:absolute;
	width:210px;
	bottom:80px;
	left:32px;
	font-size:18px;
	color:#ff6600;
}
#ncode_1622 a {
    float:left;
	position:absolute;
	width:218px;
	text-align:center;
	height:36px;
	bottom:30px;
	left:30px;
	font-size:16px;
	line-height:36px;
	color:#FFF;
	background:#00A4FF;
	z-index:660;
}
#ncode_1622 a:hover {
	background:#0192EF;
}
#ncode_1622 b {
    float:left;
	position:absolute;
	width:218px;
	text-align:center;
	height:36px;
	bottom:30px;
	left:30px;
	font-size:16px;
	line-height:36px;
	color:#FFF;
	background:#0192EF;
	font-weight:normal;
	z-index:661;
}
.ncode_1623 {
    float:left;
	width:100%;
	background:url(/style/images/80100.png) no-repeat top center #FFFFFF;
}
#ncode_1623 {
    float:left;
	width:100%;
	text-align:center;
	font-size:30px;
	line-height:30px;
	padding-top:45px;
}
#ncode_1624 {
    float:left;
	clear:both;
	width:100%;
}
#ncode_1624 div {
    float:left;
	width:1240px;
	height:600px;
	padding-top:30px;
	padding-bottom:30px;
}
/*contact page code*/
.contactpage_code_1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.contactpage_code_1 img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}
.contactpage_code_1 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	font-size: clamp(16px, 2vw, 28px);
	line-height: 1.6;
}
.contactpage_code_1 .text i {
	font-style: normal;
	font-size: 18px;
}
@media (max-width: 640px) {
.contactpage_code_1 .text {
	width: 100%;
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
}
}
.contactpage_code_2 {
    float:left;
	width:1024px;
	height:560px;
	margin-left: calc((100% - 1024px) / 2);
	margin-top:60px;
	overflow:hidden;
}
.contactpage_code_2 .text {
    float:left;
	width:calc(100% - 320px);
	height:208px;
	background:#f7f8fa;
	overflow:hidden;
}
.contactpage_code_2 .text div {
    float:left;
	font-size:16px;
	padding-left:35px;
	padding-top:35px;
}
.contactpage_code_2 .text span {
    float:left;
	width:100%;
	font-size:16px;
	line-height:24px;
	padding-left:35px;
	padding-top:23px;
	padding-bottom:40px;
}
.contactpage_code_2 .text li {
    float:left;
	font-size:14px;
	color:#898989;
	padding-left:35px;
}
.contactpage_code_2 .text li i {
	font-style: normal;
}
#contactpage_code_3 {
    float:left;
	position:relative;
	width:298px;
	height:206px;
	border:1px solid #e5e5e5;
	margin-left:20px;
}
#contactpage_code_3 img {
	position:absolute;
	width:298px;
	height:206px;
	left:0px;
	top:0px;
}
.contactpage_code_3 {
    float:left;
	width:245px;
}
.contactpage_code_3 div {
    float:left;
	width:100%;
	font-size:18px;
	padding-left:35px;
	padding-top:35px;
}
.contactpage_code_3 span {
    float:left;
	width:100%;
	font-size:14px;
	color:#999999;
	line-height:21px;
	padding-left:35px;
	padding-top:20px;
	padding-bottom:40px;
}
.contactpage_code_3 li {
    float:left;
	width:245px;
	text-align:center;
	font-size:14px;
	line-height:35px;
	margin-left:35px;
	color:#FFF;
	background:#00a4ff;
}
@media screen and (min-width: 641px) and (max-width: 1151px) {
.contactpage_code_2 {
	width: calc(100% - 48px);
	margin-left: 24px;
}
.contactpage_code_2 .text {
	width: 100%;
	height:auto;
	padding-bottom: 36px;
}
#contactpage_code_3 {
	display: none;
}
}
@media screen and (max-width: 640px) {
.contactpage_code_2 {
	width: calc(100% - 32px);
	height: 480px;
	margin-left: 16px;
	margin-top:60px;
}
.contactpage_code_2 .text {
	width: 100%;
	height:auto;
	padding-bottom: 36px;
}
.contactpage_code_2 .text span {
	font-size:14px;
	color:#0059eb;
	line-height:28px;
	padding-bottom:0px;
}
.contactpage_code_2 .text li i {
	float: left;
	width: 100%;
	line-height: 28px;
}
#contactpage_code_3 {
	display: none;
}
}
/*contact page code*/
/*新闻列表*/
.ncode_1 {
	width:1120px;
	margin-left:40px;
	margin-right:auto;
	line-height:23px;
	font-size:14px;	
	clear: both;
}
.newsul {
    list-style:none;
	padding:3px 2px;
	width:1106px;
	overflow:hidden
	}
.news_title a{
    list-style:none;
	line-height:26px;
	display:block;
	padding-left:20px;
	}
.news_title a:hover{
	display:block;
	background:#1D9F99;
	color:#FFFFFF;
	padding-left:20px;
	}	
.news_title span{
	float:right;
	padding-right:15px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	}	
.ask_one{
	background:url(/style/images/65_01.gif) no-repeat 5px center;
	}
.ask_two{
	background:url(/style/images/65_11.gif) no-repeat 5px center #FAFAFA;
	}
.ncode {
    float:left;
	width:1240px;
	height:auto !important;
    height:640px;
    min-height:640px; 
}
.ncode_11 {
    float:left;
	width:100%;
	height:auto !important;
    height:640px;
    min-height:640px;
	overflow:hidden;
}
.ncode_16 {
    float:left;
	width:100%;
	height:390px;
	background:url(../images/elsebanner.jpg) no-repeat center;
	overflow:hidden;
}
#navtips {
	float:left;
	background:url(/style/images/1_45.gif) repeat-x;
	width:100%;
	height:45px;
}
.navtips {
	width:1240px;
	margin:0 auto;
}
.navtips span {
    line-height:34px;
	float:left;
	padding-left:40px;
}
#ncode_2 {
	padding-top:0px;
	width:1120px;
	margin-right: auto;
	margin-left:40px;
	overflow: hidden;
	clear: both;
	line-height:26px;
	font-size:14px;
}
.ncode_3 {
	text-align:center;
	overflow:hidden;
	padding-bottom:12px;
}
#ncode_4 {
	margin-left:54px;
}
.epages {
	font-size:12px;
	line-height:20px;
	height:20px;
	text-align:center;
	padding-top:2px;
	padding-bottom:9px;
	text-decoration:none;
}
.epages a {
	border: 1px solid #CCCCCC;
	background:F3F3F3;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0 4px;
}
.epages b {
	border: 1px solid #CCCCCC;
	background: #39AA49;
	color:#FFFFFF;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0 4px;
	font-weight:normal;
}
.epages a:hover {
	color: #666666;
	border: 1px solid #A6A4A4;
	background:#F4F4F4;
}
.ncontents {
	padding-bottom: 5px;
	font-size: 14px;
}
.ncontents img {
	padding-bottom: 2px;
}
.update_time {
	float:left;
	width:100%;
	font-size:11px;
	font-style:italic;
	color:#ACACAC;
}
#pre {
    font-size:12px;
	color:#999999;
	}
#pre a {
	color:#666666;	
	padding:2px 25px;
	background: url(/style/images/pre.png) no-repeat left #FAFAFA;
	display:block;
}
#pre a:hover {
	color:#FFFFFF;
	background:#1D9F99;	
}
#next {
    font-size:12px;
	color:#999999;
	}
#next a {
	color:#666666;	
	padding:2px 25px;
	background: url(/style/images/next.png) no-repeat left;
	display:block;
}
#next a:hover {
	color:#FFFFFF;
	background:#1D9F99;	
}
/*copyright code*/
#copyright {
	width:100%;
	height:108px;
	color:#FFFFFF;
	text-align:center;
	background:url(/style/images/26005.jpg) repeat-x top #1f2b38;
	overflow:hidden;
}
.copyright {    
	padding-top:20px;
}
.copyright a {
	color:#FFFFFF;
}
@media (any-hover: hover) {
.copyright a:hover {
	color: #0059eb;
}
}
.copyright p {
	display: block;
}
.copyright span {
	font-family:Arial, Helvetica, sans-serif;
}
.copyright i {
	font-style: normal;
}
@media screen and (max-width: 640px) {
#copyright {
	height: auto;
	color: #495770;
	background:#f5f7fa;
	overflow:hidden;
}
.copyright {
	margin-bottom: 20px;
}	
.copyright a {
    float: left;
    position: relative;
    padding: 0 15px;
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    background: url(/style/images/more.svg) no-repeat right;
    background-image: linear-gradient(90deg, #fff 0%, #f3f5f8 100%);
    border: 1px solid #fff;
    display: block;
    white-space: nowrap;
    width: 100%;
    text-indent: 5px;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: left;
    color: #495770;
}
.copyright a:nth-child(9) {
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
}
.copyright a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 22px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-right: 1px solid #495770;
    border-bottom: 1px solid #495770;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
}
.copyright p {
	float: left;
	width: 100%;
	line-height: 66px;
	height: 66px;
	font-size: 14px;
	text-align: center;
}
.copyright div, .copyright i {
	display: none;
}	
}
/*copyright code*/	
/*列表页二级menu begin*/
.dropdown {float:left;}
.dropdown dt {width:120px; border:none; padding:0; cursor:pointer; text-align:center;}
.dropdown dt a{background:none;}
.dropdown dt a:hover {background:url(/style/images/navmenu_select.png) left no-repeat; color: #17A255;}
.dropdown .upperdd {border-bottom:none;}
.dropdown .upperddselect{border-bottom:none;background:url(/style/images/navmenu_select.png) left no-repeat; color: #17A255;}
.dropdown dd {position:absolute; width:120px; overflow:hidden;display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:118px; border-left:1px solid #9ac1c9;border-right:1px solid #9ac1c9; list-style:none; border-top:none;}
.dropdown li {display:inline;}
.dropdown li a { width:118px;}
.dropdown a {display:block; padding:6px 0px 8px 0px; color:#333; text-decoration:none;width:120px; text-align:center;}
.dropdown a:hover { background: #1D9F99;color: #FFFFFF;}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
/*列表页左边menu End*/
/*memberlogin*/
#netmember {
	float:left;
	width:100%;
	height:31px;
	line-height:31px;
	vertical-align:middle;
	overflow:hidden;
}
#netmember span {
	float:left;	
	padding-left:12px;
	padding-right:12px;
}
.inputTextb {
	background: #FFFFFF;
	border:1px solid #CCCCCC;
	width:130px;
	height:16px;
	outline:none;
}
.inputTextfocus {
	background: #FFFDFD;
	border:1px solid #ACACAC;
	width:130px;
	height:16px;
	outline:none;
}
.inputSubc {
    background: url(/style/images/reglogin_1.gif);
	width: 56px;
	height:25px;
	margin-top:3px;
	border:0px;
	color:#3A3131;
}
.inputSubl {
    background: url(/style/images/regloginl.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color: #999999;
}
.inputSubl_2 {
	background: url(/style/images/regloginl_2.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color: #999999;
}
.inputSubl_3 {
    background: url(/style/images/regloginl.gif);
	width: 65px;
	height:25px;
	margin-top:3px;
	border:0px;
	color:#999999;
}
#reglogintext_1,#regloginbtn {
    float:left;
	padding-left:1px;
	padding-right:1px;
}
#regloginput_1 {
    float:left;
	padding-top:6px;
	*padding-top:5px;
	_padding-top:5px;
}
.reglogintext_2 {
   color: #666666;
}
/*message code*/
.message {
    float:left;
	width:618px;
	border:1px #CCCCCC solid;
	padding:6px 10px 5px 10px;
	}
#message {
	color:#999999;
	}
#message span {
	float:right;
	}
.message_1 {
	float:left;
	width:100%;
	padding-top:3px;
	}	
#message_1 {
	float:left;
	width:100%;
	height:15px;
	background:url(/style/images/line_15.gif) repeat-x top;
	}
.message_2 {
    float:left;
	width:640px;
	height:249px;
	background:url(/style/images/640249.gif) no-repeat;
	margin-top:20px;
	overflow:hidden;
	}
#message_2 {
    float:left;
	width:143px;
	height:66px;
	overflow:hidden;
	}
#message_21 {
   float:left;
   display:block;
   width:143px;
   height:66px;
   border:none;
   color: #FFFFFF;
   text-align:left;
   line-height:20px;
   cursor:pointer;
   background:none;
}
.message_3 {
    float:left;
	font-size:12px;
	width:143px;
	padding-left:18px;
	padding-top:60px;
	}
.message_4 {
    float:left;
	width:460px;
	padding-left:12px;
	padding-top:61px;
	overflow:hidden;
	}								
.tableborder {
	margin-bottom: 8px;
	background-color:none;
	border:1px solid #CCCCCC;
}
.header {
	background:url(/style/images/541.gif) repeat-x center 0px;
	line-height:25px;
}
.header2 {
   color:#999999;
}
/*注册/登录表单*/
.textstyle_1 {
   float:left;
   color:#ACACAC;
   width:130px;
   height:23px;
   line-height:23px;
   padding-bottom:6px;
   vertical-align:middle;
   border:none;
   background:none;
   overflow:hidden;
   outline:none;
}
.textstyle_1a {
   float:left;
   width:100%;
   height:23px;
   line-height:23px;
   margin-bottom:16px;
   vertical-align:middle;
   border:none;
   background:none;
   outline:none;
}
.textstyle_11 {
   float:left;
   color:#ACACAC;
   height:19px;
   line-height:19px;
   vertical-align:middle;
   border:1px solid #DCDCDC;
   background:none;
   outline:none;
}
.textstyle_11a {
   float:left;
   height:19px;
   line-height:19px;
   vertical-align:middle;   
   border:1px solid #CCCCCC;
   background:#F9F9F9;
   outline:none;
}          
.textstyle_2 { 
   float:left;
   color:#ACACAC;
   width:100%;
   height:140px;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   border:none;
   overflow:hidden;
   resize:none;
   background:none;
   outline:none;
}
.textstyle_2a {
    float:left;
   width:100%;
   height:102px;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   border:none;
   overflow:hidden;
   resize:none;
   background:none;
   outline:none;
}
.textstyle_3 { 
   float:left;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   overflow-y:hidden;
   resize:none;
   border:1px solid #DCDCDC;
   background:#FFFFFF;
   outline:none;
}
.textstyle_3a {
    float:left;
   line-height:20px;
   font-size:12px;
   vertical-align:middle;
   overflow-y:hidden;
   resize:none;
   border:1px solid #CCCCCC;
   background: #FFFFFF;
   outline:none;
}
#userpic {/*用于会员注册表单，使用时添加到后台会员注册表单的对应字段即可*/
   height:23px;
   }
/*图片等比缩放*/
.load{
    background:url(/style/extend/loadresize/loadimage.gif) no-repeat center;
	text-align:center;
	width:100%;
	height:20px;
	}
#resizeimage {/*对应loadimage.js的#resizeimage*/
	padding:16px;
	border:1px #E5E5E5 solid;
	width:0px;/*fix加载过慢导致图片先显示全图再缩放*/
	height:0px;/*fix加载过慢导致图片先显示全图再缩放*/
	background:url(/style/extend/loadresize/loadimage.gif) no-repeat center;/*fix加载过慢导致图片先显示全图再缩放*/
}
.listpicresize {
    text-align:center;/*对应loadimage.js的.listpicresize取消时则在此设置width及height参数即可*/
	}
.unresizepic {/*对应loadimage.js的#unresizepic*/
	background:url(/style/extend/loadresize/loadimage.gif) no-repeat center;/*fix加载过慢导致图片先显示全图再缩放*/
}
#unresizepic {
	text-align:left;
	float:left;	
}	
/*scroll top code*/
.scroll {
	width:21px;
	height:20px;
	background:url(/style/images/go_top.gif) no-repeat 0px 0px;
	position:fixed;
	right:30px;
	bottom:60px;
	cursor:pointer;
	}	 
@media screen and (max-width: 640px) {
.scroll {
	display: none;
	background: none;
}
}	 
/*Grid container*/
#main {
    position:relative;
    padding:10px 0 30px 0;
   }
.main {
    margin-left:55px;
	}   
.progress {
     background:url(/style/extend/codeplus/loadimage_list.gif) no-repeat;
	 float:left;
	 width:120px;
	 height:20px;
	 line-height:20px;
	 left:50%;
	 top:50%;
	 margin-top:-10px;
	 margin-left:-60px;
	 text-align:center;
	 display:block;
	 color:#666666;
	 position: absolute;
	 font-size:12px;
	 }
.progress span {
	 float:left;
	 padding-left:60px;
	 }	 
#tiles {
    list-style-type: none;
    position: relative; /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    }
#tiles li {
    width: 200px;/*使用代码height:186px;overflow:hidden;可以限制li宽高*/	
    background-color: #ffffff;
	border: 1px solid #dedede;
	display: none; /** Hide items initially to avoid a flicker effect **/
	padding: 4px 4px 0px 4px;
    }	
#tiles li img {
    display: block;
    width:200px;/*使用代码height:160px;可以固定图片宽高*/	
    }
#tiles li p {
    color: #666;
    font-size: 12px;
    margin: 0px 1px 0 6px;
   }
 /*Some extra styles to randomize heights of grid items.*/
#tiles ali:nth-child(3n) {
    height: 175px;
    }
#tiles ali:nth-child(4n-3) {
    padding-bottom: 30px;
    }
#tiles ali:nth-child(5n) {
    height: 250px;
   }
#epages {
    display:none;
	}
#gallery {/*内容页图集定位*/
    padding: 30px 40px 30px 20px;
  }	   
/*file download*/
.ncode_9 {
    float:left;
	width:640px;
	padding-left:25px;
	padding-bottom:5px;
	} 
#ncode_10 {
    float:left;
	width:640px;
	height:30px;
	margin-top:15px;
	background:url(/style/images/64030.png) no-repeat;
	}
.ncode_10 {
    float:left;
	width:640px;
	overflow:hidden;
	}
.ncode_10 li.one {
    float:left;
	width:640px;
	height:30px;
	line-height:30px;
	background:url(/style/images/64030_1.gif) no-repeat;
	overflow:hidden;
	}
.ncode_10 li.two {
    float:left;
	width:640px;
	height:30px;
	background:url(/style/images/64030_2.gif) no-repeat;
	overflow:hidden;
	}				
#ncode_11 {
    float:left;
	width:475px;
	overflow:hidden;
	padding-left:14px;
	padding-right:23px;	
	height:30px;
	line-height:30px;
	}
#ncode_12 {
    float:left;
	width:80px;
	height:30px;
	line-height:30px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	}
#ncode_13 {
	float:left;
	width:18px;
	height:30px;
	padding-left:15px;
	line-height:30px;
	}
#ncode_14 {
	margin-left:150px;
	}
#ncode_15 {
	float:left;
	width:680px;
	padding-left:130px;
	}		
/*jquery dialog online*/
#online_service{position:absolute; top:-150px; right:0;overflow:hidden;z-index:15;}
#online_service_full{display:none;width:136px;padding-bottom:25px;background:url(/style/extend/serviceonline/13625.gif) no-repeat left bottom;}
.service_head{text-indent: -9999px;width:136px;height:45px;position:relative;background:url(/style/extend/serviceonline/13645.gif) no-repeat left top;}
.service_main{width:136px;background:url(/style/extend/serviceonline/13660.gif) no-repeat #FFFFFF left top;}
#service_link{width:121px; height:25px; line-height:25px; position:relative; left:9px; padding-bottom:5px;background:url(/style/extend/serviceonline/12125.gif) no-repeat;}
#service_link span{ float:left; width:121px;}
#service_link span a{ float:left; padding-left:45px; color:#666666;}
#service_link span a:hover{ color: #FF6600;}
#service_close{position:absolute;width:12px;height:11px;top:10px;right:6px;cursor:pointer;display:block;text-indent: -9999px;}
#online_service_mini{margin-top:50px;width:30px;height:106px;background:url(/style/extend/serviceonline/mini.gif) no-repeat right top;display:none;cursor:default;}/*边栏mini*/	
/*可重复使用的code*/
.unshow {/*fix for ie6，避免文字重复显示*/
  background:none;
  display:none;  
}