@charset "utf-8";

/*CSS重置*/

body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd {
    margin: 0px;
}

input,
button,
ul,
ol,
textarea {
    margin: 0px;
    padding: 0px;
}

body,
input,
button,
form {
    font: 14px/26px "微软雅黑", "宋体", "Arial Black";
    color: #666666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: normal;
}

ul,
ol {
    list-style: none;
}

img {
    border: 0px;
}

em {
    font-style: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*网站公用样式表 */

a {
    text-decoration: none;
    color: #666666;
}

a:hover {
    text-decoration: none;
    color: #0d8be7;
    font-weight: bold;
}

a:visited {
    text-decoration: none;
}

.w990 {
    width: 990px;
    margin: 0px auto;
}

.w1000 {
    width: 1000px;
    margin: 0px auto;
}

.blue {
    color: #0d8be7;
}

.f12 {
    font-size: 12px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.hidden {
    display: none;
}

.red {
    color: #F00;
}


/*清除浮动*/

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}


/* topper */

#topper_center {
    width: 100%;
    height: 33px;
    line-height: 33px;
    color: #393939;
    background: url(../images/shadow.jpg) no-repeat bottom;
    padding-bottom: 9px;
}

#topper_center .topper_bg {
    margin-top: 5px;
    background: #fcfdfe;
}

#topper .opr {
    width: 170px;
    text-align: right;
}

#topper .opr .addFavo {
    width: 75px;
    background: url(../images/addFavo.jpg) no-repeat left;
}

#topper .opr .setHome {
    width: 75px;
    background: url(../images/setHome.jpg) no-repeat left;
}

#topper .opr a {}

#topper .wel {
    padding-left: 30px;
    background: url(../images/wel.jpg) no-repeat left;
}


/* header */

#header_center {
    height: 104px;
    padding-top: 30px
}

#header .topad {
    padding: 10px 0 0px 30px;
    font-size: 16px;
    line-height: 25px;
}

#header .topad em {
    display: block;
    font-size: 24px;
    font-weight: bold;
}


/*tel*/

#header .tel {
    width: 242px;
    padding-top: 8px;
    line-height: 18px;
}

#header .tel span {
    font-size: 18px;
    display: block;
    padding-top: 8px;
}

#header .tel em {
    display: block;
    font-size: 25px;
    line-height: 36px;
    +line-height: 16px;
    font-family: impact;
}

#header .tel s {
    width: 73px;
    height: 77px;
    background: url(../images/tel.jpg) no-repeat left;
    margin-right: 13px;
    vertical-align: middle;
}


/* nav */

#nav {
    width: 100%;
    height: 72px;
    background: url(../images/navbg.jpg) repeat-x left top;
    text-align: center;
    position: relative;
    z-index: 99;
}

#nav_center {
    width: 990px;
}

#nav .navList li.item {
    width: 110px;
    line-height: 72px;
    height: 72px;
    float: left;
    background: url(../images/nav_line.jpg) no-repeat left top;
    position: relative;
    margin-left: 4%;
}

#nav .navList li.item:first-child {
    background: none;
}

#nav .navList a {
    color: #FFF;
    display: block;
}

#nav .navList li a:hover,
#nav .navList li #cur {
    background: url(../images/nav_a.jpg) no-repeat center top;
    color: #ac2800;
}

#nav ul.subNavList {
    width: 900px;
    display: none;
    position: absolute;
    top: 72px;
    z-index: 100;
    text-align: right;
}

#nav ul.subNavList li {
    width: 110px;
    height: 50px;
    line-height: 40px;
    float: left;
    padding: 0px;
    display: block;
    background: url(../images/subNav_bg.png) repeat left top;
}

#nav ul.subNavList li:first-child {
    background: url(../images/subNav_bg.png) repeat left top;
}

#nav ul.subNavList li a {
    height: 38px;
    display: block;
    white-space: nowrap;
    font-weight: normal;
    text-align: center;
    color: #0d8be7;
    margin-top: 1px;
    background: url(../images/nav_line2.png) repeat-y right top;
}

