﻿@charset "utf-8";

/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {margin: 0;padding: 0;}

header, footer, section, article, aside, nav, address, figure, figcaption, menu, details {display: block;}

a {color: #3b3b3b;outline: 0 none;text-decoration: none !important;}

a:hover,

a:focus {text-decoration: none !important;outline: 0 none;}

a:active,

a:hover {color: #333333;}

p a {color: #333333;}

table {border-collapse: collapse;border-spacing: 0;}

caption, th {text-align: left;font-weight: normal;}

html, body, fieldset, img, iframe, abbr {border: 0;}

i, cite, em, var, address, dfn {font-style: normal;}

[hidefocus], summary {outline: 0;}

li {list-style: none;}

h1, h2, h3, h4, h5, h6, small {font-size: 100%;}

sup, sub {font-size: 83%;}

pre, code, kbd, samp {font-family: inherit;}

q:before, q:after {content: none;}

textarea {overflow: auto;resize: none;}

label, summary {cursor: default;}

a, button {cursor: pointer;}

h1, h2, h3, h4, h5, h6, em, strong, b {font-weight: bold;}

del, ins, u, s, a, a:hover {text-decoration: none;}

body, textarea, input, button, select, keygen, legend {font-size: 18px;color: #333;outline: 0;font-family: "Lucida Fax", Arial, sans-serif;}

body {background: #fff;width: 100%;}

a, a:hover {color: #333;}

img {display: 0;}

.clearfix {clear:both;}

/*nav*/

.nav-bg {width: 100%;height: 95px;position: fixed;z-index: 999;background: rgba(0,0,0,.7);top: 0;}

.navbar1 {min-width: 1200px;position: absolute;top: 5px;left: 50%;margin-left: -600px;z-index:9999999999999999999;}

.navbar1 .container {width:100%;margin: 0 auto;position: relative;*zoom: 1;}

.navbar1 .container:before, .navbar1 .container:after {content: "";display: table;}

.navbar1 .container:after {clear: both;}

.navbar1-header {float: left;margin-right: 3%;}

.navbar1-brand {display: block;padding-top: 10px;*zoom: 1;float: left;}

.navbar1-brand img {vertical-align: middle;}



.navbar1-toggle {display: block;position: relative;float: right;margin-right: 15px;padding: 9px 10px;margin-top: 10px;margin-bottom: 21px;background-color: transparent;background-image: none;border-radius: 4px;border-color: #ddd;z-index:999;}

.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.icon-bar {display: block;width: 38px;height: 4px;border-radius: 1px;margin: 6px 3px;background: #888;}

.navbar1-collapse {display: none;position: fixed;float: left;z-index: 55;left: 0;background: #000;}

.navbar1-nav{z-index:99999999999999;}

.navbar1-nav li {display: block;position: relative;padding: 0 20px;text-align: center;padding: 0 3px;}

.navbar1-nav li a {line-height: 54px;color: #fff;font-size: 14px;}

.navbar1-nav li:hover a {color: #0274de;display: block;}

.dropdown .dropdown-menu {display: none;width: auto;position: fixed;left: -200%;top: -200%;}

.dropdown .dropdown-menu li {display: block;width: 100%;padding: 0;z-index: 20;text-align: center;}

.dropdown .dropdown-menu li a {line-height: 30px;}

.dropdown .dropdown-menu li:last-child {border: 0;}

.dropdown .dropdown-menu li:hover a {color: #0274de;background:none}

.dropdown.open .dropdown-menu {display: block;}

.dropdown:hover .dropdown-menu{display:block}

.present a, .active a {color: #0274de;}

.select-flag {position: absolute;right: 0px;margin-top: 32px;height: 30px;overflow: hidden;}

.select-flag span {position: absolute;right: 8px;top: 13px;width: 18px;display: block;overflow: hidden;height: 7px;cursor: pointer;}

.select-flag span:before {content: '';height: 5px;width: 5px;display: block;border: 2px solid #fff;position: absolute;left: 3px;background: #fff;}

.select-flag .lower:before {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);bottom: 3px;}

.select-flag .up:before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);top: 3px;}

.select-flag ul {background: #666666;}

.select-flag li {margin-left: 16px;cursor: pointer;*zoom: 1;}

.select-flag li:before, .select-flag li:after {content: "";display: table;}

.select-flag li:after {clear: both;}

.select-flag li img {float: left;margin-top: 7px;margin-right: 9px;}

.select-flag li i {float: left;font-size: 14px;color: #bbbbbb;line-height: 30px;}

.collapse {display: block !important;position: absolute;}





@media (min-width: 992px) {

.navbar1-header {float: left;width: auto;}

.navbar1-brand {padding-top: 10px;float: left;}

.navbar1-toggle {display: none;}

.navbar1-collapse {position: relative;display: block;background: none;*zoom: 1;}

.navbar1-collapse:before, .navbar1-collapse:after {content: "";display: table;}

.navbar1-collapse:after {clear: both;}

.navbar1-nav {float: right;padding-top: 4px;}

.navbar1-nav li {float: left;padding: 0 0px;}

.dropdown .dropdown-menu {display: none;position: absolute;width: 231px;top: 74px;left: 0;margin: -1px 0 0 0;padding: 0 14px;background: rgba(0, 0, 0, 0.5);}

.dropdown .dropdown-menu li {display: block;width: 100%;padding: 6px 0;z-index: 20;text-align: left;}

.dropdown .dropdown-menu li a {display: block;color: #fff;line-height: 21px;}

.dropdown .dropdown-menu li:last-child {border: 0;}

.dropdown.open {position: relative;}

.dropdown.open .dropdown-menu {display: block;}

.select-flag {display: block;float: left;width: 133px;background: #666666;border-radius: 4px;}

.flage-show {position: relative;width: 109px;height: 16px;margin: 0 auto;color: #bbb;}

.flage-show i {display: inline-block;line-height: 16px;vertical-align: top;}

.flage-show img {display: inline-block;margin: 0 5px 0 0;}

.flage-show .lower {position: absolute;right: 0;top: 5px;width: 17px;display: block;overflow: hidden;height: 10px;}

.flage-show .lower:before {content: '';height: 8px;width: 8px;display: block;border: 2px solid #bbb;border-right-width: 0;border-top-width: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);position: absolute;bottom: 3px;left: 3px;}

}



@media (min-width: 1200px) {

.navbar1-collapse {display: block;}

.navbar1-nav li {padding: 0 6px;margin: 0 6px;}

.dropdown-menu li {margin: 0;text-align: left;}

.navbar1-nav li .dropdown-menu li a {text-align: left;}

.navbar1-nav .v-line:after {content: '|';position: absolute;top: 50%;right: -12px;margin-top: -8px;font-size: 14px;color: #d2d2d2;}

}



@media (max-width: 1220px) {

.navbar1 .container {width: 95%;}

}



@media (max-width: 992px) {

.navbar1-brand img{display:block;margin:0 auto;max-width: 165px;}

.navbar1 .container {width: 100%;}

.navbar1-header {width: 95%;margin-left: 3%;}

.select-flag {display: none;}

.collapse {width: 100%;top: 78px;}

.navbar1-nav li a {line-height: 60px;color:#fff;}

.navbar1-nav .dropdown .dropdown-menu {left: -1000px;top: -1000px;height: 0px;font-size: 0px;line-height: 0px;overflow: hidden;}

}



@media (max-width: 768px) {

.navbar1-nav li a {line-height: 36px;}

}



@media (max-width: 414px) {

.navbar1-nav li a {line-height: 40px;}

}



@media (max-width: 1220px) {

.navbar1 {width: 100%;min-width: 100%;left: 0;margin-left: 0;}

}



/*g-sidebar*/

.navs {width: 250px;float: left;*display: inline;padding: 0px 0 9px 0;position: relative;z-index: 99;}

.g-sidebar {width: 100%;float: none;background: #fff;}

.g-sidebar h3 {font-size: 20px;font-weight: normal;line-height: 46px;background: #07b8c0;color: #fff;text-align: center;border: none;}

.g-nav {background: #f7f7f7;}

.list {width: 100%;margin: 0 auto;cursor: pointer;position: relative;background: url(../images/sidearrow.png) no-repeat 230px center;}

.list .title {width: 100%;font-size: 16px;line-height: 16px;color: #000;cursor: pointer;display: block;}

.list .title-span {display: block;width: 90%;margin: 0 auto;padding: 17px 0 17px 0px;border-bottom: 1px solid #dfdfdf;}

.list .titletwo {line-height: 20px;}

.list .active {background: #0274de;color: #4e4c5c;}











.list .active .title-span {border: none;}

.list .icons {border: none;}

.list ul {position: absolute;width: 100%;top: 0;left: 100%;background: #f1f1f1;z-index: 20;}

.list li {width: auto;display: none;padding: 17px 0 17px 10px;font-size: 16px;line-height: 16px;border-bottom: 1px solid #dedede;}

.list li a {display: inline-block;font-size: 16px;line-height: 16px;color: #999;}

.list li ul {background: #ebebeb;}

.list li:last-child {border: none;}

.list li:hover {background: #0274de;}

.list:last-child .title-span {border: none;}

.d-nav {margin-top: 27px;padding-top: 13px;background: #fff;}

.d-nav h3 {font-size: 20px;line-height: 46px;background: #07b8c0;color: #fff;border: none;}

.nav-list {width: 100%;margin: 0 auto;cursor: pointer;position: relative;background: url(../images/sidearrow.png) no-repeat 230px center;}

.nav-list .title {width: 100%;font-size: 16px;line-height: 16px;color: #414c5e;cursor: pointer;display: block;}

.nav-list .title-span {display: block;width: 86%;margin: 0 auto;padding: 17px 0 17px 18px;background: url(../images/h-hot.png) no-repeat left center;border-bottom: 1px solid #dfdfdf;}

.nav-list .titletwo {line-height: 20px;}

.nav-list .active {background: #0274de;color: #4e4c5c;}

.nav-list .active .title-span {border: none;}

.nav-list .icons {border: none;}

.nav-list ul {position: absolute;width: 100%;top: 0;left: 100%;background: #f1f1f1;z-index: 15;}

.nav-list li {width: auto;display: none;padding: 17px 0 17px 20px;font-size: 20px;line-height: 20px;border-bottom: 1px solid #dedede;}

.nav-list li a {display: inline-block;font-size: 16px;line-height: 16px;color: #999;}

.nav-list li:last-child {border: none;}

.nav-list li:hover {background: #0274de;}

.nav-list:last-child .title-span {border: none;}



@media screen and (max-width: 990px) {

.navs {float: none;width: 100%;margin: 0 auto;}

.d-nav h3 {text-align: center;padding-left: 0;}

.nav-list {background: url(../images/sidearrow.png) no-repeat -20px center;}

.list {background: url(../images/sidearrow.png) no-repeat -20px center;}

.list ul {width: 30%;left: 50%;margin-left: -15%;z-index: 20;display: none;}

.list ul li {padding: 17px 0 17px 0px;text-align: center;}

.list ul ul {width: 100%;left: 100%;z-index: 20;margin-left: 0;text-align: center;}

}



.mx-auto {margin: 0px auto;}

.m-a0 {margin: 0;}

.m-a5 {margin: 5px;}

.m-a10 {margin: 10px;}

.m-a15 {margin: 15px;}

.m-a20 {margin: 20px;}

.m-a30 {margin: 30px;}

.m-a40 {margin: 40px;}

.m-a50 {margin: 50px;}

.m-a60 {margin: 60px;}

.m-a70 {margin: 70px;}

.m-a80 {margin: 80px;}

.m-a90 {margin: 90px;}

.m-a100 {margin: 100px;}

/*== >marging (top) ==*/



.m-t0 {margin-top: 0;}

.m-t5 {margin-top: 5px;}

.m-t10 {margin-top: 10px;}

.m-t15 {margin-top: 15px;}

.m-t20 {margin-top: 20px;}

.m-t30 {margin-top: 30px;}

.m-t40 {margin-top: 40px;}

.m-t50 {margin-top: 50px;}

.m-t60 {margin-top: 60px;}

.m-t70 {margin-top: 70px;}

.m-t80 {margin-top: 80px;}

.m-t90 {margin-top: 90px;}

.m-t100 {margin-top: 100px;}

/*== >marging (bottom) ==*/



.m-b0 {margin-bottom: 0;}

.m-b5 {margin-bottom: 5px;}

.m-b10 {margin-bottom: 10px;}

.m-b15 {margin-bottom: 15px;}

.m-b20 {margin-bottom: 20px;}

.m-b30 {margin-bottom: 30px;}

.m-b40 {margin-bottom: 40px;}

.m-b50 {margin-bottom: 50px;}

.m-b60 {margin-bottom: 60px;}

.m-b70 {margin-bottom: 70px;}

.m-b80 {margin-bottom: 80px;}

.m-b90 {margin-bottom: 90px;}

.m-b100 {margin-bottom: 100px;}

/*== >marging (left) ==*/



.m-l0 {margin-left: 0;}

.m-l5 {margin-left: 5px;}

.m-l10 {margin-left: 10px;}

.m-l15 {margin-left: 15px;}

.m-l20 {margin-left: 20px;}

.m-l30 {margin-left: 30px;}

.m-l40 {margin-left: 40px;}

.m-l50 {margin-left: 50px;}

.m-l60 {margin-left: 60px;}

.m-l70 {margin-left: 70px;}

.m-l80 {margin-left: 80px;}

.m-l90 {margin-left: 90px;}

.m-l100 {margin-left: 100px;}

/*== >marging (right) ==*/



.m-r0 {margin-right: 0;}

.m-r5 {margin-right: 5px;}

.m-r10 {margin-right: 10px;}

.m-r15 {margin-right: 15px;}

.m-r20 {margin-right: 20px;}

.m-r30 {margin-right: 30px;}

.m-r40 {margin-right: 40px;}

.m-r50 {margin-right: 50px;}

.m-r60 {margin-right: 60px;}

.m-r70 {margin-right: 70px;}

.m-r80 {margin-right: 80px;}

.m-r90 {margin-right: 90px;}

.m-r100 {margin-right: 100px;}

/*== >marging (left right) ==*/



.m-lr0 {margin-left: 0;margin-right: 0;}

.m-lr5 {margin-left: 5px;margin-right: 5px;}

.m-lr10 {margin-left: 10px;margin-right: 10px;}

.m-lr15 {margin-left: 15px;margin-right: 15px;}

.m-lr20 {margin-left: 20px;margin-right: 20px;}

.m-lr30 {margin-left: 30px;margin-right: 30px;}

.m-lr40 {margin-left: 40px;margin-right: 40px;}

.m-lr50 {margin-left: 50px;margin-right: 50px;}

.m-lr60 {margin-left: 60px;margin-right: 60px;}

.m-lr70 {margin-left: 70px;margin-right: 70px;}

.m-lr80 {margin-left: 80px;margin-right: 80px;}

.m-lr90 {margin-left: 90px;margin-right: 90px;}

.m-lr100 {margin-left: 100px;margin-right: 100px;}

/*== >marging (top bottom) ==*/



.m-tb0 {margin-bottom: 0;margin-top: 0;}

.m-tb5 {margin-bottom: 5px;margin-top: 5px;}

.m-tb10 {margin-bottom: 10px;margin-top: 10px;}

.m-tb15 {margin-bottom: 15px;margin-top: 15px;}

.m-tb20 {margin-bottom: 20px;margin-top: 20px;}

.m-tb30 {margin-bottom: 30px;margin-top: 30px;}

.m-tb40 {margin-bottom: 40px;margin-top: 40px;}

.m-tb50 {margin-bottom: 50px;margin-top: 50px;}

.m-tb60 {margin-bottom: 60px;margin-top: 60px;}

.m-tb70 {margin-bottom: 70px;margin-top: 70px;}

.m-tb80 {margin-bottom: 80px;margin-top: 80px;}

.m-tb90 {margin-bottom: 90px;margin-top: 90px;}

.m-tb100 {margin-bottom: 100px;margin-top: 100px;}



.p-a0 {padding: 0;}

.p-a5 {padding: 5px;}

.p-a10 {padding: 10px;}

.p-a15 {padding: 15px;}

.p-a20 {padding: 20px;}

.p-a25 {padding: 25px;}

.p-a30 {padding: 30px;}

.p-a40 {padding: 40px;}

.p-a50 {padding: 50px;}

.p-a60 {padding: 60px;}

.p-a70 {padding: 70px;}

.p-a80 {padding: 80px;}

.p-a90 {padding: 90px;}

.p-a100 {padding: 100px;}

.p-t0 {padding-top: 0;}

.p-t5 {padding-top: 5px;}

.p-t10 {padding-top: 10px;}

.p-t15 {padding-top: 15px;}

.p-t20 {padding-top: 20px;}

.p-t30 {padding-top: 30px;}

.p-t40 {padding-top: 40px;}

.p-t50 {padding-top: 50px;}

.p-t60 {padding-top: 60px;}

.p-t70 {padding-top: 70px;}

.p-t80 {padding-top: 80px;}

.p-t90 {padding-top: 90px;}

.p-t100 {padding-top: 100px;}

/*== >Padding (bottom) ==*/



.p-b0 {padding-bottom: 0;}

.p-b5 {padding-bottom: 5px;}

.p-b10 {padding-bottom: 10px;}

.p-b15 {padding-bottom: 15px;}

.p-b20 {padding-bottom: 20px;}

.p-b30 {padding-bottom: 30px;}

.p-b40 {padding-bottom: 40px;}

.p-b50 {padding-bottom: 50px;}

.p-b60 {padding-bottom: 60px;}

.p-b70 {padding-bottom: 70px;}

.p-b80 {padding-bottom: 80px;}

.p-b90 {padding-bottom: 90px;}

.p-b100 {padding-bottom: 100px;}

/*== >Padding (left) ==*/



.p-l0 {padding-left: 0;}

.p-l5 {padding-left: 5px;}

.p-l10 {padding-left: 10px;}

.p-l15 {padding-left: 15px;}

.p-l20 {padding-left: 20px;}

.p-l30 {padding-left: 30px;}

.p-l40 {padding-left: 40px;}

.p-l50 {padding-left: 50px;}

.p-l60 {padding-left: 60px;}

.p-l70 {padding-left: 70px;}

.p-l80 {padding-left: 80px;}

.p-l90 {padding-left: 90px;}

.p-l100 {padding-left: 100px;}

/*== >Padding (right) ==*/



.p-r0 {padding-right: 0;}

.p-r5 {padding-right: 5px;}

.p-r10 {padding-right: 10px;}

.p-r15 {padding-right: 15px;}

.p-r20 {padding-right: 20px;}

.p-r30 {padding-right: 30px;}

.p-r40 {padding-right: 40px;}

.p-r50 {padding-right: 50px;}

.p-r60 {padding-right: 60px;}

.p-r70 {padding-right: 70px;}

.p-r80 {padding-right: 80px;}

.p-r90 {padding-right: 90px;}

.p-r100 {padding-right: 100px;}



.colorde {color:#0274de}



.footer {width:100%;background:#23282c;margin-top:30px;}

.foot-item.foot-item-contact { padding-right: 100px; }

.foot-item .foot-tit { position: relative; font-family: 'Open Sans Regular'; margin: 0 0 47px; letter-spacing: 2px; line-height: 31px; font-size: 24px; text-transform: uppercase; color: #fff; }

.foot-item .sub-title { font-family: 'Open Sans Regular'; line-height: 24px; font-size: 14px; font-weight: 400; color: #fff; padding: 0 0 24px 0; border-bottom: 1px rgba(255,255,255,.87) solid; }

.foot-item-contact .foot-cont {padding-top: 0px;}



.foot-item-contact li { position: relative; line-height: 25px; padding: 0 0 10px; }

.foot-item-contact li:before { padding: 0 10px 0 0; font-size: 14px; }

.foot-item.foot-item-inquiry .inquiryfoot, .foot-item.foot-item-inquiry .inquiryfoot:visited {background: #fff;color: #333;border-radius: 0;padding: 15px 50px;font-size: 18px;font-family: 'Open Sans Regular';min-width: 205px;text-align: center;border:none;border-radius:3px;height: 46px;line-height: 17px;}

.foot-item.foot-item-inquiry .inquiryfoot:hover { background: #0274de; color: #fff; }

.foot-item.foot-item-inquiry .sub-title { border-bottom: none; }

.gm-sep {list-style-type:none;color:#fff;}

.gm-sep li a{color:#fff}

.b-text {width: 100%;height: 40px;border: 0;border-radius: 3px;margin-bottom: 10px;text-indent: 10px;}

.b-area {font-family: arial;width: 100%;line-height: 40px;border: 0;border-radius: 3px;text-indent: 10px;height: 100px;}

.foot-item.foot-item-procate { padding-right: 100px; }

.foot-item-procate .foot-cont {padding-top: 0px;}

.foot-item-procate li { position: relative; line-height: 25px; padding: 0 0 10px; }

.foot-item-procate li:before { padding: 0 10px 0 0; font-size: 14px; }



.copyrightbox {width:100%;background:#fff;}

.copyright { text-align: center; color:#333; padding: 25px 0; }



.smallline {height:3px;width:50px;background:#0274de;margin-left:auto;margin-right:auto}



.aboutus_con {font-weight: normal;font-size: 14px;color: #666;line-height: 30px;}

.aboutus_inleft {margin-bottom:10px;height:110px;overflow:hidden;transition:all 0.7s;-moz-transition:all 0.7s; /* Firefox 4 */-webkit-transition:all 0.7s; /* Safari and Chrome */-o-transition:all 0.7s; /* Opera */}

.aboutus_inleft p{height:20px;overflow:hidden;}

.aboutus_inleft:hover {height:138px;}

.aboutus_inright {margin-bottom:10px;height:110px;overflow:hidden;transition:all 0.7s;-moz-transition:all 0.7s; /* Firefox 4 */-webkit-transition:all 0.7s; /* Safari and Chrome */-o-transition:all 0.7s; /* Opera */}

.aboutus_inright p{height:20px;overflow:hidden;}

.aboutus_inright:hover {height:138px;}

.about_viewmore {background:#eee;height:25px;width:120px;text-align:center;border-radius:30px;margin:auto;line-height:25px;display:block;transition:all 0.7s;-moz-transition:all 0.7s; /* Firefox 4 */-webkit-transition:all 0.7s; /* Safari and Chrome */-o-transition:all 0.7s; /* Opera */ }

.about_viewmore:hover {background:#0274de;}

.about_viewmore a {text-decoration:none;color:#333;}

.about_viewmore:hover a {color:#fff;text-decoration:none;}

@media (max-width:767px){

.aboutus_inleft{height:auto;width:50%;float:left}

.aboutus_inleft:hover {height:auto;}

.aboutus_inleft a img{width: 45%;}	

.aboutus_inright{height:auto;width:50%;float:left}

.aboutus_inright a img{width: 45%;}

.aboutus_inright:hover {height:auto;}

}



.procatefenlei {background:#eee;}

.procatefenlei_in {padding-left:0px !important;padding-right:0px !important;margin-bottom:10px;}

.procatefenlei_img {width:50%;float:left;}

.procatefenlei_img img {width:100%;}

.procatefenlei_con {background: #fff;width:50%;float:right;text-align:center;border: 1px solid transparent;-webkit-transition: border-color 0.3s, border-width 0.3s;transition: border-color 0.3s, border-width 0.3s;padding: 0 15px;}

.procatefenlei_con:hover {border-color: rgba(0,0,0,0.2);border-width: 15px;}

.procatefenlei_con a {color:#333;}

.procatefenlei_con a:hover {color:#0274de}

.procate_con{height:100px;overflow:hidden;color:#bbbbbb}

.procate_viewmore {background:#eee;width:100px;height:45px;line-height:45px;margin:30px auto 0 auto;border-radius:3px;transition:all 0.7s;-moz-transition:all 0.7s; /* Firefox 4 */-webkit-transition:all 0.7s; /* Safari and Chrome */-o-transition:all 0.7s; /* Opera */}

@media (max-width:888px){.procate_viewmore{width:60px;}}

.procate_viewmore a {color:#333;}

.procate_viewmore:hover {background:#0274de;}

.procate_viewmore:hover a {color:#fff;}





.hotproduct_con {font-weight: normal;font-size: 14px;color: #666;line-height: 30px;}

.hotprolist_inbottom {margin-bottom:10px;}

.hotprolist_in {border:1px solid #ddd;background:#fff;transition:all 2s;}

.hotprolist_in:hover {background:#eee;}

.hotprolist_in img {width:100%;padding:5px;}

.protit {padding:5px;color:#0274de;margin-bottom:5px;}

.procon {padding-left:5px;color:#666;font-size:14px;}

.grid {position: relative;clear: both;margin: 0 auto;padding: 1em 0 4em;list-style: none;text-align: center;}



/* Common style */

.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 285px;max-width: 480px;max-height: 360px;width: 31%;height: auto;text-align: center;cursor: pointer;padding: 0;}

@media (max-width:991px){

.grid figure{width:100%;min-width: 100%;max-width: 100%;max-height: auto;}

}

.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}

.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.grid figure figcaption::before,

.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,

.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}

.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}

.grid figure h2 span {font-weight: 800;}

.grid figure h2,

.grid figure p {margin: 0;}

.grid figure p {letter-spacing: 1px;font-size: 68.5%;}



/* Individual effects */



/*---------------*/

/***** Julia *****/

/*---------------*/



figure.effect-julia {background: #2f3238;}

figure.effect-julia img {width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

@media (max-width:991px){

figure.effect-julia img{width:100%}

}

figure.effect-julia figcaption {text-align: left;}

figure.effect-julia h2 {position: relative;padding: 0.5em 0;}

figure.effect-julia p {display: inline-block;margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.9);color: #2f3238;text-transform: none;font-weight: 500;font-size: 75%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-360px,0,0);transform: translate3d(-360px,0,0);word-break: break-word;}

figure.effect-julia p:first-child {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}

figure.effect-julia p:nth-of-type(2) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}

figure.effect-julia p:nth-of-type(3) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}

figure.effect-julia:hover p:first-child {-webkit-transition-delay: 0s;transition-delay: 0s;}

figure.effect-julia:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}

figure.effect-julia:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}

figure.effect-julia:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

figure.effect-julia:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}



.sponeinfo {background:url(../images/shouyebeij.jpg)no-repeat center 100% fixed;}

.sponeinfo_in {background:#fff;}

.proadvan {text-transform:uppercase;}

.yinhao {text-align:center;}

.sponeinfo_con {margin-bottom:30px;color:#666;font-size:14px;line-height:30px;padding: 0 125px;}



@media (max-width:991px){

.news .news-con{width:100%}	

}

.news .news-con ul{width:100%;}

.news .news-con ul li{width:100%;display:inline-block;margin-bottom: 29px;}

.news .news-con ul li:last-child{margin-bottom:0;}

.news .news-con ul li .newstime{float:left;width:90px;border: 1px solid #ddd;height: 82px;border-radius: 3px;margin-top: 6px;}

.news .news-con ul li .newstime b{display:block;font-size:19px;padding: 10px 10px 0 10px;}

.news .news-con ul li .newstime span{font-size:16px;padding: 10px 0 10px 10px;}

.news .news-con ul li .newstxt{float:right;width:82%;}

@media (max-width:768px){

.news .news-con ul li .newstxt{float:right;width:75%;}

}

@media (max-width:645px){

.news .news-con ul li .newstxt{float:right;width:65%;}

}

.news .news-con ul li .newstxt h4{font-size:18px;margin-bottom:10px;color:#333}

.news .news-con ul li .newstxt h4:hover{color:#0274de;}

.news .news-con ul li .newstxt p{color:#666;line-height:24px;}

.news-img{overflow:hidden;height:500px;}

@media (max-width:991px){

.news-img{display:none}

}

.news-img img {width:100%;transition:all 2s;}

.news-img img:hover {width:120%;}







@font-face {

	font-family: 'MisoBold';

	src: url('../fonts/miso-bold-webfont.eot');

	src: url('../fonts/miso-bold-webfont.eot') format('embedded-opentype'),  url('../fonts/miso-bold-webfont.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'fullscreen';

	src: url('../fonts/fullscreen.eot');

	src: url('../fonts/fullscreen.eot#iefix') format('embedded-opentype'),  url('../fonts/fullscreen.woff') format('woff'),  url('../fonts/fullscreen.ttf') format('truetype'),  url('../fonts/fullscreen.svg#fullscreen') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'wowslider-controls';

	src: url('../fonts/wowslider-controls.eot');

	src: url('../fonts/wowslider-controls.eot#iefix') format('embedded-opentype'),  url('../fonts/wowslider-controls.woff') format('woff'),  url('../fonts/wowslider-controls.ttf') format('truetype'),  url('../fonts/wowslider-controls.svg#wowslider-controls') format('svg');

	font-weight: normal;

	font-style: normal;

}

#wowslider-container {

	zoom: 1;

	position: relative;

	width: 100%;

	margin:95px auto 0 auto;

	z-index: 100;

	border: none;

	text-align: left; /* reset align=center */

	font-size: 10px;

	overflow: hidden;

}

#wowslider-container.fullscreen-mode, #wowslider-container.fullwidth-mode {

	max-width: none;

	max-height: none;

}

#wowslider-container .ws_images ul {

	position: relative;

	width: 10000%;

	height: 100%;

	left: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	border-spacing: 0;

	overflow: visible;/*table-layout:fixed;*/

}

#wowslider-container .ws_images ul li {

	position: relative;

	width: 1%;

	height: 100%;

	line-height: 0; /*opera*/

	overflow: hidden;

	float: left;

	font-size: 0;

	padding: 0 0 0 0 !important;

	margin: 0 0 0 0 !important;

}

#wowslider-container .ws_images {

	position: relative;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: hidden;

}

#wowslider-container.fullscreen-mode .ws_images, #wowslider-container.fullwidth-mode .ws_images {

	max-height: none;

}

#wowslider-container .ws_images a {

	width: 100%;

	display: block;

	color: transparent;

}

#wowslider-container.fullscreen-mode .ws_images a, #wowslider-container.fullwidth-mode .ws_images a {

	height: 100%;

}

#wowslider-container img {

	max-width: none !important;

}

#wowslider-container .ws_images img {

	width: 100%;

	border: none 0;

	max-width: none;

	padding: 0;

	margin: 0;

}

#wowslider-container .ws_images iframe {

	position: absolute;

	z-index: -1;

}

#wowslider-container a {

	text-decoration: none;

	outline: none;

	border: none;

}

#wowslider-container .ws_bullets {

	float: left;

	position: absolute;

	z-index: 70;

}

#wowslider-container .ws_bullets div {

	position: relative;

	float: left;

	font-size: 0px;

}

#wowslider-container a.wsl {

	display: none;

}

#wowslider-container .ws_bullets {

	padding: 10px;

}

#wowslider-container .ws_bullets a {

	margin-left: 16px;

	width: 12px;

	height: 12px;

	float: left;

	text-indent: -4000px;

	position: relative;

	background: rgb(30,165,194); /* ie */

	background: rgba(30,165,194,0.5);

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover {

	background: rgba(30,165,194,1);

}

#wowslider-container .ws_bullets a:hover {

	-webkit-animation: pulseIn .9s infinite linear;

	-moz-animation: pulseIn .9s infinite linear;

	animation: pulseIn .9s infinite linear;

}

#wowslider-container a.ws_next, #wowslider-container a.ws_prev {

	font-family: 'wowslider-controls';

	position: absolute;

	display: none;

	text-shadow: none;

	text-align: center;

	background: rgb(30,165,194);

	color: #fff;

	top: 50%;

	margin-top: -2.5em;

	height: 5em;

	width: 5em;

	z-index: 60;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}

#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover {

	background: rgba(30,165,194,0.6);

}

#wowslider-container a.ws_next {

	right: 10px;

}

#wowslider-container a.ws_next:after {

	content: '\e801';

	display: block;

	font-size: 3.5em;

	line-height: 1.7em;

}

#wowslider-container a.ws_prev {

	left: 10px;

}

#wowslider-container a.ws_prev:after {

	content: '\e800';

	display: block;

	font-size: 3.5em;

	line-height: 1.7em;

}

#wowslider-container a.ws_prev:hover:after {

	-webkit-animation: prevArrow .7s infinite ease-in-out;

	-moz-animation: prevArrow .7s infinite ease-in-out;

	animation: prevArrow .7s infinite ease-in-out;

}

#wowslider-container a.ws_next:hover:after {

	-webkit-animation: nextArrow .7s infinite ease-in-out;

	-moz-animation: nextArrow .7s infinite ease-in-out;

	animation: nextArrow .7s infinite ease-in-out;

}

* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev {

	display: block

}

#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev {

	display: block

}

/* bottom center */

#wowslider-container .ws_bullets {

	bottom: -33px;

	left: 50%;

}

#wowslider-container .ws_bullets div {

	left: -70%;

}

#wowslider-container .ws-title {

	position: absolute;

	display: block;

	bottom: 0.31em;

	left: 1.23em;

	margin: 9px;

	z-index: 50;

	font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;

	font-size: 5.5em;

	color: #FFF;

	text-shadow: 1px 1px 1px #333333;

}

#wowslider-container .ws-title div, #wowslider-container .ws-title span {

	display: inline-block;

	padding: 10px;

	background: #3398B6;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	opacity: 0.95;

 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);

}

#wowslider-container .ws-title div {

	display: block;

	background: #B02D15;

	margin-top: 10px;

	color: #FFFFFF;

	opacity: 0.8;

	text-shadow: 1px 1px 1px #000000;

}

#wowslider-container .ws_images > ul {

	animation: wsBasic 16.8s infinite;

	-moz-animation: wsBasic 16.8s infinite;

	-webkit-animation: wsBasic 16.8s infinite;

}

@keyframes wsBasic {

0% {

left:-0%

}

14.88% {

left:-0%

}

25% {

left:-100%

}

39.88% {

left:-100%

}

50% {

left:-200%

}

64.88% {

left:-200%

}

75% {

left:-300%

}

89.88% {

left:-300%

}

}

@-moz-keyframes wsBasic {

0% {

left:-0%

}

14.88% {

left:-0%

}

25% {

left:-100%

}

39.88% {

left:-100%

}

50% {

left:-200%

}

64.88% {

left:-200%

}

75% {

left:-300%

}

89.88% {

left:-300%

}

}

@-webkit-keyframes wsBasic {

0% {

left:-0%

}

14.88% {

left:-0%

}

25% {

left:-100%

}

39.88% {

left:-100%

}

50% {

left:-200%

}

64.88% {

left:-200%

}

75% {

left:-300%

}

89.88% {

left:-300%

}

}

#wowslider-container .ws_bullets a img {

	text-indent: 0;

	display: block;

	bottom: 16px;

	left: -115px;

	visibility: hidden;

	position: absolute;

	-moz-box-shadow: 0 0 5px #999999;

	box-shadow: 0 0 5px #999999;

	border: 3px solid #ffffff;

	max-width: none;

}

#wowslider-container .ws_bullets a:hover img {

	visibility: visible;

}

#wowslider-container .ws_bulframe div div {

	height: 75px;

	overflow: visible;

	position: relative;

}

#wowslider-container .ws_bulframe div div img {

	height: 100%;

}

#wowslider-container .ws_bulframe div {

	left: 0;

	overflow: hidden;

	position: relative;

	width: 200px;

	background-color: #ffffff;

}

#wowslider-container .ws_bullets .ws_bulframe {

	display: none;

	bottom: 18px;

	overflow: visible;

	position: absolute;

	cursor: pointer;

	-moz-box-shadow: 0 0 5px #999999;

	box-shadow: 0 0 5px #999999;

	border: 3px solid #ffffff;



}

#wowslider-container .ws_bulframe span {





	display: block;

	position: absolute;

	bottom: -9px;

	margin-left: 0px;

	left: 95px;

	background: url(../images/triangle.png);

	width: 15px;

	height: 6px;

}

#wowslider-container.ws_gestures, #wowslider-container.ws_gestures > div > a {

	cursor: -webkit-grab;

	cursor: -moz-grab;

	cursor: url("../fonts/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;

}

#wowslider-container.ws_gestures.ws_grabbing, #wowslider-container.ws_gestures.ws_grabbing > div > a {

	cursor: -webkit-grabbing;

	cursor: -moz-grabbing;

	cursor: url("../fonts/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;

}

/* hide controls when video start play */

#wowslider-container.ws_video_playing .ws_bullets {

	display: none;

}

#wowslider-container.ws_video_playing:hover .ws_bullets {

	display: block;

}

/* IE fix because it don't show controls on hover if frame visible */

#wowslider-container.ws_video_playing_ie .ws_bullets, #wowslider-container.ws_video_playing_ie a.ws_next, #wowslider-container.ws_video_playing_ie a.ws_prev {

	display: block;

}

/* youtube/vimeo buttons */

#wowslider-container .ws_video_btn {

	position: absolute;

	display: none;

	cursor: pointer;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 55;

}

#wowslider-container .ws_video_btn.ws_youtube, #wowslider-container .ws_video_btn.ws_vimeo {

	display: block;

}

#wowslider-container .ws_video_btn div {

	position: absolute;

	background-image: url(../images/playvideo.png);

	background-size: 200%;

	top: 50%;

	left: 50%;

	width: 7em;

	height: 5em;

	margin-left: -3.5em;

	margin-top: -2.5em;

}

#wowslider-container .ws_video_btn.ws_youtube div {

	background-position: 0 0;

}

#wowslider-container .ws_video_btn.ws_youtube:hover div {

	background-position: 100% 0;

}

#wowslider-container .ws_video_btn.ws_vimeo div {

	background-position: 0 100%;

}

#wowslider-container .ws_video_btn.ws_vimeo:hover div {

	background-position: 100% 100%;

}

#wowslider-container1 .ws_playpause.ws_hide {

	display: none !important;

}

#wowslider-container .ws_fullscreen {

	display: none;

	position: absolute;

	font-family: "fullscreen";

	top: .5em;

	right: .5em;

	font-size: 2.25em;

	z-index: 59;

	color: #1EA5C2;

	text-shadow: none;

}

#wowslider-container .ws_fullscreen:hover {

	-webkit-animation: pulseOut .9s infinite linear;

	-moz-animation: pulseOut .9s infinite linear;

	animation: pulseOut .9s infinite linear;

}

/*#wowslider-container:hover .ws_fullscreen {

	display: block;

}*/



#wowslider-container .ws_fullscreen:after {

	content: '\e800';

}

.ws_fs_wrapper {

	width: 100%;

	height: 100%;

	background: #EFECDD;

}

.ws_fs_wrapper > #wowslider-container, .ws_fs_wrapper > #wowslider-container .ws_images {

	margin: 0 auto;

	max-height: none;

}

.ws_fs_wrapper > #wowslider-container .ws_fullscreen {

	position: fixed;

	display: block;

}

.ws_fs_wrapper > #wowslider-container .ws_fullscreen:after {

	content: '\e801';

}

.ws_fs_wrapper > #wowslider-container {

	border: 0;

	outline: 0;

	-webkit-box-shadow: 0;

	-moz-box-shadow: 0;

	box-shadow: 0;

}

 @-webkit-keyframes pulseIn {

 0% {

-webkit-transform: scale(1);

}

 50% {

-webkit-transform: scale(1.2);

}

 100% {

-webkit-transform: scale(1);

}

}

@-moz-keyframes pulseIn {

 0% {

-moz-transform: scale(1);

}

 50% {

-moz-transform: scale(1.2);

}

 100% {

-moz-transform: scale(1);

}

}

@keyframes pulseIn {

 0% {

transform: scale(1);

}

 50% {

transform: scale(1.2);

}

 100% {

transform: scale(1);

}

}

 @-webkit-keyframes pulseOut {

 0% {

-webkit-transform: scale(1);

}

 50% {

-webkit-transform: scale(0.8);

}

 100% {

-webkit-transform: scale(1);

}

}

@-moz-keyframes pulseOut {

 0% {

-moz-transform: scale(1);

}

 50% {

-moz-transform: scale(0.8);

}

 100% {

-moz-transform: scale(1);

}

}

@keyframes pulseOut {

 0% {

transform: scale(1);

}

 50% {

transform: scale(0.8);

}

 100% {

transform: scale(1);

}

}

 @-webkit-keyframes nextArrow {

 0%, 100% {

-webkit-transform: translateX(0px);

}

 25% {

-webkit-transform: translateX(2px);

}

 75% {

-webkit-transform: translateX(-2px);

}

}

@-moz-keyframes nextArrow {

 0%, 100% {

-moz-transform: translateX(0px);

}

 25% {

-moz-transform: translateX(2px);

}

 75% {

-moz-transform: translateX(-2px);

}

}

@keyframes nextArrow {

 0%, 100% {

-moz-transform: translateX(0px);

transform: translateX(0px);

}

 25% {

-moz-transform: translateX(2px);

transform: translateX(2px);

}

 75% {

-moz-transform: translateX(-2px);

transform: translateX(-2px);

}

}

 @-webkit-keyframes prevArrow {

 0%, 100% {

-webkit-transform: translateX(0px);

}

 25% {

-webkit-transform: translateX(-2px);

}

 75% {

-webkit-transform: translateX(2px);

}

}

@-moz-keyframes prevArrow {

 0%, 100% {

-moz-transform: translateX(0px);

}

 25% {

-moz-transform: translateX(-2px);

}

 75% {

-moz-transform: translateX(2px);

}

}

@keyframes prevArrow {

 0%, 100% {

-moz-transform: translateX(0px);

transform: translateX(0px);

}

 25% {

-moz-transform: translateX(-2px);

transform: translateX(-2px);

}

 75% {

-moz-transform: translateX(2px);

transform: translateX(2px);

}

}



.inner-banner{margin-top:95px;width:100%;}

.inner-banner img{width:100%;}



.sidebar{float:left;width:240px;padding-top:24px;}

.main{padding:30px 0 0 0px;float: right;width: 78%;}

.ctit h3{font-size: 16px;color: #fff;line-height:42px;border: 1px solid #0274de;text-transform:uppercase;margin-bottom: auto;padding-left: 20px;margin-top: 2px;background: #0274de;}

.bPosition{background: #0274de;line-height:36px;padding:0 16px;color:#EEE;margin-bottom:16px;}

.bPosition a{color: #FFF !important;}

.pcon_l{

    width:  100%;

    text-align:  center;

}

.pcon_r{

    text-align: center;

}

h1.pd-title{font-size:18px;font-weight:600;margin-top:0px;color:#4a4a4a;padding-top:15px;line-height:24px;border-top:1px solid #E4E2E2;text-transform:none;margin-bottom:20px;}

.pcon_r .pcon_info{line-height:30px;color:333;}

.pcon_r .p_more{line-height:48px;height:48px;padding:0 20px;}

.pcon{padding-top:30px;float:left;width:100%;}

.pcon .tit{height:40px;line-height:40px;padding-left:20px;background:#f3efec;color:#000;font-size:18px;}

.pcon .pinfo{display:block;line-height:24px;padding:20px 20px 30px 20px;}

.pcon .pinfo img{max-width:100%;margin:0px auto;}

.acon{float:left;width:100%;}

.acon .pinfo{display:block;line-height:24px;padding:20px 0 30px 20px;}

.proIntro{color:#999;padding:10px 10px; margin:10px 0; border:1px solid #eee; border-radius:5px;}

.prosubmenu li{float:left;width:32%;line-height:24px;}

.prosubmenu{padding:3px 0 0 10px;}

.sf-menu{display:table;width: 241px;margin: 0px auto 15px auto;padding-bottom:20px;border: 5px solid #eee;position: relative;}

.sf-menu li{clear:both;border-bottom: 1px solid #eee;position: relative;}

.sf-menu li a,.sf-menu li:hover a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url(../images/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px;}

.sf-menu li a:hover{background-color:#f2f2f2}

.sf-menu li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px;background: #0274de;}

.sf-menu li li.LiLevel2 a{background:url(../images/icon01.gif) no-repeat 8px 11px;line-height:26px;}

.sf-menu li li.LiProDetail a{width: 200px;}

.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color: #fff;padding:6px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}

.sf-menu li li a:hover{text-decoration:none;font-weight:bold;color:#555;}

ul.sf-menu ul{display:none;}

.sf-menu li:hover ul{display:block}

ul.sf-menu ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999}

.sf-menu li li li{background:#FFF;padding:0px;}

.sf-menu li li:hover{opacity:1}



.sf-menu li li li a,.sf-menu li:hover li li a{text-decoration:none;background:url(../images/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}

ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}

ul.sf-menu li:hover > ul{visibility:visible;margin:0px;padding:0px;}

ul.sf-menu li.Level1 > a{background:url(../images/pico1.png) 3px 15px no-repeat;}

.sf-menu1{display:table;width:220px;margin:0px auto;padding-bottom:20px;}

.sf-menu1 li{clear:both;border-bottom:1px solid #EEE;}

.sf-menu1 li a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url(../images/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px;}

.sf-menu1 li a:hover{background-color:#f2f2f2}

.sf-menu1 li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px;}

.sf-menu1 li li.LiLevel2 a{background:url(../images/icon01.gif) no-repeat 8px 11px;line-height:26px;}



.sf-menu1 li li.LiProDetail a{background:url(../images/ico_sort.png) no-repeat 8px 11px;}

.sf-menu1 li li a{display:block;line-height:20px;color:#777;padding:2px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}

.sf-menu1 li li a:hover{text-decoration:none;font-weight:bold;color:#555;}

ul.sf-menu1 ul{visibility:visible}

ul.sf-menu1 ul ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999}

.sf-menu1 li li li{background:#FFF;padding:0px;}

.sf-menu1 li li:hover{opacity:1}

.sf-menu1 li li li a,.sf-menu1 li:hover li li a{text-decoration:none;background:url(../images/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}

ul.pro-menu{margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}

ul.sf-menu1 li.Level1 > a{background:url(../images/pico1.png) 3px 15px no-repeat;}

.sf-menu2{display:table;width:220px;margin:0px auto;padding-bottom:20px;}

.sf-menu2 li{clear:both;border-bottom:1px solid #EEE;position:relative;}

.sf-menu2 li a,.sf-menu2 li:hover a{display:block;color:#0a4da6;color:#333;line-height:24px;font-size:16px;background:url(../images/pico.png) 3px 15px no-repeat;padding:9px 0 6px 14px;}

.sf-menu2 li a:hover{background-color:#f2f2f2}

.sf-menu2 li li{clear:both;text-transform:capitalize;margin:0px auto;position:relative;border-bottom:none;padding-bottom:0px;border-bottom:1px solid #fff;}

.sf-menu2 li li.LiLevel2 a{background:url(../images/icon01.gif) no-repeat 8px 13;line-height:26px;}

.sf-menu2 li li.LiProDetail a{background:url(../images/ico_sort.png) no-repeat 8px 13px;}

.sf-menu2 li li a,.sf-menu2 li:hover li a{display:block;line-height:20px;color:#777;padding:6px 0 4px 0px;text-decoration:none;font-size:12px;padding-left:18px;font-weight:normal;}

.sf-menu2 li li a:hover{text-decoration:none;font-weight:bold;color:#555;}

ul.sf-menu2 ul{display:none;}

.sf-menu2 li:hover ul{display:block}

ul.sf-menu2 ul{position:absolute;left:220px;width:220px;top:0px;margin:0px;visibility:hidden;border:0px;border-radius:0px;border-left:0px;z-index:999999;background:#EEE;}

.sf-menu2 li li li{background:#FFF;padding:0px;}

.sf-menu2 li li:hover{opacity:1}

.sf-menu2 li li li a,.sf-menu2 li:hover li li a{text-decoration:none;background:url(../images/ico_sort.png) #f2f2f2 no-repeat 8px 11px;border-bottom:1px solid #ddd;padding:5px 0 3px 12px;text-indent:8px;}

ul.pro-menu{margin-top: 0px;position: absolute;padding:0px;text-transform:capitalize;left: 231px;top: 0px;z-index: 1024;}

ul.sf-menu2 li:hover > ul{visibility:visible;margin:0px;padding:0px;}

@media (max-width:640px){ul.pro-menu{position:inherit;left:0px}.sf-menu li li.LiProDetail a{width:100%}}

ul.sf-menu2 li.Level1 > a{background:url(../images/pico1.png) 3px 15px no-repeat;}

.lsec{margin-top: 10px;width: 240px;border: 5px solid #eee;padding: 15px;}



@media screen and (max-width:1266px){

.procate_tit{display:none;}

.procatefenleiimg{display:none;}

}



@media screen and (min-width:1004px){.top .fl{min-width:690px;overflow:hidden;}

.pro_lb1 li:nth-child(4n+5){clear:both}

}

@media screen and (max-width:1004px) and (min-width:960px){.top .fl{float:none;clear:both;max-width:100%;}

.col2{width:27%}

.col3{width:28%}

.pro_lb1 li{width:33.33%;}

.pro_lb1 li:nth-child(3n+4){clear:both}}

@media screen and (max-width:960px) and (min-width:640px){.logo{float:none;width:100%;text-align:center}

.head-text,.top .fr .xyz{display:none;}

.logo img{max-height:70px;}

.prolist li{float:left;width:98%;height:200px;border:1px solid #dddada;margin:15px 0.8%;}

.hotpro li{width:50%;}

.tnew,.lnew{float:none;width:100%;clear:both}

#nav .fl,#nav .fr{display:block;}

#nav ul{display:none;position:absolute;top:60px;left:0;}

#nav{height:60px;position:relative;}

.col1{width:50%;}

.col2{width:262px;padding-right:15px;float:right;}

.col3{padding-left:15px;clear:both}

.pro_lb1 li{width:50%;}

.pro_lb1 li:nth-child(2n+3){clear:both}

.pcon_r{word-break:break-word;}

.newslist li a{width:75%;}

#nav li#liHome{border-left:0px;}}

@media screen and (max-width:960px) and (min-width:700px){.pcon_l{float:none;width:402px;margin:0px auto;overflow:hidden;}

.pcon_r{padding-left:0px;}

.pcon_r .pd-title,.pcon_r .pcon_info{padding-left:20px;}

.pcon_r .p_more{margin-left:20px;}

.zoomdiv,.jqZoomPup{display:none!important}

.rnews li{float:none;display:block;width:100%;margin:0px auto;}

.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}

#nav li#liHome{border-left:0px;}}

@media screen and (max-width:700px) and (min-width:480px){.pcon_l{float:none;width:400px;margin:0px auto;overflow:hidden}

.pcon_r{padding-left:12px;}

.zoomdiv,.jqZoomPup{display:none!important}

.newslist li a{width:75%;}

.rnews li{float:none;display:block;width:100%;margin:0px auto;}

.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}

#nav li#liHome{border-left:0px;}}

@media screen and (max-width:640px){.top .fl,.top .fr{float:none;width:100%;margin-top:0px;}

.tnew,.lnew{float:none;width:100%;clear:both}

.hotpro li{float:left;width:50%;}

.hotpro li.hotpro li .p_more{display:none}

.tnew .tbox{height:160px;}

.tnew p{max-height:106px;}

.ttext{padding:0 12px 0 172px;}

.tnew img{width:160px;}

.prolist li{float:none;width:98%;height:160px;}

.propic{height:160px;width:160px;text-align:center}

.propic img{max-height:160px;max-width:160px;}

.protext{padding:0 12px 0 180px;font-size:12px;}

.protext h3{font-size:14px;margin-top:25px;}

.protext p{max-height:40px;overflow:hidden;}

.p_more{margin:16px 0;display:inline-block;min-width:85px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;color:#FFF;}

.col1,.col2{display:none;}

.col3{float:none;width:auto;margin:0px;padding:0px;}

.col3 h3{text-indent:15px;}

.col4{float:left;}

.ccs{word-break:break-word;word-wrap:break-word;padding:0 15px;}

.col4{float:left;padding-left:15px;}

.pro_lb1 li{width:50%;}

.sidebar{float:none;width:100%;padding-top:12px;}

.main{padding:6px 0 0 0px;width: 100%;}

.sf-menu{display:table;width:96%;margin:0px auto;padding-bottom:20px;}

.lsec{margin-top: 10px;width: 96%;border: 5px solid #eee;padding: 15px;margin:10px auto;}

ul.sf-menu ul ul{display:none!important;}

.ctit h3{text-indent:10px;}

.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}

.newcon{padding:0 12px;}

.procate_tit{display:none;}

.procatefenleiimg{display:none;}}





h1{text-transform:capitalize;}

.pro_lb0{float:left;width:100%}

.pro_lb0 li{clear:both;border-bottom:1px solid #EEE;padding:8px 12px 8px 0;}

.pro_lb0 li:hover{background:#fffcf3;}

.pro_lb0 .fl{float:left;padding-right:20px;}

.pro_lb0 .pimg{background:#FFF;width: 260px;height: 260px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #EEE;padding:2px;overflow:hidden;}

.pro_lb0 img{max-width: 260px;_width:150px;max-height: 255px;_margin-top:expression_r((300-this.height)/2);padding-top:5px;}

.pro_lb0 p{line-height:20px;margin:0px;padding:6px 0 0 170px;word-break:break-word;}

.pro_lb0 .pinfo{display:block;font-size:12px;color:#777;max-height:100px;overflow:hidden;}

.pro_lb0 strong{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0;overflow:hidden}

.pro_lb0 strong a{color:#333;}

.pro_lb0 strong a:hover{color:#56ce3f}



.pro_lb0 h3{display:block;max-height:38px;font-size:14px;padding:4px 0 6px 0;overflow:hidden}

.pro_lb0 h3 a{color:#333;}

.pro_lb0 h3 a:hover{color:#56ce3f}

.pro_lb1 h3{ font-weight:normal;}



.pro_lb0 span{display:block;}

.pro_lb1{float: left;padding-top:10px;width:100%;}

.pro_lb1 p{line-height:24px;}

.pro_lb1 li{float:left;width:25%;}

.pro_lb1 li .pp_box{margin:15px 12px;}

.pro_lb1 li a{display:block;position:relative;}

.pro_lb1 li a img{width:100%;}

.pro_lb1 li a .text{width:100%;height:60px;background:#8f8f8f;position:absolute;z-index:1;bottom:0;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.pro_lb1 li a .tex{width:100%;height:40px;line-height:20px;position:absolute;z-index:2;bottom:0;text-align:center;overflow:hidden;color:#FFF;}

.pro_lb1 li a:hover .text{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

.pro_lb1 .li0{padding-right:0;}

.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}

.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;}

.pages a:link,.pages a:visited{color:#666;background:#FFF;}

.pages a:hover,.pages a:active,.pages span.ctxt{color:#FFF;background:#333;color:#FFF;text-decoration:none}

.newslist{margin:12px auto 12px auto;float:left;width:100%;}

.newslist ul{padding-right:16px}

.newslist li{text-align:right;height:36px;background:url(../images/arrow-list.gif) 8px 10px no-repeat;border-bottom:1px dashed #ddd;line-height:32px;color:#888;overflow:hidden}

.newslist li a{float:left;font-size:14px;text-align:left;text-indent:6px;color: #666;}

.newslist li a:hover{color:#0274de;text-decoration:underline}

.rnews,.rollPro{margin:0px auto;}

.rnews h3,.rollPro h3{font-size:18px;line-height:24px;padding:10px 0 12px 0;color:#333;font-weight:normal;height:30px}

.rnews li{float:left;width:50%;height:30px;line-height:30px;}

.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:12px;border-bottom:1px dashed #EEE;color: #666;}

.rnews li a:hover{color:#0274de;}

.rollPro{height:220px;margin-bottom:30px;}

.rollPro .Cont{width:94%;overflow:hidden;margin:0px auto;}

.rollPro .ScrCont{width:10000000px;}

.rollPro .pic{position:relative;width:170px;height:160px;margin:0 3px;border:1px solid #EEE;text-align:center;}

.rollPro .pbox img{max-width:162px;max-height:100px;}

.rollPro .pbox{width:100%;height:120px;text-align:center;}

.rollPro p{height:42px;overflow:hidden;line-height:20px;position:absolute;bottom:0;}

.rollPro #List1,.rollPro #List2,.rollPro .wen_jt,.rollPro .Cont,.rollPro .pic{float:left;}

.rollPro .wen_jt{width:24px;padding-top:45px;}

.newcon{padding-top:28px;}

.newcon .tit{text-align:center;color:#000;font-size:18px;}

.newcon .time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0px auto;text-align:center;}

.newcon p{padding-top:20px;line-height:24px;}

.pinfo{font-size:14px;}

.newcon .pn{padding:12px 0 0 0;min-height: 59px;}

.newcon .prev,.newcon .next{float:left;font-size:16px;padding:6px 0;width:48%;white-space:nowrap;margin-right:2%;text-overflow:ellipsis;overflow:hidden;height: 43px;}

.newcon .next{margin-right:0;}

.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px;}

.buybtn a{display:inline-block;padding:0 15px;color:#FFF;height:40px;background:#0a4da6;border-radius:2px;font-size:18px;}

.buybtn a:hover{background:#145cbc;color:#FFF;border-radius:2px;}

.pshare{float:left;padding:8px 0 0 0;}

.jsshare {text-align:center;padding-top:8px;}

.pshare li{float:left;width:48%;height:28px;line-height:28px;}

.pshare li img{vertical-align:middle;margin-right:12px;}

.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}

.jsshare a,.jsshare a img{width:35px;vertical-align:middle}

.addthis_sharing_toolbox{display:inline-block}

span.at-icon-wrapper,.at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important;}

.p_more{margin:16px 0;display:inline-block;min-width:85px;padding:0 15px;height:30px;line-height:30px;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;color: #FFF !important;}

.mmv{background-color: #0274de;padding:0px 13px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0,0,0,0);transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}

.mmv::before{background-color:rgb(25, 38, 52);transform-origin:0% 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;}

.mmv:hover{color:white;text-decoration:underline}

.mmv:focus{color:white;}

.mmv:active{color:white;}

.mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}

.mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}

.mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1);}



@media screen and (max-width:480px){.hotpro span{display:none}

.col1,.col2{display:none;}

.col3{float:none;width:auto;margin:0px;padding:0px;}

.col3 h3{text-indent:15px;}

.col4{float:left;}

.pro_lb1 li{width:100%;}

.pages span{display:none;}

.pages span.ctxt{display:inline-block}

.pcon_l{float:none;margin:0px auto;overflow:hidden}

.pcon_r{padding-left:12px;}

.pcon_l{float:none;width:302px;margin:0px auto;overflow:hidden}

.spec-preview,.jqzoom{width:300px!important;height:300px!important;}

.jqzoom img {max-width:300px!important;max-height:300px!important;}

.spec-scroll .items{width:244px!important;}

.spec-scroll{width:302px!important;}

.zoomdiv,.jqZoomPup{display:none!important}

.newslist li a,.rnews li{float:none;display:block;width:100%;}

.newslist li span{display:none;}

.newcon .prev,.newcon .next{float:none;width:100%;margin:0px auto;}

.newcon{padding:0 12px;}

#nav li#liHome{border-left:0px;}

.es-carousel ul li a{width:100%;height:100px;line-height:100px;}

.es-carousel ul li a img{max-height:96px;max-width:100%;}}

.table{border-collapse:collapse;}

.table td, .table th{border:1px solid #cdcdcd;padding:5px;}

.table p{padding:0px;margin:0px;}

.buybtn{clear:both;width:200px;height:40px;margin:20px 0 0 0;text-align:left;line-height:40px;}

.buybtn a{display:inline-block;padding:0 15px;color:#FFF;height:40px;background:#0a4da6;border-radius:2px;font-size:18px;}

.buybtn a:hover{background:#145cbc;color:#FFF;border-radius:2px;}

.pshare{float:left;padding:8px 0 0 0;}

.jsshare {text-align:center;padding-top:8px;}

.pshare li{float:left;width:48%;height:28px;line-height:28px;}

.pshare li img{vertical-align:middle;margin-right:12px;}

.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}

.jsshare a,.jsshare a img{width:35px;vertical-align:middle}

.addthis_sharing_toolbox{display:inline-block}

span.at-icon-wrapper,.at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important;}

.tenflag1,.tenflag2,.tenflag3{width:680px;clear:both}

.tenflag1{border:1px solid #EEE;}

.tenflag1 dt{border-bottom:1px solid #EEE;}

.tenflag1 dd{text-indent:12px;}

.tenflag1 dt,.tenflag2 dt,.tenflag3 dt{font-size:16px;font-weight:bold;padding:16px 0 12px 12px;}

.tenflag2 dd{float:left;width:20%;margin:0px;padding:0px;line-height:36px;text-align:left}

.tenflag1 dd{height:36px;line-height:36px;border-bottom:1px solid #EEE;padding:0px;margin:0px;background:#f5f5f5;}

.tenflag1 dd span{float:left;width:36%;background:#FFF;font-weight:bold}

.tenflag1 dd:nth-child(2n) span{background:#f5f5f5;}

.tenflag1 dd:nth-child(2n){background:#FFF;}

.tenflag2 dd{text-align:center;}

.tenflag2 dd img{width:116px;display:block;margin:0px auto;padding-bottom:0px!important;}

.tenflag2 dd p{padding:0 0 6px 0!important;margin:0px;}

.tenflag3 img{width:680px!important;height:448px!important}

.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../images/down1_2.png) right top no-repeat;padding-right:50px}

.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../images/down1_1.png)no-repeat;padding:0 0 0 16px;}

.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}

.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../images/down2_1.png)no-repeat;padding:0 12px 0 16px;}

.pdown2 #A_DownLoadProduct{background:url(../images/down2_2.png) right top no-repeat;}

.pdown3 #A_DownLoadProduct{ background:url(../images/down2_3.png) right top no-repeat;}

.pdown4 #A_DownLoadProduct{background:url(../images/down2_4.png) right top no-repeat;}

.proCateTags{clear:both;padding:0 10px 8px 10px;margin:0 10px;border:1px solid #EEE;border-radius:5px;}

.proCateTags h3{font-size:14px;line-height:32px;margin:0px;padding:0px;}

.keywords{margin:12px auto;}

.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}

.keywords a:hover{text-decoration:none;}

.plist{}

.qrcode{height:24px;float:right;line-height:24px;background:url(../images/2wm.png) no-repeat;background-size:24px 24px;text-align:left;cursor:pointer;position:relative;margin:-24px 12px 0 12px;}

.qrcode .ErWeiImg{width:24px;height:24px;opacity:0;border:3px solid #fff;position:absolute;z-index:9999999999999999999}

.qrcode span{display:inline-block;background:url(../images/bmore.png) right no-repeat;padding:0 12px 0 30px;background-size:8px 7px;color:#FFF;}

.qrcode:hover span{background:url(../images/bmore1.png) right no-repeat;background-size:8px 7px;}

.hamore{color:#FFF;clear:both;float:left;height:36px;line-height:36px;background:#5fa568;padding:0 20px;margin-top:12px;}}



#formsearch{margin-top:25px;}

#txtSearch{height: 30px;padding-left: 8px;}

@media (max-width:640px){#txtSearch{width:90%}}

@media (max-width:610px){#txtSearch{width: 85%;}}

@media (max-width:375px){#txtSearch{width: 83%;}}

@media (max-width:375px){#txtSearch{width: 80%;}}

#btnSearch{height: 30px;border: none;color: #fff;background: #0274de;font-size: 12px;padding: 0 6px;}





.rollPro1 {width:100%;margin:10px auto;overflow: hidden;}

.ptit{height:40px;line-height:40px;padding-left:20px;background:#f3efec;color:#000;font-size:18px; margin-top:10px;}

.productsTitle h4{  margin:10px 0px;text-align:left;text-indent:10px;color:#333;font-size: 20px;font-weight: normal; padding:3px 0px;}

.rollPro1 li { width:32%; float:left; margin-right:2%; text-align:center;}

.rollPro1 li:nth-of-type(3n) { margin-right:0%;}  

.rollPro1 li .pbox { border:1px solid #e2e2e2; padding:4px; height:200px;}

.rollPro1 li .pbox img { max-width:100%; max-height:190px;}

.rollPro1 li p { height:50px; line-height:25px; overflow:hidden; margin:10px auto;}



.pro-body { margin-bottom:10px;}

.navbar1 .container{position:relative;}

#xyz{position:absolute;right:4px;top:5px;}

@media (max-width:960px){#xyz{dispaly:none;}}

.pdown1 #A_DownLoadProduct {display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(../images/down1_2.png) right top no-repeat;padding-right:50px;}

.pdown1 #A_DownLoadProduct span {display:inline-block;height:32px;background:url(../images/down1_1.png)no-repeat;padding:0px 0px 0px 16px;}

.pdown2 #A_DownLoadProduct, .pdown3 #A_DownLoadProduct, .pdown4 #A_DownLoadProduct {display:inline-block;clear:both;height:45px;margin:16px 0px 0px 0px;line-height:45px;padding-right:45px;}

.pdown2 #A_DownLoadProduct span, .pdown3 #A_DownLoadProduct span, .pdown4 #A_DownLoadProduct span {display:inline-block;height:45px;background:url(../images/down2_1.png)no-repeat;padding:0px 12px 0px 16px;}

.pdown2 #A_DownLoadProduct {background:url(../images/down2_2.png) right top no-repeat;}

.pdown3 #A_DownLoadProduct {background:url(../images/down2_3.png) right top no-repeat;}

.pdown4 #A_DownLoadProduct {background:url(../images/down2_4.png) right top no-repeat;}

#feedbackForm table{width:100%;max-width:600px;_width:600px;margin-top:20px;margin:0px auto;text-align:left;}

.ftxt{width:30%;}

.fput{width:68%;}

#feedbackForm .text{float:left;width:90%;height:26px;margin:16px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px;border:1px solid #CCC;}

#feedbackForm .lable{padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}

#feedbackForm .atextarea{float:left;width:90%;padding:0px;margin:16px 0px 0px 0px;border:1px solid #CCC;height:100px;font-size:12px;line-height:24px;font-family:Arial, Helvetica, sans-serif;color:#666;}

#feedbackForm .submita{display:inline-blockl;padding:0 20px;height:30px;line-height:30px;text-align:center;font-size:18px;background:#ff9c00;margin:20px auto;border:none;color:#FFF;cursor:pointer}

#feedbackForm .fsbtn{text-align:center;width:90%;border:1px solid #fff;}

#feedbackForm span.xh{color:#E60012;}

.footlinks{

	text-align: center;

}

.footlinks a{

	color: #333;

}

.e_mobile {display: inline-block;height:25px;line-height:25px;background:url(../images/emobile.png) 0px -50px no-repeat;text-indent:25px;color:#333;}