*{ padding:0px; margin:0px;}
body { font-family: "Verdana", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 12px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; color: #7d7d7d;}
html,body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,figure{margin:0;padding:0;font-size:12px;font-family:arial,\5b8b\4f53,sans-serif;-webkit-text-size-adjust:none;}
h1,h2,h3,img{margin:0px; padding:0px;list-style-type:none;border:0px; font-weight:normal; display:inline;}
h1{FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #6F0F2B; LINE-HEIGHT: 28px; font-family:Calibri, Arial, Helvetica, sans-serif; }
ul li{list-style:none;}
form {margin: 0px; }
.clear{clear:both;}
a {color: #5a5a5a; text-decoration: none;}
a:hover {color:#1f5c2e;}
a img {border: 0px currentColor;}


/*head*/
#head {margin: 0px auto; width: 100%; overflow: hidden; background:url(../images/head_bg.jpg) #ededed repeat-x;}
#head_title{ height:39px;margin: 0px auto; max-width: 1110px; overflow: hidden; color:#85aac7; font-size:14px; line-height: 39px; }
#head_title *{ vertical-align:middle; }
#head_title .hline { position:relative; top:7px; padding:0 22px;}
#head_title span{ padding:0 5px; font-size:14px; cursor:pointer;}
#head_title .language{ float:right; width:115px; margin-top: 10px;}
#head_title .language .dq{background:url(../images/english.jpg) no-repeat 50% 50%;width:115px; float:left;height: 24px;}
#head_title .language ul{ display:none;position: absolute;top: 35px; width:115px; background:#ffffff; z-index:9}
#head_title .language ul li{ padding-left:12px; border-bottom:1px solid #cccccc;line-height: 25px;}
#head_title .language ul li img{ padding-right:6px;}
#headcon {margin: 0px auto; max-width: 1110px; overflow: hidden; min-height:77px; }
#headcon .logo{ float:left; width:auto;  }
#headcon .headnav{float:right; color:#898989; font-weight:bold; font-size:16px;font-family:'Conv_myriad-set-pro_thin', Arial;line-height: 30px;  padding-top: 24px;}
#headcon .headnav span{ padding:0 10px; background:url(../images/navline.jpg) no-repeat 50% 50%;}
#headcon .headnav a{color:#898989; font-weight:bold; font-size:16px;}
#headcon .headnav a:hover{ text-decoration:none; color:#045692;}
#headcon .search{ float: right; padding-left:5px; background:#ffffff; border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;height: 33px; line-height:33px;margin-top: 20px;width: 183px;margin-left: 20px;position: relative;}

#headcon .mdeia_nav{ float:left; width:100%; display:none;}
#headcon .mdeia_nav ul li{float:left; width:100%; text-align:center;}
#headcon .mdeia_nav ul li.li2{ background:#FFF;}
#headcon .mdeia_nav ul li a,#headcon .mdeia_nav ul li a:hover{color:#898989; font-weight:bold; font-size:16px;font-family:'Conv_myriad-set-pro_thin', Arial;line-height: 30px;}

#headcon .search input{ border:0; width:100%; float:right; line-height:30px;}
#headcon .search img{ position:absolute; right:0;top: -1px; cursor:pointer}
#banner {width: 100%; }
#banner img {display: block;}

#menuBtn{ background:url(../images/menu-btn.png) no-repeat; width:40px; height:40px; position: absolute;  margin-top: 77px;z-index: 2; cursor:pointer;display: none;}
/*road*/
#road{ width:100%; background:#f9f9f9; height:56px; border-bottom:1px solid #dedede;overflow: hidden;}
#road .road{ max-width:1110px; margin:0 auto; text-align:left;  line-height: 56px;font-size: 14px; color:#aaaaaa;}
#road .road A{color:#aaaaaa;}
#road .road A:hover{color:#aaaaaa; text-decoration:underline}

#main{max-width:1110px; margin:30px auto;position: relative;}
#left{ width:273px; float:left; margin-right:20px; position:absolute;}
#left .left_title{ width:100%; height:37px; line-height:37px; background:url(../images/left_title_bg.jpg) repeat-x; position:relative; text-indent:1em; color:#ffffff; font-weight:bold; font-size:16px;}
#left .left_title img{ position:absolute; right:5%;top: 30%;}
#left .left_con{ width:100%; border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8; float:left;background: url(../images/left_bottom.jpg) no-repeat bottom; padding-bottom:20px; margin-bottom:20px;}
#left .left_con ul { margin:0; padding:0}
#left .left_con ul li{ width:100%; line-height:37px; border-bottom:1px solid #f9f9f9;text-indent:2em; background:url(../images/left_li_ico.png) no-repeat 4% 45%;}
#left .left_con ul li A,#left .left_con ul li A:hover{ color:#888888; text-decoration:none; font-size:14px; }
#right{ float:left; max-width:817px;position: relative;  min-height: 300px;}

#left_nav{ position:absolute; left:0; width:40px; height:40px;background:url(../images/left-btn.png) no-repeat; top:-30px; cursor:pointer;display: none;}


#indexmain {margin: 0px auto; width: 100%; overflow: hidden;  padding-top:35px;  padding-bottom:0px; background-color:#ffffff }
#indexmaincon {margin: 0px auto; width: 1110px;  overflow: hidden;  }
.indexprotitle {width: 100%; text-align:center; color:#888888;font-size:18px;  line-height:200%;    }
.indexprotitle .indexprotitlecon {margin: 0px auto;font-family:'Conv_myriad-set-pro_thin', Arial; font-size:30px; line-height:100%;color:#3a3a3a;   }
.indexprotitle .indexprodetcon {margin: 0px auto;font-family:'Arial'; font-size:16px; line-height:100%;color:#888888; padding-top:20px;   }


.three_plates {width: 100%; text-align:center;  background:#f5f5f5; padding:70px 0px 0px 0px; border-top:#ffffff solid 3px}
.three_plates .three_platesCon {margin: 0px auto; width:1040px; height:380px; padding:0px 70px; }
.three_plates .three_platesCon  .three_platesConBox{ width:300px;  float:left; text-align:center; padding:0px 10px; position: relative;border: 1px solid #F5F5F5;  }
.three_plates .three_platesCon  .hover{ top:0;border: 1px solid #ffffff;}
.three_plates .three_platesCon  .three_platesConBox .three_platesConicon { height:188px; width:300px; }

.Aboutus {width: 100%; text-align:center; padding-top:60px; padding-bottom:50px; background:#e9e9e9;}
.Aboutus .AboutusCon {margin: 0px auto; max-width:1110px;  background-color:#FFF  }
.Aboutus .AboutusCon .AboutusConImg { float:left; width:50%;background: url(../images/tour_bg.jpg) no-repeat bottom;background-size: 100%;}
.Aboutus .AboutusCon .AboutusConBox { float:left; color:#bfbfc0; line-height:180%; width:50%; text-align:left; }
.Aboutus .AboutusCon .AboutusConTitle { float:left; color:#000000;font-size:36px; font-family:"Arial";  width:505px;padding:45px 30px 0px 30px;}
.Aboutus .AboutusCon .AboutusConCompanyname { float:left; color:#000000;font-size:18px; font-family:"Arial";  width:505px;padding:5px 30px 0px 30px;}
.Aboutus .AboutusCon .AboutusConlette { float:left; color:#555555; font-size:14px; font-family:"Arial"; width:505px; padding:20px 30px 0px 30px; line-height:150%; }

.Aboutus .AboutusCon .AboutusConImg .show_b{ float:left; width:100%;text-align: right;max-height: 340px;overflow: hidden;min-height: 340px;}
.Aboutus .AboutusCon .AboutusConImg .show_b img{ width:100%;}
.Aboutus .AboutusCon .AboutusConImg .list_box{float:left;width:100%; height:138px; background:url(../images/tour.png) no-repeat  5% 50%;}
.Aboutus .AboutusCon .AboutusConImg .list_box ul.list_small{ float:right; margin:30px 0; padding:0;}
.Aboutus .AboutusCon .AboutusConImg .list_box ul.list_small li{ display:inline-block; border:3px solid #ffffff; width:75px; height:75px; margin:0 12px 0 0; overflow:hidden; cursor:pointer;}
.Aboutus .AboutusCon .AboutusConImg .list_box ul.list_small li img{ width:75px; height:75px;}


.NewsAndCer {width: 100%;   background:#f2f2f2;}
.NewsAndCer .NewsAndCerCon {margin: 0px auto; width:1110px; height:630px;  }

.indexmain_news {width:1110px; padding-top:50px; float:left;   }
.indexmain_news .indexmain_newsTitle {height:44px; font-family:'Conv_myriad-set-pro_thin', Arial; font-size:52px;  color:#2f2f2f; width:690px; text-align:center}
.indexmain_news .indexmain_newsBlockTitle {height:70px; font-family: Verdana; font-size:16px;  color:#666666; width:690px; text-align:center;  width:659px; line-height:58px;}
.indexmain_news .indexmain_newsocon {  color:#484848; line-height:150%; font-size:12px; padding-bottom:30px; text-align:left;  width:660px;}
.indexmain_news .indexmain_newsocon  A{font-family:Arial; font-size:18px; color:#333333;  TEXT-DECORATION: none; font-weight:bold;  }
.indexmain_news .indexmain_newsocon  A:hover{color:#0488cd;}
.indexmain_news .indexmain_newsocon * { vertical-align:middle;}
.indexmain_news .indexmain_newsnone { height:28px;}

.indexmain_Cer {width:490px; padding-top:50px; float:left;     }
.indexmain_Cer .indexmain_CerTitle {height:44px; font-family:'Conv_myriad-set-pro_thin', Arial; font-size:52px;  color:#2f2f2f; width:490px; text-align:center}
.indexmain_Cer .indexmain_CersBlockTitle {height:70px; font-family: Verdana; font-size:16px;  color:#666666;  text-align:center; width:490px; line-height:58px;}
.indexmain_Cer .indexmain_Cerocon {width:490px; background:url(../images/cerbg.jpg) no-repeat; padding-top:6px; text-align:left; }
.indexmain_Cer .indexmain_Ceroconbox { display:none}


.Facechart {width: 100%;   background:#ffffff;}
.Facechart .FacechartCon {margin: 0px auto; width:1110px; padding:80px 0px 100px 0px;  }
.Facechart .FacechartCon .FacechartTitle { text-align:center; width:1110px; height:105px; display: none}
.Facechart .FacechartCon .FacechartPro { margin: 0px auto; text-align:center;width:880px; }


/*bot*/
#bot {margin: 0px auto; width: 100%; overflow: hidden; padding-top:28px; background:url(../images/bot_bg.jpg) repeat-x; border-top:#dddddd solid 1px;}
#botcon {margin: 0px auto; width: 1110px; overflow: hidden;   }
#botcon  .botNews{width:500px;  float:left;  }
#botcon  .botNews .botNewsTitle{width:500px;  float:left; height:32px; line-height:32px; }
#botcon  .botNews .botNewsTitle A{font-family:Arial; font-size:14px; color:#ffffff; font-weight:bold;  TEXT-DECORATION: none;  }
#botcon  .botNews .botNewsTitle A:hover{color:#0488cd;}
#botcon  .botNews .botNewsNav{width:500px;  float:left;  height:28px; line-height:28px; }
#botcon  .botNews .botNewsNav A{font-family:Arial; font-size:13px; color:#999999;  TEXT-DECORATION: none;  }
#botcon  .botNews .botNewsNav A:hover{color:#0488cd;}
#botcon  .botNews .botNewsNav *{ vertical-align:middle;}

#botcon  .botContact{width:430px;  float:left;  }
#botcon  .botContact .botContactTitle{width:430px;  float:left; height:32px; line-height:32px; }
#botcon  .botContact .botContactTitle A{font-family:Arial; font-size:14px; color:#ffffff;font-weight:bold;  TEXT-DECORATION: none;  }
#botcon  .botContact .botContactTitle A:hover{color:#0488cd;}
#botcon  .botContact .botContactCon{width:430px;  float:left;   line-height:200%; font-family:Arial; font-size:13px; color:#999999;  }
#botcon  .botContact .botContactCon A{font-family:Arial; font-size:13px; color:#999999;  TEXT-DECORATION: none;  }
#botcon  .botContact .botContactCon A:hover{color:#0488cd;}
#botcon  .botContact .botContactCon *{ vertical-align:middle;}
#botcon  .botContact .botContactshequ{width:430px;  float:left; padding-top:10px;   }
#botcon  .botContact .botContactshequ img{ padding-right:10px;}

#botcon  .botkeywords{width:1110px;  float:left; line-height:200%; font-family:Arial; font-size:14px; color:#999999;  }
#botcon  .botkeywords A{font-family:Arial; font-size:14px; color:#999999;  TEXT-DECORATION: none;  }
#botcon  .botkeywords A:hover{color:#0488cd;}

#botcon .botconright {width:170px;  float:right;  height:250px; padding-right:10px;   }


#copyright {margin: 0px auto; width: 100%; overflow: hidden;  background-color:#171717; line-height:100%;  color:#6e6e6e; height:70px; line-height:70px;}
#copyrightcon {margin: 0px auto; width: 1110px; overflow: hidden; font-family:Verdana; font-size:12px; }
#copyrightcon  A{font-family:Verdana; font-size:12px; color:#6e6e6e;  TEXT-DECORATION: none;  }
#copyrightcon  A:hover{color:#0488cd;}


/*并排显示*/
.justify {text-align: justify; font-size: 0px; -ms-text-justify: inter-ideograph;}
.justify .box {  vertical-align: top; display: inline-block;}


.showBox {}
.text-css1 { font-family: "Arial"; font-size:12px; color:#6d6d6d;  height:23px; padding-left:3px;  border:none; width:180px; background:none; }
.text-css2 { font-family: "Arial"; font-size:12px; color:#999999;  height:28px; line-height:28px; border:#bfbfbf solid 1px; padding-left:10px; background:url(../images/searchbg2.jpg); width:265px; }
.text-css3 { font-family: "Arial"; font-size:14px; color:#666666;  height:30px; padding-top:10px; vertical-align:middle;  border:none; background:none; width:80%; }

A.Link14:visited {FONT-SIZE: 14px; COLOR: #555555;   TEXT-DECORATION: none; FONT-FAMILY: "Arial"; }
A.Link14:link {FONT-SIZE: 14px; COLOR: #555555;  TEXT-DECORATION: none;FONT-FAMILY: "Arial";  }
A.Link14:hover {FONT-SIZE: 14px; COLOR: #1f5c2e;  TEXT-DECORATION: none; FONT-FAMILY: "Arial"; }

A.Link12gray:visited {FONT-SIZE: 12px; COLOR: #999999;   TEXT-DECORATION: none; FONT-FAMILY: "Arial"; }
A.Link12gray:link {FONT-SIZE: 12px; COLOR: #999999;  TEXT-DECORATION: none;FONT-FAMILY: "Arial";  }
A.Link12gray:hover {FONT-SIZE: 12px; COLOR: #1f5c2e;  TEXT-DECORATION: none; FONT-FAMILY: "Arial"; }


/**menu**/
.menu_title{font-size: 2.5rem;color: #434343;}
.menu_title A{color: #434343;}
.menu_title A:hover{color: #434343; text-decoration:underline}
.menu_dis{font-size: 14px;  line-height: 22px;padding: 10px 0;}
.menu_list{padding: 10px 0;}
.menu_list ul li{ display:inline-block;margin-right: 10px;position: relative; width:257px;overflow: hidden;}
.menu_list ul li img{ width:100%;}
.menu_list .zz{ background:url(../images/list_zz.png) no-repeat; height:90px; opacity:0.5; filter:alpha(opacity=50);-moz-opacity:0.5;position:absolute; top:-90px; width:100%;   padding: 5px 10px;}
.menu_list .zz span{ color:#ffffff; opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}
.menu_list .m_title{position: absolute;bottom: 0;height: 36px;line-height: 36px;width: 100%;text-align: center;color: #ffffff;background-color: #3790EA;}
.menu_list .m_view{ position:relative; float:left; height:43px; line-height:43px;font-weight:bold; border-bottom:1px solid #BFBFBF; width:100%; text-align:center; color:#175E8C;background-color: #ffffff;}
.menu_list .m_view A,.menu_list .m_view A:hover{color:#175E8C; font-size:14px; }


.pro_list{padding: 10px 0;}
.pro_list ul li{ display:inline-block;margin-right: 10px;position: relative; width:182px;overflow: hidden; vertical-align:top;}
.pro_list ul li img{ width:100%;}
.pro_list .pro_name{width:100%;text-align:center}
.pro_list .pro_model{width:100%; text-align:center}

.avatar {
    position: relative;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:after {
    bottom: 0;
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}


/**details*/
.details{ width:100%; float:left;}
.details .detail_left{ max-width:48%; float:left;}
.details .detail_left img{ max-width:98%; padding:2px; border:1px solid #ECECEC; border-radius:5px;}
.details .detail_right{max-width:50%; float:left; padding-left:2%;}
.details .detail_right .pro_name{ float:left; width:100%; color:#10598c; font-size:3rem;padding: 5px 0;}
.details .detail_right .pro_model{ float:left; width:100%; color:#767676; font-size:16px; font-weight:bold;  line-height: 40px;}
.details .detail_right .pro_sell{ float:left; width:100%;color:#767676; font-size:14px;}
.details .detail_right .pro_other{float:left; width:100%;}
.details .detail_right .pro_other ul li{ width:92px; float:left; margin-right:3px; cursor:pointer;}
.details .detail_right .pro_other ul li img{ width:100%;}
.details .detail_right .pro_line{ width:100%; background:url(../images/dian.jpg) repeat-x 50%; height:3px; float:left; padding:16px 0;}


.pro_item{float: left;  width: 100%;  margin-top: 10px;}
.pro_item .protab{float: left;  width: 100%; position:relative; bottom:-1px;}
.pro_item .protab ul li{ border:1px solid #cccccc;float: left;  padding: 5px 20px;  color: #000000;font-weight: bold; border-bottom: 1px solid #ffffff; background:url(../images/tab_bg.jpg) repeat-x;}
.pro_item .protabcon{border:1px solid #cccccc;float: left;width: 100%; padding:10px;}

.pro-datail-list{ width:95%; margin: 15px auto;}
.pro-datail-list ul li{ margin-right:10px; width:126px;float: left; height:111px; }
.pro-datail-list ul li img{width:126px;height:111px;}
ul.also_list_pic{width: 100%;float: left;margin-bottom: 45px;}
.also_like{width: 100%;border: 1px solid #cccccc;margin-top: 20px;float: left;}
.also_like .also_title{line-height: 32px;border-bottom: 1px solid #ccc; background-color:#f4f4f4;color: #000000;font-weight: bold; font-size:14px; padding-left:10px;}
p.pro-datail-list-p{ text-align:center;}

.newslist {
  float: left;width: 100%;
}
.newslist ul li {
  width: 98%;
  float: left;
  line-height: 30px;
  border-bottom: 1px solid #e3e3e3;
}
.newslist ul li A{ font-size:14px; letter-spacing:.5px;color: #888888;}
.newslist ul li span{ float:right;color: #888888;}
.news_detail_title{ text-align:center; font-size:20px; font-weight:bold;}
.news_detail_time{ text-align:center;}
.news_detail_content{ text-align:left; line-height:22px; font-size:14px;}
/*page*/
.page{ float:right; padding-right:3%; color:#666666; font-size:14px;line-height: 40px; width:100%;text-align: right;}
.page .disabled{margin-right: 5px;background: #707070;padding: 4px; color:#ffffff; }
.page .current{margin-right: 5px;background: #707070;padding: 4px; color:#ffffff; }
.page A{margin-right: 5px;background: #ffffff;padding: 4px; color:#666666; border:1px solid #666666}
.page A:hover{margin-right: 5px;background: #707070;padding: 4px; color:#ffffff; border:1px solid #707070}

ul.down_ul li{ float:left; width:99.5%; height:30px; line-height:30px; border:1px solid #e3e3e3; margin-bottom:10px;background-color: #ffffff;}
ul.down_ul li div.d1,ul.down_ul li div.d2,ul.down_ul li div.d3{ float: left;height:30px; line-height:30px; width:33%; margin:0;text-align: center;}
ul.down_ul li div.d2{ border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;}
ul.down_ul li div.d2 img{ width:28px;}

#news_row{ width:100%; float:left;}
#news_row .news_row{ width:1170px; margin:30px auto;}
#news_row .news_row .col-lg-12{ width:100%; float:left;}
#news_row .news_row .col-lg-12 h3.r_title{overflow: hidden; line-height:28px; font-size:22px; position:relative; display: block; color:#666;text-shadow: 0 0 1px rgba(0,0,0,0.01);font-family: 'Conv_myriad-set-pro_thin', Arial;}
#news_row .news_row .col-lg-12 h3.r_title:after{background: url(../images/bg_off.png) repeat;  content: ""; height:5px;margin-left:90px;position:absolute;top:12px;width:99%}
#news_row   ul.blog-showcase{ margin:0; padding:0; float:left; margin-top:10px; list-style:none; width:100%; display:block; overflow:hidden;}
#news_row   ul.blog-showcase li{-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;position: relative;display: inline-block;}
#news_row   ul.blog-showcase li.blog-first-el{  padding-right: 270px;}

#news_row  .news_pic{position: relative;overflow: hidden;z-index: 20;margin-bottom: 5px;width: 297px;}
#news_row  .news_pic img {
  padding: 4px;
  background: url("../images/bg_off.png") repeat;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#news_row  .news_txt{width: 277px; height:180px; z-index:10; margin:0; position:absolute; left:275px; top:2px; overflow:hidden; zoom:1; opacity:0}
#news_row  .news_txt span{  display: block;
  border: 1px solid rgba(0,0,0,0.1);
  border-left: none;
  border-right: 0;
  margin-bottom: 5px;
  line-height: 24px;}
  
#news_row  .news_txt h4{font-weight: normal;
  color: #666;
  font-family: 'Oswald',sans-serif;
  text-shadow: 0 0 1px rgba(0,0,0,0.01); font-size:18px;}