#nav ul.subNavList li a:hover {
    background: url(../images/nav_line2.png) repeat-y right top;
    text-decoration: underline;
    ;
    color: #0d8be7;
}


/* banner */

.banner,
.banner ul,
.banner img {
    height: 455px;
}

.banner {
    width: 100%;
    min-width: 1000px;
    position: relative;
    z-index: 9;
}

.banner ul {
    width: 100%;
}

.banner li {
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: #FFF;
}

.banner img,
.minBanner img {
    width: 1920px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner .tip {
    width: 960px;
    height: 17px;
    line-height: 0;
    font-size: 0;
    text-align: right;
    position: absolute;
    left: 50%;
    margin-left: -480px;
    bottom: 22px;
    z-index: 3;
}

.banner .tip span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 7px;
    cursor: pointer;
    background: #0d8be7;
}

.banner .tip span.cur {
    background: #ff8b07;
}


/*search*/

#search {
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #7a7b7b;
    background: #cccccc;
    margin-top: 45px;
}

#search .search_form {
    width: 275px;
    height: 32px;
    position: relative;
    margin-top: 20px;
}

#search .search_form .stxt {
    width: 215px;
    height: 30px;
    display: block;
    float: left;
    background: #FFF;
    color: #b5b2b2;
    font-size: 14px;
    text-indent: 10px;
    border: 1px solid #bfbfbf;
}

#search .search_form .sbtn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 32px;
    display: block;
    background-color: #ff8b07;
    border: 0;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
}

#search .skey {
    color: #5a5a5a;
}

#search .skey a {
    color: #5a5a5a;
    margin: 0px 6px 0px 4px;
}

#search .skey a:hover {
    color: #f35b07;
}


/*标题公用*/

.itit {
    width: 100%;
    text-align: left;
    padding-bottom: 48px;
}

.itit_left {
    background: url(../images/itit_left_bg.png) no-repeat left bottom;
    padding-left: 75px;
    padding-top: 20px;
}

.itit_left h2 {
    width: 50%;
    text-align: left;
    font-size: 24.79px;
    color: #212121;
    text-transform: uppercase;
}

.itit_left h2 span {
    padding-right: 20px;
}

.itit_left p {
    font-size: 15.86px;
    margin-top: 5px;
}


/*product*/

#product {
    width: 100%;
    background: url(../images/product_bg.jpg) no-repeat;
    background-size: cover;
}

#product_center {
    padding-top: 45px;
    padding-bottom: 25px;
}

#product .product_left {
    width: 204px;
    text-align: center;
    border: 3px solid #0375ca;
}

#product .product_left_title,
#product .product_left_bottom {
    background: #2b92df;
    color: #FFF;
    height: 50px;
}

#product .product_left_title h2 {
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    padding-top: 5px;
}

#product .product_left_title .en {
    font-size: 12px;
    display: block;
    height: 15px;
    line-height: 15px;
}

#product .product_left .productsList {
    display: block;
    padding: 15px;
    /*margin-bottom: 16px;*/
}

#product .product_left .productsList .list_1 {
    text-align: left;
    margin-bottom: 5px;
}

#product .product_left .productsList .list_1 a.nav1 {
    background: #dbe5e7;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding-left: 10px;
}

#product .product_left .productsList .list_1 a.nav1 s {
    background: url(../images/pros.jpg) no-repeat left center;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#product .product_left .productsList .list_1 a.nav1:hover {
    background: #2b92df;
    color: #FFF;
}

#product .product_left .productsList .list_2 {
    text-align: left;
    margin-left: 15px;
    font-size: 14px;
    line-height: 30px;
}

#product .product_left .productsList .list_2 a {
    padding-left: 15px;
    background: url(../images/subnav.png) left center no-repeat;
    display: block;
    height: 30px;
}

#product .product_left .productsList .list_2 a:hover {
    color: #2b92df;
}

#product .product_right {
    width: 758px;
}

#product .product_right ul {
    width: 120%;
    overflow: hidden;
}

