html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.15;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
    margin: 0;
    padding: 0;
}
.mar100 {
    margin-bottom: 80px;
}
body {
	margin: 0;
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.42857143;
	font-size: 14px;
	min-width: 600px;
	background: #fff;
	color: #333;
}
.newhead{
	width:100%;
	height:716px;
	height:460px;
	margin:0 auto;
	
	
}
.banner{
	width:100%;
	margin:auto;
	height:716px;
	height:560px;
	background: #000000 url(../images/banner.jpg) no-repeat top center / cover;
	

}
.probanner{
	width:100%;
	margin:auto;
	height:716px;
	height:460px;
	background: #000000 url(../images/probanner.jpg) no-repeat top center / cover;
	

}
.aboutbanner{
	width:100%;
	margin:auto;
	height:716px;
	height:460px;
	background: #000000 url(../images/bg_about.jpg) no-repeat top center / cover;
	

}
.jsgybanner{
	width:100%;
	margin:auto;
	height:716px;
	height:460px;
	background: #000000 url(../images/bg_jsgy.jpg) no-repeat top center / cover;
	

}
.servicebanner{
	width:100%;
	margin:auto;
	height:716px;
	height:460px;
	background: #000000 url(../images/bg_service.jpg) no-repeat top center / cover;
	

}
.banner_contact{
	width:100%;
	margin:auto;
	
	height:460px;
	background: #000000 url(../images/banner_contact.jpg) no-repeat top center / cover;
	

}

.bannertxt{
	width:99%;
	margin:0 auto;
	text-align:center;
	color:#ffffff;
	padding-top: 260px;
}
.banner-title{
	font-size: 2.8em;
	margin: .2em auto;
	
}
.banner-title2{
	font-size: 1.8em;
	margin: .2em auto;
	
}
.banner-title3{
	font-size: 0.8em;
	margin-top: 0.67em ;
	
}

.abanner-title{
	font-size: 1.8em;
	margin: .2em auto;
	text-align:left;
	
}
.abanner-title2{
	font-size: 1.5em;
	margin: .67em auto;
	text-align:left;
}
.abanner-title3{
	font-size: 1em;
	margin-top: 1.67em ;
	text-align:left;
}
.abanner-line{
	width:80px;
	margin: .67em;
	height:2px;
	background-color:#ffffff;
	text-align:center;
	
	
}


.cbanner-title{
	font-size: 1.8em;
	margin: .2em auto;
	text-align:center;
	
}
.cbanner-title2{
	font-size: 1.5em;
	margin: .67em auto;
	text-align:center;
}
.cbanner-title3{
	font-size: 1em;
	margin-top: 1.67em ;
	text-align:center;
}
.cbanner-line{
	width:80px;
	margin: .67em auto;
	height:2px;
	background-color:#ffffff;
	text-align:center;
	
	
}


