div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {background:#fff; font:100%/1.75em tahoma,Arial,'Microsoft Yahei','SimSun'; overflow-x:hidden;}
a {text-decoration:none; color:#555;}
a:hover {color:#3568DF;}
li {list-style:none;}
.clear2 {clear:both;}
a img {border:none;}
table {border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*searchbar*/
#searchbar {display:none;}
#simplemodal-overlay {background:#000;}
#simplemodal-container {background:#3568DF; color:#fff; padding:12px 12px 40px; width:300px; height:75px;-moz-border-radius:5px;
	border-radius:5px;
-moz-border-radius锛�5px;}
#simplemodal-container #searchbar {padding:8px; text-transform:uppercase; font-size:0.875em; text-align: center;}
#simplemodal-container #searchbar p {margin-bottom:10px;}
#simplemodal-container #searchbar form input {text-transform: none; border: medium none; background:#fff; color: #333; height: 30px;-moz-border-radius:5px ;
	border-radius:5px ;
-moz-border-radius锛�5px;padding-left: 10px;}
#simplemodal-container #searchbar .submit {cursor:pointer; -webkit-appearance:none;width:50px;padding-left: 0px;}
/*header*/
#header {background:#fff; width:100%; padding:20px 0 0 0; transition:all 0.5s ease-in 0s;border-bottom: 2px solid  #2b5ed6;}
/*#header.fixed {position:fixed; left:0; top:0; z-index:999; transition:all 0.5s ease-in 0s; padding:10px 0 0 0;}*/
.header {position:relative;}
.header,.case,.breadcrumb,#service,#ad,.aboutUs,#products,#news,.showcase,#contactUs,.footer,#container,#productsBox {width:1200px; margin:0 auto;}
.header .headerRight {float:left;margin-left: 250px;}
.header .searchBtn { width: 300px;
height: 36px;
float: left;
margin-top: 1px;
display: inline-block;
border: 1px solid #3568df;
 -moz-border-radius:8px;
	border-radius:8px;
-moz-border-radius锛�8px;
margin-top: 20px;
padding-left: 10px;}
.header .searchsubmit{background: url(../images/search.png) no-repeat center 12px;
display: block;
width: 50px;
height: 36px;
float: right;
cursor: pointer;
border: none;}
.searchtext{
	border: none;
	width: 220px;
	height: 32px;
	line-height: 32px;padding: 0px 10px;margin-top: 2px;
}
.tel-index{
	float: left;
	font-size: 26px;
	color: #ff8400;margin-left:200px;
}
.header .logo {float:left; margin-right:20px; display:inline;}
.header .logo img {display:block; width:100%; height:auto;margin-bottom: 18px;}
#header .menu {height:45px; width:100%;background-color: #3568df;}
#header .menu ul {width: 1200px;
margin: 0 auto;}
#header .menu ul li {float:left; line-height:45px; position:relative;}
#header .menu ul li a {display:block; float:left; color: #ffffff; width: 150px;
text-align: center;}
#header .menu ul li a:hover,#header .menu ul li a.on,#header .menu ul li.current-menu-item a,#header .menu ul li.current-post-parent a,#header .menu ul li a.onclick {background:#1952D5; color:#fff;}
#header .menu ul li ul {position: absolute;
left: 0;
top: 45px;
width: 200px;
border: 1px solid #5481E9;
background: #3568DF;
border-radius: 5px;
display: none;
padding: 5px 0;
z-index: 9;}
#header .menu ul li ul span {border-bottom:8px solid #3568DF; border-left:8px solid transparent; border-right:8px solid transparent; position:absolute; top:-9px; left:40px;}
#header .menu ul li ul li {float:none; padding:0 15px; line-height:1.75em;}
#header .menu ul li ul li a {float:none; clear:both;}
#header .menu ul li ul li a,#header .menu ul li ul li a.on {color:#fff; -moz-border-radius:4px;
	border-radius:4px;
