/* CSS Document */
*{box-sizing:border-box;}
#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box !important;}
a{ font-family:"Microsoft Yahei",Arial,sans-serif; font-size:14px;color:#515151; text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color: #0f5aad;}
body,p,ul,li,div,dd,dt{padding:0; margin:0; list-style:none; font-size:14px;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
html body { font-family: "Microsoft Yahei";color:#444444; font-size:14px;}
.boxCon table{border-collapse: collapse; }
.boxCon table th,table td{ padding:5px;border:1px solid #dedede;} 
ins{display:none;}
img{border:none;}

.w1200{ width:1200px; margin:0 auto;position: relative; }
.w1100{ width:1100px; margin:0 auto;position: relative; }
.fleft{ float:left;}
.fright{ float:right;}
.clear{clear:both; margin:0; padding:0;}
.blank15{height:15px;}
.blank12{height:12px;}
.block{display:block;}
.wrap{ margin:0; padding:0;  max-width:1920px; width:100%; margin:0 auto; overflow:hidden; position:relative; height:auto; }

.header{ background-color: #fbfbfb;}
.header .header_top{background-color: #f3f3f3; height: 43px; line-height: 43px;}
.header .header_top .header_top_left{float: left;color: #afafaf;font-size: 12px;}
.header .header_top .header_top_right{float: right;color: #afafaf;font-size: 12px;}
.header .header_top  a{ color: #afafaf; font-size: 12px;}
.header .header_mid{overflow: hidden;}
.header .header_mid .logo{float: left;}
.header .header_mid .header_mid_right{float: right;padding-top: 35px; width: 635px;}
.header .header_mid .header_mid_right .header_search{ float: left; margin-left: 50px;}
.header .header_mid .header_mid_right .header_search input{ border: 2px solid #0d96dd; height: 36px; line-height: 36px;color: #c3c3c3; display: block;width: 260px;float: left;padding-left: 5px;padding-right: 5px;}
.header .header_mid .header_mid_right .header_search .btn{display: block;width: 85px; color: #ffffff; background-color: #0d96dd;border: none;cursor: pointer;}
.header .header_mid .header_mid_right .header_tel{ background: url("../Images/tel_icon.jpg") left center no-repeat; padding-left: 50px; float: right; margin-left: 10px; height: 45px; margin-top: -5px;}

.header .header_mid .header_mid_right .header_tel p.tel_num{font-size: 24px;color: #e02121;line-height: 24px;}

.header .nav{background-color: #0066cb; height: 53px;}
.header .nav ul{width: 1200px; margin:0 auto;}
.header .nav ul li{float: left; line-height: 52px; width: 130px; text-align: center;}
.header .nav ul li.on ,.header .nav ul li:hover{ background-color: #e02121;}
.header .nav ul li a{ color: #ffffff;font-size: 16px;}


.flash_box{height: 463px; width: 1200px; margin: 0 auto;}
.flash_box .flash{width: 1920px; position: relative; left: -360px;height: 463px; overflow: hidden;}
#banner li{ float: left; }


.indexMain{overflow: hidden;}
.indexProduct{background-color: #ededed;}
.leftBar{ width: 248px; background-color: #f6f6f6;margin-top: 32px;float: left;}
.leftBar .productCats{margin-bottom: 30px;}
.leftBar .productCats .catsname{ background-color: #0080d3; color: #ffffff;font-size: 24px;height: 62px; line-height: 62px; text-indent: 35px;}
.leftBar .productCats .catslist{ padding-left: 20px; padding-right: 20px;}
.leftBar .productCats .catslist .cats{}
.leftBar .productCats .catslist .cats p{border: 1px solid #919191;border-left: 4px solid #0d96dd;height: 32px; line-height: 32px;font-size: 18px; font-weight: bold;padding-left: 18px; margin-top: 20px;}

.leftBar .productCats .catslist .cats .subcats{padding-top: 5px;}
.leftBar .productCats .catslist .cats .subcats li{height: 32px; line-height: 32px;text-indent: 32px;}
.leftBar .leftContact{ padding-left: 20px; padding-right: 20px; margin-bottom: 20px;}
.leftBar .leftContact .web_name{ line-height: 32px; margin-top: 15px;}
.leftBar .leftContact .tel{ color: #e02121; font-size: 28px;}
.leftBar .leftContact .contactItem{clear: both; width: 100%;overflow: hidden;}
.leftBar .leftContact .contactItem span{display: block;float: left;}
.leftBar .leftContact .contactItem .contactItemLeft{float: left; width: 160px;}
.leftBar .leftContact .contactItem p{ width: 100%; line-height: 22px;}



.leftBar .historyBox .catsname{ background-color: #0080d3; color: #ffffff;font-size: 24px;height: 62px; line-height: 62px; text-indent: 35px;}

.leftBar .historyBox .history_list{ padding:10px; width:auto; }
.leftBar .historyBox .history_list li{ margin-bottom:15px; }
.leftBar .historyBox .history_list li img{ width:225px; height:auto; }
.leftBar .historyBox .history_list li p{ line-height:24px; padding-left:10px; padding-right:10px; }
.leftBar .historyBox .clearHistoryBtn{ line-height: 26px;text-indent: 20px; padding-right: 20px; text-align: right;display: block; cursor:pointer; }


.indexProduct .productRight{background-color: #ffffff;width: 952px;float: left;padding-top: 32px; padding-bottom: 30px;}
.indexProduct .productRight .head{background: url("../Images/pro_head_bg.png") top center no-repeat;height: 37px; width: 197px; text-align: center; font-size: 24px; line-height: 36px; margin: 0 auto 40px;}
.productList{padding-left: 15px; padding-right: 15px;}
.productList li{float: left; margin: 10px;}
.productList li .proimg{ width: 210px;height: 210px;position: relative;overflow: hidden;}
.productList li .proimg img{width: 210px;height: 210px;}
.productList li .protitle{text-align: center;line-height: 46px; background-color: #f1f1f1;}
.productList li:hover .protitle{background-color: #0098d0; color:#ffffff;}
.indexMiddle{width: 1200px; margin: 0 auto;}
.indexMiddle .liucheng{background-color: #0d96dd; text-align: center;overflow: hidden; height: 378px;position: relative;width: 1920px; left: -360px;}
.indexMiddle .liucheng .pimg{ float: left; width:205px; height:205px; padding-top: 15px; }
.indexMiddle .liucheng .lc_title{ float: left; margin-left: 40px;padding-top: 10px;}

.indexMiddle .liucheng .lc_box{ background-color:#3dabe4; height:160px; width:1200px; position: relative;margin-top: 13px; }
.indexMiddle .liucheng .lc_box .lc_box_left{ background:url('../Images/lc_box_left_bg.png') center center no-repeat transparent; width:216px; height:160px;     padding-top: 35px; }
.indexMiddle .liucheng .lc_box .lc_box_left .lc_title{font-size:30px; font-weight:bold; font-style:italic; color:#ffffff; }
.indexMiddle .liucheng .lc_box .lc_box_left .lc_etitle{font-size:30px; font-weight:bold; font-style:italic; color:#ffffff;opacity: .2; text-transform:uppercase;}

.indexMiddle .liucheng .lc_box .lc_items{ float: left;position: absolute; background:url('../Images/lc_img.png') top center no-repeat; height:236px; width:980px; bottom:0; right:0; }


.indexMiddle .liucheng .kefu{ float: right; padding-top:10px; width:380px;}
.indexMiddle .liucheng .kefu .tel{ font-weight:bold; font-size:30px; color:#ffcc00;line-height: 64px;text-align:left;}
.indexMiddle .liucheng .kefu .tel span{font-style:italic;  font-size:24px;  color:#ffffff; margin-right:10px; float: left;}
.indexMiddle .liucheng .kefu .zx{float: left;}
.indexMiddle .liucheng .kefu .zx a{ display:block; border-radius:5px; color:#333333; font-size:18px; font-style:italic; background-color: #ffcc00;height:40px; line-height:40px; font-weight:bold; width:150px; text-align:center; }


.indexMiddle .choose{position: relative;width: 1920px; left: -360px; text-align: center; background-color: #f8f8f8;padding-top: 60px; padding-bottom: 10px;}
.indexMiddle .choose .chooseCon{ width: 1200px; margin: 30px auto; position: relative;}
.indexMiddle .choose .chooseCon .chooseLeft{float: left;position: relative;z-index: 1;}

.indexMiddle .choose .chooseCon .chooseRight{float: left; background:url("../Images/choose_item_bg.png") 0 0 no-repeat; width: 757px;height: 530px;position: absolute; top: 18px; right: 75px; z-index: 3;padding-left: 50px;padding-right: 50px;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item{ height: 100px; padding-top: 20px;padding-left: 70px;border-top: 1px solid #e6e6e6;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item p.choose_title{font-size: 30px; font-style: italic;color: #0d96dd;text-align: left;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item p.choose_title span{color: #d20000;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item p.choose_desc{text-align: left;}

.indexMiddle .choose .chooseCon .chooseRight .choose_item.item_1{border: none; background: url("../Images/item_1.png") left center no-repeat;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item.item_2{background: url("../Images/item_2.png") left center no-repeat;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item.item_3{background: url("../Images/item_3.png") left center no-repeat;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item.item_4{background: url("../Images/item_4.png") left center no-repeat;}
.indexMiddle .choose .chooseCon .chooseRight .choose_item.item_5{background: url("../Images/item_5.png") left center no-repeat;}

.indexMiddle .choose .chooseCon .chooseProduct{position: absolute;z-index: 8;right: -140px;top: 153px;}

.indexMiddle .kehu{ height: 122px; margin: 0 auto 30px; width: 1200px;position: relative;overflow: hidden;}
.indexMiddle .kehu .name{width: 160px;background: #0d96dd;color: #ffffff;text-align: center; height: 122px; padding-top: 33px;float: left;}
.indexMiddle .kehu .name .cn_name{ font-size: 30px;font-weight: bold; line-height: 36px;}
.indexMiddle .kehu .name .en_name{line-height: 22px;}
.indexMiddle .kehu .khlist{border: 1px solid #e7e7e7;background: #ffffff;float: left;height: 122px;width: 1040px; position: relative;overflow: hidden;border-left: none;}
.indexMiddle .kehu .khlist li{float: left;width: 259px;height: 120px;text-align: center;background: url("../Images/mid_i.png") right center no-repeat;}
.indexMiddle .kehu .khlist i{ height: 120px; width: 1px;  float: left;}

.indexBottom{ padding-top: 38px;padding-bottom: 25px;width: 1200px; margin: 0 auto;}

.indexBottom .box{float: left;width: 386px;border: 1px solid #e8e8e8;padding: 15px; margin-left: 20px; height: 310px;}
.indexBottom .box .box_head{clear:both;margin-bottom: 15px;}
.indexBottom .box .box_head .head_name{ font-size: 20px; color: #0d96dd;float: left;}
.indexBottom .box .box_head .head_name span{ color: #000;}
.indexBottom .box .box_head .head_more{float: right; font-size: 12px;line-height: 26px;}
.indexBottom .box .box_head .head_more a{color: #cbcbcb;}
.indexBottom .box .box_head .head_more a:hover{color: #666;}


.indexBottom .box.company{margin-left: 0;}
.indexBottom .box.company .box_con .companyimg{float: left;margin-right: 10px;margin-top: 5px;}
.indexBottom .box.company .box_con{ line-height: 26px;}

.indexBottom .box.culture{}

.indexBottom .box.culture .culture_item{font-weight: bold; height: 32px; line-height: 32px;clear: both;color: #757575;}
.indexBottom .box.culture .culture_item span{display: block;background: #0d96dd; color: #ffffff;height: 32px;width: 88px;float: left; margin-right: 10px;text-align: center; margin-bottom: 5px;}


.indexBottom .box.news{}
.indexBottom .box.news .news_list{}
.indexBottom .box.news .news_list li{line-height: 32px;}

.indexBottom .box.news .news_list li .news_title{float: left;width: 70%;overflow: hidden;white-space:nowrap; text-overflow: ellipsis;}
.indexBottom .box.news .news_list li .news_time{float: right;color: #9d9d9d;}

.footer{background-color: #0f5da4; height: 320px; color: #cddae6;}
.footer a{color: #cddae6;}
.footer a:hover{color:#ffffff;}
.favLinkBox{background-color: #2774bb; height: 51px;line-height: 51px;color: #cddae6;}
.favLinkBox a{color: #cddae6;}
.footer .footerNav{ margin-top: 12px; }
.footer .footerNav .fnav{width: 1200px; margin:0 auto; border-bottom: 1px solid #0e7ac1; color: #0e7ac1;}

.footer .footerNav  .fnav i{display: block; height: 16px;border-left: 2px solid #0e7ac1; margin-top: 18px;float: left; }
.footer .footerNav  .fnav a{ color: #cddae6;font-size: 16px; display: block; line-height: 51px; width: 120px; float: left;text-align: center;}
.footer .footerNav  .fnav a:hover{color:#ffffff;}
.footer .footerBottom{ padding-top: 32px;}
.footer .footerBottom .copyright{ line-height:25px; color:#cddae6; width:400px;float: left;}
.footer .footerBottom .copyright p{ font-size: 12px;}
.footer .footerBottom .copyright .add{font-size:16px; line-height:28px;}
.footer .footerBottom .footerContact{ float: left; width:580px;}
.footer .footerBottom .footerContact li{ float: left; width:290px;line-height:26px; }
.footer .footerBottom .footerContact li span{ display:block;float: left; width:65px; text-align:right; margin-right:5px; }
.footer .footerBottom .footerContact li .tels{ float: left; }

.footer .footerBottom .footerCode{ text-align:center; float: left; }
.footer .footerBottom .footerCode img{ width:110px; height:110px; background-color: #ffffff;}
.footer .footerBottom .footerCode p{font-size:12px; }

.main{ width:1200px; margin:0 auto;}
.main .rightHead{ height:62px; border-bottom:1px solid #eeeeee; padding-left:25px; padding-right:20px; }
.main .rightHead .headName{ font-size:24px;color:#0080d3; line-height:70px;}
.main .rightHead .location{  line-height:70px; }
.main .rightMain {min-height:760px; clear:both;}
.main .rightMain .article{ padding:20px; line-height:26px; }


.newslist{ padding: 20px; padding-bottom:10px;}
.newslist li{clear:both; line-height: 34px; height:34px;border-bottom: 1px dashed #f1f1f1;padding-left: 10px; background:url("../Images/icon.png") left center no-repeat; margin-bottom:10px;;}

.newslist .newsTitle{display: block;float: left; width: 71%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
.newslist .newsTime{ width: 90px;float: right;}
.newslist li:hover{ border-bottom: 1px solid #f1f1f1;background:url("../Images/icon_hover.png") left center no-repeat;}
.newslist li a:hover{color:#ff2323;}

.news_detail{font-family:'Microsoft YaHei',arial; padding: 10px;}
.news_detail .news_tit_u{font-size:16px;font-weight:bold;text-align:center;margin:0 auto auto;}
.news_detail .news_tit_d{color:#999999;font-size:12px;text-align:center;margin:0 auto;}
.news_detail > p{font-size:14px;line-height:28px;color:#444444; text-indent:2em;}
.news_detail .news_main{ padding:15px;}
.news_detail .news_main > p{line-height:26px; font-size:14px; margin-bottom:5px;}

.page{ text-align:center; }

.image_list{padding: 20px; padding-bottom:10px;}
.image_list li{ float: left; width: 290px;margin-right: 14px; margin-bottom: 10px; padding: 10px;}
.image_list li img{height: 180px; width: 270px;}
.image_list li .img{ height: 180px;height: 180px; overflow: hidden; position: relative;}
.image_list li p{line-height: 26px; text-align: center;  width: 90%;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.image_list li:hover{background-color: #393535;}
.image_list li:hover p{ color:#ffffff;} 

.productInfo{clear:both;}
.productInfo .productInfoTop{}
.productInfo .productInfoTop .productInfoImgs{ float: left;margin: 10px 20px 20px;width:360px; height:360px; }
/* .productInfo .productInfoTop .productInfoImgs img{ width:100%; height:100%; } */
.productInfo .productInfoTop .productInfoRight{ float: left; padding-left:20px;width: 535px;}
.productInfo .productInfoTop .productInfoRight .productTitle{ font-size:18px; color:#0080d3;line-height: 34px; }
.productInfo .productInfoTop .productInfoRight .productType{ line-height:26px; }
.productInfo .productInfoTop .productInfoRight .productDesc{ line-height:26px; font-size:14px;  height: 175px;}
.productInfo .productInfoTop .productInfoRight .orderContact{ display:block; float: left; background-color:#da0000; color:#ffffff; width:124px; height:42px; font-weight:bold; cursor:pointer; text-align:center; line-height:42px; font-size:18px; border-radius:5px; margin:10px 5px;}
.productInfo .productInfoTop .productInfoRight .orderTel{ color:#0a437d;  font-weight:bold; margin-bottom:10px;}
.productInfo .productInfoTop .productInfoRight .orderTel span{ color:#da0000; font-size:24px; }
.productInfo .productInfoTop .productInfoRight .bdshare{ line-height:24px; }
.productInfo .productInfoMain .hd{ height:54px;  line-height:54px; font-size:18px; background-color:#f8f8f8; }
.productInfo .productInfoMain .hd li{ width:192px; text-align:center; float: left; font-weight:bold; height:64px; }

.productInfo .productInfoMain .hd li.on{ background:url("../Images/hover_bg.png") center center no-repeat; color:#ffffff; }
.productInfo .productInfoMain .bd {clear:both;}
.productInfo .productInfoMain .bd .productContent{ padding:10px 25px; line-height:26px; }
.productInfo .productInfoMain .bd .productContent h2,.productInfo .productInfoMain .productOrderContent h2{ font-size:18px; margin-bottom: 10px; border-bottom:1px solid #ededed;color:#0080d3; line-height:36px; padding-left:15px; }

.productInfo .productInfoMain .bd .productContent table{width: 100%;    border-collapse: collapse; margin-top: 10px; margin-bottom: 10px;}
.productInfo .productInfoMain .bd .productContent tr:first-child{ background-color:#eeeeef; font-weight:bold;}
.productInfo .productInfoMain .bd .productContent tr:hover{ background-color:#0080d3 !important;}
.productInfo .productInfoMain .bd .productContent tr:hover > *{color:#ffffff;}
.productInfo .productInfoMain .bd .productContent tr{text-align: center;}
.productInfo .productInfoMain .bd .productContent tr:nth-child(odd){background-color:#eeeeef;}




.productInfo .productInfoMain .productOrderContent {padding: 10px 25px;}
.productInfo .productInfoMain .productOrderContent .order{margin-left:10px;}
.productInfo .productInfoMain .productOrderContent .order .t_r{text-align:right;}
.productInfo .productInfoMain .productOrderContent .order td{border:none;}
.productInfo .productInfoMain .productOrderContent .order .btn{ display:block; height:36px; width:75px; border:none;background-color:#da0000; color:#ffffff; font-weight:bold;cursor:pointer; }

.main .productRight .rightMain .relativeProduct .head{ margin-top:15px; margin-bottom:12px; font-weight:bold; }


.partner_list{background: #ffffff;float: left;position: relative;overflow: hidden; padding-left:5px; padding-right:5px;}
.partner_list li{float: left;width: 225px;height: auto;text-align: center;margin: 5px;border: 1px solid #e3e3e3;box-shadow: 1px 1px 4px #e3e3e3; background: #fff;position: relative;}
.partner_list li p{ position: absolute; width:100%;top: 0; height: 120px;line-height: 120px; font-size:24px; font-weight:bold; opacity:0; color: #424242;}

.partner_list li:hover{box-shadow: 0 2px 17px rgba(000,000,000,.3);}   
.partner_list li:hover img{-webkit-filter: blur(3px); -moz-filter: blur(3px);-o-filter: blur(3px); -ms-filter: blur(3px);filter: blur(3px);}
.partner_list li:hover p{opacity:1; }


.contactMain{}
.contactMain .contact_webname{ line-height:32px; height:32px;   border-bottom: 1px solid #dbdbdb; }
.contactMain .contact_webname span{display: inline-block; height: 32px; line-height: 32px; border-bottom: 2px solid #0080d3;color: #000; text-align: center;padding: 0;font-size: 16px;}
.contactMain p{ line-height:26px; }

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:360px;height:360px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../Images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}