.banner-line{
	width:50px;
	margin: .67em auto;
	height:2px;
	background-color:#ffffff;
	
	
}
.about_us_sp{
	clear:both;
	margin:60px auto;
}
.about_us_sp img{
	max-width:100%;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
figure {
	margin: 1em 40px;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {
	-webkit-text-decoration-skip: objects;
	background-color: transparent;
	text-decoration: none;
}
abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button, input, optgroup, select, textarea {
	line-height: 1.42857143;
	margin: 0;
	outline: none;
}
body, button, input, select, textarea {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html [type=button],/* 1 */ [type=reset], [type=submit] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline:1px dotted ButtonText;
}
fieldset {
	padding: .35em .75em .625em;
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type=checkbox], [type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto;
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary {
	display: list-item;
}
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {
	display: block;
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
audio, video, canvas {
	display: inline-block;
}
template, [hidden] {
	display: none;
}
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}


.clearfix:after {
	clear: both;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #ea3516;
	text-decoration: none;
}
ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.mobile-foot{display: none;}
.eyou-footer-fix {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #252a37;
	z-index: 10;
	display: none;
}
.eyou-footer-fix li {
	float: left;
	width: 25%;
}
.eyou-footer-fix li a {
	display: block;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.eyou-footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.eyou-footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.eyou-footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.eyou-footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.eyou-footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
@font-face {
	font-family: "iconfont";
	src: url('../fonts/iconfont.eot?t=1532838007123'); /* IE9*/
	src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA/sAAsAAAAAGpgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kmEY21hcAAAAYAAAADuAAAC1gSZpFJnbHlmAAACcAAACvwAABJcSaOytmhlYWQAAA1sAAAAMQAAADYSJgbsaGhlYQAADaAAAAAgAAAAJAfeA5VobXR4AAANwAAAABoAAABMS+r//2xvY2EAAA3cAAAAKAAAACgmNiukbWF4cAAADgQAAAAfAAAAIAE/AhZuYW1lAAAOJAAAAUUAAAJtPlT+fXBvc3QAAA9sAAAAgAAAAKn/QZdBeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s84gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDyfxNzwv4EhhrmRoQEozAiSAwAwlg0HeJzFkj1uAkEMhb8JZPNHAqGkiiBKlSsgakqoOAI11V6AC3AWypznLVWuQJ7XNCtFSRXFo28047Fkj5+Ba6Bn3k0fyieFsJO9pfX3uG/9fT58n/Li0xW1ivqqNNFMcy211kZb7bTXsVk0h/PZsbXoxKy+ifnZivNNee2st86KmKjn2T95omLIDbcMuGvrfuSBMSMHVb/m+jMr/5e6a4N2P11uY1NfcIkiiSlQSdxXK5i4w6hKYmo0Sdx1NEuI93liJdAysSZolVgdtE6iIm0SK4a2SUykdklMn/aJ9UTHxMrSLJL4S3NIGH0BowlaaAAAeJylGAuMVNX1nnvfZ97szJt583lv/jvzZmce+5vdnW+Xhd0F+YggYlZEIMbFFkWtFD8FkqqMmpamiFKSYtNWSywI2NKAVauGALbRNE1jRYptSasUKKaxSaNNa9MyQ899b38iWNvue3Puueeec+695557znlLREIu/IEdYhESJNNIH5lDlhACUieYKk1CxioXaCeEM2LYCKnMyloZOWsW2EwwTCmkF6vlvCHJkg9USEEpU6xaBWpBpTxIB6CoJwGi8dhIIJcIsG3gjlipLzevok9BuDWb8A12Nxd0DYWK6aBrgycQiAYCj7gkUXRRKvhUuNPQFVFxS81doi8WPtTaTlvBE7Vii5Z70/HAqq+W1yZzhgJQr0Mwnlb3DGkxDd/7YnowEJX9Xlck5s22hWDD2ZZI0JPMnyH4B7jXY+yHrEi6CMlZg1ApgKWCnAKjWBuEAshSFimDUENKCPeltzK9OAhs9/auXvH0vmdOC8LpZ5Yt9igthueKBduOCMKRbY8dZb0FBRRGv+uOBkB8ovrQfIdx32mxTTIiLjHFjj7mMM/e2OuOuCn7vqJFCeG2rwuE1UkLUYlGdBLltieyTowqqeVJUAHZkI0af6waJSeb74giZE6ehIwoNt+Z2zzdfCe4c2fomS/e+4Pgrl2sjsSTU5iarzdPQGfXUzu7Dm7ceLBr527HBnUWwDll7PSBrIAB9C9N04S3EVACT8HbZtO08TGbja+RgKXYAgrUQCDpJj5pOGUDOIUdNorAxiYHxnUwHXXgjkVbnv6z8T71xZsqfFCnhJJEE5+x+QgRCN3BeXNQQ25KmiQBZ+Fs4o4xkTgh5sS6VpJbyb2kTh4h3yS7yAFyiPyM/IqcIn8mfwMAL0TBhB4YgPkwAjfBHbABHobH4NuwB34ER+BdnF3BabPoC6YkhzNjbRb9QkM3KHEf70TfsLQMR7OZCvpHKZyCYrVWyYy1JeQMZ/mVGAANJcdQ5NQKIIYkMz8TytWiHhbHsSSEJMPRzXlLYmmyY0zBa5ehW/8lfSou2xcXsdynYDbG7rlZ4zsap1+W+1PgMGYdTpH/DzznXF00cgFYhW8oyc9pbCYkh/nKZ2JkMsakVKhl89YYqwphfvGrjoVlM8+PJSSxA36IT4tDo243frMboNs8ICuKfCAUB0Y41iAQDzl8dIwPx9J8KI0jDrctef51RVXwpW/IvEE65+GguS09gU+ADZeg/fYStNsuQZsEgmDPCW98IldCtJc2f5Lk/0T+S4HG5v9aZBJA/y2bGdt8iw2vx8Usvl328UGffPvij3bNEVcYKWqA2z0ijiB5s2NQ1psOxeOhtAPxqBrDaHi++3iIjmI7zE9mKks8NIzkxk6kc7Zukx41u4f4RKMcrBtrEYw6Z7fNaZb8j81Cx87vXmqs4pzUKWcvt/5nZXDgU897aty0CJtzLmNYp/ubsIubVB4RI9yRA2hpJe1oIXaeIoS9QvcSF2apGMmSCiFBfln4pSldHhEhr2LilqUUrUHVqt4RiETaIpGXnOblgGFM9uC25j+UZExQTp9WhFhSAZdCKeziQ5d6vTguRlPKmTNKKipyblW1l3nhwoVd7HfsQcxXnyPrMIfY6TysS1kzbxXs2qSYoiGVYr9SruIY3n/M/hgVeBe5EVDsYcyQMcJgmMDwZcNScZBiPYSVESdxwRqGmQpqD3HtcFVHzZMMwdxWJfXSrP65m3Y/97363Lmbnr7hzocUt+KX3dPC/kgiFk1mg6I73ap7DbPP65vTNjzi9gb837p/1Y+3LFr4yPOvPv+1ReWSO6xQCV6MpzpiHYYrdWNqcU/I8Jorvb5rv37t8qc3zZ1T3/0sNvM+4zFUt8uMGf0uwdSMq8rTeyQKrLg4rvvcSsv1tdV/nN4SDekd4fkrF2154afPbV24cMsLNy/d3u/xUvi9eWPVn4h2XecimIZ5TgU71y+4qBKR8twYuG0d66Ie6ARsC4DmsvL8kdC0aLpynhvQKaDslwdoXfpY5TJfywiSP2wqnuD1NdNyRaG2eKblVROQ9DBgySDe82mMMckNdNPo6CYKqojJHNp8Hu/HqpzGGtcMpucMGgqFe1tYMEwzlFYjYY1lMy6ZzXD5ZsypuaJBSWXymi2MbVnDBE2IhVxWsVTmPoNbv/As+yVbRHykFWvgWWSErCYbyEb0clMKa3jymPt5Ks+WJvsVDX0kl8HT17BWzPAKATfeBxdJ5DJF3cCaIJtB/0OOUl87lsZcZpICqIXzTGjphzWSokjQI7kAXNJb4x2X1DwGPeFkMtw8picAEnrjX1MZnVEAPu60VLyY/2IONk1BOa4btShT8TbkH+eCHpRv/NolN9+UXS4ZCrKrLak339STSR0KHE7iOOdFgk6tewxtfC36lkEsUkMLE5iawScqbxVyKRiw66oC8JJBBqd0wJrJTv0V9DMr6+RwpPOKCvuoK2zLYYKvOp8fEs/tFeo73BDFxmEH7j8nCOf27z8niueavwC/97hHA9A8x71+AJW3msZptxr+gMeH4x96NY8voOkAupYIgOb9EAW0lN9gS4TG4SPnRfH8kcON8/tFrtRR/brH7/foHMBnPZrmuZ+DJKpQ/TWO1vhcuvZXTQ8Fed/QsId+iBX5hcfZw+xm20YR0k46yCJytWMnPWBUAx+xE3qdFUrRyaAURH/CEFZNAY9cYcey5bx9NQ3bsFn4+wN7mfTinZ9/WRL31ZeupXTdyHVfoOuW3hVo7ehub9W0dEdXe2vgnh3npJVL/TGX6huaQfds376HXjHsU10x//JV4PnTDraK7a0/0Dzz4EMQ31Tf2ww6ehCizlcN1DCur7XdaKxasaz36hjzpmNCoDNgzmZsthkoBIRYqyoYS4rLVjix5znWwDu4nJzAHeMuTfyu5PVcnn+jhQyMszyVYE03BHYBjWkFEC8XQ1mOVoco3isfIEd1CL+bbFexShih+M/goR0NJ0tmD+TRWUKtWBjyTh+vhI0+Y0pvfKhWxY8BH/TxZFbiHVxRlvtbDStGxCWzjGuxUQttX8rzb4Oi0Ye25gstOcEQ06Ghc5XsPHti/RV3WdB2dQ46e9c/wTzBkmdY8CbyqgAUBBU4hhEYkZyPUU7zJnMY+wZjbZArA8uXQMAfy8cMFuqb8bgn0zJbUtw+94AHjEzLsBxW5Zk2OiTrqoujZsugoxjV4WurRgQYavZhogDKp2CzWF8QJLZpNBEzrzTP+eLhltRNpXhnKtodEMSfeyitrH+S9vdCtgvvBXtyfacFM650z2S+XMJePQgOJvAWvBMkUAU6EKnloJKDah4gHhuOW3e/53EPiqAacn9LOuKeKalhecDTGnEPyKouT/cgbcDWxxdKbYUMcP22PrQKjGFDs+dEYqN1itGo9azangBlxNQwmTLxJ560XQ+gXx1lR9kwiZMSGULPsquTTp6z+UlmeZ0ygNmff50F8YZMvV6GHuKHbOXsCOX8q4CSuk/TfHUtpU0gb5Xvm3fwPUF47yDCdusrbneXO+puPrzjNUF4bYcN4ehUARtp+q12RwThvC9VNqNMl9u9flwE4fj6X8P1K5ibejEjoTfXKnjd+TorePNVhkGA1zBGzizQifJm3wK6/ob+1Us6WfJEZ/fAuq1PPrpuYGDdo9fMq1dONHtn3bOyt3flPQ86DRxadi9d0HHN6iY5Xr5/zuKtawdg+tqt38G2p+v4Kz0r7q7fvaJnrPnoN7r9HwFr4hs+Qb/ReD8OHzTV+L8BwWkIPHicY2BkYGAAYumfvlvj+W2+MnCzMIDA9ebEchj9////BhZG5kYgl4OBCSQKAE0bDDsAAAB4nGNgZGBgbvjfwBDDwvj/PwMDCyMDUAQFCAMAdhYEfHicY2FgYGB+ycDAwkAI///PwohfDQCPXwM0AAAAAAAAAHYAvgD4ARABMgFIAVwEEgRoBQYFggY0BsYHRAhwCNAJGgkueJxjYGRgYBBm4mJQYgABJiDmAkIGhv9gPgMADocBWAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtyVsOwiAURVEOcEXr2zoRh0TKRTD0CY2No9foryv7bwspfirxXw0JBQ3CCgZrbFBhix32OOCIE864oMZVYDGZ7dSEG3FrY6Ip3kOhJvWZdWJftOufnXa2sPmuR1GFkxxHarmbvfJ2IRdfIZoc+vkTeTfERnon50GIN5PEIQE=') format('woff'),  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-search1:before {
	content: "\e601";
}
.icon-email:before {
	content: "\e668";
}
.icon-right:before {
	content: "\e600";
}
.icon-close:before {
	content: "\e606";
}
.icon-left:before {
	content: "\e623";
}
.icon-down:before {
	content: "\e649";
}
.icon-date:before {
	content: "\e651";
}
.icon-rightjt:before {
	content: "\e658";
}
.icon-tel:before {
	content: "\e672";
}
.icon-qq:before {
	content: "\e6b4";
}
.icon-menuf:before {
	content: "\e652";
}
.icon-fax:before {
	content: "\e685";
}
.icon-dizhi:before {
	content: "\e61a";
}
.icon-shouhou:before {
	content: "\e63d";
}
.icon-fdpic:before {
	content: "\e792";
}
.icon-fd:before {
	content: "\e604";
}
.icon-up:before {
	content: "\e73f";
}
.img-center {
	text-align: center;
	font-size: 0;
}
.img-center img {
	display: inline-block;	
	
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.img-centers {
	text-align: center;
	font-size: 0;
}
.img-centers img {
	display: inline-block;	
	
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.img-cover {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.img-cover span {
	display: block;
	width: 100%;
	background: no-repeat center / cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.headers {
    width: 100%;
    height: 114px;
    
    z-index: 15;
}
.header {	
	
	color: #fff;
	max-width:900px;
	margin:-700px auto;
	margin:-495px auto;
	
}
.header .main{
	clear:both;
	width:100%;
	margin:0 auto;
	height:114px;
}

.header .main-right{
	
	width:1000px;
	float:right;
	height:114px;
}

.header .topbar {
	line-height: 33px;
	background-color: #f5f5f5;
	font-size: 12px;
	border-bottom: 1px solid #eee;
	color: #888;
}
.header .topbar ul {
	float: right;
}
.header .topbar li {
	float: left;
	color: #ddd;
}
.header .topbar li.pipe {
	padding: 0 10px;
}
.header .logo {	
	width: 100px;
	line-height: 100px;
	text-align: center;	
	height:100px;
	margin:0px auto;

}


.header .tel {
    float: right;
    font-size: 12px;
    color: #b78a4b;
    line-height: 22px;
    padding-top: 30px;
}
.header .tel p {
    padding-left: 42px;
    background: url(../images/img_03.png) no-repeat left center;
}

.header .tel b {
    display: block;
    font-size: 23px;
    font-family: "Myriad Pro";
}

.header .text {
	float: left;
	font-size: 16px;
	margin: 20px 0 20px 30px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #ddd;
}
.header .text strong {
	display: block;
	font-size: 26px;
}
.header .text span {
	color: #ea3516;
}
.header2 {
    width: 100%;
    height: 114px;
    position: fixed;
    top: -114px;
    left: 0;
    z-index: 11;
    background-color: rgba(62, 60, 59,.85);
    -webkit-transition: all ease-in-out 0.7s;
    -moz-transition: all ease-in-out 0.7s;
    -ms-transition: all ease-in-out 0.7s;
    -o-transition: all ease-in-out 0.7s;
    transition: all ease-in-out 0.7s;
}
.header2 .logo {
    float: left;
    font-size: 0;
    width: 90px;
    line-height: 90px;
    text-align: left;
    padding: 5px 0;
    height: 90px;
}
.header2 .main{
	
	margin:0 auto;
	height:114px;
	overflow:hidden;
}

.header2 .main-right{
	
	
	float:right;
	height:114px;
}
.header2 .tel {
    float: right;
    font-size: 12px;
    color: #b78a4b;
    line-height: 22px;
    padding-top: 30px;
}
.header2 .tel p {
    padding-left: 42px;
    background: url(../images/img_03.png) no-repeat left center;
}

.header2 .tel b {
    display: block;
    font-size: 23px;
    font-family: "Myriad Pro";
}

.header2 .text {
	float: left;
	font-size: 16px;
	margin: 20px 0 20px 30px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #ddd;
}
.header2 .text strong {
	display: block;
	font-size: 26px;
}
.header2 .text span {
	color: #ea3516;
}
.header2 .pc_Menu {
    width: auto;
	margin-top:14px;
}
.cur .header2 {
    top: 0;
}




.header1 {	
	
	color: #111111;
	
	background-color:#ffffff;
	
}
.header1 .main{
	clear:both;	
	margin:0 auto;
	height:114px;
	
}

.header1 .main-right{	
	
	float:right;
	height:114px;
}

.header1 .topbar {
	line-height: 33px;
	background-color: #f5f5f5;
	font-size: 12px;
	border-bottom: 1px solid #eee;
	color: #888;
}
.header1 .topbar ul {
	float: right;
}
.header1 .topbar li {
	float: left;
	color: #ddd;
}
.header1 .topbar li.pipe {
	padding: 0 10px;
}
.header1 .logo {	
	width: 100px;
	line-height: 100px;
	text-align: center;	
	height:100px;
	float:left;
padding-top:5px;
}


.header1 .tel {
    float: right;
    font-size: 12px;
    color: #b78a4b;
    line-height: 22px;
    padding-top: 30px;
}
.header1 .tel p {
    padding-left: 42px;
    background: url(../images/img_03.png) no-repeat left center;
}

.header1 .tel b {
    display: block;
    font-size: 23px;
    font-family: "Myriad Pro";
}

.header1 .text {
	float: left;
	font-size: 16px;
	margin: 20px 0 20px 30px;
	padding: 5px 0 5px 30px;
	border-left: 1px solid #ddd;
}
.header1 .text strong {
	display: block;
	font-size: 26px;
}
.header1 .text span {
	color: #ea3516;
}
.model-header {
    width: 100%;
    padding: 15px 10px;
    z-index: 30;
	background-color: rgb(0,0,0,0.2);
}
.model-header .model-header-logo {
    width: 40%;
    float: left;
    height: 45px;
}
.model-header .model-header-logo a {
    display: table-cell;
    vertical-align: middle;
    
}
.model-header .model-navbtn {
    width: 25px;
    line-height: 45px;
    float: right;
}
.model-header .model-navbtn img {
    max-width: 100%;
}

/*为什么选择我们*/
.tabpanel{
	margin-bottom:5px;
}


.nav-tabs>li {
   
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
   display: inline-block;
   text-align:center;
}





.whyus-tab .tab-content {
	border: 1px solid #dfdfdf;
	background: #ffffff;
	padding: 30px;
}
.whyus-tab .tab-content p:last-of-type {
	margin-bottom: 0;
}
.whyus-tab .nav-tabs {
	background: #21282e;
	border-bottom: none;
}

.whyus-tab .nav-tabs>li {
	
	border-right: 1px solid #313a42;
	width: 24%;
}
.whyus-tab .nav-tabs>li:last-of-type {
	border-right: none;
}
.whyus-tab .nav>li>a {
	padding: 0px;
}
.whyus-tab .nav-tabs>li>a {
	border: none;
	border-radius: 0;
	margin-right: 0;
	line-height: 60px;
	font-size: 14px;
	color: #f3f3f3;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
}
.whyus-tab .nav-tabs>li>a:before {
	content: '';
	width: 3px;
	height: 16px;
	background: transparent;
	position: absolute;
	top: 22px;
	left: 25%;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.whyus-tab .nav-tabs>li>a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 6.5px 0 6.5px;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.whyus-tab .nav>li>a:focus, .whyus-tab .nav>li>a:hover {
	background: none;
}
.whyus-tab .nav-tabs>li.active>a, .whyus-tab .nav-tabs>li.active>a:focus, .whyus-tab .nav-tabs>li.active>a:hover {
	background: none;
	border: none;
	opacity: 1;
	color: #ffc658;
}





.whyus-tab .nav-tabs>li.active>a:before {
	background: #ffc658;
}
.whyus-tab .nav-tabs>li.active>a:after {
	border-color: #21282e transparent transparent transparent;
}
.big-heading small {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 4px;
    padding-top: 0px;
}
.big-heading {
    line-height: 1.2;
}
.big-heading {
    text-transform: uppercase;
    font-weight: 900;
    position: relative;
    padding-left: 22px;
    margin-bottom: 48px;
    border-left: 9px solid #323232;
}
.w-desc{
	
	line-height:180%;
}
/*首页搜索*/

.topfude{	
	/*top: calc(-4vh);*/
    position: relative;
	margin-top:-40px;
}
.search{
	background:linear-gradient(#30333f,#4b556f);
	height:80px;
	padding:5px;
	box-shadow: 5px 5px 10px #30333f;
}
.search li{
float:left;
list-style:none;
}
.searchinput{
	width:70%;
}
.searchinput input{	
	margin-top:10px;
	height:50px;
	width:95%;	
	font-size:20px;
	outline-style: none ;
    border: 0px;	
	border-radius: 5px;
	font-weight: 400;
	padding:15px 0px 15px 65px;
	background:#ffffff url(../images/searchbg.png) no-repeat left center;
	background-size: 60px 30px;
}
.searchinput input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6)
}
.searchbotton{width:13%;padding:0;margin:0;}
.searchbotton input{
	
	margin-top:10px;
	height:50px;
	width:100%;
	font-weight:500;
	font-size:22px;
	background-color:#273141;
	color:#ffffff;
	outline-style: none ;
    border: 0px;
	padding:8px;
	border-radius: 5px;
}
.search .searchlogo{
width:70px;
height:70px;
text-align:center;
width:15%;
line-height:70px;
}
.search .searchlogo img{
max-width:90%;
height:90%;


}


/*产品页搜索*/

.topfude_pro{	
	/*top: calc(-4vh);*/
    position: relative;
	margin-top:-40px;
}
.topfude_pro .search_pro{
	/*background:#e12041;*/
background:linear-gradient(#a69de6,#542794);
box-shadow: 5px 5px 10px #30333f;
	height:80px;
	padding:5px;
}
.topfude_pro .search_pro li{
float:left;
list-style:none;
}
.topfude_pro .searchinput_pro{
	width:70%;
}
.topfude_pro .searchinput_pro input{	
	margin-top:10px;
	height:50px;
	width:95%;	
	font-size:20px;
	outline-style: none ;
    border: 0px;	
	border-radius: 5px;
	font-weight: 400;
	padding:15px 0px 15px 65px;
	background:#ffffff url(../images/searchbg.png) no-repeat left center;
	background-size: 60px 30px;
}
.topfude_pro .searchinput_pro input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6)
}
.topfude_pro .searchbotton_pro{width:13%;padding:0;margin:0;}
.topfude_pro .searchbotton_pro input{
	
	margin-top:10px;
	height:50px;
	width:100%;
	font-weight:500;
	font-size:22px;
	background-color:#273141;
	color:#ffffff;
	outline-style: none ;
    border: 0px;
	padding:8px;
	border-radius: 5px;
}
.topfude_pro .search_pro .searchlogo_pro{
width:70px;
height:70px;
text-align:center;
width:15%;
line-height:70px;
}
.topfude_pro .search_pro .searchlogo_pro img{
max-width:90%;
height:90%;


}

/*产品页搜索结束*/

.indexsort{
	height:auto;
	width:100%;
	/*
	background-color:#4b556f;
	*/
	margin-top: -40px;
	padding-top: 70px;
}

.sorttitle{
	/*
	background-color:#30333f;*/
	
	text-align:center;
	width:100%;
	overflow:hidden;
	
	
}
.sorttitle .t1{
	padding-top:25px;
	clear: both;
	font-size:25px;
	color:#4b556f;
}
.sorttitle .hen{
	margin:15px auto;
	clear: both;
	font-size:18px;
	color:#5f6675;
	background:url(../images/title-line.png) no-repeat center;
}
.sorttitle .hen span{
	
	color:#98a2b4;
}
.sorttwo{
	background:#f5f5f5;
}
.sorttwo .text{
	padding-top:20px;
	color:#626262;
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:30px;
}
.indexsort .fenlei{
	text-align:center;
	padding:20px;
}
.indexsort .fenlei li{
	list-style:none;	
	display:inline-block;
	
	margin:5px 15px;
	
}
.indexsort .fenlei .yuan{	
	text-align:center;
	color:#000000;
	background:#ffffff;
	width:118px;
	height:118px;
	border-radius: 100%;
	line-height:118px;
	
}

.indexsort .sortlink div:hover{
	
	background:#ededed;
	
}
.indexsort .fenlei span{	
margin-top:20px;
	text-align:center;
	color:#ffffff;	
	height:50px;
	line-height:50px;
	
}

/*新闻相关*/
.content_intro{
	font-size:16px;
	width:100%;
	line-height:200%;
}
.content_intro img{max-width:100%;height:auto;display:block;}
.content_intro a{color:#06C;}
.content_intro a:hover{color:#f30;}
.content_intro p{
	
	line-height:200%;
}
.news_show h1{text-align:center;font-size:30px;font-weight:400;margin:0;padding:0;}
.news_show .info{border-left:3px solid #2384D5;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}
.news_show .prenext p{font-weight:bold;}
.news_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.news_show .prenext a span{font-size:18px;margin-right:10px;}
.news_show .prenext a em{font-style:normal;font-size:18px;}
.news_show .prenext a:hover{background:#2384D5;border-color:#2384D5;color:#fff;}
.news_show .prenext a:hover span{color:#fff;}
.news_show .prenext .pre{float: left;}
.news_show .prenext .next{float: right;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}


.news_show_list{}
.news_show_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}
.news_show_list li .date{float: left; width: 86px;height: 80px;}
.news_show_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}
.news_show_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}
.news_show_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}
.news_show_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}


/*产品页*/
.proindex{
	margin:20px auto;
	background:#ffffff;
	padding:5px;
}
.proindex li{
	padding:5px;
	list-style:none;
	float:left;
	width:33.333%;	
	zoom: 1;
	overflow: hidden;
}
.proindex li p{
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
}
.proindex li a{
	width:300px;
	height:100%;
	max-height:300px;
	overflow:hidden;
}
.proindex li img{
	max-width:100%;
	width:376px;
	height:376px;
	
	border:0px;
	-webkit-transition: -webkit-transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: -ms-transform .5s;
    transition: transform .5s;
}

.col-md-4 p{text-align:center;margin-bottom:10px;overflow:hidden;height: 30px;line-height: 30px;}

.proindex li:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.pro-postion{
	width:100%;
	margin:15px auto;
}
.pro-postion .pro-postion-t{
	font-size:20px;
	height:40px;
	line-height:40px;
	color:#ffc557;
	font-weight:700;
	
}
.pro-postion .pro-postion-t2{
	font-size:20px;
	height:30px;
	line-height:30px;
	color:#333333;
	font-weight:400;
	
}
.pro-postion .pro-postion-t3{
	margin-top:5px;
	height:5px;
	width:65px;
	background-color:#dedede;
	
}
.productsort{	
	height: 140px;
	width:100%;
	background:url(../images/prosortflbg.jpg) repeat-x center center;	
	margin-top: 10px;
}
.productsort .fenlei{
	text-align:center;
	
}
.productsort .fenlei li{
	list-style:none;	
	display:inline-block;
	min-width:80px;
	margin:0px 2px;
	height: 140px;
    padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	width: 13%;
    overflow: hidden;
	
}
.productsort .fenlei li img{
	
	width:50px;	
	height: 50px;
   margin-top: 15px;
	
}
.productsort .fenlei .yuan{	
	text-align:center;
	color:#000000;
	background:#ffffff;
	width:118px;
	height:118px;
	border-radius: 100%;
	line-height:118px;
	
}

.productsort .fenlei .p1{	
	background:url(../images/psort1.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
	
}
.productsort .fenlei li.p1:hover{
	
	background:#1e2e52 url(../images/psort11.png) no-repeat center 15px;;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}

.productsort .fenlei .p2{	
	background:url(../images/psort2.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}
.productsort .fenlei li.p2:hover{
	
	background:#1e2e52 url(../images/psort21.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}



.productsort .fenlei .p3{	
	background:url(../images/psort3.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}
.productsort .fenlei li.p3:hover{
	
	background:#1e2e52 url(../images/psort31.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}

.productsort .fenlei .p4{	
	background:url(../images/psort4.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}
.productsort .fenlei li.p4:hover{
	
	background:#1e2e52 url(../images/psort41.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}

.productsort .fenlei .p5{	
	background:url(../images/psort5.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}
.productsort .fenlei li.p5:hover{
	
	background:#1e2e52 url(../images/psort51.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}

.productsort .fenlei .p6{	
	background:url(../images/psort6.png) no-repeat center 15px;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}
.productsort .fenlei li.p6:hover{
	
	/*filter: grayscale(100%) brightness(900%);*/
	
	background-color:#6d7597;
	padding-top: 80px;
	padding-left:10px;
	padding-right:10px;
	background-size:70px 70px;
}


.productsort .fenlei li.div{
	
	/*filter: grayscale(100%) brightness(900%);*/
	width:auto;
	height:auto;
	margin-top:50px;
	
	
}
.productsort .fenlei li:hover{
	
	
background-color:#1e2e52;
	
	
}
.productsort .fenlei li:hover img{
	
	filter: grayscale(100%) brightness(900%);

	
	
}
.productsort .fenlei li.active{
	
	background-color:#1e2e52;

}
.productsort .fenlei li.active img{
	filter: grayscale(100%) brightness(900%);
	

}
.productsort .fenlei li.active span{
	
	color:#ffffff;

}
.productsort .fenlei li span{	
clear:both;
margin-top:20px;
	text-align:center;
	color:#1e2e52;	
	height:50px;
	line-height:50px;
	
}
.productsort .fenlei li:hover span{	

	color:#ffffff;	

	
}
/*产品页*/
.prolilist{
	
	width:100%;
	
}
.prolilist li{
	list-style:none;
	float:left;
	width:100%;
	margin:10px auto;
	border-bottom:1px solid #dedede;
	padding-bottom:20px;
}
.proli{
	width:100%;
} 
.proli .proli_left{
	width:30%;
	float:left;
}
.proli .proli_left img{
	width:100%;
	
}
.proli .proli_right{
	padding-left:20px;
	width:70%;
	float:right;
}
.proli .proli_right h3{
	text-align:left;
	font-size:20px;
	font-weight:400;
	padding-bottom:10px;
}
.proli .proli_right p{
	text-align:left;
	font-size:16px;
	font-weight:400;
	line-height:140%;
	max-height:160px;
	overflow:hidden;
}
.proli .proli_right span{
	text-align:left;
	font-size:14px;
	font-weight:400;
	padding-top:10px;
	display:block;

}
.protit{
	font-size:25px;
	font-weight:500;
	text-align:center;
}

.protiten{
	font-size:20px;
	margin:10px auto;
	font-weight:400;
	text-align:center;
	background:url(../images/title-line2.png) no-repeat center;
}
.prolist{
	margin-top:35px;	
	padding:8px;
	background:#bebed0;
}

.prolist li{
	list-style:none;
	float:left;
	width:33.33%;
}



.prolist li:first-child {background: #ffffff;}
.prolist li:nth-child(2) {background: #906556;}
.prolist li:nth-child(2) .pro-title {color: #ffffff;}
.prolist li:nth-child(3){background: #ffffff;}
.prolist li:nth-child(4){background: #ab526b;}
.prolist li:nth-child(4) .pro-title {color: #ffffff;}
.prolist li:nth-child(5){background: #ffffff;}
.prolist li:nth-child(6){background: #615783;}
.prolist li:nth-child(6) .pro-title {color: #ffffff;}

.prolist li img{
	display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.prolist .pro-title{
	overflow:hidden;
	font-size:16px;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#333333;
}
.pro-img{
	width:100%;
	
}

.page-out {
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
    -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
    display: block !important;
}
.page-in {
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-prev {
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
}


.inner_container{min-height:600px;padding:20px 0;}
.inner_container h1{text-align:center;font-size:30px;font-weight:400;margin:0 0 20px 0;padding:0;}
.width{width:1200px;margin:0 auto;}
/*商品相关*/
.pro_show{box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.pro_show .left{float:left;width:60%;text-align:center;border-right:1px solid #f3f3f3;padding:40px;}
.pro_show .left .zoom{text-align:center;}
.pro_show .left .zoom img{width:auto;max-width:100%;height:auto;}
.pro_show .left .thumb_pic{margin:40px 0 0 0;text-align:center;}
.pro_show .left .thumb_pic ul{margin:0 auto;}
.pro_show .left .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:3px;cursor:pointer;position:relative;}
.pro_show .left .thumb_pic ul li.hover{border:1px solid #f90;background:#fff;}
.pro_show .left .thumb_pic ul li.hover:after{content:" ";position:absolute;right:27px;top:-6px;width:11px;height:11px;border:#f90 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#f90;z-index:-1;}

.pro_show .right{padding:40px;overflow: hidden;float:right;width:40%;}
.pro_show .right h1{font-size:24px;margin:0;padding:0;font-weight:400;text-align:left;}
.pro_show .right h5{font-size:14px;margin:10px 0;padding:0;color:#999;font-weight:normal;}
.pro_show .right .intro{font-size:14px;margin-top:10px;padding:0;font-weight:400;text-align:left;}
.pro_show .right .attribute{}
.pro_show .right .attribute li{font-size:14px;line-height:30px;}
.pro_show .right .attribute li em{display:inline-block;width:80px;font-style:normal;color:#555;font-size:14px;}
.pro_show .right .price{font-size:14px;line-height:30px;margin:20px 0;}
.pro_show .right .price span{font-size:36px;color:#f60;}
.pro_show .right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.pro_show .right .tags{margin:20px 0;}
.pro_show .right .tags a{margin-left:10px;display:inline-block;border-radius:4px;border:1px solid #dadada;background:#fff;padding:2px 6px;font-weight:normal;font-size:14px;}
.pro_show .right .tags a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.pro_show .right .action{margin:30px 0 50px 0;}
.pro_intro{margin:20px 0;}
.pro_intro .left{width:310px;margin-right:10px;float:left;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);display:none;}
.pro_intro .plist{margin:15px;width:300px;}
.pro_intro .plist ul{width:304px;}
.pro_intro .plist ul li{float:left;width:137px;margin: 0 15px 15px 0;}
.pro_intro .plist ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px;}
.pro_intro .plist ul li a div{overflow:hidden;width:100%;height:100%;}
.pro_intro .plist ul li a div img{width:100%;height:100%;max-height:127px;min-height:127px;display:block;border:0;}
.pro_intro .plist ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0;}
.pro_intro .plist ul li a:hover p{color:#f30;}

.pro_intro .right{float:right;width:100%;border:1px solid #f3f3f3;box-shadow:1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .tabs{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul{width:100%;background:#f7f7f7;}
.pro_intro .tabs ul li{float:left;}
.pro_intro .tabs ul li a{display:block;padding:10px 30px;text-align:center;font-size:14px;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;background:#fff;color:#999;border-top:2px solid #fff;}
.pro_intro .tabs ul li.hover a{border-bottom:1px solid #fff;background:#fff;font-weight:bold;color:#333;border-top:2px solid #2384D5;}
.pro_intro .intro{padding:30px;overflow:hidden;}
.pro_intro .intro p{margin:0;padding:0;}
.pro_intro .intro img{display: inline-block;height: auto;max-width: 100%;}
.pro_intro .intro a{color:#06C;}
.pro_intro .intro a:hover{color:#f30;}

.pro_intro .intro .extend{}
.pro_intro .intro .extend li{font-size:14px;line-height:30px;}
.pro_intro .intro .extend li em{display:inline-block;width:120px;font-style:normal;color:#555;font-size:14px;}

.am-breadcrumb{padding:.7em .5em;margin-bottom:2rem;list-style:none;background-color:transparent;border-radius:0;font-size:85%;display:none;}
.am-breadcrumb>li{display:inline-block}
.am-breadcrumb>li [class*=am-icon-]:before{color:#999;margin-right:5px}
.am-breadcrumb>li+li:before{content:"\00bb\00a0";padding:0 8px;color:#ccc}
.am-breadcrumb>.am-active{color:#999}.am-breadcrumb-slash>li+li:before{content:"/\00a0"}
.am-pagination{padding-left:0;margin:1.5rem 0;list-style:none;color:#999;text-align:left}
.am-pagination:after,.am-pagination:before{content:" ";display:table}.am-pagination:after{clear:both}
.am-pagination>li{display:inline-block}.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px}
.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}

.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
.am-pagination .am-pagination-prev{float:left}
.am-pagination .am-pagination-prev a{border-radius:0}
.am-pagination .am-pagination-next{float:right}


.model-leftnav {
    width: 70%;
    height: 100%;
    background: #252a37;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 44;
}

.model-leftnav-top {
    background: #18191f!important;
}
.model-leftnav-top {
    background: #18191f;
}
.model-leftnav-top {
    padding: 0 5%;
    margin: 0;
    height: 58px;
    overflow: hidden;
    line-height: 58px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #005baa;
    text-align: center;
}
.model-leftnav-top span {
    display: inline-block;
    height: 100%;
    padding-left: 45px;
    background: url(../images/icon15.png) left center no-repeat;
    background-size: 32px auto;
}
.model-leftnav-main {
    width: 100%;
    height: 90%;
    overflow-y: none;
	
}
.model-leftnav-main .nnav {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.model-leftnav-main .nnav li {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #3d4559;
}
.model-leftnav-main .nnav .yiji dl {
    padding-right: 15px;
    padding-left: 5px;
    width: 40px;
    height: 44px;
    line-height: 44px;
    float: right;
    z-index: 3;
    position: relative;
	color:#ffffff;
	text-align:right;
	width:30%;
	margin-bottom:0px;
}
.model-leftnav-main .nnav li a.ce {
    display: block;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    position: relative;
    color: #dedede;
    font-size: 16px;
	width:68%;
}
.model-leftnav-main .nnav li .menu_body {
    display: none;
}
.model-leftnav-main .nnav li .menu_body li {
    border-bottom: none;
    padding: 0;
}
.model-leftnav-main .nnav li a.er {
    padding-left: 28px;
    color: #dedede;
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.model-leftnav-main .nnav li .thr_body, .model-leftnav-main .nnav li .thr_body .four_body {
    display: none;
}
.model-leftnav-main .nnav .yiji dl .icon1 {
    display: none;
}
.model-leftnav-main .nnav .yiji dl span {
    width: 20px;
    height: 20px;
}

.opacity2, .opacity3 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
    display: none;
}











.header1 .pc_Menu {
    width: auto;
	margin-top:14px;
	text-align:center;
}

.header .pc_Menu {
    width: 100%;
	margin-top:14px;
	text-align:center;
}
.tr {
    text-align: right;
}
.fr {
    float: right;
}

.fl {
    float: left;
}

.pc_Menu .menul{width:100%;height:100px;text-align:center;}
.pc_Menu .menul .firstli{position:relative;width:15%;text-align:center;transition:300ms;display: inline-block;}
.pc_Menu .menul .firstli>a{display:block;position:relative;box-sizing:border-box;padding:0 6px;font-size:18px;color:#cecece;overflow:hidden;text-decoration: none;height: 100px;}
.pc_Menu .menul .firstli>a span{
	/*display: inline-block;*/
	position: relative;
}
.pc_Menu .menul .firstli>a span:before{
	content: "";
	display: block;
	width: 0px;
	height: 2px;
	background-color: #d0ad49;
	position: absolute;
	left: 0px;
	bottom: -5px;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.pc_Menu .menul .firstli:hover>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.pc_Menu .menul .current>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.pc_Menu .secdulBox{display:none;position: absolute;width: 100%; top:100px;z-index:10;}
.pc_Menu .secdulBox .secdli{
	margin-bottom: 1px;
	width: 100%;
}
.pc_Menu .secdulBox .secdli a {display:block;font-size:14px; padding: 0;height: 45px;line-height: 45px;color: #ffffff;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;background-color: rgba(208, 173, 73, 0.4)}











.header1 .pc_Menu .menul{
	width:100%;height:100px;text-align:center;padding-right:20px;
	}
.header1 .pc_Menu .menul .firstli{
	position: relative;
min-width:95px;
    width: 14.2857%;
    float: left;
    text-align: center;
    transition: 300ms;
	margin:0 5px;
	}
.header1 .pc_Menu .menul .firstli>a{display:block;position:relative;box-sizing:border-box;padding:0 0px;font-size:18px;color:#cecece;overflow:hidden;text-decoration: none;height: 100px;}
.header1 .pc_Menu .menul .firstli>a span{
	/*display: inline-block;*/
	position: relative;
}
.header1 .pc_Menu .menul .firstli>a span:before{
	content: "";
	display: block;
	width: 0px;
	height: 2px;
	background-color: #d0ad49;
	position: absolute;
	left: 0px;
	bottom: -5px;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header1 .pc_Menu .menul .firstli:hover>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header1 .pc_Menu .menul .current>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header1 .pc_Menu .secdulBox{display:none;position: absolute;width: 100%; top:100px;z-index:10;}
.header1 .pc_Menu .secdulBox .secdli{
	margin-bottom: 1px;
	width: 100%;
}
.header1 .pc_Menu .secdulBox .secdli a {display:block;font-size:14px; padding: 0;height: 45px;line-height: 45px;color: #ffffff;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;background-color: rgba(65, 73, 96, 0.6)}



.header2 .pc_Menu .menul{width:100%;height:100px;text-align:center;padding-right:20px;}
.header2 .pc_Menu .menul .firstli{position: relative;
min-width:95px;
    width: 14.2857%;
    float: left;
    text-align: center;
    transition: 300ms;
	margin:0 5px;
	}
.header2 .pc_Menu .menul .firstli>a{display:block;position:relative;box-sizing:border-box;padding:0 0px;font-size:18px;color:#cecece;overflow:hidden;text-decoration: none;height: 100px;}
.header2 .pc_Menu .menul .firstli>a span{
	/*display: inline-block;*/
	position: relative;
}
.header2 .pc_Menu .menul .firstli>a span:before{
	content: "";
	display: block;
	width: 0px;
	height: 2px;
	background-color: #d0ad49;
	position: absolute;
	left: 0px;
	bottom: -5px;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header2 .pc_Menu .menul .firstli:hover>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header2 .pc_Menu .menul .current>a span:before{
	width: 100%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}
.header2 .pc_Menu .secdulBox{display:none;position: absolute;width: 100%; top:100px;z-index:10;}
.header2 .pc_Menu .secdulBox .secdli{
	margin-bottom: 1px;
	width: 100%;
}
.header2 .pc_Menu .secdulBox .secdli a {display:block;font-size:14px; padding: 0;height: 45px;line-height: 45px;color: #ffffff;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;background-color: rgba(208, 173, 73, 0.4)}


.header2 .pc_Menu .secdulBox .secdli a {display:block;font-size:14px; padding: 0;height: 45px;line-height: 45px;color: #ffffff;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms; transition: 300ms;background-color: rgba(208, 173, 73, 0.8)}
.pc_Menu .secdulBox .secdli.current a,.pc_Menu .secdulBox .secdli a:hover {color: #fff;background: rgba(54, 176, 254, 0.9);}
.pc_Menu .menul .firstli:after{opacity: 0; position: absolute;content:"";bottom:-10px;left:50%;transform:translateX(-50%);width: 24px;height: 8px;background:url()no-repeat center;-webkit-background-size: cover;background-size: cover;-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
.pc_Menu .menul .firstli.cur:after,.pc_Menu .menul .firstli:hover:after{bottom:11px;opacity: 1;}


.pc_Menu .menul .firstli em {
    display: block;
    font-size: 12px;
    color: #909090;
    line-height: 18px;
    text-transform: uppercase;
}


.pc_Menu .menul p {
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    padding-top: 20px;
	height:30px;
}
.pc_Menu .menul span {
    display: block;
    font-size: 9px;
    color: #afafaf;
    line-height: 18px;
    text-transform: uppercase;
	padding-top: 10px;
	word-break:break-all;
}

.header1 .pc_Menu .menul p {
    font-size: 16px;
    color: #111111;
    line-height: 20px;
    padding-top: 20px;
	height:30px;
}
.header1.pc_Menu .menul span {
    display: block;
    font-size: 9px;
    color: #afafaf;
    line-height: 18px;
    text-transform: uppercase;
	padding-top: 10px;
}
.header2 .pc_Menu .menul p {
    font-size: 16px;
    color: #ffffff;
    line-height: 20px;
    padding-top: 20px;
	height:30px;
}
.header2.pc_Menu .menul span {
    display: block;
    font-size: 9px;
    color: #afafaf;
    line-height: 18px;
    text-transform: uppercase;
	padding-top: 10px;
}
.pc_Menu .menul li {
    
    display:inline-block;
}

.pc_Menu .menul li img {
    margin: 25px 6px 0;
}

.header .nav {
	width:750px;
	float:left;
	font-size: 0;	
	color: #fff;
}
.header1 .nav {
	width:750px;
	float:left;
	font-size: 0;	
	color: #fff;
}
.nav p {
    font-size: 16px;
    color: #dadada;
    line-height: 28px;
    padding-top: 33px;
}
.nav_list span {
    display: block;
    font-size: 12px;
    color: #909090;
    line-height: 18px;
    text-transform: uppercase;
}



.header .nav li {
	display: inline-block;
	vertical-align: middle;
}
.header .nav li {
    float: left;
    height: 114px;
    overflow: hidden;
}

.header .nav .firstli {
    position: relative;
    width: 14.2857%;
    float: left;
    text-align: center;
    transition: 300ms;
}

.header .nav .firstli>a span:before {
    content: "";
    display: block;
    width: 0px;
    height: 2px;
    background-color: #35b0fe;
    position: absolute;
    left: 1px;
    bottom: 28px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.header .nav li a {
	display: block;
	font-size: 16px;
	line-height: 50px;
	padding: 0 28px;
	color: #fff;
}
.header .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header .nav li.dropdown {
	position: relative;
}
.header .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
}
.header .nav .dropdown-box p {
	margin: 0;
}
.header .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.5) !important;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header .nav .dropdown-box a:hover {
	background-color: #ea3516 !important;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	color: #fff;
	background-color: #c01f31;
}
.header .nav li.open .dropdown-box {
	display: block;
}



.header1 .pc_Menu .menul li {
    
    float:left;
}

.header1 .pc_Menu .menul li img {
    margin: 25px 6px 0;
}
.header2 .pc_Menu .menul li {
    
    float:left;
}

.header2 .pc_Menu .menul li img {
    margin: 25px 6px 0;
}
.header1 .nav li {
	display: inline-block;
	vertical-align: middle;
}
.header1 .nav li {
    float: left;
    height: 114px;
    overflow: hidden;
}

.header1 .nav .firstli {
    position: relative;
    width: 14.2857%;
    float: left;
    text-align: center;
    transition: 300ms;
}

.header1 .nav .firstli>a span:before {
    content: "";
    display: block;
    width: 0px;
    height: 2px;
    background-color: #35b0fe;
    position: absolute;
    left: 1px;
    bottom: 28px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.header1 .nav li a {
	display: block;
	font-size: 16px;
	line-height: 50px;
	padding: 0 28px;
	color: #fff;
}
.header1 .nav li .arr {
	float: right;
	height: 40px;
	width: 40px;
	position: relative;
	display: none;
}
.header1 .nav li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.header1 .nav li.dropdown {
	position: relative;
}
.header1 .nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
}
.header1 .nav .dropdown-box p {
	margin: 0;
}
.header1 .nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	background-color: rgba(0, 0, 0, 0.5) !important;
	line-height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.header1 .nav .dropdown-box a:hover {
	background-color: #ea3516 !important;
}
.header1 .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	color: #fff;
	background-color: #c01f31;
}
.header1 .nav li.open .dropdown-box {
	display: block;
}
.menu-btn {
	display: none;
	padding: 6px 0;
	float: right;
	margin-left: 15px;
}
.menu-btn:before, .menu-btn:after, .menu-btn span {
	display: block;
	height: 2px;
	background-color: #ea3516;
	content: '';
}
.menu-btn:before {
	width: 24px;
}
.menu-btn:after {
	width: 18px;
	margin-left: 6px;
}
.menu-btn span {
	width: 12px;
	margin: 6px 0 6px 12px;
}
.banner .swiper-slide {
	background: no-repeat center / cover;
	height: 800px;
	cursor: pointer;
}
.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
}
.banner .swiper-pagination-bullet {
	width: 44px;
	border-radius: 5px;
}
.banner .swiper-pagination-bullet-active {
	background-color: #d1b04d;
}

.foot{
position: relative;		
}

.eyou-sou {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	box-shadow: 0 0 10px #eee;
}
.eyou-sou .hot {
	float: left;
	padding: 5px 0;
}
.eyou-sou .hot a {
	margin-right: 10px;
}
.eyou-sou .hot strong {
	color: #ea3516;
}
.eyou-sou .hform {
	float: right;
}
.eyou-sou .hform input {
	float: left;
	font-size: 12px;
	border: 1px solid #eee;
	padding: 6px 12px;
	line-height: 16px;
	width: 210px;
}
.eyou-sou .hform button {
	border: 0;
	border-bottom: 1px solid transparent;
	padding: 0;
	float: left;
	cursor: pointer;
	outline: none;
	width: 49px;
	height: 30px;
	background: #ea3516;
	color: #fff;
}
.section {
	padding: 50px 0;
}
.section-title {
	margin-bottom: 40px;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
}
.section-title span {
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-indent: 3px;
	font-size: 18px;
	color: #666;
}
.section-title p {
	margin: 10px 0 0;
	font-size: 0;
}
.section-title p small {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	padding: 0 20px;
}
.section-title p small:before, .section-title p small:after {
	content: "";
	width: 34px;
	height: 2px;
	background: #d6d6d6;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.section-title p small:before {
	right: 100%;
}
.section-title p small:after {
	left: 100%;
}
.eyou-showcase {
	margin: 0 auto 20px;
}
.eyou-showcase-info {
	margin-left: 430px;
}
.eyou-showcase-info h1 {
	font-size: 18px;
	margin: 0;
	font-weight: normal;
	color: #ea3516;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 15px;
}
.eyou-showcase-info p {
	margin: 15px 0 0;
	color: #666;
	line-height: 1.8;
}
.eyou-showcase-info .tel {
	margin-top: 15px;
}
.eyou-showcase-info .tel a {
	line-height: 42px;
	color: #fff;
	display: inline-block;
	background: -webkit-linear-gradient(bottom, #ea3516, #f0592d);
	background: -moz-linear-gradient(bottom, #ea3516, #f0592d);
	background: -o-linear-gradient(bottom, #ea3516, #f0592d);
	background: linear-gradient(bottom, #ea3516, #f0592d);
	width: 120px;
	text-align: center;
	border-radius: 5px;
}
.cp-content-tit {
	border-bottom: 2px solid #ea3516;
	font-size: 0;
	margin-bottom: 20px;
}
.cp-content-tit span {
	display: inline-block;
	color: #fff;
	background-color: #ea3516;
	font-size: 14px;
	padding: 0 15px;
	border-radius: 3px 3px 0 0;
	line-height: 32px;
}
.pc-slide {
	float: left;
	width: 400px;
}
.view .swiper-slide .imgauto {
	width: 100%;
	height: 300px;
	line-height: 300px;
}
.view .swiper-container {
	width: 100%;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	margin: 0 30px;
}
.preview .swiper-slide .imgauto {
	height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.preview .swiper-slide .imgauto img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview img {
	padding: 1px;
}
.preview .active-nav .imgauto {
	border: 1px solid #d82019;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}
div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.bg0 {
	background: url(../images/img_01.jpg) repeat center;
}

.bg1 {
	background: url(../images/bj_inpro.png) repeat center;
}

.erdiv{
	width:100%;
	margin:10px auto;
}
.leftpic{
	width:50%;
	float:left;
}

.leftpic img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.rightpic{
	width:50%;
	float:right;
	bottom:0px;
}
.rightpic img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.toptext{
	
	padding:50px;
}
.bottompic{
	margin-top:22px;
}
.toptext p{
	
	font-size: 14px;
	color: #333333;
	font-weight: 400;
	
	line-height: 30px;
}











.in-pro .title {
    padding: 2px 0 40px;
    text-align: center;
}

.in-pro .title h2 i {
    color: #b78a4b;
}
.in-pro em, i {
    font-style: normal;
}


.in-pro .title h2 {
    display: block;
    font-size: 35px;
    color: #252525;
    line-height: 52px;
    margin-top: 8px;
    background: url(../images/img_05.png) no-repeat center 15px;
}
.in-pro .title p {
    font-size: 20px;
    color: #797979;
    line-height: 31px;
}
.in-pro .index_type li:not(:last-child) {
    border-right: 1px #595959 solid;
}
.in-pro .index_type li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 53px;
    height: 53px;
    font-size: 16px;
    color: #202020;
    box-sizing: border-box;
}
.in-pro .index_type a {
    display: inline-block;
    vertical-align: top;
    padding-right: 35px;
    background: url(../images/img_06.png) no-repeat right center;
    color: #dadada;
}

.in-pro .index_type a i {
	font-size: 12px;
	padding-left: 5px;
	text-transform: uppercase;
}

.in-pro .index_type a em {
	display: block;
	padding-left: 40px;
	background-position: left center;
	background-repeat: no-repeat;
}

.in-pro .index_type a .ico_01 {
	background-image: url(../images/t_01.png);
}

.in-pro .index_type a .ico_02 {
	background-image: url(../images/t_02.png);
}

.in-pro .index_type a .ico_03 {
	background-image: url(../images/t_03.png);
}

.in-pro .index_type a .ico_04 {
	background-image: url(../images/t_04.png);
}

.in-pro .index_type a .ico_05 {
	background-image: url(../images/t_05.png);
}

.in-pro .index_type li:hover {
	background-color: #b78a4b;
}

.in-pro .index_type li:hover a {
	color: #202020;
	background-image: url(../images/img_06a.png);
}

.in-pro .index_type li:hover a .ico_01 {
	background-image: url(../images/t_01a.png);
}

.in-pro .index_type li:hover a .ico_02 {
	background-image: url(../images/t_02a.png);
}

.in-pro .index_type li:hover a .ico_03 {
	background-image: url(../images/t_03a.png);
}

.in-pro .index_type li:hover a .ico_04 {
	background-image: url(../images/t_04a.png);
}

.in-pro .index_type li:hover a .ico_05 {
	background-image: url(../images/t_05a.png);
}

.in-pro .show {
    margin: 58px 0 50px;
    height: 523px;
    padding-left: 378px;
    padding-bottom: 116px;
    background: url(../images/img_21.png) no-repeat 1px 66px;
}

.in-pro .show_banner {
    position: relative;
    width: 730px;
}

.in-pro .show_banner a div {
    padding-right: 42px;
}


.in-pro .show_banner .hd a {
    float: left;
    width: 50%;
    height: 55px;
}
.in-pro .show_banner a {
    display: block;
}

.in-pro .show_banner .hd {
    position: absolute;
    right: -116px;
    top: 221px;
    width: 113px;
    height: 55px;
    background-image: url(../images/img_15.jpg);
}

.in-pro .show_banner .bd p {
    float: left;
    width: 460px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding-top: 15px;
}


.in-pro .show_banner .bd i {
    float: right;
    font-size: 16px;
    color: #fff;
    width: 136px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px #fff solid;
    margin-top: 23px;
}


.in-pro .show_banner .bd img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}






.in-pro .index_type {
    height: 53px;
    background-color: #202020;
    overflow: hidden;
}



.in-prd-cate {
	float: left;
	width: 240px;
	box-shadow: 0 0 20px #ddd;
}
.in-prd-cate .tit {
	padding: 20px 0;
	background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
	background: linear-gradient(bottom, #ea3516, #ee5e45);
	color: #fff;
	text-align: center;
	line-height: 1;
	font-size: 24px;
}
.in-prd-cate .tit small {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
}
.in-prd-cate ul {
	background: -webkit-linear-gradient(right, #fff, #f5f5f5);
	background: -moz-linear-gradient(right, #fff, #f5f5f5);
	background: -o-linear-gradient(right, #fff, #f5f5f5);
	background: linear-gradient(right, #fff, #f5f5f5);
}
.in-prd-cate li a {
	display: block;
	line-height: 59px;
	border-bottom: 1px dotted #ddd;
	padding-left: 25px;
}
.in-prd-cate li a:hover {
	background-color: #ea3516;
	color: #fff;
	transition: all 0.5s;
}
.in-prd-cate .zx {
	padding: 5px 25px;
	background-color: #fff;
}
.in-prd-cate .zx p {
	margin: 10px 0;
	color: #888;
	background: no-repeat 0 center;
	padding-left: 50px;
}
.in-prd-cate .zx strong {
	display: block;
	color: #ea3516;
	font-size: 18px;
}
.in-prd-con {
	float: right;
	width: 930px;
}
.in-prd-top {
	border: 1px solid #eee;
	margin-bottom: 15px;
	background: -webkit-linear-gradient(bottom, #fff, #eee);
	border-top: 0;
	background: -moz-linear-gradient(bottom, #fff, #eee);
	background: -o-linear-gradient(bottom, #fff, #eee);
	background: linear-gradient(bottom, #fff, #eee);
}
.in-prd-top .more {
	float: right;
	line-height: 44px;
	margin-right: 10px;
	font-size: 12px;
}
.prd-menu li {
	float: left;
}
.prd-menu li a {
	display: block;
	line-height: 44px;
	padding: 0 25px;
	font-size: 16px;
	background: -webkit-linear-gradient(bottom, #fff, #ccc);
	margin-right: 10px;
	background: -moz-linear-gradient(bottom, #fff, #ccc);
	background: -o-linear-gradient(bottom, #fff, #ccc);
	background: linear-gradient(bottom, #fff, #ccc);
}
.prd-menu li.active a {
	color: #fff;
	background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
	background: linear-gradient(bottom, #ea3516, #ee5e45);
}
.list-1 {
	margin: -20px 0 0 -20px;
}
.list-1 li {
	float: left;
	width: 33.333333%;
}
.list-1 .wrap {
	margin: 20px 0 0 20px;
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -o-linear-gradient(top, #fff, #eee);
	background: linear-gradient(top, #fff, #eee);
}
.list-1 .img-cover {
	display: block;
	border: 1px solid #ddd;
}
.list-1 .img-cover span {
	padding-top: 73.5%;
}
.list-1 .text {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 15px 25px;
	text-align: center;
}
.list-1 .text h4 {
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-1 .text p {
	margin: 10px 0 0;
	font-size: 12px;
}
.list-1 .text .bt {
	display: inline-block;
	margin: 0 15px;
	line-height: 30px;
	color: #fff;
	background: -webkit-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -moz-linear-gradient(bottom, #ea3516, #ee5e45);
	background: -o-linear-gradient(bottom, #ea3516, #ee5e45);
	background: linear-gradient(bottom, #ea3516, #ee5e45);
	padding: 0 15px;
}
.list-1 .text .bt:last-child {
	background: -webkit-linear-gradient(bottom, #f0592d, #f37f5d);
	background: -moz-linear-gradient(bottom, #f0592d, #f37f5d);
	background: -o-linear-gradient(bottom, #f0592d, #f37f5d);
	background: linear-gradient(bottom, #f0592d, #f37f5d);
}
.list-1 .img-cover:hover span {
	transform: scale(1.1);
}
.in-xcy {
	background: url(../images/bj_incont.jpg) no-repeat center / cover;
	color: #fff;
}
.in-xcy .tit {
	float: left;
}
.in-xcy .t1 {
	font-size: 36px;
}
.in-xcy .t2 {
	font-size: 24px;
	margin-top: 20px;
}
.in-xcy .t2 span {
	color: #ea3516;
}
.in-xcy .tel {
	float: right;
	text-align: right;
}
.in-xcy .tel strong {
	display: block;
	font-size: 30px;
	margin: 5px 0;
}
.in-xcy .tel .btn {
	display: inline-block;
	line-height: 40px;
	width: 100px;
	text-align: center;
	background-color: #c01f31;
	color: #fff;
	transition: all 0.5s;
}
.in-xcy .tel .btn:hover {
	background-color: #fff;
	color: #c01f31;
}
.in-cpys dl {
	margin: 20px 0 0;
}
.in-cpys dt {
	float: left;
	width: 555px;
}
.in-cpys dd {
	margin-left: 615px;
}
.in-cpys dd .item {
	overflow: hidden;
	margin-bottom: 30px;
}
.in-cpys dd .item:last-child {
	margin-bottom: 0;
}
.in-cpys dd .num {
	float: left;
	width: 50px;
	text-align: center;
	line-height: 58px;
	font-size: 32px;
	font-family: Impact;
	background-color: #ea3516;
	color: #fff;
	height: 75px;
}
.in-cpys dd .num:after {
	width: 34px;
	height: 2px;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	content: '';
}
.in-cpys dd .text {
	margin-left: 65px;
}
.in-cpys dd .text h4 {
	margin: 0;
	color: #ea3516;
	font-size: 26px;
	line-height: 1.2;
}
.in-cpys dd .text h4 small {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #999;
	border-top: 2px dotted #ccc;
	padding-top: 10px;
	margin-top: 14px;
}
.in-cpys dd .text p {
	margin: 15px 0 0;
	color: #666;
	line-height: 1.8;
	background: url(../images/icon_ye.gif) no-repeat 0 3px;
	padding-left: 30px;
}
.in-cpys dd .text p span {
	color: #ea3516;
	font-weight: bold;
}
.in-cpys dl:nth-of-type(even) dt {
	float: right;
}
.in-cpys dl:nth-of-type(even) dd {
	margin: 0 615px 0 0;
}
.bg2 {
	background: url(../images/bj_inabout.jpg) center 0 / cover no-repeat;
	padding-bottom: 0;
}
.in-about-tit {
	background-color: rgba(255, 255, 255, 0.7);
	max-width: 400px;
	margin: 0 auto 40px;
	box-shadow: 0 0 20px #ddd;
	padding: 30px;
}
.in-about-tit .section-title {
	margin-bottom: 0;
}
.in-about {
	background-color: #fff;
	padding: 50px;
	box-shadow: 0 0 20px #ddd;
	position: relative;
}
.in-abouts {
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 0 20px #ddd;
	position: relative;
}
.in-about dl {
	margin: 0;
	background-color: #fafafa;
}
.in-about dt {
	float: left;
	width: 450px;
}
.in-about dd {
	margin-left: 450px;
	color: #888;
	padding: 0 35px;
	max-height:335px;
	overflow-y:hidden;
	
}
.in-about dd p {
	margin: 0;
	line-height: 2;
	text-align: justify;
}
.about-txt {
	margin: 0;
	line-height: 2;
	text-align: justify;
	color: rgb(136, 136, 136);
}
.in-about dd p strong {
	color: #ea3516;
}
.in-about dd .more {
	display: inline-block;
	margin-top: 20px;
	color: #ea3516;
}
.in-case {
	background-color: #f5f5f5;
	margin-top: -10px;
}
.in-case-tit {
margin-top: 30px;
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
.in-case-tit a{
	display: inline-block;
    vertical-align: middle;
    background-color: #212d4f;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    padding: 0px 35px;
    transition: all 0.5s ease 0s;
}
.in-case-tit a:hover{
	background-color: #ea3516;

}
.in-case-btn {
	margin-top: 30px;
	font-size: 0;
	text-align: center;
}
.in-case-btn a {
	display: inline-block;
	vertical-align: middle;
	background-color: #212d4f;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	padding: 0 35px;
	transition: all 0.5s;
}
.in-case-btn a:hover {
	background-color: #ea3516;
}
.in-case-btn span {
	display: inline-block;
	vertical-align: middle;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	background-color: #ea3516;
	padding: 0 35px;
	margin-left: 10px;
}
.list-2 {
	margin: -30px 0 0 -30px;
}
.list-2 li {
	float: left;
	width: 25%;
}
.list-2 li a {
	display: block;
	margin: 30px 0 0 30px;	
	transition: all 0.5s;
}
.list-2 li .img-cover span {
	padding-top: 77.5%;
}
.list-2 li .text {
	text-align: center;
	padding: 0 15px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
    background-color: #fff;
}
.list-2 li a:hover {	
	color: #212d4f;
}
.list-2 li a:hover .img-cover span {
	transform: scale(1.1);
}
.in-news-left {
	float: left;
	width: 880px;
}
.in-news-right {
	float: right;
	width: 300px;
}
.in-news-box {
	box-shadow: 0 0 15px #eee;
	background-color: #fafafa;
}
.in-news-tit {
	line-height: 60px;
	padding: 0 20px;
	border-bottom: 1px dotted #cacaca;
	font-weight: bold;
	font-size: 16px;
	color: #666;
}
.in-news-tit .more {
	float: right;
	font-weight: normal;
	font-size: 14px;
}
.in-news-wrap {
	padding: 30px;
}
.in-news-list dl {
	margin: 0;
	overflow: hidden;
}
.in-news-list dt {
	float: left;
	width: 230px;
	overflow: hidden;
}
.in-news-list dt img {
	transition: all 0.5s;
}
.in-news-list dt a:hover img {
	transform: scale(1.1);
}
.in-news-list dd {
	margin-left: 250px;
}
.in-news-list dd h4 {
	margin: 0;
	font-size: 16px;
}
.in-news-list dd p {
	margin: 15px 0 0;
	color: #666;
	line-height: 1.8;
	height: 100px;
	overflow: hidden;
	text-align: justify;
}
.in-news-list dd .more {
	color: #999;
	display: inline-block;
	margin-top: 10px;
}
.in-news-list dd .more:hover {
	color: #ea3516;
}
.in-news-list ul {
	overflow: hidden;
	margin-left: -20px;
	margin-top: 10px;
}
.in-news-list li {
	float: left;
	width: 50%;
}
.in-news-list li a {
	display: block;
	line-height: 44px;
	border-bottom: 1px dotted #ddd;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding: 0 0 0 15px;
	margin-left: 20px;
}
.in-news-list li a:before {
	position: absolute;
	left: 2px;
	top: 50%;
	content: "";
	margin-top: -3px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 4px solid #ea3516;
	border-bottom: 3px solid transparent;
}
.in-news-list li a .tel{
	width: 70%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.in-news-list li span {
	float: right;
	font-size: 12px;
	color: #666;
}
.news-menu {
	overflow: hidden;
}
.news-menu li {
	float: left;
	margin-right: 40px;
}
.news-menu li a {
	color: #666;
}
.news-menu li.active a, .news-menu li a:hover {
	color: #ea3516;
}


/*新闻中心CSS样式开始*/
.banner_inner{
	width:1200px;
	margin:0 auto;
	height:363px;
	position: relative;
	
}
.bg_inner{
	
	margin-bottom:15px;
}
.banner_inner .con {
    position: absolute;
    width: 200px;
    min-height: 44px;
    max-height: 60px;
    left: 50%;
    margin-left: 10px;
    top: 48%;
    margin-top: 50px;
    line-height: 30px;
    text-align: left;
    font-size: 36px;
    font-weight: bold;
    color: #252525;
    border-left: 2px solid #252525;
    padding-left: 18px;
    left: 1%;
	opacity:0.4;
}
.banner_inner .con span {
    font-size: 14px;
    font-weight: normal;
    display: block;
    line-height: 40px;
}



/*新闻中心CSS样式结束*/
/*--------------------------------------------------------------------------------------------------------------*/
/*关于我们样式开始*/
.about-container {
    top: calc(-10vh);
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-color: #dfd8d2;
}
.brand-nav-inner {
    text-align: left;
}
.about-container-top {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.brand-nav {
    padding-top: 25px;
    padding-bottom: 0px;
}
.about-container-top .inside-title {
    color: #333333;
    padding: 0 0 40px;
}
.inside-title h2.en {
    font-size: 30px;
    color: rgb(179, 179, 179,0.4);
    letter-spacing: 3px;
    font-weight: 100;
    text-transform: uppercase;
}
.inside-title h2 {
    text-align: left;
	line-height: 1;
}
.inside-title h2.cn:after {
    position: absolute;
    left: 50%;
    content: '';
    bottom: -15px;
    width: 130px;
    height: 0px;
    background-color: #d6d6d6;
    transform: translate(-50%);
}
.inside-title h2.cn {
    top: 5px;
    z-index: 1;
    letter-spacing: 5px;
    font-size: 28px;
    position: relative;
    display: inline-block;
	margin-bottom: 15px;
	text-align: left;
	line-height: 1;
    color:#333333;
    font-weight: 400;
	border-bottom: 2px solid #d6d6d6;
    padding-bottom: 10px;
}
.about-container-top p {
    margin-bottom: 10px;
    font-size: 13px;
    color: #333;
    line-height: 25px;
    letter-spacing: 1px;
    text-indent: 2em;
    position: relative;
}
.about-container-bottom {
    padding: 0 15px;
    width: 100%;
    margin-top: 60px;
    padding-bottom: 70px;
    overflow: hidden;
}
.about-container-bottom .row {
    margin-right: -15px;
    margin-left: -15px;
}
.about-container-bottom .col-sm-7 {
    width: 60%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.about-container-bottom .col-sm-5 {
    width: 40%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}
.about-container-bottom-txt {
    width: 100%;
    padding-top: 5%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    box-sizing: border-box;
}
.about-container-bottom-txt h3 {
    font-size: 24px;
    letter-spacing: 1px;
    color: #000;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: inherit;
}
.about-container-bottom-txt p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #333;
    margin: 0 0 10px;
}
.about-container-bottom .about-container-bottom-img {
	max-width:100%;
	width:600px;
	
}

.about-container-bottom .about-container-bottom-img img{
	width:100%;
}

.brand-nav-item.active, .brand-nav-item:hover {
    color: #202c4e;
    border-bottom: 1px solid #202c4e;
}
.brand-nav-item {
    margin-right: 45px;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    font-size: 14px;
    color: #666666;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}


.about-container-img {
    padding: 20px 0 60px;
	
}
.about-container-img img {
    width: 100%;
    max-width: 1170px;
    height: auto;
    margin: 0 auto;
	display:block;
}
.about-container-profile {
   
    background-color: #dfd8d2;
      
    padding: 5px 0 50px 0;
	/*top: calc(-10vh);*/
	margin-top:-60px;
    position: relative;
}
.profile-container {
    width: 90%;
    margin: 0 auto;
}
.about-container-profile .inside-title {
	color: #333;
    padding: 0 0 20px;
}
.profile-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
}
.profile-text-cn {
    color: #333;
    font-size: 14px;
    line-height: 250%;
    margin-bottom: 30px;
    text-align: justify;
}
.profile-text-en {
    color: #333;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: justify;
}
.profile-container-list {
    display: flex;
    justify-content: space-between;
    padding: 50px 30px 0;
}
.profile-container-item{
	padding:10px;
}
.num-box {
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-bottom: 15px;
}
.num-box-txt {
    color: #b0b0b0;
    text-transform: uppercase;
    font-size: 15px;
}
.num-box-txt1 {
    font-size: 16px;
	box-sizing: border-box;
}
.num {
    font-size: 30px;
    font-weight: 100;
    color: #E6002D;
}
.unit {
    position: absolute;
    right: -30px;
    top: 0;
    font-size: 14px;
}

.history-container .inside-title h2.cn {
    color: #fff;
}
.inside-title {
    padding: 50px 0 55px;
    color: #333333;
}
.history-section {
    position: relative;
    padding-bottom: 45px;
    background-color: #3e3c3b;
    overflow: hidden;
}
.history-section .history-container {
    width: 100%;
    margin: 0 auto;
}
.history-section * {
    box-sizing: border-box;
}

.history-section .history-slider-wr {
    position: relative;
}
.history-section .history-slider-wr:after {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #3e3c3b;
    z-index: 3;
}
.history-section .slider-arrows-layout {
    top: 150px;
    right: 0;
}
.slider-arrows-layout {
    width: 178px;
    height: 42px;
    position: absolute;
}
.slider-arrows-layout .bg-prev {
    transform-origin: left center;
}
.slider-arrows-layout .bg-next {
    transform-origin: right center;
}
.slider-arrows-layout div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47,48,50,0.8);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.history-section .years-title-block {
    padding-left: 610px;
    position: relative;
    z-index: 3;
}
.history-section .years-title-block .slick-arrow.slick-prev {
    right: 89px;
}
.history-section .years-title-block .slick-arrow {
    position: absolute;
    top: 150px;
    background-color: transparent;
    outline: none;
}
.slick-prev {
    border-right-color: transparent;
}
.slick-arrow {
    width: 89px;
    height: 42px;
    border: 1px solid rgba(123,123,123,0.3);
    text-align: center;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}
.slick-arrow i {
    font-size: 7px;
    font-weight: bold;
    color: #575757;
    line-height: 20px;
    position: absolute;
    left: 15px;
    top: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-slick-prev:before {
    content: "\e60c";
}
.slick-arrow span {
    font-size: 20px;
    font-family: "PFDinTextCompPro-Medium",sans-serif;
    color: #b3b3b3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 40px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.history-section .years-title-block .slick-list {
    overflow: visible;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.history-section .years-title-block .item {
    position: relative;
    height: 50px;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    padding: 50px 6px 100px 8px;
}
.slick-slide {
    outline: none;
}
.history-section .years-title-block .item .title {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.history-section .years-title-block .item .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100px;
    background-color: #afaaa9;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.history-section .years-title-block .item .title .title-wr {
    font-size: 30px;
    font-family: serif;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    left: 7px;
    top: 0;
    -webkit-transition: font-size 0.3s ease,font-family 0.3s ease,color 0.3s ease,top 1s ease,left 0.3s ease;
    transition: font-size 0.3s ease,font-family 0.3s ease,color 0.3s ease,top 1s ease,left 0.3s ease;
}
.history-section .years-title-block .item span:first-of-type {
    height: 50px;
}
.history-section .years-title-block .item span:nth-of-type(odd) {
    height: 15px;
}
.history-section .years-title-block .item span {
    display: inline-block;
    width: 1px;
    height: 50px;
    background-color: #afaaa9;
    margin: 45px 8px 0;
    vertical-align: middle;
}
.history-section .years-title-block .slick-arrow.slick-next {
    right: 0;
}
.history-section .years-title-block .slick-arrow {
    position: absolute;
    top: 150px;
    background-color: transparent;
    outline: none;
}
.history-section .info-block {
    position: relative;
}
.history-section .info-block .item.slick-current {
    transition-delay: 0.75s !important;
}
.history-section .info-block .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 90px;
    opacity: 1 !important;
}
.history-section .info-block .item.slick-current .image-block {
    opacity: 1;
    transition-delay: 0.75s;
}
.history-section .info-block .image-block {
    width: 450px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.history-section .info-block .left-img .img-wr {
    text-align: right;
}
.history-section .info-block .image-block .img-wr {
    width: 450px;
}
.history-section .info-block .image-block img {
    max-width: 100%;
    display: inline-block;
}
.history-section .info-block .content-block {
    width: 450px;
    height: 565px;
    margin: -90px -25px 0;
    padding: 135px 60px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    align-self: flex-start;
    position: relative;
    background-color: #212121;
    z-index: 2;
}
.history-section .info-block .item.slick-current .content-block .text-wr {
    opacity: 1;
}
.history-section .info-block .content-block .text-wr {
    width: 375px;
    max-height: 100%;
    overflow: auto;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.history-section .info-block .item.slick-current .image-block {
    opacity: 1;
    transition-delay: 0.75s;
}
.history-section .info-block .image-block {
    width: 450px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.history-section .info-block .image-block .img-wr {
    width: 450px;
}















/*私下css*/
div:after,ul:after,li:after{
    content:'\20'; display:block; height:0; clear:both; 
}

.index_title{
	text-align: center;
}
.index_title .p1{
	font-size: 36px;
	color: #818181;
	text-transform: Capitalize;
}
.index_title .p2{
	height: 25px;
	width: 2px;
	background-color: #35b0fe;
	margin: 15px auto 6px;
	transform: rotate(60deg);
}
.index_title .p3{
	font-size: 18px;
	color: #000;
}
.pro{
	padding: 75px 0 110px;
}
.pro_type_list{
	text-align: center;
	margin-top: 35px;
}
.pro_type_list li{
	display: inline-block;
	margin-right: 15px;
}
.pro_type_list li a{
	display: block;
	padding: 5px 25px;
	color: #818181;
	font-size: 16px;
	border-radius:16px;
	position: relative;
}
.pro_type_list li a:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #35b0fe;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	display: none;
}
.pro_list{
	margin: 55px -6px 0;
}
.pro_list li{
	padding: 0 6px;
	float: left;
	width: 20%;
	overflow: hidden;
}
.pro_list li .image img{
	width: 100%;
}
.pro_list li .text{
	position: relative;
	text-align: center;
	padding: 20px 20px 50px;
	font-size: 16px;
	margin-top: 0;
	height: 285px;
	transition: all linear 0.4s;
	-webkit-transition: all linear 0.4s;
	-moz-transition: all linear 0.4s;
}
.pro_list li .text .p1{
	font-size: 30px;
	color: #686868;
}
.pro_list li .text .p2{
	width: 25px;
	height: 2px;
	background-color: #fff;
	margin: 25px auto 5px;
	display: none;
}
.pro_list li .text .p3{
	color: #2d261b;
	font-size: 22px;
	margin-top: 10px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.pro_list li .text .p4{
	margin: 25px 0 15px;
	color: #999999;
	line-height: 24px;
	height: 96px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.pro_list li .text .p5{
	width: 140px;
	height: 36px;
	line-height: 36px;
	color: #35b0fe;
	margin: 15px auto 5px;
	background-color: #fff;
	border-radius: 16px;
	display: none;
}
.about{
	padding: 100px 0;
}
.about .about_content{
	padding: 60px 65px 78px;
	background-color: #fff;
	font-size: 16px;
}
.about .about_text{
	color: #676767;
	
	line-height: 36px;
	height: 144px;
	margin: 30px 0 35px;
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 4;    
	overflow: hidden;
}
.about .about_more{
	text-align: center;
}
.about .about_more a{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	width: 172px;
	background-color: #35b0fe;
	color: #fff;
	border-radius:16px; 
}
/*企业历程*/
.qylcbg{
	width:100%;
	margin:0 auto;
	background: url(../images/bg_pps.jpg) center center / cover no-repeat;
	
	min-height:500px;
	height:1000px;
	overflow:hidden;
}
.qylc{
	
	position:relative;
	padding:30% 50px;
}
.ytitle{
	font-size:26px;
	color:yellow;
	padding:5px;
	font-weight:700;
}
.qylc p{
	color:white;
	text-align:left;
	padding:5px;
	font-size:16px;
}
.qylc .y1{
	position:absolute;
	left:5%;
	top:300px;
	width:18%;
}
.qylc .y2{
	position:absolute;
	left:25%;
	top:400px;
	width:18%;
}
.qylc .y3{
	position:absolute;
	left:48%;
	top:450px;
	width:18%;
}
.qylc .y4{
	position:absolute;
	left:70%;
	top:480px;
	width:18%;
}
.qylc .y5{
	position:absolute;
	left:5%;
	top:580px;
	width:18%;
}
.qylc .y6{
	position:absolute;
	left:25%;
	top:700px;
	width:18%;
}
.qylc .y7{
	position:absolute;
	left:48%;
	top:750px;
	width:18%;
}
.qylc .y8{
	position:absolute;
	left:70%;
	top:750px;
	width:18%;
}
.pingpai{
	width:100%;
	margin:30px auto;
	background: url(../images/pic_lines.jpg) center center / cover no-repeat;
	height:88px;
	padding-top:40px;
	padding-bottom:40px;
	background-size:100%;
}
.pingpaitits{
	width:100%;
	font-size:16px;
	font-weight:500;
	text-align:left;
	margin:10px auto;
	color:#000000;
}
.pingpaitit{
	width:100%;
	font-size:18px;
	font-weight:500;
	text-align:left;
	margin:30px auto;
	color:#000000;
}
.pingpaitxt{
	width:100%;
	color:#111111;
	font-size:16px;
	
}
.pingpaitxt li{
	float:left;
	list-style:none;
	height:50px;	
	line-height:50px;
width:99%;	
	
}
.pingpaitxt li span{
	width:40px;
	height:50px;
	text-align:center;
	float:left;
	display:block;
	color:#fff;
	background:url(../images/pingpai_li_bg.png) left center / cover no-repeat;
background-size:40px 40px;
margin-right:10px;
}
.pingpaitmb{
	width:100%;
	overflow:hidden;
}
.pingpaitmb img{
	max-width:100%;
	
}
.news{
	padding: 70px 0 50px;
	background-color: #ffffff;
}
.news .news_list{
	margin-top: 45px;
	border-top:1px solid #E8E8E8; 
	border-right:1px solid #E8E8E8; 
}
.news .news_list li{
	padding: 0;
	background-color: #fff;
	border-bottom:1px solid #E8E8E8; 
	border-left:1px solid #E8E8E8; 
}
.news .news_list li a{
	display: block;
	position: relative;
	overflow: hidden;
}
.news .news_list li a>div{
	padding: 0;
}
.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{
	float: right;
}
.news .news_list li a .image img{
	width: 100%;
	opacity: 1;
}
.news .news_list li a .text{
	text-align: center;
	padding: 0 25px 0;
	font-size: 16px;
	position: relative;
	background-color: #fefefe;
	box-sizing: border-box;
}
.news .news_list li a .text:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color:#fff;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -10px; 
}
.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{
	right: 0;
	left: -20px;
	border-right-color:#fff;
	border-left-color:transparent;
}
.news .news_list li a .text .p1{
	color: #1c1c1c;
	font-size: 18px;
	margin-top: 65px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.news .news_list li a .text .p2{
	width: 33px;
	height: 3px;
	background-color:#35b0fe;
	margin: 35px auto 25px; 
}
.news .news_list li a .text .p3{
	color: #858585;
	line-height: 24px;
	height: 48px;
	display: -webkit-box;    
	-webkit-box-orient: vertical;    
	-webkit-line-clamp: 2;    
	overflow: hidden;
}
.news .news_list li a .text .p4{
	width: 104px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: #35b0fe;
	color: #fff;
	margin: 20px auto 0;
}



.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
}
.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{
	position: absolute;
	right: 0;
	width: 100%;
	top: 0;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
}
.news .news_list li a:hover .text:before{
	display: none;
}
.news .news_list li a:hover .text .p1{
	margin-top: 90px;
}
.news .news_list li a:hover .text .p2{
	width: 20px;
	margin: 18px auto 10px;
}
.news .news_list li:hover a .image img{
	opacity: 0;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
}














































#marquee {
	height: 420px;
	overflow: hidden;
}
#marquee li {
	border-bottom: 1px dotted #d2d2d2;
}
#marquee li a {
	display: block;
	padding: 25px 20px;
}
#marquee li h4 {
	margin: 0;
	background: url(../images/icon_askw.png) no-repeat 0 0;
	line-height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 30px;
	padding-bottom: 5px;
}
#marquee li p {
	margin: 10px 0 0;
	color: #999;
	background: url(../images/icon_askd.png) no-repeat 0 0;
	line-height: 1.8;
	padding-left: 30px;
	height: 50px;
	overflow: hidden;
}
.eyou-link {
	padding: 20px 0;
}
.eyou-link h4 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #ea3516;
	padding-bottom: 15px;
}
.eyou-link h4 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.eyou-link ul {
	margin-left: -20px;
}
.eyou-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #414960;
}
.footer .tel {
    float: right;
    font-size: 14px;
    color: #b78a4b;
    line-height: 22px;    
}
.footer .tel p {
    padding-left: 45px;
	height:35px;
    background: url(../images/img_03.png) left center / 30px 30px no-repeat;
}
.footer .tel b {
	
    display: block;
    font-size: 25px;
    font-family: "Myriad Pro";
	font-weight: 500;	
	line-height: 40px;
    height: 35px;
}
.footer .container {
    clear: both;
    padding-bottom: 10px;
    border-bottom: 0px solid #313131;
}
.footer .footer-item {
    width: 170px;
    border-right: 1px solid #313131;
    min-height: 150px;
	text-align:center;
}
.footer dl {
    padding: 3px;
}
.footer dl dt {
    font-weight: 700;
    line-height: 46px;
    font-size: 16px;
    color: #e4e4e4;
}
.footer dl dd a {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    color: #acb0b1;
}
.footer dl dd a:hover {    
	color:#fff;
}

.footer .copy-right {
    text-align: center;
    line-height: 25px;    
    color: #acb0b1;
	font-size:14px;
	padding-top:20px;
	border-top:1px solid #333;
	
}

.footer .copy-right a{    
    color: #acb0b1;
}

.footer .copy-right a:hover {    
	color:#fff;
}










.footer-link {
	text-align: center;
	font-size: 0;
	background-color: #545454;
	line-height: 50px;
	margin-bottom: 30px;
}
.footer-link a, .footer-link span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}
.footer-link span {
	padding: 0 18px;
}
.footer-link a:hover {
	color: #ea3516;
}
.footer-logo {
	float: left;
	line-height: 150px;
	height: 150px;
	width: 220px;
}
.footer-info {
	float: left;
	border-left: 1px solid #eee;
	padding-left: 30px;
	margin-left: 30px;
}
.footer-info p {
	margin: 0;
	padding: 5px 0;
}
.footer-ewm {
	float: right;
	text-align: center;
}
.footer-ewm .img-center {
	border: 0px dotted #d7d7d7;
	padding: 4px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	margin-bottom: 5px;
}
.banner-sub {
	margin-bottom: 15px;
}
.ct2-sd {
	float: left;
	width: 228px;
}
.ct2-sd-right {
	float: right;
}
.ct2-mn {
	float: right;
	width: 920px;
}
.ct2-mn-left {
	float: left;
}
.panel-sd {
	margin-bottom: 15px;
	border: 1px solid #eee;
}
.panel-sd .tit {
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 18px;
	background: -webkit-linear-gradient(bottom, #d9c588, #d2ad48);
	background: -moz-linear-gradient(bottom, #d9c588, #d2ad48);
	background: -o-linear-gradient(bottom, #d9c588, #d2ad48);
	background: linear-gradient(bottom, #d9c588, #d2ad48);
}
.lanmu li {
	border-bottom: 1px dotted #ddd;
}
.lanmu li:last-child {
	border-bottom: 0;
}
.lanmu li>a {
	display: block;
	background: -webkit-linear-gradient(right, #fafafa, #f0f0f0);
	background: -moz-linear-gradient(right, #fafafa, #f0f0f0);
	background: -o-linear-gradient(right, #fafafa, #f0f0f0);
	background: linear-gradient(right, #fafafa, #f0f0f0);
	line-height: 44px;
	padding: 0 0 0 25px;
}
.lanmu li .arr {
	float: right;
	height: 45px;
	width: 40px;
	position: relative;
	cursor: pointer;
}
.lanmu li .arr:after {
	content: '';
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	right: 15px;
}
.lanmu-box {
	display: none;
}
.lanmu-box p {
	margin: 0;
	border-top: 1px dotted #ddd;
}
.lanmu-box p a {
	padding: 0 25px;
	display: block;
	line-height: 40px;
}
.lanmu-box p a.on {
	color: #f37a57;
}
.lanmu li>a:hover {
	background: #efd38a;
	color: #fff;
}

.lanmu li.active>a{
	background: #f9f9f9;
    color: #ae8102;
    border-left: 10px solid #ae8102;
    padding-left: 15px;
	
}	
	
.lanmu li.open .lanmu-box {
	display: block;
}
.lanmu li.open .arr:after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.list-3 {
	padding: 0 15px 15px;
}
.list-3 li a {
	display: block;
	margin: 15px 0 0;
	background-color: #f5f5f5;
	transition: all 0.5s;
}
.list-3 li .img-center {
	overflow: hidden;
}
.list-3 li .img-center img {
	transition: all 0.5s;
}
.list-3 li .text {
	text-align: center;
	padding: 0 10px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 12px;
}
.list-3 li a:hover {
	background-color: #ea3516;
	color: #fff;
}
.list-3 li a:hover .img-center img {
	transform: scale(1.1);
}
.list-3-1 {
	margin: -20px 0 0 -20px;
	padding: 0;
}
.list-3-1 li {
	float: left;
	width: 33.333333%;
}
.list-3-1 li a {
	margin: 20px 0 0 20px;
}
.list-3-1 li .img-cover span {
	padding-top: 78.7%;
}
.list-3-1 li .text {
	line-height: 36px;
	height: 36px;
}
.list-3-1 li a:hover .img-cover span {
	transform: scale(1.1);
}
.contact-sd {
	padding: 15px;
}
.contact-sd h4 {
	margin: 0;
	color: #5f5e5d;
}
.contact-sd p {
	font-size: 12px;
	border-top: 1px dotted #ddd;
	margin: 8px 0 0;
	padding-top: 8px;
}
.position {
	margin-bottom: 15px;
	border: 1px solid #efefef;
	border-left: 3px solid #d3af4e;
	padding: 8px 0 8px 10px;
	background: #fafafa;
}
.mn-box {
	border: 1px solid #efefef;
	padding: 20px;
	margin-bottom: 15px;
}
.list-4 li {
	margin-bottom: 10px;
}
.list-4 li a {
	display: block;
	overflow: hidden;
	padding: 20px;
	background-color: #f5f5f5;
}
.list-4 li .more {
	float: right;
	line-height: 36px;
	width: 90px;
	text-align: center;
	background-color: #d3af4e;
	color: #fff;
	margin-top: 20px;
}
.list-4 li .date {
	float: left;
	width: 76px;
	background-color: #fff;
	text-align: center;
	padding: 14px 0;
}
.list-4 li .date strong {
	display: block;
	font-family: Impact;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 5px;
}
.list-4 li .text {
	margin: 0 110px 0 95px;
}
.list-4 li .text h4 {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}
.list-4 li .text p {
	margin: 5px 0 0;
	line-height: 1.8;
	height: 50px;
	overflow: hidden;
	color: #666;
	text-align: justify;
}
.list-4 li:nth-of-type(even) a {
	background-color: #faf1d9;
}
.pagelist{
	width:100%;
	text-align:center;
	padding:10px;
	margin:10px auto;
}
.pagelist .pagination>li {
    float:left;
}
/*
.pages {
	margin: 20px 0 0;
	text-align: center;
	font-size: 0;
}
.pages a {
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 14px;
	margin: 5px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.pages a:hover, .pages a.active {
	background-color: #ea3516;
	color: #fff;
}
.pagination p {
	margin: 0;
	cursor: pointer
}
.pagination {
	height: 40px;
	text-align: center;
	padding: 20px 0px;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 12px;
	height: 24px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
}
.pagination a:hover {
	color: #ea3516;
	background: white;
	border: 1px #ea3516 solid;
}
.pagination a.cur {
	border: none;
	background: #d3af4e;
	color: #fff;
}
.pagination p {
	display: inline-block;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

*/
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.panel-mn {
	border: 1px solid #efefef;
	margin-bottom: 15px;
	border-top: 2px solid #d3af4e;
}
.panel-mn .tit {
	padding: 0 20px;
	background: -webkit-linear-gradient(bottom, #f5f5f5, #eee);
	background: -moz-linear-gradient(bottom, #f5f5f5, #eee);
	background: -o-linear-gradient(bottom, #f5f5f5, #eee);
	background: linear-gradient(bottom, #f5f5f5, #eee);
	line-height: 44px;
	font-weight: bold;
	color: #d3af4e;
}
.panel-mn .bd {
	padding: 20px;
}
.list-5 {
	margin-left: -30px;
}
.list-5 li {
	float: left;
	width: 50%;
}
.list-5 li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	position: relative;
	padding-left: 10px;
	line-height: 30px;
	margin-left: 30px;
}
.list-5 li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-top: 3px solid transparent;
	border-left: 4px solid #ea3516;
	border-bottom: 3px solid transparent;
}
.list-5 li span {
	float: right;
	color: #999;
}
.list-6 {
	margin: -20px 0 0 -20px;
}
.list-6 li {
	float: left;
	width: 25%;
}
.list-6 li a {
	display: block;
	margin: 20px 0 0 20px;
}
.list-6 li .img-cover {
	border: 1px solid #efefef;
	transition: all 0.5s;
}
.list-6 li .img-cover span {
	padding-top: 74%;
}
.list-6 li .text {
	margin-top: 10px;
	text-align: center;
}
.list-6 li .text h4 {
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-6 li .text p {
	margin: 5px 0 0;
	font-size: 12px;
	color: #888;
	height: 34px;
	overflow: hidden;
}
.list-6 li a:hover .img-cover {
	border-color: #ea3516;
}
.list-6 li a:hover .img-cover span {
	transform: scale(1.1);
}
.list-7 {
	padding: 15px;
}
.list-7 li a {
	display: block;
	line-height: 26px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-7 li span {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #999;
	color: #fff;
	margin-top: 3px;
	margin-right: 5px;
	transform: scale(0.8);
}
.list-7 li:nth-of-type(1) span, .list-7 li:nth-of-type(2) span, .list-7 li:nth-of-type(3) span {
	background-color: #f0592d;
}
.content-title {
	margin-bottom: 20px;
	text-align: center;
}
.content-title h1 {
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	color: #ea3516;
}
.content-title p {
	margin: 15px 0 0;
	font-size: 12px;
	color: #999;
	border-top: 1px dashed #ddd;
	padding-top: 15px;
}
.content-title p span {
	padding: 0 10px;
	display: inline-block;
}
.content-body {
	line-height: 200%;
}
.content-body img {
	max-width: 100% !important;
	height: auto !important;
	margin:10px auto;
}
.content-exp {
	padding: 10px 15px;
	font-size: 12px;
	background-color: #f5f5f5;
	margin-top: 20px;
	border-radius: 5px;
}
.content-exp li {
	line-height: 2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eyou-tag {
	padding-top: 10px;border-top: 1px dashed #ddd;margin-top: 10px;
}
.eyou-tag a{
	padding: 0px 5px;
}
.form-group {
	margin-bottom: 20px;
}
.form-label {
	line-height: 42px;
	display: block;
	float: left;
	width: 110px;
	text-align: right;
}
.form-label span {
	color: #c5262b;
}
.form-content {
	margin-left: 110px;
}
.form-control {
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #efefef;
	padding: 10px 15px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-content.yzm .form-control {
	width: 100px;
}
.form-content.yzm .img {
	height: 42px;
	width: auto;
}
select.form-control {
	height: 1.7rem;
}
.form-submit {
	padding: 10px 20px;
	color: #fff;
	background-color: #ea3516;
	border: 0;
	cursor: pointer;
	border-radius: 0.15rem;
	font-size: 14px;
}
.form-button {
	padding: 10px 20px;
	color: #fff;
	background-color: #767676;
	border: 0;
	cursor: pointer;
	border-radius: 0.15rem;
	font-size: 14px;
}
.hlbd .form-group {
	float: left;
	width: 33.333333%;
}
.contact {
	background: url(../images/contact.jpg) no-repeat right center / contain;
	margin-left: 20px;
}
.contact li {
	max-width: 400px;
	border-top: 1px dashed #eee;
	padding: 15px 0;
	font-size: 16px;
	line-height: 32px;
}
.contact li:first-child {
	border-top: 0;
}
.contact li i {
	color: #ea3516;
	font-size: 32px;
	line-height: 1;
	margin-right: 10px;
	vertical-align: top;
	display: inline-block;
}
/* about-history */
.about-history{ padding:64px 106px 150px;-webkit-background-size:100% 100%; background-size:100% 100%;background-color:#3e3c3b;margin-top: 50px;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px; padding:44px 0 0 0; background-color:#fff; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(218,183,101,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ background-color:#DAB765;}
.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#999999; text-align:center; background-color:#e2e2e2; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.about-history-list .slides li .item:hover h3{ color:#232323; background-color:#fff;}
.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:100%; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}
.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 26px 0; font-size:14px; color:#929292;}
.about-history-list .slides li .item:hover .desc{ color:#ffffff;}
.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#ffffff; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#999999; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#C91523;}


/*联系我们*/

.contact_us{
	padding-top:100px;
}
.mar100 {
	    margin-bottom: 80px;
	}
	.wrap {
	    padding-top: 90px;
	}
	
	.page-title h2, .about-content-03 .titel h3 {
	    font-size: 25px;
	    color: #d0ad44;
	    padding-left: 20px;
		font-weight: 400;
		letter-spacing: 3px;
	    background: url(../images/icon-16.png) no-repeat left 8px;
	}
	.contact-msg {
	    width: 400px;
	    margin-left: 20px;
	    margin-top: 42px;
	    padding-left: 18px;
	    padding-top: 3px;
	    padding-bottom: 21px;
	    border-left: 1px solid #999;
	}
	.contact-msg p {
	    font-size: 14px;
	    line-height: 24px;
	    color: #666;
	}
	.contact-site {
	    margin-top: 42px;
	    margin-left: 44px;
	    font-size: 0;
		width: 400px;
		text-align: center;
		
	}
	.contact-site p {
	    font-size: 14px;
	    line-height: 24px;
	    color: #999;
	    margin-bottom: 3px;
		letter-spacing: 2px;
	}
	.contact-site p.b{
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 5px;
	} 
	.contact-form {
	    width: 515px;
	    height: 558px;
	    background-color: #f7f7f7;
	    margin-top: 28px;
		margin-bottom: 15px;
	}
	.form-container {
	    padding-top: 30px;
	    padding-bottom: 96px;
	    width: 398px;
	    margin: auto;
		overflow: hidden;
	}
	.form-container .form-group {
	    margin-bottom: 5px;
	    position: relative;
	    padding-top: 24px;
	}
	.form-container .form-title {
	    transition: all .8s ease;
	    font-size: 20px;
	    color: #ccc;
	    position: absolute;
	    left: 7px;
	    top: 25px;
	}
	.form-container label {
	    display: block;
	}
	.form-container .form-group div {
	    position: relative;
	}
	.form-container input {
	    width: 100%;
	    border-left: none;
	    border-right: none;
	    border-top: none;
	    border-bottom: 3px solid #ccc;
	    background-color: transparent;
	    font-size: 18px;
	    color: #000;
	    font-family: "futuracondensed";
	    padding: 5px 6px;
		outline: none;
	}
	.w-textarea-form {
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #ccc;
    background-color: transparent;
    font-size: 16px;
    color: #000;
    font-family: "futuracondensed";
    padding: 5px 6px;
    outline: none;
	height:60px;
}
	
	.form-container input::-webkit-input-placeholder {
       /* placeholder颜色  */
	    color: #333333;
	/* placeholder字体大小  */
	    font-size: 16px;
	/* placeholder位置  */
	     text-align: left;
	 }

	
	
	.form-container .form-group div:after {
	    transition: width .8s ease;
	    content: "";
	    display: block;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    width: 0;
	    height: 3px;
	    background-color: #cc0000;
	}
	.form-container .msg {
	    font-size: 12px;
	    color: #999;
	    margin-top: 6px;
	}
	.send-full {
	    margin-top: 40px;
	}
	.fr {
	    float: right;
	}
	.send-full a {
	    transition: background .8s ease;
	    display: inline-block;
	    width: 108px;
	    height: 40px;
	    line-height: 40px;
	    background-color: rgba(205,174,66,1);
	    text-align: center;
	    font-size: 16px;
	    color: #fff;
	}



@media screen and (min-width: 768px) and (max-width: 1024px){
.in-about dt {
	width: 50%;
	
	
}
.in-about dd{
	margin-left: 50%;
	padding:0 10px;
	overflow-y:scroll;
}
.header1 .pc_Menu .menul .firstli{
min-width:75px;
width: 14.2857%;
}
.header2 .pc_Menu .menul .firstli{
min-width:75px;
width: 14.2857%;
}	
.header1 .pc_Menu{
	width: auto;
}
.header1 .tel{
	display:none;
}
.header2 .pc_Menu{
	width: auto;
}
.header2 .tel{
	display:none;
}
.footer .footer-item {
    width: 120px;

}
}

/*小屏样式开始--------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
body {
	min-width: 320px;
	padding-top: 0px;
}
.newhead{
height:300px !important;
position: relative;
}

.whyus-tab .tab-content {   
    padding: 10px;
}
.pull-right{
	float:none !important;
}	
.banner{	
	height:300px;
}
.probanner{	
	height:300px;
}
.aboutbanner {
  height:300px;
   
}
.banner_contact{
  height:300px;
   
}
.jsgybanner {
  height:300px;
   
}
.servicebanner {
  height:300px;
   
}
.model-header-logo img {
    height: 40px;
	padding-top:5px;
}
.model-header{
	padding:5px 10px;
}
.bannertxt{
	width:99%;
	margin:0 auto;
	text-align:center;
	color:#ffffff;
	padding-top: 100px !important;
}
.banner-title{
	font-size: 1.8em;
	margin: .67em auto;
	
}
.banner-title2{
	font-size: 1.3em;
	margin: .67em auto;
	
}
.banner-title3{
	font-size: 0.8em;
	
	width:80%;
	margin:0.67em auto;
	color:rgba(255, 255, 255, 0.6);
}
.banner-line{
	width:20px;
	margin: .67em auto;
	height:2px;
	background-color:#ffffff;
	
	
}

.abanner-title{
	font-size: 1.8em;
	margin: .67em auto;
	
}
.abanner-title2{
	font-size: 1.3em;
	margin: .67em auto;
	
}
.abanner-title3{
	font-size: 0.8em;
	text-align:left;
	width:80%;
	margin:0.67em 0;
	color:rgba(255, 255, 255, 0.6);
}
.abanner-line{
	width:50px;
	margin: .67em 0;
	height:2px;
	background-color:#ffffff;
	
	
}
.brand-nav-item {
    margin-right: 20px;    
}

.cbanner-title{
	font-size: 1.8em;
	margin: .67em auto;
	
}
.cbanner-title2{
	font-size: 1.3em;
	margin: .67em auto;
	
}
.cbanner-title3{
	font-size: 0.8em;
	text-align:center;
	width:80%;
	margin:0.67em 0;
	color:rgba(255, 255, 255, 0.6);
}
.cbanner-line{
	width:50px;
	margin: .67em auto;
	height:2px;
	background-color:#ffffff;
	
	
}
/*企业历程*/
.qylcbg{
	width:100%;
	margin:0 auto;
	background: url(../images/bg_pps.jpg) center center / cover no-repeat;
	max-height:500px;
	min-height:300px;
	height:500px;
}
.qylc{
	margin-top:0px;
	position:relative;
	padding:20% 50px;
}
.ytitle{
	font-size:16px;
	color:yellow;
	padding:5px;
	font-weight:400;
}
.qylc p{
	color:white;
	text-align:left;
	padding:5px;
	font-size:14px;
}
.qylc .y1{
	position:absolute;
	left:5%;
	top:100px;
	width:18%;
}

.qylc .y2{
	position:absolute;
	left:25%;
	top:150px;
	width:18%;
}
.qylc .y3{
	position:absolute;
	left:48%;
	top:180px;
	width:18%;
}
.qylc .y4{
	position:absolute;
	left:70%;
	top:200px;
	width:18%;
}
.qylc .y5{
	position:absolute;
	left:5%;
	top:270px;
	width:18%;
}
.qylc .y6{
	position:absolute;
	left:25%;
	top:350px;
	width:18%;
}
.qylc .y7{
	position:absolute;
	left:48%;
	top:360px;
	width:23%;
}
.qylc .y8{
	position:absolute;
	left:73%;
	top:350px;
	width:18%;
}
.pingpaitits {
   
    font-size: 14px;
    
}
.pingpaitit {
   
    font-size: 16px;
    
    
}


.inside-title h2.cn {
    top: 5px;
    z-index: 1;
    letter-spacing: 5px;
    font-size: 20px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    text-align: left;
    line-height: 1;
    color: #333333;
    font-weight: 400;
}
.inside-title h2.en {
    font-size: 26px;
    color: rgb(179, 179, 179,0.4);
    letter-spacing: 3px;
    font-weight: 100;
    text-transform: uppercase;
}












.sorttitle {
    
    height: 100px;
    
}
.sorttitle .t1 {
	padding-top:5px;
    width:100%;
    font-size: 18px;
	margin-top:10px;
	
    
}
.sorttitle .hen {
    margin: 15px auto;
    clear: both;
    font-size: 14px;    
    background: url(../images/title-line-sj.png) center center no-repeat;
}
.sorttwo .text {
    padding-top: 20px;
    color: rgb(98, 98, 98);
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}
.indexsort .fenlei .yuan {
    text-align: center;
    color: rgb(0, 0, 0);    
    width: 65px;
    height: 65px;    
    line-height: 65px;
}
.indexsort .fenlei .yuan img{
    width: 55px;
    height: 55px;
    
}
.indexsort .fenlei span {
    margin-top: 20px;
    font-size:12px;
    height: 40px;
    line-height: 40px;
}
.productsort {
    height: 50px;
    width: 100%;
    background: #e8e9ec;
    margin-top: 10px;
	position:relative;
	
	
}
.jddw{
	
	position:absolute;
	right:10px;
	top:10px;
}
.productsort .fenlei{
	white-space: nowrap

}
.productsort .fenlei ul{
	
	height:50px;
	overflow-x: auto;
	overflow-y:hidden;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
}
/* 隐藏滚动条 */
ul::-webkit-scrollbar {
  display: none;
}
.productsort .fenlei li {   
   
    height: 50px;
    padding-top: 15px;
    padding-left:5px;
	padding-right:5px;
	display: inline-block;

}
.productsort .fenlei li span {
    clear: both;
    /* margin-top: 20px; */
    text-align: center;
   
   line-height: 0;
}
.productsort .fenlei li:hover{
	
	
background-color:#e8e9ec;
	
	
}
.productsort .fenlei li:hover span{
	
	
color:#333333;
	
	
}


/*产品页*/
.proindex{
	margin:20px auto;
	background:none;
	padding:5px;
}
.proindex li{
	padding:5px;
	list-style:none;
	float:left;
	width:50%;
	
}
.proindex li p{
	width:100%;
	height:30px;
	text-align:center;
	line-height:30px;
}
.proindex li img{
	max-width:100%;
	height:auto;
	border:0px;
}


.pro-postion .pro-postion-t{
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#ffc557;
	font-weight:600;
	
}
.pro-postion .pro-postion-t2{
	font-size:14px;
	height:30px;
	line-height:30px;
	color:#333333;
	font-weight:400;
	
}
.pro-postion .pro-postion-t3{
	margin-top:5px;
	height:3px;
	width:50px;
	background-color:#dedede;
	
}


.container {
	width: auto;
}
.search {
    width:100%;
    height: 70px;
  padding:5px 10px 5px 10px;
}
.searchinput{width:80%;}
.searchinput input{
	margin-left: 5px;
	width:95%;
	height:40px;
	font-size:14px;
	
	padding: 13px 8px 13px 40px;
	background: url(../images/searchbg-sj.png) left center / 40px 20px no-repeat rgb(255, 255, 255);
}
.searchinput input:focus{
    border-color: #66afe9;
    outline: 0;	
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6)
}

.searchbotton{width:20%;}
.searchbotton input{
	margin-left:0px;
	height:40px;
	width:95%;
	font-size: 14px;
	
	
}
.topfude {
    /*top: calc(-4vh);*/
    margin-top:-35px;
}
.indexsort {
    
    padding-top: 60px;
}
.protit {
    font-size: 18px;
    
}
.protiten {
    font-size: 16px;
    background: url(../images/title-line2.png) center center no-repeat;
}
.prolist .pro-title {
    font-size: 14px;
}




.prolist li:nth-child(3){background: #ab526b;}
.prolist li:nth-child(3) .pro-title {color: #ffffff;}
.prolist li:nth-child(4){background: #ffffff;}
.prolist li:nth-child(4) .pro-title {color: #333333;}



/*产品页搜索*/

.topfude_pro{	
	/*top: calc(-4vh);*/
    position: relative;
	margin-top:0px;
	margin-left:-15px;
	margin-right:-15px;
}
.topfude_pro .search_pro{
	background:#f5f5f5;
	height:56px;
	padding:10px;
}
.topfude_pro .search_pro li{
float:left;
list-style:none;
}
.topfude_pro .searchinput_pro{
	width:80%;
}
.topfude_pro .searchinput_pro input{	
	margin-top:0px;
	height:36px;
	width:95%;	
	font-size:18px;
	outline-style: none ;
    border: 0px;	
	border-radius: 5px;
	font-weight: 400;
	padding:18px 0px 18px 40px;
	background:#ffffff url(../images/searchbg.png) no-repeat left center;
	background-size: 40px 20px;
}
.topfude_pro .searchinput_pro input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075),0 0 8px rgba(102,175,233,.6)
}
.topfude_pro .searchbotton_pro{width:20%;padding:0;margin:0;}
.topfude_pro .searchbotton_pro input{
	
	margin-top:0px;
	height:36px;
	width:100%;
	font-weight:500;
	font-size:16px;
	background-color:#273141;
	color:#ffffff;
	outline-style: none ;
    border: 0px;
	padding:10px;
	border-radius: 5px;
	line-height:16px;
}
.topfude_pro .search_pro .searchlogo_pro{
width:70px;
height:70px;
text-align:center;
width:15%;
line-height:70px;
display:none;
}
.topfude_pro .search_pro .searchlogo_pro img{
max-width:90%;
height:90%;


}

/*产品页搜索结束*/


.pro_show .left {
    float: none;
    width: 100%;
    text-align: center;
    border-right: 0px solid #f3f3f3;
    padding: 40px;
}
.pro_show .right {
    width:100%;
    padding: 40px;
    overflow: hidden;
    clear: both;
}



.footer .copy-right {
    text-align: left;
    width: 100%;
    float: left;
	font-size:12px;
}
.footer .tel {
    float: left;
	margin-left:12px;
    
}
.searchlogo{
	margin: 0px 10px!important;
	display:none;
}

.prolist li{
	
	
	width:50%;
}
.pro-img{
	width:auto;
	float:none;
}
.eyou-footer-fix {
	display: block;
}
.mobile-foot{
	display:block;
	height:50px;
	clear:both;
	width:100%;
}
.kefu {
	display: none;
}


.header {
	padding: 10px 0;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 0 10px #ddd;
}
.header .topbar, .header .text, .header .tel {
	display: none;
}
.header .logo {
	height: 30px;
	line-height: 30px;
	float: none;
	padding: 0;
}
.header .nav {
	margin: 10px 0 -10px;
	text-align: left;
	display: none;
	background-color: transparent;
}
.header .nav ul {
	margin: 0 -15px;
}
.header .nav li {
	display: block;
	margin: 0;
	border-top: 1px solid #eee;
}
.header .nav li a {
	line-height: 40px;
	padding: 0 15px;
	color: #333;
}
.header .nav li .arr {
	display: block;
}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {
	background-color: transparent;
	color: #ea3516
}
.header .nav li.open .arr:after {
	border-color: #ea3516;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.header .nav .dropdown-box {
	position: static;
	background-color: #f5f5f5;
	min-width: auto;
	text-align: left;
}
.header .nav .dropdown-box a {
	color: #333 !important;
	border-top: 1px dotted #ddd;
	padding: 0 15px;
	line-height: 40px;
	background-color: transparent !important;
	border-bottom: 0;
}




.headerr {
	padding: 10px 0;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	box-shadow: 0 0 10px #ddd;
}
.headerr .topbar, .headerr .text, .headerr .tel {
	display: none;
}
.headerr .logo {
	height: 30px;
	line-height: 30px;
	float: none;
	padding: 0;
}
.headerr .nav {
	margin: 10px 0 -10px;
	text-align: left;
	display: none;
	background-color: transparent;
}
.headerr .nav ul {
	margin: 0 -15px;
}
.headerr .nav li {
	display: block;
	margin: 0;
	border-top: 1px solid #eee;
}
.headerr .nav li a {
	line-height: 40px;
	padding: 0 15px;
	color: #333;
}
.headerr .nav li .arr {
	display: block;
}
.headerr .nav li.active a, .headerr .nav li.open a, .headerr .nav li a:hover {
	background-color: transparent;
	color: #ea3516
}
.headerr .nav li.open .arr:after {
	border-color: #ea3516;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.headerr .nav .dropdown-box {
	position: static;
	background-color: #f5f5f5;
	min-width: auto;
	text-align: left;
}
.headerr .nav .dropdown-box a {
	color: #333 !important;
	border-top: 1px dotted #ddd;
	padding: 0 15px;
	line-height: 40px;
	background-color: transparent !important;
	border-bottom: 0;
}


.footer .tel p {
    padding-left: 25px;
	height:35px;
    background: url(../images/img_03.png) left center / 20px 20px no-repeat;
}
.footer .tel b {
	
    display: block;
    font-size: 16px;
    font-family: "Myriad Pro";
	font-weight: 500;	
	line-height: 35px;
    height: 35px;
}



.menu-btn {
	display: block;
}
.banner .swiper-slide {
	
	height:350px;
}
.banner .swiper-pagination-bullet {
	width: 24px;
	height: 4px;
}
.eyou-sou {
	padding: 0;
}
.eyou-sou .container {
	padding: 0;
}
.eyou-sou .hot {
	display: none;
}
.eyou-sou .hform {
	float: none;
	position: relative;
}
.eyou-sou .hform input {
	font-size: 14px;
	border-color: transparent;
	width: 100%;
	box-sizing: border-box;
	line-height: 20px;
	padding: 9px 60px 9px 15px;
	border-radius: 0;
}
.eyou-sou .hform button {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 40px;
	font-size: 14px;
}
.section {
	padding: 30px 0;
}
.section-title {
	margin-bottom: 20px;
	font-size: 20px;
}
.section-title span {
	font-size: 14px;
	text-indent: 0;
	letter-spacing: 0;
}
.section-title p small {
	font-size: 12px;
	padding: 0 10px;
}
.section-title p small:before, .section-title p small:after {
	width: 24px;
}
.in-prd-cate {
	display: none;
}
.in-prd-con {
	float: none;
	width: auto;
}
.in-prd-top {
	display: none;
}
.list-1 {
	margin: -10px 0 0 -10px;
}
.list-1 li {
	width: 50%;
}
.list-1 li .wrap {
	margin: 10px 0 0 10px;
}
.list-1 .text {
	padding: 10px 15px;
}
.list-1 .text p {
	display: none;
}
.in-xcy .tit, .in-xcy .tel {
	float: none;
	text-align: center;
}
.in-xcy .t1 {
	font-size: 16px;
}
.in-xcy .t2 {
	font-size: 12px;
	margin-top: 10px;
}
.in-xcy .tel {
	margin-top: 15px;
}
.in-xcy .tel strong {
	line-height: 1.2;
}
.in-cpys dt {
	display: none;
}
.in-cpys dd {
	margin: 0 !important;
}
.in-cpys dd .item {
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 5px;
}
.in-cpys dd .num {
	width: 40px;
	height: 60px;
	font-size: 24px;
	line-height: 45px;
}
.in-cpys dd .num:after {
	width: 24px;
}
.in-cpys dd .text {
	margin-left: 45px;
	padding: 15px;
}
.in-cpys dd .text h4 {
	font-size: 18px;
}
.in-cpys dd .text h4 small {
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
.in-cpys dd .text p {
	margin-top: 10px;
}
.in-about-tit {
	padding: 20px;
	margin-bottom: 20px;
}
.in-about {
	padding: 0;
}
.in-about dl {
	background-color: transparent;
}
.in-about dt {
	width: auto;
	float: none;
	
}
.in-about dd {
	margin: 0;
	padding: 15px 15px 30px;
	max-height:500px;
}
.in-about dd .more {
	margin-top: 15px;
}
.in-case-tit {
	margin-bottom: 20px;
}
.in-case-btn a, .in-case-btn span {
	line-height: 40px;
	padding: 0 15px;
	font-size: 14px;
}
.list-2 {
	margin: -10px 0 0 -10px;
}
.list-2 li {
	width: 50%;
}
.list-2 li a {
	margin: 10px 0 0 10px;
}
.in-news-left, .in-news-right {
	float: none;
	width: auto;
}
.in-news-right {
	margin-top: 20px;
}
.in-news-tit {
	font-size: 14px;
	padding: 0 15px;
	line-height: 45px;
}
.in-news-tit .more {
	font-size: 12px;
}
.in-news-wrap {
	padding: 15px;
}
.in-news-list dt {
	width: 110px;
}
.in-news-list dd {
	margin-left: 120px;
}
.in-news-list dd p {
	margin-top: 10px;
	height: 50px;
}
.in-news-list dd .more {
	display: none;
}
.in-news-list li {
	width: 100%;
}
.in-news-list li a {
	line-height: 40px;
}
.in-news-list li a .tel{
	width: 70%;
}
.news-menu li {
	margin-right: 15px;
}
#marquee {
	height: 354px;
}
#marquee li a {
	padding: 15px;
}
.footer {
	padding: 0;
	background-color: #414960;
	color: #fff;
	text-align: center;
	display: none;
}
.footer a {
	color: #fff;
}
.footer-link, .footer-logo, .footer-ewm {
	display: none;
}
.footer-info {
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
	font-size: 12px;
	float: none;
}
.ct2-sd {
	display: none;
}
.ct2-mn {
	float: none;
	width: auto;
}
.position {
	font-size: 12px;
	margin: 0 -15px 20px;
	border-right: 0;
	padding-right: 15px;
}
.mn-box {
	padding: 0;
	border: none;
}
.list-4 li a {
	padding: 10px;
}
.list-4 li .more {
	display: none;
}
.list-4 li .date {
	font-size: 12px;
	width: 60px;
	padding: 10px 0;
}
.list-4 li .date strong {
	font-size: 18px;
}
.list-4 li .text {
	margin: 0 0 0 70px;
}
.list-4 li .text h4 {
	font-size: 14px;
}
.list-4 li .text p {
	font-size: 12px;
	height: 42px;
	margin-top: 2px;
}
.pages {
	margin-top: 15px;
}
.pages a {
	font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    margin-right: 0px;
}
.panel-mn .tit {
	padding: 0 10px;
}
.panel-mn .bd {
	padding: 10px;
}
.list-5 li {
	width: 100%;
}
.list-6 {
	margin: -10px 0 0 -10px;
}
.list-6 li {
	width: 50%;
}
.list-6 li a {
	margin: 10px 0 0 10px;
}
.list-3-1 {
	margin: -10px 0 0 -10px;
}
.list-3-1 li {
	width: 50%;
}
.list-3-1 li a {
	margin: 10px 0 0 10px;
}
.content-title {
	margin-bottom: 15px;
}
.content-title p {
	margin-top: 10px;
	padding-top: 10px;
}
.content-title p span {
	padding: 0 5px;
}
.content-exp {
	margin-top: 15px;
}
.pc-slide {
	float: none;
	width: auto;
}
.eyou-showcase-info {
	margin: 20px 0 0;
}
.eyou-showcase-info h1 {
	padding-bottom: 10px;
}
.eyou-showcase-info p {
	margin-top: 10px;
}
.form-group {
	margin-bottom: 10px;
}
.form-label {
	line-height: 34px;
	width: 85px;
}
.form-content {
	margin-left: 85px;
}
.form-control {
	padding: 6px 10px;
}
.hlbd .form-group {
	width: 100%;
}
.form-content.yzm .form-control {
	width: 80px;
}
.form-content.yzm .img {
	height: 34px;
	width: 90px;
}
.contact {
	margin-left: 0;
	background: none;
}
.contact li {
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
}
.contact li i {
	font-size: 24px;
}
.banner-sub {
	display: none;
}
.eyou-sou {
	display: none;
}

.leftpic {
	width: auto;
	float: none;
}
.rightpic {
	width: auto;
	float: none;
}
.toptext{
	
	padding:1%;
}

.toptext{
	
	padding:50px;
}
.in-pro .show {
    margin: 30px 0 30px;
    height: 523px;    
    padding-bottom: 116px;
    padding-left:0px;
    background:none;
}
.in-pro .show_banner {
    position: relative;
    width: auto;
	overflow:hidden;
}
.in-pro .show_banner .hd {
    right: 50%;
    top: 80%;   
    
}
.in-pro .show_banner .bd i {
    display:none;
}
.footer .container {
    clear: both;
    padding: 5px;
    
}
.footer .copy-right {
    padding:1rem;
	padding-bottom:2px;
}
.in-pro .show_banner .bd img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.visible-xs {
    display: block!important;
	
}
.hidden-xs {
    display: none!important;
}
.profile-container-list{
	
	display: block;
}
.profile-container-item{
	float:left;
	width:50%;
	margin-bottom:2rem;
}
.profile-container-item-box{
	width:100%;
}
/*about */
.about-container-bottom .col-sm-7{
	padding:0px;
	clear:both;
	width:100%;
}
.about-container-bottom .col-sm-5{
	clear:both;
	float: none;
	width:100%;
	padding:0px;
	
}



/*联系我们*/

.contact_us{
	padding-top:30px;
}
.page-title h2, .about-content-03 .titel h3 {
    font-size: 18px;
    color: #d0ad44;
    padding-left: 20px;
    font-weight: 400;
    letter-spacing: 3px;
    background: url(../images/icon-16.png) no-repeat left 5px;
	background-size:10px 12px;
}
.contact-msg {
    width: 95%;
    margin-left: 5px;
    margin-top: 15px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 10px;
    border-left: 1px solid #999;
}
.contact-msg p {
    font-size: 12px;
    
}
.contact-site {
   margin-top: 42px;
   margin-left: 0px;
   font-size: 14px;
   width: auto;
   text-align: center;
   height:300px;
}
.contact-site p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    margin-bottom: 3px;
    letter-spacing: 0px;
	background:#f7f7f7;
}

.contact-form {
    width: 100%;
    height: auto;
    background-color: #f7f7f7;
    margin-top: 15px;
	opacity: 0.8;
}
.form-container {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 100%;
    margin: auto;
    overflow: hidden;
	margin-bottom:10px;
}
.form-container .form-title {
    
    font-size: 16px;

}


}