#product .product_right li {
    width: 360px;
    /*height: 218px;*/
    float: left;
    background: #dbe5e7;
    margin-right: 20px;
    margin-bottom: 25px;
    border: 2px solid #dbe5e7;
}

#product .product_right li span {
    clear: both;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#product .product_right li img {
    width: 100%;
    /*height: 176px;*/
    text-align: center;
}

#product .product_right li:hover {
    background: #2b92df;
    border: 2px solid #2b92df;
}

#product .product_right li a:hover {
    color: #FFF;
}

#product .product_right li a {
    display: block;
    /*height: 218px;*/
}


/*case*/

.iscase {
    width: 100%;
    background: url(../images/case_bg.png) repeat-x center;
    margin-top: -20px;
}

.iscase_center {
    background: url(../images/case_center_bg.png) no-repeat center;
    padding-bottom: 40px;
}

.iscase .case_title {
    text-align: center;
    color: #FFF;
    font-size: 18px;
    background: url(../images/case_line.png) no-repeat center;
    padding-top: 40px;
}

.iscase h2 {
    font-size: 42px;
    text-transform: uppercase;
    padding-bottom: 8px;
    color: #e3e1e0;
    font-family: "Goudy Handtooled";
    background: url(../images/case.png) no-repeat center;
    width: 110px;
    height: 36px;
    margin: 0 auto;
}

.iscase .en {
    color: #FFF;
    font-size: 18px;
}

.iimgList {
    width: 100%;
    position: relative;
    padding-top: 25px;
}

.iimgList .arrow-l,
.iimgList .arrow-r {
    width: 40px;
    height: 83px;
    top: 30%;
    position: absolute;
    cursor: pointer;
}

.iimgList .arrow-l {
    left: -40px;
    background: url(../images/prev.png) no-repeat;
}

.iimgList .arrow-r {
    right: -40px;
    background: url(../images/next.png) no-repeat;
}

.iimgCon {
    width: 960px;
    height: 240px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.iimgCon .list {
    width: 300%;
}

.iimgCon .item {
    width: 230px;
    padding: 0;
    float: left;
    position: relative;
    margin: 0 12px 0 0;
    float: left;
    overflow: hidden;
    text-align: center;
}

.iimgCon .item a {
    color: #FFF;
    display: block;
}

.iimgCon .item a.img {
    background: url(../images/casebg.jpg) no-repeat center top;
    width: 224px;
    height: 167px;
    padding-top: 4px;
}

.iimgCon .item span {
    height: 40px;
    line-height: 40px;
}

.iimgCon .item img {
    width: 204px;
    height: 152px;
    display: block;
    border: 3px solid #FFF;
    margin: 0 auto;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.iimgCon .item a:hover img,
.iimgCon .item.hover img {
    border: 2px solid #fd6e08;
}

.iimgList .more {
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #FFF;
    width: 115px;
    height: 25px;
    line-height: 25px;
    background: url(../images/case_more.jpg) no-repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.iimgCon .item a.txt {
    display: block;
}

.iimgCon .item a:hover,
.iimgCon .item.hover {
    font-weight: bold;
}


/*news*/

#news {
    width: 100%;
    background: url(../images/news_bg.jpg) no-repeat;
    background-size: cover;
}

#news .news_center {
    padding-top: 45px;
    padding-bottom: 35px;
}

#news .itit_left {
    background: url(../images/itit_left_bg2.png) no-repeat left bottom;
}

#news .itit {
    padding-bottom: 25px;
}

#news .news_left img {
    width: 372px;
    height: 260px;
}

#news .news_right {
    width: 565px;
}

#news .news_right li {
    padding: 0 15px;
    background: url(../images/news_right_bg.png) left center no-repeat;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px dashed #dfdfdf;
}


/*about*/

#about {
    width: 100%;
    height: 397px;
    background: url(../images/about_bg.png) repeat-x center;
    color: #FFF;
    margin-top: -20px;
}

#about_center {
    background: url(../images/about_center_bg.png) no-repeat center;
    height: 396px;
    /*padding-bottom:37px;padding-top:30px;*/
}

