@charset "utf-8";

/* CSS Document */



/*产品列表页样式集合*/

/*产品左侧列表样式*/
#content_por { width:1100px;margin:auto; margin-top: 20px;}
.box_left { float: left; width: 203px; }
.box_left .mode1 { width: 203px;margin-bottom: 20px;}
.box_left .mode1 .z_title { font-size: 24px; display: block; color: #FF2D00; margin-left: 10px;}
.box_left .mode1 .english { font-size: 24px; color: #d9d9d9; letter-spacing: 5px; height: 60px;  margin-left: 10px;} 
.box_left .mode1 ul { overflow: hidden;  padding-left: 0; margin-top: 24px; }
.box_left .mode1 ul li { line-height: 40px; text-indent: 2em; margin: 10px 0;}
.box_left .mode1 ul li a { color: #333; display: block; height: 40px; line-height: 40px;}
.box_left .mode1 ul li:hover,.box_left .mode1 ul li .hover { background: #FF2D00; color: #fff;}
.box_left .mode1 ul li a:hover{color: #fff;}
.box_left .mode2 { width: 176px; overflow: hidden; margin-top: 50px;}
.box_left .mode2 .z_title  {  font-size: 24px; display: block; color: #FF2D00; margin-left: 10px;}
.box_left .mode2 .english { font-size: 24px; color: #d9d9d9; letter-spacing: 5px; height: 60px;  margin-left: 10px;} 
.box_left .mode2 ul { margin: 0 0;  padding: 10px 0 10px 0;}
.box_left .mode2 ul li { line-height: 40px; height: 40px;  border-bottom: 1px dashed #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: auto;
    margin-right: 10px;
    margin-left: 10px;

}
.box_right{width: 865px;float: right;}
.box_right .pur_right{width: 865px;}
.mode2{    padding: 5px 15px 5px 10px;
    border: 1px solid #ccc;
    border-top: none;}
.mode2 a {
        line-height: 32px;
    height: 32px;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
    text-indent: 10px;
    width: 180px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.box_left .mode3 { margin: 20px 0 ;}
.box_left .mode3 span {  background: url(../images/left_con.png) no-repeat 0 0; display: block;;height: 83px; line-height: 83px; 
    font-size: 16px; text-indent: 1.5em; color:#FF2D00; font-weight: bold; }
.box_left .mode3 .left_contact { line-height: 26px; background:#373737; color: #fff; padding:10px 15px;background-size: 100%}
.mode3 a{display: inline!important;color: #fff;}
.mode3 a:hover{color: #FF2D00;}

/*产品列表页右侧产品css*/
.box_right { 
    margin-bottom: 20px;
    margin-top: 5px;}
.por_title_con h3{
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 15px;
    border-radius: 3px;
    box-shadow: 0 3px 3px #d6d6d6;
    background: #333;
    text-align: left;
}
.por_title_con p a{color: #fefefe;    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;}
.por_title_con p{ color: #fff; text-align: right; display: block;height: 40px;float: right;font-size: 14px; margin-right: 10px;font-weight: normal;
 line-height: 40px}
.product_list li{float: left; width: 255px;text-align: center; margin-top: 10px; margin-right: 50px;}
.product_list li:nth-child(3n){float: left; width: 255px;text-align: center; margin-top: 10px; margin-right: 0px;}
.product_list{margin-bottom: 20px;}
.product_list li img{width: 255px;height: 190px;border:solid 1px #E5E5E5;}
.product_list li:hover img{border:solid 1px #2F3B4A;}
.product_list li:hover span{color:#2F3B4A; }
.product_list li span{    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    width: 200px;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: auto;}

/*底部新闻推荐*/
.news_end{margin-bottom: 10px;}
.news_end h2{      padding-left: 15px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #E5E5E5;}
.news_end h2 a{float: right;color: #999; font-size: 12px; font-weight: normal; display: block; height: 40px;line-height: 40px; padding-right: 5px;}
.news_end ul li{       border-bottom: 1px dotted #ccc;
    height: 35px;
    width: 407px;
    float: left;
    margin-right: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 10px; }
.news_end ul li a span{float: right;display: block;height: 35px; line-height: 35px;}
.news_end ul li:hover a{color: #FF2D00}
.news_end ul li:hover{border-bottom:1px dashed #FF2D00;}

/*下一页上一页*/
.page{text-align: center;margin-top: 35px;margin-bottom: 20px}
.page span {
    margin: 0 4px;
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    text-align: center;
    color: #333;
    border: 1px solid #e3e3e3;
    background: #fff;
    vertical-align: middle;
    border-radius: 3px;
}

.page a {
    margin: 0 4px;
    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    text-align: center;
    color: #fff;
    border: 1px solid #999;
    background: #999;
    vertical-align: middle;
     border-radius: 3px;
}
.page a:hover{ background: #ff2d00;color: #fff; border: 1px solid #ff2d00;}

/*热门标签*/
.hot{height: 52px;line-height: 52px; background-color: #FF2D00;margin-top:50px;}
.hot span{font-size: 16px;color: #fff; margin-left: 15px;font-weight: bold;}
.hot a {font-size: 14px; color: #fff; margin: 0 10px;}
.hot a:hover{color: #fff;text-decoration:underline; }


/*产品列表页样式集合
...........
..........
........
.....
...
 end*/



/*产品内容页样式集合*/


/*放大镜css*/
.jqzoom{width:400px; height:241px; position:relative; border:1px solid #CCC; overflow:hidden}
.jqzoom img { height:auto; width:400px; height:240px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:240px!important;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} 
.bigimg{width:600px;height:360px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px !important;height:100px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:365px; height:62px;  float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}
.product_bigimg_text {width:435px;float:right;text-indent:0em;height:auto;overflow:hidden;padding-top:10px;line-height:24px;}
.product_bigimg_text h2 {margin-bottom:0;border-bottom: 1px dashed #d7d7d7;color: #333;font-size: 18px;margin-bottom: 20px;padding: 10px 0; color:#052645;}
.prod-right-title {border-bottom: 1px dashed #e0e0e0;line-height: 26px;margin-bottom: 30px; padding-bottom: 20px;}
.prod-right-tel { height: 46px;margin-bottom: 20px; margin-top: 20px; overflow: hidden; padding-left: 5px;}
.line { height:1px; border-bottom:1px dashed #d7d7d7; clear:both; padding:10px 0; margin-bottom:20px;}
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:420px;  float:left;}
#preview{ float:none; margin:0px auto; width:420px;}
.list-h { width:200000px !important;}
.list-h li{ float:left;}
#spec-n5{width:620px; height:56px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px; height:69px; overflow:hidden}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:55px;}
#spec-list ul li img:hover{border:1px solid #0077CE !important;    padding: 2px!important;}
.title_part{width:410px;  float:right;  line-height:24px; font-size:14px; color:#555;}
.title_part h3{font-size:14px; color:#444;line-height:30px;margin-bottom:6px; height:300px; border-bottom:1px dotted #dedede; overflow:hidden; font-weight:normal;}
.title_part h6 { height:40px; line-height:40px;}
.title_part h6 dl{ width:410px; height:40px; line-height:40px;margin-top: 23px}
.title_part h6 dl dt{ float:left; width:120px;}
.title_part h6 dl dd{ float:right; width:278px; font-size:24px; color:#000; font-weight:bold;}
.title_part p{ line-height:24px;}
.list-h li img { padding: 2px; border: 1px solid #CCC; width: 79px; height: 49px;}
ins#qiao-icon-wrap{top:60%!important;}
.c_right p {font-family:"微软雅黑";line-height:24px;}
.ny_proInfo{ font-size: 14px;color: #444;line-height: 30px;margin-bottom: 18px;height: 240px;border-bottom: 1px dotted #dedede;overflow: hidden;font-weight: normal;}
.text1{margin-top: 20px;margin-bottom:20px;color: #666}
.ny_lianxi{float: right;margin-top: 5px; font-size:24px;}
.ny_lianxi a{font-size:24px;}
/*放大功能end*/

/*滚动css*/
.pro_dis_top img{border:solid 1px #E5E5E5}
.pro_dis_top:hover img{border:solid 1px #FF2D00;}
.pro_dis_tob a{ font-size: 14px;line-height: 30px;height: 30px;color:#2F3B4A}
.pro_dis:hover a{color:#ff2d00}
/*滚动css结束*/

/*新闻列表css内容部分*/
.news_content {padding: 0px 10px;}
.news_list li{    padding: 10px;
    border-bottom: dashed 1px #E5E5E5;}
.news_list li h3{height: 40px; line-height: 40px;font-size: 16px;}
.news_list li h3 a{height: 40px; line-height: 40px;font-size: 16px; display: block; float: left;}
.news_list li h3 a:hover{color: #FF2D00}
.news_list li h3 span{height: 40px; line-height: 40px;font-size: 16px;display: block; float: right; font-size: 12px; font-weight:normal;}
.news_listcon p{font-size: 14px; line-height: 26px; text-indent:2rem; color: #949191;}
  .news_listcon{ width: 680px;
    height:30px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;}
.newslistmore{float: right;
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
  color: #fff;background: #ff2d00;border: solid 1px #ff2d00;
    margin-top: -30px;

    border-radius: 3px;
    font-size: 12px;
    padding-left: 5px;}
.newslistmore:hover{

  border: solid 1px #E5E5E5; background: #E5E5E5;  color: #555;}
/*新闻内容css内容部分*/
.news_con_title h1{    font-size: 18px; line-height: 50px; font-weight: bold; color: #666;margin-top: 20px;text-align:center;}
.news_con_title h4{font-size: 12px; font-weight: normal;color: #626262;line-height:30px; margin-bottom: 15px; font-family: "宋体";text-align:center;}
.news_content{ line-height: 25px; font-family: "微软雅黑"; margin-top: 10px; color: #5e5e5e;margin-bottom: 10px;}
   



/*导航地图*/
.a_nav_s h3{ font-size:14px; color:#333; height:40px; line-height:40px;border-bottom:1px dashed #333; }

.a_nav_s h3 a{font-size:14px; color:#333; font-weight:bold; padding-left:0px;}

.a_nav_s h3 a:hover{ text-decoration:underline;}

.a_nav_s ul{}

.a_nav_s li{ font-size:14px;display:inline; line-height:40px; padding-left:20px; height:40px; }

.a_nav_s li a{ padding-right:20px; color:#666;}

.a_nav_s li a:hover{ text-decoration:underline;}

/* 留言*/

.inxliuyan{ width: 550px;  margin:30px auto 0;}
.inxGBook_Name {height: 40px;width: 400px;padding-left: 10px; float: left; color: #9f9f9f; margin-top:-1px;}
.inxFkPhone{height: 40px;width: 400px;padding-left: 10px; float: left; color: #9f9f9f;margin-top:-1px;}
.inxFktitle{height: 40px;width: 400px;padding-left: 10px; float: left; color: #9f9f9f;margin-top:-1px;}
.inxMessContent{width: 400px;height: 90px; color: #9f9f9f;padding-left: 10px; line-height:40px; margin-top:-1px;}
.inxsubmi{width: 100px;height: 40px;cursor: pointer;border-radius: 5px; border:none; margin:30px 20px 0 120px;
background: #333; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
.inxrest{width: 100px;height: 40px; border: none; cursor: pointer;border-radius: 5px;margin:30px 20px 0 30px;
background: #ff2d00; text-align:  center; line-height: 40px; color: #fff; font-size: 14px;transition:all 0.5s;}
.inxgook_001{height: 40px; background: url(../images/m1.png) no-repeat left center; width: 0px; padding-left: 40px; }
.inxgook_002{height: 40px; background: url(../images/m2.png) no-repeat left center; width: 0px; padding-left: 40px; margin-top: 14px; }
.inxgook_003{height: 40px; background: url(../images/m3.png) no-repeat left center; width: 0px; padding-left: 40px; margin-top: 14px;}
.inxgook_004{height: 90px; background: url(../images/m4.png) no-repeat left center; width: 0px; padding-left: 40px; margin-top: 14px; }

.a_title h1{    font-size: 16px; font-weight: normal; text-align: center; height: 40px;line-height: 40px;color: #ff2d00}
.a_title h4{    font-size: 12px;  font-weight: normal; text-align: center; margin-bottom: 10px; height: 40px;line-height: 40px;}
.pro_dis{margin-right: 10px;}
.pro_dis_tob a { display: block;height: 30px;text-overflow: ellipsis;overflow: hidden;}

.news_content p{line-height: 35px}
.imgheight{height: 300px;}
.imgheight img{height: 300px;width: 100%}

















/* 左侧 sideLeft  */


.sideLeft{width:240px; margin-top:0px; position:relative; z-index:11; overflow:hidden;}

.leftTitle{ background-color:#cf261f; padding-left:55px;}
.leftTitle h2{ font-weight:700; font-size:24px; line-height:70px; color:#fff;}

.leftNav{}
.leftNav li h6{ position:relative; height:48px; margin-top:1px;}
.leftNav li h6 a{ font-size:14px; line-height:48px; color:#555; display:block; position:relative; padding-left:55px; background-image:url(../images/sideNavBg.jpg); background-repeat:no-repeat; background-position:left top;}
.leftNav li h6.curr a,.leftNav li h6 a:hover{ background-position:left bottom; color:#fff;}


.leftNav li ol{ padding:5px 0;}
.leftNav li ol li{ margin-top:0; border-bottom:1px dotted #ccc; background:url(../images/jiao.png) no-repeat 30px -20px;}
.leftNav li ol li a{ font-size:14px; line-height:36px; margin-left:30px; display:block; background-color:#fff;} 
.leftNav li ol li a:hover{ margin-left:40px; color:#cf261f;}
.leftNav li ol li.curr a{ color:#cf261f; margin-left:40px;}




.sideProductList{ position:relative; overflow:hidden; border-top:1px dotted #ccc;}
.sideProductList span.productHot{ position:absolute; left:0; top:10px; width:24px; height:20px; padding-top:5px; text-align:center; font-size:12px; line-height:20px; color:#fff; background:url(../images/hotb.png) no-repeat left top; z-index:5;}
.sideProductList:nth-child(1){ border:none;}
.sideProductList:nth-child(1) span.productHot{background:url(../images/hota.png) no-repeat left top;}
.sideProductList dl{ height:50px; position:relative;}
.sideProductList dl dt{ width:220px; height:220px; position:absolute; left:0; bottom:0;}
.sideProductList dl dd{ font-size:14px; line-height:40px; padding:5px 0; position:absolute; left:0; bottom:0; right:0; background:#fff; padding-left:30px;}

.sideProduct .curr{ border:none;}
.sideProduct .curr span.productHot{ top:0; left:5px;}
.sideProduct .curr dl{ position:relative;}
.sideProduct .curr dl dt{  position:absolute; left:0; bottom:0;}
.sideProduct .curr dl dd{ font-size:14px; line-height:40px; position:absolute; left:0; bottom:0; right:0; background: url(../images/tm/tm-b-6.png); padding:0px 15px; color:#fff;}




/* 左侧底部内容 */

.sideBottom{ margin-top:20px;}
.sideTitle{ font-size:16px; line-height:40px; color:#555; background-color:#e5e5e5; padding-left:20px;}
.sideConetent{ border:1px solid #e5e5e5; border-top:none; padding:9px; height: 216px;}


.sideNewsList{}
.sideNewsList dl{ border-bottom:1px solid #e5e5e5; }
.sideNewsList dl dt{ font-weight:700; font-size:16px; line-height:24px; color:#333;}
.sideNewsList dl dd{}
.sideNewsList dl dd p{ font-size:12px; line-height:20px; color:#999;}
.sideNewsList dl dd h6{ font-size:12px; line-height:30px; color:#888;font-weight:normal;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.sideNewsList dl a:hover dt{ color:#cf261f; text-decoration:underline;}
.sideNewsList dl dd h6:hover{color: #ff2d00}

.sideContact ul{}
.sideContact ul li{ margin-top:5px; padding:0 0 5px 24px; position:relative; font-size:14px; line-height:20px; color:#555;}
.sideContact ul li span{ width:22px; height:22px; position:absolute; left:-2px; top:-1px; background-position: left bottom; background-repeat:no-repeat;}
.sideContact ul li.icon-tel span{ background-image:url(../images/icon-c.png);}
.sideContact ul li.icon-phone span{ background-image:url(../images/icon-b.png);}
.sideContact ul li.icon-fax span{ background-image:url(../images/icon-d.png);}
.sideContact ul li.icon-mail span{ background-image:url(../images/icon-e.png);}
.sideContact ul li.icon-add span{ background-image:url(../images/icon-f.png);}



.sproScroll{ position:relative;}
.sproScroll .prev,.sproScroll .next{ position:absolute; top:-49px; display:inline-block; width:30px; height:40px;  background-image:url(../images/side-pn.png); background-repeat:no-repeat; background-position:left top;-ms-transition-duration: 0s; transition-duration: 0s; z-index:99; cursor:pointer;}
.sproScroll .prev{ right:25px; background-position:left top; }
.sproScroll .next{ right:-5px;  background-position:right top; }
.sproScroll .prev:hover{ background-position:left bottom; }
.sproScroll .next:hover{ background-position:right bottom; }

.sproScroll .bd{ overflow:hidden;}

.sproList{ position:relative;}
.sproList dl{}
.sproList dl dt{ height:192px; overflow:hidden}
.sproList dl dd{ text-align:center; font-size:14px; line-height:40px; }

/* detail 详细页 */

.relevant{ padding-top:30px;}

.relevantPn{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.relevantPn p,.relevantPn p a{ font-size:14px; line-height:40px;}
.relevantPn p{ width:50%;text-align: center;}
.relevantPn p a:hover{ text-decoration:underline;}

.relevantTitle{    border: 1px solid #E5E5E5;
    padding-left: 15px;
    font-size: 16px;
    line-height: 40px;
    color: #333;
    border-bottom: none;}
.relevantTitle a{float: right;height: 40px;line-height: 40px;color: #8E8B8B;font-size: 11px;    padding-right: 10px;}
.relevantContent{}

.relevantNews{border: 1px solid #ddd; padding: 10px 15px; border-top: none;}
.relevantNews li{ line-height:40px; width:48%; float:left; border-top:1px dotted #ddd; padding-right:2%;}
.relevantNews li a{ position:relative; display:block; padding-left:10px; font-size:14px;    overflow: hidden; white-space: nowrap;text-overflow: ellipsis; height: 40px;line-height: 40px;}
.relevantNews li a em{ width:4px; height:7px; position:absolute; left:0px; top:50%; margin-top:-3px; background:url(../images/jiao-b-3.png) no-repeat right 50%;}
.relevantNews li span{ float:right; font-size:12px; color:#888;}
.relevantNews li a:hover{ color:#cf261f; margin-left:5px; text-decoration:underline;}
.relevantNews li:nth-child(2n){ padding:0 0 0 2%;}