-moz-border-radius锛�4px;}
.header .language {float:right; padding-top:6.5px;}
.header .language span {display:block; float:left; width:25px; height:25px; background:#929292; color:#fff; text-align:center; line-height:25px; font-size:0.875em; border-radius:50%; margin-left:10px; cursor:pointer;}
.header .language span a {display:block; width:25px; height:25px; border-radius:50%; color:#fff;}
.header .language span.on {background:#3568DF;}
.btn {float:left; height:22px; line-height:22px; color:#3568DF; cursor:pointer; padding-top:7.5px; font-size:1.25em; padding-right:10px; display:none;}
.btn span {float:left; font-size:0.875em; padding-right:2px;}
.btn i {font-size:1.25em;}
/*nav*/
#nav {position:fixed; height:100%; background:#3568DF; width:0; z-index:1000; color:#fff; font-size:0.875em; overflow:hidden;}
#nav a {color:#fff; display:block; width:90%; padding-left:10%; border-bottom:1px solid #d04D47; border-top:1px solid #ED4646; line-height:3em;}
#nav ul li li a{padding-left:20%; width:80%;}
#nav ul li a:hover {background:#ED4646;}
/*breadcrumb*/
#breadcrumb {background:#F2F2F2; height:30px; border-bottom:1px solid #E4E4E4; line-height:30px; width:100%; clear:both; overflow:hidden;}
.breadcrumb .left {float:left; width:900px;}
.breadcrumb .left h3,.breadcrumb .right h3 {font-weight:normal; font-size:0.75em; background:url(../images/arrow-right.png) no-repeat right center; padding-right:20px; float:left;}
.breadcrumb .left .notice {float:left; font-size:0.75em; padding:0px 5px; height:30px; position:relative; line-height:30px; overflow: hidden; width:80%;}
.newsList,.swap{line-height:30px; display:inline-block; position:absolute; top:0; left:10px;}
.swap{top:30px;}
.breadcrumb .left .notice a:hover {text-decoration:underline;}
.breadcrumb .right {float:right;}
.breadcrumb .right .weibo { width:67px; float:left;}
.breadcrumb .right .weibo a{font-size: 12px;}
/*allTitle*/
.allTitle {margin-bottom:30px;}
.allTitle span{
font-size: 0.8em;
float: right;}
.allTitle .more{background: #3568DF;
padding: 0px 5px;
color: #fff;
font-size: 0.7em;
border-radius: 5px;
float: right;
display: none;}
/*service*/
#service,#ad,#products,.case,#news,#contactUs ,#honor{ padding:30px 10px; overflow:hidden;}
#service {padding:30px 10px 0;}
#service .serviceBox {float:left; position:relative; width:380px; padding:0 10px 30px;}
#service .serviceBox i {float:left; color:#3568DF; letter-spacing:0.5em;}
#service .serviceBox .serviceBoxInfo {float:left; width:326px;}
#service .serviceBox .serviceBoxInfo h3 {font-weight:normal; font-size:1em; line-height:1em;}
#service .serviceBox .serviceBoxInfo h3 a {color:#000;}
#service .serviceBox .serviceBoxInfo .line {width:20%; background:#ddd; height:3px; border-radius:1px; margin:15px 0 15px 48px;}
#service .serviceBox .serviceBoxInfo .serviceBoxTxt {font-size:0.75em; color:#444;}
/*about*/
#aboutUs {/*background:#F9F9F9; border-top:1px solid #ddd; border-bottom:1px solid #ddd;*/ padding:30px 0;}
#showcase{padding: 0 0 30px 0;}
.aboutUs {overflow:hidden;}
.allTitle {text-align: left;padding: 10px 5px 5px 10px;text-align: center;}
.allTitle img{width: 30px;vertical-align: bottom;display: none;}
.title01{color: #333;
font-size: 22px;}
.title02{color: #999;
font-size: 14px;
font-style: italic;}
.aboutUs .aboutUsThumb {float:left; width:550px;}
.aboutUs .aboutUsThumb img {width:95%; height:auto;}
.aboutUs .aboutUsTxt {font-size:0.875em;}
.aboutUs .aboutUsTxt p {margin-bottom:15px;}
.aboutUs .aboutUsTxt p.more {text-align:right;}
.aboutUs .aboutUsTxt p.more a{padding:3px 10px; background:#3568DF; color:#fff; font-size:0.875em; border-radius:4px;}
.aboutUs .aboutUsTxt p.more a:hover {opacity:0.9;}
/*products*/
#products {}
.productsMenu,#news .newslist .newsMenu ul,.productsBoxMenu ul {overflow:hidden; margin-bottom:20px;width: 100%;}
.productsMenu ul li,#news .newslist .newsMenu ul li,.productsBoxMenu ul li {color: #5C5C5C;
padding: 8px 5px;
background: #fff;
margin: 1% 1% 30px 0;
display: block;
border-radius: 3px;
cursor: pointer;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid #3568DF;
width: 17%;
float: left;}
.productsMenu2 ul li{
    color: #5C5C5C;
    padding: 8px 5px;
    background: #fff;
    margin: 1% 1% 30px 0;
    display: block;
    line-height: 50px;
text-align: center;
    border-radius: 3px;
    cursor: pointer;
    height: 50px;
    border: 1px solid #3568DF;
    width: 17%;
    float: left;
}
.productsMenu ul li.on,.productsMenu2 ul li.on,#news .newslist .newsMenu ul li.on,.productsBoxMenu ul li.on {background:#3568DF; color:#fff;}

.productsAll{}
.productsAll .hide,#news .newslist .newsBox .hide {display:none;}
.productsList ,.productsList2{clear:both; overflow:hidden;}
.productsList ul {}
.productsList ul li,.productsList2 ul li {width: 20%;
float: left;
margin: 15px 4% 15px 0;
border: 1px solid #dbdbdb;}
.productsList ul li .productsThumb,.productsList2 ul li .productsThumb {width:100%; height:auto; max-height:285px; overflow:hidden; position:relative;}
.productsList ul li .productsThumb img,.productsList2 ul li .productsThumb img {width: 100%;
height: auto;
display: block;
margin: 0 auto;}
.productsList2 ul li .productsThumb img{height: 180px !important;}
.onBackground {background:rgba(2, 2, 2, 0.32);padding: 10px; width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.onBackground a {display:block; width:100%; height:100%; color:#fff; font-size:2.25em;}
.productsList2 ul li .productsThumb  .onBackground span {display:block; width:40px; height:40px; background:#3568DF; text-align:center; line-height:35px; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; border-radius:5px; opacity:0.9;}
.productsList ul li h2,.productsList2 ul li h2 {font-size:0.875em; padding:10px 0;text-align:center}
/*#news*/

#news .partner {float:right; width:540px;}
#news .partner .allTitle {text-align:right;}
#news .partner ul {overflow:hidden;}
#news .partner ul li {float:left; width:158px; margin:10px 0 10px 20px;}
#news .partner ul li a {display:block;}
#news .partner ul li img {width:100%; display:block; filter:grayscale(100%); opacity:0.65;}
#news .partner ul li img:hover {opacity:0.8; filter:none;}
#news .newslist {float:left; width:550px; padding-right:50px;}
#news .newslist .newsMenu ul li {float:left;}
#news .newslist .newsBox ul li {font-size:0.75em; overflow:hidden;list-style-type: demical !important;
list-style-position: inside;}
#news .newslist .newsBox ul li span {float:right; font-size:0.75em; color:#888;}
#news .newslist .newsBox ul li i {color:#3568DF; font-style:normal;}
/*showcase*/
#products2,#shownews{background:#f0f0f0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#showcase ul.bxslider img {transition:transform 0.5s ease-in 0s;}
#showcase ul.bxslider img:hover {transform:scale(1.3,1.3); transition:transform 0.5s ease-in 0s; opacity:0.8;}
#showcase ul.bxslider span {text-align: center;display: block;}
#showcase ul.bxslider li {overflow:hidden;}
/*.showcase .allTitle {text-align:right;}*/
/*contactUs*/
#contactUs .allTitle {text-align:center;}
.contactForm {width:550px; float:left; overflow:hidden; padding-left:3px;}
.contactForm img {width:auto; max-width:100%; height:auto;}
.contactForm input {border:none;}
.contactForm input[type="text"]:hover,.contactForm input[type="email"]:hover,#contactUs .contactForm input[type="text"]:focus,.contactForm input[type="email"]:focus,.contactForm textarea:hover,.contactForm textarea:focus {border:1px solid #3568DF; box-shadow:0px 0px 3px #3568DF; transition:all 0.4s ease-in 0s;}
.contactForm .inputBox {float:left; width:250px; margin-right:25px; display:inline;}
.contactForm label {display:block; margin-bottom:5px; color:#555;}
.contactForm .text {border:1px solid #ddd; height:25px; padding:10px 4%; width:92%; margin-bottom:20px; transition:all 0.4s ease-in 0s;}
.contactForm textarea {clear:both; border:1px solid #ddd; padding:10px; width:503px; height:140px; transition:all 0.4s ease-in 0s;}
.contactForm .submit {background:#3568DF; color:#fff; cursor:pointer; padding:10px; margin-top:20px; transition:background 0.4s ease-in 0s; font-size:0.875em; font-family:'Microsoft Yahei'; -webkit-appearance:none;}
.contactForm .submit:hover{background:#5C5C5C; transition:background 0.4s ease-in 0s;}
.contactInfo {width:550px; float:right;}
.contactInfo h3 {font-weight:normal; font-size:1em; margin-bottom:20px;}
.contactInfo .contactTxt {font-size:0.875em; color:#555; margin-bottom:20px;}
.contactInfo .contactTxt ul li {line-height:2.5em; font-size:1.125em; letter-spacing:1px;}
.contactInfo .contactTxt ul li i {padding-right:10px; color:#3568DF;}
.contactInfo .contactTxt ul li a {color:#3568DF;}
/*banner*/
#banner {width:100%; overflow:hidden; height:auto; max-height:160px;}
#banner img {width:100%; height:auto; display:block;}
/*container*/
#container {overflow:hidden; padding:30px 0;}
.sidebar {float:left; width:250px;}
.sideMenu,.widget {margin-bottom:25px;padding-bottom: 30px;border: solid 1px #DEDEDE;}
.sideMenu h3 {font-weight:normal; color:#333; padding:10px 20px; border-radius:4px 4px 0 0; border-bottom:2px solid #3568DF;text-align: center;margin-bottom: 10px;font-size: 18px;}
.sideMenu a {}
.sideMenu ul li a {padding: 5px;color: #3568DF; font-size: 15px;}
.sideMenu ul li a:hover {color: #FF8400;}
.sideMenu ul li ul li a{color: #333;font-size: 13px;
padding-left: 35px;}
.sideMenu ul li img{width: 10px;
margin-left: 20px;
vertical-align: middle;}
.widget {border:1px solid #ddd; overflow:hidden;}
.widget h3 {font-size:0.9em; font-weight:normal; background:#eee; border-top:2px solid #3568DF; border-bottom:1px solid #dedede; padding:3px 20px;}
.widget ul,.widget .tagcloud,.widget .searchform {padding:5px 10px;}
.widget ul li {font-size:0.75em; border-bottom:1px solid #eee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li a:hover {text-decoration:underline;}
.widget img {max-width:100%; height:auto;}
.widget .textwidget {padding:10px;}
.widget p {font-size:0.875em;}
.widget .searchform {font-size:0.875em;}
.widget .searchform .screen-reader-text {color:#3568DF;}
.widget .searchform #s {border:1px solid #ddd; height:25px; line-height:25px;}
.widget .searchform #searchsubmit {border:none; background:#3568DF; color:#fff; height:25px; cursor:pointer; -webkit-appearance:none;}
.widget #calendar_wrap #wp-calendar {width:100%;}
.widget #calendar_wrap #wp-calendar caption {border:1px solid #ccc; border-bottom:none; padding:5px 0;}
.widget #calendar_wrap #wp-calendar thead {border-bottom:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar thead tr {border-right:1px solid #ccc;}
.widget #calendar_wrap #wp-calendar #today {background:#3568DF; color:#fff;}
.widget h3 img {float:right; padding-top:8px;}
.textwidget{padding: 5px;}
.textwidget span{font-size: 14px;}
.textwidget img{vertical-align: middle;width: 28px;}
/*main*/
.main {float:right; width:900px;min-height: 550px;}
.newsBox,.itemList {overflow:hidden; margin-bottom:25px;padding-bottom: 30px;}
.newsBox h3,.itemList h3 {font-size:1em; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:8px; color:#3568DF; font-family:'Microsoft Yahei';}
.newsBox h3 a {color:#3568DF;}
.newsBox ul li {font-size:0.8em; color:#555; border-bottom:1px dashed #e1e1e1; height:40px; line-height:40px; overflow:hidden;padding: 0 10px;}
.newsBox ul li i {padding-right:5px; color:#777; font-size:0.875em;}
.newsBox ul li a {color:#555; padding-right:20px;}
.newsBox ul li a:hover {text-decoration:underline; color:#3568DF;}
.newsBox ul li span {float:right; font-size:0.875em; color:#888;}

/*productsBoxMenu*/
#productsBox {padding:30px 0;}
#productsBox .productsList h3 {font-family:'Microsoft Yahei'; font-weight:normal; height:45px; line-height:45px;}
#productsBox .productsList h3 span {border-bottom:2px solid #3568DF; padding:0 10px 8px;}
/*itemList*/
.itemList ul {width:906px;}
.itemList ul li {float: left;
width: 280px;
margin: 10px 10px 20px 10px;
text-align: center;
height: 200px;
margin-bottom:30px;
}
.itemList ul li .thumbnail {width:100%; height:auto; max-height:265px; overflow:hidden; position:relative;-webkit-box-shadow:0 0 10px rgba(198, 198, 198, 0.5);  
  -moz-box-shadow:0 0 10px rgba(198, 198, 198, 0.5);  
  box-shadow:0 0 10px rgba(198, 198, 198, 0.5);  }
.itemList ul li .thumbnail img {height: auto;
display: block;
transition: transform 0.4s ease 0s;
max-height: 200px;
width: 100%;}
.itemList ul li h2 {height:35px; line-height:35px;font-size:0.875em; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*post*/
.post h2 {font-weight:normal; font-size:1.5em; text-align:center; border-bottom: 1px dashed #ddd;
padding-bottom: 15px;
margin: 10px;}
.post .postmeta {font-size:0.75em; color:#999; text-align:center; padding:5px 0;}
.post .postmeta span {padding:0 3px;}
.post .entry {font-size:0.875em;  margin-bottom:15px; padding:20px;min-height: 500px;}
.post .entry blockquote {background:#f5f5f5; border:1px solid #ddd; padding:15px 2em; padding-bottom:0;}
.post .entry blockquote {margin-bottom:15px;}
.post .entry ul,.post .entry ol {padding-left:2em; margin-bottom:15px;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.post .entry ul li {list-style:inside disc none; margin-bottom:5px;}
.post .entry ol li {list-style:inside decimal none; margin-bottom:5px;}
.post .entry hr {border:none; border-bottom:1px solid #3568DF; margin-bottom:15px;}
.post .entry a {color:#3568DF;}
.post .entry a:hover {text-decoration:underline;}
.post .pn {font-size:0.875em; margin-bottom:25px;padding: 5px;}
.relatedPost,.relatedProcuts {margin-bottom:20px;}
.relatedPost h3,.commentslist h3,.relatedProcuts h3,#comment h3 {font-weight:normal; font-size:1.25em; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px;}
.relatedPost h3 i,.commentslist h3 i,.relatedProcuts h3 i {color:#888; font-size:0.7em; padding-right:1em;}
.relatedPost ul li {font-size:0.75em;}
.relatedPost ul li i {padding-right:1em;}
.relatedProcuts .bx-wrapper {box-shadow:none; border:0;}
/*commentslist*/
.commentslist {margin-bottom:20px;}
.commentslist ol li {clear:both; margin-top:20px; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:10px;}
.commentslist ol li .cmtWrap {position:relative; padding-left:60px;}
.commentslist ol li .cmtWrap .gravatar {position:absolute; left:0; top:3px; width:45px; height:45px;}
.commentslist ol li .cmtWrap .gravatar img {width:100%; height:100%; border-radius:50%; transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .gravatar img:hover {transform:rotateZ(360deg); transition:transform 0.4s ease 0s;}
.commentslist ol li .cmtWrap .cmtCont {font-size:0.875em; border:1px solid #eaeaea; background:#f5f5f5; padding:0 10px;}
.commentslist ol li .cmtWrap .cmtCont .cmtAuthor span {float:right; font-size:0.875em; color:#999;}
.commentslist ol li .cmtWrap .cmtCont .cmtDate {font-size:0.75em; color:#aaa; border-bottom:1px solid #eaeaea;}
.commentslist ol li .cmtWrap .cmtCont .cmtTxt {padding:10px 0;}
.commentslist ol li li {padding-left:20px; border-bottom:none;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.875em; margin-top:25px;}
.pagenavi a {display:inline-block; padding:0px 8px; border:1px solid #ddd; border-radius:3px; margin:0 3px;}
.pagenavi a:hover,.pagenavi a.oncurrent {color:#fff; background:#3568DF; border:1px solid #3568DF; transition:all 0.4s ease 0s;}
/*comment*/
#comment {overflow:hidden;}
#comment p {margin-bottom:15px; font-size:0.875em;}
#comment p a {color:#3568DF;}
#comment label {display:block; color:#555;}
#comment label i {color:#f00; font-style:normal;}
#comment .text {border:1px solid #ddd; height:20px; line-height:20px; padding:5px; width:95%;}
#comment .text:hover,#comment .text:focus,#comment textarea:hover,#comment textarea:focus {border:1px solid #3568DF; transition:border 0.4s ease 0s;}
#comment textarea {border:1px solid #ddd; padding:10px 5px; width:95%; height:140px; font-size:0.875em;}
#comment .submit {background:#3568DF; border:none; border-radius:3px; padding:8px 18px; color:#fff; cursor:pointer; -webkit-appearance:none;}
#comment .submit:hover {background:#F55540;}
/*footer*/
#footer {background:#F2F2F2; border-top:2px solid #eee;}
/*.footLine {border-top: 1px solid #D9D9D9;}*/
.footer {padding:20px 0;}
.footLeft {width:1200px;}
.pageslist {margin-bottom:15px;text-align: center;}
.pageslist ul {overflow:hidden;}
.pageslist ul li { font-size: 0.875em;
margin-right: 25px;
display: inline;
width: 12.5%;
float: left;}
.pageslist ul li ul {}
.pageslist ul li ul li{display: block;width: 100%;}
.socialSns {clear:both; margin-bottom:10px;}
.socialSns a {display:inline-block; width:24px; height:24px; text-indent:-9999em; background:url(../images/icon-sns.png) no-repeat; margin-right:10px; filter: grayscale(100%); opacity:0.65;}
.socialSns a.tencent {background-position:0px -31px;}
.socialSns a.weixin {background-position:0px -62px; position:relative; cursor:pointer;}
.socialSns a.weixin img {display:none; position:absolute; bottom:30px; left:0; width:100px; height:100px;}
.socialSns a.weixin.code {opacity:1;}
.socialSns a.renren {background-position:0px -92px;}
.socialSns a.qzone {background-position:0px -123px;}
.socialSns a.facebook {background-position:0px -154px;}
.socialSns a.twitter {background-position:0px -185px;}
.socialSns a.rss {background-position:0px -216px;}
.socialSns a:hover {filter: grayscale(0); opacity:1;}
.footRight {width:1200px; text-align:center;padding: 10px 0;}
.footRight .phone {font-size:2.5em; color:#3568DF; font-family:Arial; font-style:italic; padding:10px 0;}
.friendlinks{border-top: solid 1px #D9D9D9;text-align: center;padding: 10px 0;}
.friendlinks ul li {display:inline; font-size:0.875em; padding:10px 10px 10px 0; color:#555;}
.footRight .phone .icon-mobile-phone {padding-right:10px; color:#aaa;}
.footRight .copyright {font-size:0.75em; color:#666;}
/*backTop*/
#backTop a{display:block; background:#3568DF; width:30px; height:30px; position:fixed; right:5px; bottom:10%; z-index:99999; cursor:pointer; border-radius:50%; color:#fff; text-align:center; line-height:27px;}
#backTop a:hover {background-color:#ED4646;}
.lightbox{border: 1px solid #E0E0E0;}
.cur a{
	color: #FF8400 !important;
	font-size: 16px !important;
}
#kf{
	position: fixed;
background-color: #3568df;
right: 10px;
top: 300px;
z-index: 9999;
border-radius: 10px;
border: 3px #e6e6e6  solid;
width: 70px;
height: 70px;
}
#kf a{
color: #fff;
text-align: center;
font-size: 12px;

display: block;
line-height: 20px;
}
#kf img{
	padding-top: 3px;
	width: 50px;
height: 45px;
margin: 0 auto;
display: block;
}
.btn-pre{
	float: left;color: #3975ff;
}
.btn-next{
	float: right;color: #3975ff;
}
.productsList ul li .productsThumb img:hover {transform:scale(1.3,1.3); transition:transform 0.5s ease-in 0s; opacity:0.8;}
.ad-left{
	float: left;
	width: 50%;
	
}
.ad-right{
	float: right;
	width: 50%;
	text-align: center;
}
.text-box{

text-align: left;
}
.text-box a{
	display: block;
	font-size: 22px;
line-height: 60px;
}
.text-box span{
	font-size: 50px;
	font-size: 50px;

color: #ff7e00;

font-style: italic;
}
#process {
    background: url("../images/slider3.jpg") no-repeat center fixed;
        background-size: auto auto;
    background-size: auto auto;
    background-size: cover;
    color: #fffeff;
    margin-bottom: 30px;
    }
.overlay{
	background: rgba(14, 13, 11, 0.9);
}
.process{
	padding: 30px 0;
	width: 1000px;
margin: 0 auto;
}
.process .title01,.process .title02{
	color: #fff !important;
}
.process ul{
	overflow: hidden;
}
.process li {
    width: 19%;
    height: 220px;
    float: left;
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 20px;
    background: url(../images/quan.png) no-repeat;
    -webkit-transition: all 0.4s linear -1ms;
    -moz-transition: all 0.4s linear -1ms;
    -ms-transition: all 0.4s linear -1ms;
    -o-transition: all 0.4s linear -1ms;
    transition: all 0.4s linear -1ms;
    background-size: 100%;
}
.process .con01:hover{
	background: url(../images/quan01.png) no-repeat;
	background-size: 100%;
}
.process .con02:hover{
	background: url(../images/quan02.png) no-repeat;
	background-size: 100%;
}
.process .con03:hover{
	background: url(../images/quan03.png) no-repeat;
	background-size: 100%;
}
.process .con04:hover{
	background: url(../images/quan04.png) no-repeat;
	background-size: 100%;
}
.process .con05:hover{
	background: url(../images/quan05.png) no-repeat;
	background-size: 100%;
}
.process .con06:hover{
	background: url(../images/quan06.png) no-repeat;
	background-size: 100%;
}
.process .con07:hover{
	background: url(../images/quan07.png) no-repeat;
	background-size: 100%;
}
.process .con08:hover{
	background: url(../images/quan08.png) no-repeat;
	background-size: 100%;
}
.process li a {
    display: block;
    cursor: pointer;
    height: 160px;
    text-align: center;
    padding-top: 60px;
}
.process li p {
    font-size: 40px;
    color: #fff;
    line-height: 50px;
}
.process li h2 {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    font-weight: normal;
}
.serimg{
	text-align: center;
	padding: 30px 0;
}
.row{
	display: block;
display: block;
width: 100%;
overflow: hidden;
padding: 10px 5px;
margin: 10px 0;
width: 100%;
border-bottom: 1px dashed #ddd;
overflow: hidden;
}