#about_center .about_left {
    width: 515px;
}

#about_center .about_left_top {
    position: relative;
    padding-top: 50px;
    text-align: left;
    padding-bottom: 25px;
    background: url(../images/about_left_bg.png) left top no-repeat;
    padding-left: 115px;
    margin-left: 55px;
}

#about_center .about_left_top h2 {
    font-size: 30px;
    font-weight: bold;
}

#about_center .about_left_top h3 {
    position: absolute;
    left: 14px;
    top: 65px;
    color: #2a95e5;
    font-size: 14px;
}

#about_center .about_left_bottom {
    padding-left: 20px;
}

#about_center .about_left_bottom img {
    display: block;
    width: 495px;
    height: 240px;
}

#about_center .about_right {
    width: 450px;
    padding: 118px 12px 0 12px;
    text-align: left;
}

#about_center .about_right a {
    display: block;
    text-align: center;
    width: 105px;
    height: 28px;
    line-height: 28px;
    background: #0369b5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    margin-top: 20px;
}


/*footer*/

#footer {
    background: url(../images/footer_bg.jpg) no-repeat center top;
    color: #FFF;
}

#footer_center {
    padding-bottom: 65px;
}


/*contact*/

#contact {
    padding-top: 48px;
    padding-bottom: 28px;
}

#contact .contact_left {
    background: #FFF;
    width: 266px;
    padding: 15px 37px 20px 37px;
    color: a6a6a6;
    border: 1px solid #d2d2d2;
    height: 370px;
}

#contact .contact_left_title {
    background: url(../images/contact_left.jpg) no-repeat left bottom;
    padding-left: 50px;
    font-size: 16px;
    height: 40px;
}

#contact .contact_left_title h2 {
    font-size: 16px;
    color: #439de7;
}

#contact .contact_left_title h2 {
    height: 21px;
    line-height: 21px;
    padding-bottom: 0;
}

#contact .contact_left_title .en {
    text-transform: uppercase;
    display: block;
    height: 19px;
    line-height: 19px;
    color: #a6a6a6;
}

#contact .contact_left_table {
    width: 265px;
    padding-top: 20px;
}

#contact .contact_left_table label {
    width: 37px;
    height: 29px;
}

#contact .contact_left_table span {
    height: 37px;
    line-height: 37px;
}

#contact .contact_left_table .text {
    width: 211px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #d2d2d2;
    border-left: none;
    text-indent: 5px;
    color: #9e9e9e;
}

#contact .contact_left_table .text.red {
    color: red;
}

#contact .contact_left_table textarea {
    width: 247px;
    height: 72px;
    border: 1px solid #d2d2d2;
    display: block;
    float: left;
    background: #FFF;
}

#contact .contact_left_table label,
#contact .contact_left_table .text,
#contact .contact_left_table textarea {
    margin-bottom: 9px;
}

#contact .contact_left_table .name {
    background: url(../images/contact_name_bg.jpg) no-repeat center;
}

#contact .contact_left_table .tel {
    background: url(../images/contact_tel_bg.jpg) no-repeat center;
}

#contact .contact_left_table .email {
    background: url(../images/contact_email_bg.jpg) no-repeat center;
}

#contact .contact_left_table .sbtn {
    width: 250px;
    height: 40px;
    background: #2a95e5;
    border: 1px solid #d2d2d2;
    color: #FFF;
    cursor: pointer;
    margin-bottom: 25px;
}

#contact .contact_left_table .sbtn:hover {
    font-weight: bold;
}

#contact .contact_left_bottom {
    background: url(../images/contact_bottom_bg.jpg) no-repeat left center;
    padding-left: 88px;
    color: #4a4a4a;
    margin-left: 15px;
}

#contact .contact_left_bottom span {
    display: block;
    height: 17px;
    line-height: 17px;
}

#contact .contact_left_bottom .en {
    font-size: 16px;
}

#contact .contact_right {
    width: 535px;
    padding: 36px 12px 80px 50px;
    background: url(../images/contact.png) no-repeat left top;
    height: 294px;
}

#contact .contact_right .itit {
    padding-bottom: 30px;
}

#contact .contact_right .itit_left {
    background: none;
    padding-left: 31%;
    margin-top: -10%;
    margin-bottom: 5%;
}

#contact .contact_right h1,
#contact .contact_right p {
    display: block;
    line-height: 30px;
}

#contact .contact_right p {
    color: #212121;
}

#bottom {
    width: 100%;
    background: url(../images/footer_bot.jpg) no-repeat center bottom;
    height: 403px;
    color: #fff;
    margin-top: -1%;
}


/*link*/

#link.link_center {
    padding-top: 70px;
}

#link .link_title {
    border-bottom: 1px solid #0c7fc5;
}

#link .link_title_center {
    width: 100px;
    margin: 0 auto;
    height: 55px;
    line-height: 55px;
}

#link .link_title h2 {
    font-family: "迷你简粗宋";
    font-size: 40px;
    text-transform: uppercase;
}

#link .link_title .more {
    font-size: 12px;
    background: url(../images/link_more.png) no-repeat center;
    width: 175px;
    text-align: center;
}

#link .link_body {
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
}

#link .link_body span {
    height: 60px;
    line-height: 60px;
    display: inline-block;
}

#link .link_body a {
    display: inline;
    width: 105px;
    color: #FFF;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 10px;
}

#link .link_body a:hover {
    font-weight: normal;
    text-decoration: underline;
}


/*snav*/

#snav {
    width: 100%;
    text-align: center;
    background: url(../images/snav_bg.png) no-repeat center;
}

#snav .snav_center {
    width: 675px;
    margin: 0 auto;
    font-size: 14px;
    height: 48px;
}

#snav .snavList li {
    width: 95px;
    float: left;
    border-left: 1px solid #FFF;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 15px 0;
}

#snav .snavList .home {
    border: none;
}

#snav .snavList a {
    color: #FFF;
}


/*key*/

#bottom .key {
    border-bottom: 1px solid #75aad4;
}

#bottom .key_center {
    width: 730px;
    margin: 0 auto;
    height: 55px;
    line-height: 55px;
    text-align: center;
}

#bottom .key_center a {
    color: #FFF;
    margin-right: 16px;
    display: inline-block;
}


/*copyright*/

#bottom .copyright {
    text-align: center;
    padding: 10px 0 10px;
}

#bottom .copyright a {
    color: #FFF;
}

#bottom .copyright span {
    padding-right: 10px;
}


/* pager */

.pager {
    display: block;
    width: 100%;
    height: auto;
    padding: 25px 0 5px;
    text-align: center;
    clear: both;
    margin-bottom: 5px;
}

.pager span,
.pager a {
    display: inline-block;
    border: 1px solid #aaa;
    color: #333;
    background: #fff;
    height: 20px;
    line-height: 20px;
    padding: 2px 8px;
    text-decoration: none;
    margin: 0 5px;
    border-radius: 1px;
}

.pager a:hover {
    background: #f5f5f5;
    border-color: #aaa;
    color: #1e82e0;
    text-decoration: none;
    font-weight: normal;
}

.pager .cur {
    background: #fff;
    border-color: #1e82e0;
    font-weight: bold;
    color: #1e82e0;
}

.pager span.dot {
    background: #1e82e0;
    border-color: #1e82e0;
    font-weight: bold;
    color: #fff;
}


/* reLink */

.reLink {
    width: 740px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    background: #FFF;
    margin-bottom: 15px;
}

.reLink .prevLink {
    float: left;
    margin-left: 10px;
}

.reLink .nextLink {
    float: right;
    margin-right: 10px;
}

.reLink a:hover {
    font-weight: normal;
}


/* reInformation */

.reInformation {
    width: 720px;
    padding: 0 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background: #fff;
}

.reInformation .tit {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    color: #1e82e0;
}


/*当产品图为3:4时用样式.reInformation li { float:left; width:150px; margin:10px 10px 0; text-align:center; display:block; line-height:30px; }
.reInformation li img { width:150px; height:200px; display:block; } */

.reInformation li {
    float: left;
    width: 228px;
    margin: 10px 6px 0;
    text-align: center;
    display: block;
    line-height: 30px;
}

.reInformation li img {
    width: 220px;
    height: 165px;
    display: block;
}

.reInformation li img:hover {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.reInformation li a {
    display: block;
}

.reInformation li a:hover {
    color: #1e82e0;
}

.iproNavi {
    width: 232px;
    font-size: 14px;
    border: 3px solid #0375ca;
}

.iproNavi .protit {
    width: 100%;
    background: #2b92df;
    color: #FFF;
    height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.iproNavi dl {
    padding: 10px 0 15px;
}

.iproNavi dd {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.iproNavi dd .drop {
    display: none;
}

.iproNavi dd .drop a.nav2 {
    width: 176px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: block;
}

.iproNavi dd .drop a.nav2:hover,
.iproNavi dd .drop a.nav2.hover {
    color: #2b92df;
}

.iproNavi .protit h2 {
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    padding-top: 5px;
}

.iproNavi .protit .en {
    font-size: 12px;
    display: block;
    height: 15px;
    line-height: 15px;
}

.singlePage .tod img,
.singlePage .tod p img {
    max-width: 100% !important;
}

.iproList {
    display: block;
    padding: 15px;
    margin-bottom: 16px;
}

.iproNavi .nav1 {
    background: #dbe5e7;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding-left: 10px;
}

.iproNavi .nav1 s {
    background: url(../images/pros.jpg) no-repeat left center;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.iproNavi .nav1:hover,
.iproNavi .nav1.hover {
    background: #2b92df;
    color: #FFF;
}

.iproNavi dd .drop {
    text-align: left;
    margin-left: 15px;
    font-size: 14px;
    line-height: 30px;
}

.iproNavi dd .drop a {
    padding-left: 15px;
    background: url(../images/subnav.png) left center no-repeat;
    display: block;
    height: 30px;
}

.iproNavi dd .drop a:hover {
    color: #2b92df;
}


/* 全局布局 */

.wrapper {
    padding: 40px 0px 20px;
    background: url(../images/foot_top.jpg) no-repeat center bottom #fff;
    width: 100%;
    margin: 0;
}

.content {
    width: 740px;
}

.content .ctit {
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding: 8px 0 5px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
}

.content .ctit h3 {
    font-size: 18px;
    padding-left: 8px;
    color: #4f4f4f;
    font-weight: bold;
    border-left: 7px solid #4f4f4f;
    font-weight: bold;
}

.content ul.list {
    height: auto !important;
}


/*侧栏*/

.sideBar {
    width: 238px;
}

.sideBar .protit {
    background: #2b92df;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}


/* leftCon */

.leftCon {
    width: 100%;
}

.leftCon .iconCon {
    padding: 14px 10px;
    border: 1px solid #d9d9d9;
    line-height: 24px;
    background: #fff;
}


/* listNews */

.listNews .list {
    padding-bottom: 20px;
    overflow: hidden;
}

.listNews .item {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url(./images/tip_7.gif) 0 center no-repeat;
    border-bottom: 1px dashed #ddd;
}

.listNews .item s {
    width: 0px;
    height: 40px;
    display: block;
    float: left;
    background: #1e82e0;
    margin-right: 10px;
}

.listNews .item a {
    float: left;
    color: #333;
    display: block;
}

.listNews .item a:hover {
    color: #1e82e0;
}

.listNews .item span {
    float: right;
}


/* listNews2 */

.listNews2 .list {
    padding-bottom: 20px;
    overflow: hidden;
}

.listNews2 .item {
    width: 100%;
    height: 130px;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
}

.listNews2 .item .img {
    float: left;
    width: 160px;
    height: 120px;
    padding: 2px;
    border: 1px solid #ddd;
    margin-right: 10px;
}

.listNews2 .item .img img {
    display: block;
    width: 160px;
    height: 120px;
}

.listNews2 .item .img:hover {
    background: #1e82e0;
    border-color: #1e82e0;
}

.listNews2 .item h3.title {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    font-family: "Microsoft Yahei";
}

.listNews2 .item h3.title a:hover {
    text-decoration: underline;
}

.listNews2 .item .txt {
    font-size: 12px;
    color: #999;
    padding-top: 6px;
    line-height: 20px;
}


/* pageNews */

.pageNews h1 {
    font-size: 20px;
    line-height: 25px;
    font-family: "Microsoft Yahei";
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
}

.pageNews .mark {
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
}

.pageNews .mark span {
    margin: 0 7px;
}

.pageNews .info {
    margin-bottom: 40px;
    line-height: 24px;
}


/* listCase */

.listCase .tod {
    width: 108%;
}

.listCase .item {
    width: 226px;
    height: 170px;
    float: left;
    margin: 0px 12px 30px 12px;
    overflow: hidden;
    position: relative;
}

.listCase .item a {
    width: 100%;
    height: 100%;
    display: block;
}

.listCase .item img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.listCase .item .wd {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0px;
    bottom: -40px;
    background: url(../images/casetbg.png) repeat 0 0;
}

.listCase .item s {
    width: 26px;
    height: 26px;
    background-position: -160px 0;
    margin: 7px 10px 0px 0px;
}

.listCase .item h3 {
    text-indent: 1em;
    font-size: 16px;
    cursor: pointer;
}


/* pageCase */

.pageCase h1 {
    font-family: "Microsoft Yahei";
    font-size: 18px;
    line-height: 25px;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
}

.pageCase .photo {
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

.pageCase .info {
    margin-bottom: 40px;
}


/* listProduct */

.listProduct .tod {
    width: 108%;
}

.listProduct .item {
    width: 235px;
    height: 218px;
    float: left;
    background: #dbe5e7;
    margin-right: 12px;
    margin-bottom: 25px;
    border: 2px solid #dbe5e7;
}

.listProduct .item a {
    width: 100%;
    height: 218px;
    display: block;
    cursor: pointer;
}

.listProduct .item img {
    width: 100%;
    height: 176px;
    text-align: center;
}

.listProduct .item h4 {
    width: 100%;
    height: 24px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.listProduct .item:hover {
    background: #2b92df;
    border: 2px solid #2b92df;
}

.listProduct .item:hover .line {
    *border: 0px;
}

.listProduct .item:hover h4,
.listProduct .item:hover .txt {
    color: #fff;
}

.listProduct .item:hover img {
    border-color: #1e82e0;
}


/* listProduct2 */

.listProduct2 .tod {
    overflow: hidden;
}

.listProduct2 .list {
    float: left;
    width: 110%;
    font-family: "Microsoft Yahei";
}

.listProduct2 .item {
    float: left;
    width: 220px;
    margin: 0 13px 20px 0;
    _display: inline;
}

.listProduct2 .item .img {
    display: block;
    width: 210px;
    height: 158px;
    padding: 4px;
    border: 1px solid #ddd;
    transition: all 500ms ease;
    overflow: hidden;
}

.listProduct2 .item img {
    width: 210px;
    height: 158px;
    display: block;
}

.listProduct2 .item .img:hover {
    background: #ffc17b;
    border-color: #f07f00;
    transition: all 500ms ease;
}

.listProduct2 .item h3 {
    height: 30px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
}

.listProduct2 .item h3 a:hover {
    text-decoration: underline;
}

.listProduct2 .item .summary {
    height: 60px;
    line-height: 20px;
    color: #999;
    overflow: hidden;
    margin-bottom: 10px;
}

.listProduct2 .item .order {
    display: block;
    width: 77px;
    height: 23px;
    line-height: 23px;
    margin: 0 auto;
    text-align: center;
    color: #333;
    border: 1px solid #aaa;
}

.listProduct2 .item .order:hover {
    color: #f07f00;
    border-color: #f07f00;
}


/* .pageProduct */

.pageProduct h1 {
    font-family: "Microsoft Yahei";
    font-size: 18px;
    line-height: 25px;
    padding: 15px 0;
    text-align: center;
    font-weight: 700;
}

.pageProduct .photo {
    margin-bottom: 20px;
}

.pageProduct .photo .img {
    display: block;
    padding: 4px;
    border: 1px solid #dbe7c7;
    margin: 0 auto;
}

.pageProduct .detaiInfo {
    margin-bottom: 10px;
}


/* pageProduct2 */

.pageProduct2 .photo {
    float: left;
    margin-bottom: 20px;
}

.pageProduct2 .photo .img {
    width: 360px;
    height: 270px;
    display: block;
    padding: 4px;
    border: 1px solid #dbe7c7;
}

.pageProduct2 .baseInfo {
    float: right;
    width: 342px;
}

.pageProduct2 h1 {
    line-height: 24px;
    font-size: 16px;
}

.pageProduct2 .baseInfo p {
    line-height: 30px;
}

.pageProduct2 .baseInfo p span {
    font-size: 18px;
    color: #ffae00;
    font-family: "Georgia";
}

.pageProduct2 .baseInfo p.button {
    padding-top: 40px;
}

.pageProduct2 .baseInfo a.btn {
    display: block;
    width: 77px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #333;
    border: 1px solid #aaa;
}

.pageProduct2 .baseInfo a.btn:hover {
    color: #f07f00;
    border-color: #f07f00;
}

.pageProduct2 .detaiTit {
    height: 25px;
    line-height: 20px;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: "Microsoft Yahei";
    color: #333;
    font-weight: 700;
}

.pageProduct2 .detaiInfo {
    margin-bottom: 10px;
    line-height: 24px;
}


/*map*/

.dtditu {
    width: 140px;
    height: 30px;
    line-height: 30px;
    background: #1e82e0;
    color: #fff;
    font-weight: bold;
    margin: 10px auto 0;
    text-align: center;
    font-size: 14px;
}

#baiduMap {
    width: 715px;
    height: 300px;
    border: 1px solid #1e82e0;
    border-top: 3px solid #1e82e0;
}

.singlePage {
    line-height: 26px;
}

.reInformation .formData {
    width: 636px;
}

.pageMsg .formData {
    width: 660px;
}

.formData tr.item .tip {
    width: 253px !important;
}

.minBanner,
.minBanner ul,
.minBanner img {
    height: 300px;
}

.contact_right_body1 {
    margin-top: -0.9%;
    margin-left: 2.8%;
}
















#product .product_left1 {
    width: 204px;
    text-align: center;
    border: 3px solid #0375ca;
    margin-top: 37%;
    margin-left: -21.2%;
}

#product .product_left_title,
#product .product_left_bottom {
    background: #2b92df;
    color: #FFF;
    height: 50px;
}

#product .product_left_title h2 {
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    padding-top: 5px;
}

#product .product_left_title .en {
    font-size: 12px;
    display: block;
    height: 15px;
    line-height: 15px;
}

#product .product_left1 .productsList {
    display: block;
    padding: 15px;
    margin-bottom: 16px;
}

#product .product_left1 .productsList .list_1 {
    text-align: left;
    margin-bottom: 5px;
}

#product .product_left1 .productsList .list_1 a.nav1 {
    background: #dbe5e7;
    margin-bottom: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding-left: 10px;
}

#product .product_left1 .productsList .list_1 a.nav1 s {
    background: url(../images/pros.jpg) no-repeat left center;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#product .product_left1 .productsList .list_1 a.nav1:hover {
    background: #2b92df;
    color: #FFF;
}

#product .product_left1 .productsList .list_2 {
    text-align: left;
    margin-left: 15px;
    font-size: 14px;
    line-height: 30px;
}

#product .product_left1 .productsList .list_2 a {
    padding-left: 15px;
    background: url(../images/subnav.png) left center no-repeat;
    display: block;
    height: 30px;
}

#product .product_left1 .productsList .list_2 a:hover {
    color: #2b92df;
}
.fl {
    float: left;
}
.itit_right1{
    margin-right: -2.3%;
    margin-top: -10.5%;
}