@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;position: relative;}
/*top*/
.h_mid_c {width: 100%; height: 85px; background-color: #fff; position: relative; z-index: 99; }
.h_top, .h_mid {width: 1200px; margin: 0 auto; position: relative; }
.logo {float: left;}
.head_rtel {color: #1d2089; float: right; background: url(../image/tel.jpg) left 45px no-repeat; line-height: 1; font-size: 16px; font-weight: bold;  padding: 20px 0 0 55px; }
.head_rtel span {line-height: 50px; color: #666666; display: block; font-size: 25px;float: left;font-weight: normal; }
.head_rtel b {display: block; font-size: 30px; line-height: 50px;float: left;color: #d51e1e; }
/*nav*/
.nav_c {width: 100%; height: 51px; background-color: #1872cf; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:51px; line-height:51px; position:relative; z-index:1;width: 1200px; margin: 0 auto; position: relative;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left; background: url(../image/nav_xx.jpg) left  no-repeat;  }
.nav .nLi h3 a{ display:block; font-size:14px; font-weight:normal;width: 150px;text-align: center;  }
.nav .sub{ display:none; width:150px; left:0; top:51px;  position:absolute; background:#4E4E4E;  line-height:30px; padding:10px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 20px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{ background:#d51e1e; color:#fff; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;  }
/*banner*/
.banner{}
.slideBox{ width:100%; height:480px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:45%; bottom:40px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:40px; height:5px;  background:#fff; cursor:pointer;text-indent: -9999999px; }
.slideBox .hd ul li.on{ background:#d51e1e;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }


.sear{position: relative; height: 70px;background: #dcdada;-webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; margin-top: -35px;border-radius: 5px; } #searchForm {background: url(../image/sousou.jpg) left top no-repeat; }
.ser_n{position: absolute;top: 15px;left: 30px;}
.ser_n .ipt1 {height: 40px; overflow: hidden; float: left; width: 220px; padding-left: 5px; margin: 4px 0 0 2px; line-height: 35px; /* border: 3px solid #ED145B; */ border-right: none; }
.ser_n .ipt1 input {outline: 0; width: 100%; height: 30px; padding-left: 5px; line-height: 26px; color: #999; border: 0; padding: 0; }
.ser_n .ipt2 {float: left; width: 75px; margin-top: 2px; }
.ser_n .ipt2 input {outline: 0; float: right; width: 75px; height: 35px; cursor: pointer; background: none; border: 0; color: white; font-family: 微软雅黑; font-size: 16px; text-indent: -999999px; }


.text_new{position: absolute;left:400px;font-size: 24px;color: #d51e1e;line-height: 70px;}
.txtScroll-left{ position:absolute;right: 50px;top: 25px;   }
.txtScroll-left .bd{ padding:0 40px; width:550px; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px; padding-left: 10px; text-align:left;background: url(../image/..jpg) left center no-repeat;}
.txtScroll-left .bd ul li a{color: #333;font-size: 16px;font-weight: normal;}

.txtScroll-left .prev,
.txtScroll-left .next{ position:absolute; left:0%;  margin-top:-25px; display:block; width:12px; height:21px; background:url(../image/slider-arrow.jpg) left center  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.txtScroll-left .next{ left:auto; right:0%; background-position:right center; }
.txtScroll-left .prev:hover,
.txtScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.txtScroll-left .prevStop{ display:none;  }
.txtScroll-left .nextStop{ display:none;  }

.dropdown li.x{background:url(../image/x.jpg) no-repeat;    text-indent: 30px;;line-height: 50px;}
.dropdown li.x.selected{background:url(../image/x1.jpg) no-repeat;line-height: 52px; }
.dropdown li.xx{    background:url(../image/xx.jpg) no-repeat;}
.dropdown li > ul li {
    padding: 0 12px;
}
.dropdown li > ul li > ul li {
    padding: 0px 10px;
}
.left{float:left; width:230px; overflow:hidden; margin-right:18px;}
.leftProClaList{ height:100px; height:auto!important;min-height:150px; padding-bottom: 14px;/*border: 1px solid #a3a4a4;*/}
.leftProClaListUl{width: 230px;}
.leftProClaListUl li{
    width: 204px;height:40px;padding-left: 20px;padding-right:20px;margin-bottom: 6px;border: 1px solid #d5d5d5;
    overflow:hidden;
    background:#ffffff; }
.leftProClaList a{color: #fff; font-size:14px;}
.leftProClaList ul li.xx a{color:#666;font-size:14px;}
.leftProClaList a:hover{font-weight:bold;text-decoration: underline;}
.leftProClaListUl a:hover{color:#e8363d;}
.leftProClaListUl  .childCla{ width: 244px;margin-top: -6px; margin-bottom:6px; border: 1px solid #acacac; display: none;}
.leftProClaListUl  .childCla  li{
    width:244px; height: 40px; padding: 0px;margin: 0px; border:none; border-bottom:1px solid #acacac; 
}
.leftProClaListUl  .childCla li a{
    width: 204px;  height: 40px; padding: 0px 20px;  display: block;
    color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    background: #f0f0f0;}
.leftProClaListUl  .childCla li a:hover{color:#e8363d}
.leftProClaListUl li.open{ background:#0f1427;border: 1px solid #0f1427;  }
.leftProClaListUl li.open a{color:#e8363d}


.main1{height: 820px;background: url(../image/m1_bg.jpg) center no-repeat;}
.mainCon{width:950px; float:right;}
.caseUl li {float: left; font-size: 13px; overflow: hidden; text-align: center; padding: 0px 0px 30px 10px; height: 200px; width: 306px; }
.caseUl li img {width: 282px; height:168px;border:8px solid #3c99fa; }
.caseUl li:hover img{border:8px solid #D61E1E;}
.caseUl li p {padding-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.top{height: 40px;}
.top span {
    float: right;
    line-height: 40px;
    font-size: 14px;
}
.top span a{width: 70px;height: 30px;background: #efecec;display: inline-block;line-height: 30px;text-align: center;border:1px solid #cccccc;}
.top span a:hover{text-decoration: underline;}

.main2-3{background: url(../image/m2-3_bg.jpg) no-repeat center;}
.main2{height: 740px;}
.iabright {
    float: left;
    width: 1200px;
}
.iabright a.a1{
    float: left;
    width: 400px;
    height: 300px;
    background: #c40d38;
    color: #fff;
}
.iabright a.a1 p{line-height: 20px;font-size: 14px;}
.iabright a.a3 p{line-height: 30px;font-size: 18px;}
.iabright .img img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.iabright .img:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.iabright h2{text-align: center;font-size: 18px;font-weight: normal;background: url(../image/xx.png) center no-repeat;height: 70px;line-height: 70px;}
.iabright div.a2 {
    float: left;
    width: 400px;
    height: 300px;
    background: #1872cf;
    color: #fff;
    position: relative;
}
.iabright a.a3 {
    float: left;
    width: 400px;
    height: 300px;
    background: #262626;
    color: #fff;
}

.iabright p.img {
    float: left;
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: relative;
}


.iabright a.a3 img {
    opacity: 0.3;
}

/* 焦点图 */
.focusBox { float:left; position:absolute; width: 400px; height: 240px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff;bottom: 0; }
.focusBox .pic img { width: 400px; height: 240px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }







.main3{height: 400px;}
.h2{text-align: center;font-size: 36px;line-height: 100px;height: 100px;}

/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:30px;text-align: center;  }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{display: inline-block; width:12px; height:12px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.jpg") 0 -12px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:274px; height:180px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }



.footer {height: 290px; background: #1b1b1b;    margin: 20px auto 0 auto; }
.footer .fo_nav{text-align: center;padding-left: 40px;}
.footer .fo_nav li{float: left;padding: 0 30px;}
.footer .fo_nav li a{color: #fff;font-size: 16px;line-height: 70px;}
.footer .dress{color: #fff;padding-top: 20px;float: left;padding-left: 50px;height: 159px;}
.footer .dress p{font-size: 14px;line-height: 25px;}
.footer .logo2 {float: left; margin: 10px 46px 0 20px; }
.footer .ewm {float: left; width: 150px; text-align: center; margin-left: 0px; }
.footer .ewm p {color: #fff; font-size: 14px; line-height: 30px; }
.footer .tc{font-size: 16px;color: #fff;line-height: 40px;}
a {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.footer .fo_nav li a:hover{color:#f75a53;}

/*page*/
#pages{text-align: center;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #e6e6e6;color: #333;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #006fcf;color: #fff;display: inline-block;}
#pages a:hover{background: #006fcf;color: #fff;}












.content_n{width:1200px; height:auto;margin:10px auto 0 auto;}  
    .con_left{ width:240px; height:auto; float:left;}
        .left_nav{width:240px; height:auto; float:left;}
            .left_nav_first{ width:240px; height:70px; float:left; background:url(../image/left_nav_first_bg.jpg) no-repeat; color:#fff;}
                .left_nav_first .ch{ width:auto; float:left; line-height:70px;font-family:"微软雅黑"; font-size:22px; padding-left:10px;}
                .left_nav_first .en{width:auto; float:left; height:50px; margin-top:20px; line-height:45px;font-family:"Arial"; font-size:14px; padding-left:5px;}
            .left_nav_list{width:240px; height:auto; float:left;}
                .left_nav_list ul{}
                .left_nav_list ul li{width:240px; height:60px; float:left; text-indent:2em; line-height:60px;font-family:"微软雅黑"; font-size:14px;}
                .left_nav_list ul li a:link,.left_nav_list ul li a:visited{ display:block;background:url(../image/left_nav_bg.jpg) no-repeat; color:#fff;}
                .left_nav_list ul li a:hover,.left_nav_list ul li .left_stop{ display:block;background:url(../image/left_nav_bg_h.jpg) no-repeat !important; color:#fff !important;}
        .left_conatct{width:220px; height:auto; min-height:170px; float:left; padding:20px 10px; background:#363636 url(../image/left_contact_bg.jpg) top no-repeat; line-height:30px;font-family:"微软雅黑"; font-size:14px; color:#fff;}
    .con_right{ width:930px; height:auto; float:right;}
        .position{width:930px; height:40px; float:left; border-bottom:1px solid #dcdcdc; margin-top:20px;}
            .position_l{ width:auto; float:left; line-height:40px;font-family:"微软雅黑"; font-size:18px; color:#ff7800;}
            .position_r{ width:auto; float:right; line-height:30px; margin-top:10px; text-align:right; background:url(../image/icon_home.png) center left no-repeat; padding-left:15px;}
        .right_con{width:930px; height:auto; min-height:260px; float:left; margin-top:10px;font-family:"微软雅黑"; font-size:14px; line-height:30px;}   
    
.news_n{ width:930px; height:auto; float:left;}
.news_n ul li{ width:920px;line-height:40px; float:left;color:#333; border-bottom:1px dashed #dcdcdc; padding-left:10px; background:url(../image/icon_news.png) center left no-repeat;}
.news_n ul li a:link,.news_n ul li a:visited{color:#333;}
.news_n ul li a:hover{ color:#ff7800;}
.news_n ul li span{ float:right;} 

.news_n2{ width:930px; height:auto; float:left; margin-top:20px;}
.news_n2 ul{ margin:0px; padding:0px;}
.news_n2 ul li{width:930px; height:90px;float:left; margin-bottom:25px; border-bottom:1px dashed #dcdcdc; padding-bottom:25px;}
.news_n2 ul li .news_img{ width:120px; height:90px; float:left;}
.news_n2 ul li .news_xx{ width:690px; height:90px; float:right;}
.news_n2 ul li .news_xx .tit{ width:690px; line-height:14px; float:left; font-family:"微软雅黑"; font-size:14px; color:#333;}
.news_n2 ul li .news_xx .tit a:link,.news_n2 ul li .news_xx .tit a:visited{color:#333;}
.news_n2 ul li .news_xx .tit a:hover{color:#ff7800;}
.news_n2 ul li .news_xx .date{width:690px; line-height:32px; float:left; font-family:"微软雅黑";font-size:12px; color:#ff7800;}
.news_n2 ul li .news_xx .zy{width:690px; line-height:22px; float:left; color:#666;} 

.products_n{width:950px; height:auto; float:left; margin-top:0px;}
.products_n ul{}
.products_n ul li{ width:220px; height:180px;float:left;display:block;margin:10px 5px 0px 5px;}
.products_n ul li:hover{color:#fff !important; cursor:pointer; color:#fff !important}
.products_n ul li img{border: 5px solid #ccc;}
.products_n ul li:hover img{border: 5px solid #FF5A00;}

.products_n ul li .pro_img{width:200px; height:140px;display:block;}
.products_n ul li .pro_name{width:200px; height:36px; line-height:36px; text-align:center;font-family:"微软雅黑"; font-size:14px; overflow:hidden; float:left;}


/*新闻详细页面*/
.tittle{ height:auto;}
.tittle h4{ font-family:"Microsoft Yahei"; font-size:20px; font-weight:normal; color:#4c4c4c; text-align:center; border-bottom:1px solid #b7ad92; padding:10px 0;}
.extro{ width:850px; margin-top:10px}
.extro .dt{ float:right; color:#666; font-size:12px; height:30px; line-height:30px;}
.extro .dt p{ font-size:13px; color:#333;}
.extro .dt p span{ padding-right:20px; color:#666;}
.new_info{ padding-top:18px; line-height:24px;}
.rel_tags{height:26px; line-height:26px; font-size:14px; font-weight:bold; margin-bottom:20px;}
.next p{ height:26px; line-height:26px; font-size:14px; font-weight:bold;}
.next a{ font-size:14px; font-weight:normal;}
.next a:hover{ line-height:26px; text-decoration:underline;}

.about_read{ margin-top:14px;}
.about_read .hd{ height:48px; line-height:48px;}
.about_read .hd h4{ font-size:14px; font-weight:bold;}
.about_read .bd{ overflow:hidden;}
.about_read .bd li{ height:26px; line-height:26px; overflow:hidden; font-size:14px;}
.about_read .bd li a{ background:url(../image/dot.gif) 0 center no-repeat; padding-left:10px;}
.about_read .bd li a:hover{ text-decoration:underline;}
.about_read .bd li span{ padding-left:8px; color:#c0c0c0;}


/*产品展示detail*/
.cp-detail{ margin:20px 0px; font-family:"微软雅黑"; font-size:14px; line-height:25px;}

/*-------多图片切换放大*/
#preview{ float:left; width:440px;}
.jqzoom{ width:440px; height:293px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:440px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:255px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:440px;height:300px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:533px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;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:412px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
    
/*-------产品右侧属性*/
.cp-canshu{ float:right; width:460px;  }
.cp-canshu .anniu{ margin:25px auto;}
.button-gm{background: url(../images/icon-gm.jpg) no-repeat; width:128px; height:38px; border: 0px }
.button-gwc{background: url(../images/icon-gwc.jpg) no-repeat; width:133px; height:38px; border: 0px }
/*-------产品介绍详细*/
.cp-info{ margin:30px 0px;}
.cp-info h4{ border-bottom:1px solid #dcdcdc; padding:0px 0px; font-size:16px; font-weight:bold;}
.cp-info1{ margin:20px 0px;}


/*在线留言 message*/

.message-form{ margin:20px 0px; width:630px; float:left;}
.message-form .faqline{ width:630px; float:left; margin:5px 0px;}
.message-form .faqline .faqtit{ width:90px; float:left;display:block; height:28px; line-height:28px; padding-left:20px; font-size:14px; color:#666;}
.message-form .faqline input{ border:1px solid #CCC; height:30px; line-height:30px; text-align:left; font-size:14px;width:255px;}
.message-form .faqline textarea{ border:1px solid #CCC;line-height:30px; text-align:left; font-size:14px;}
.message-form .faqline .submit{border:1px solid #CCC; background:#F5F5F5; color:#666; text-align:center; font-size:14px; font-weight:bold; padding-bottom:20px; padding-left:20px; padding-right:20px;vertical-align:middle; float:left; margin-left:170px;margin-top:10px;width:100px;}
.message-form .faqline .cimg{vertical-align:bottom;margin-left:5px;}

.message-display{ margin:20px 0px; width:630px; float:left;}
.message-top{ background-color:#ebebeb; padding:0px 10px;}
.message-display h1{ font-family:"微软雅黑"; font-size:15px; color:#BE2327; border-bottom:1px solid #D7D7D7; margin-bottom:10px; line-height:30px; padding-left:15px;}
.message-info{ margin:10px 0px; line-height:25px;}
.message-left{ font-size:14px; font-weight:bold; color:#BE2327;float:left; margin-right:5px;}
.message-right{ color:#999;float:right;}
.message-nr,.message-reply{ padding:0px 10px;}
.message-nr span,.message-reply span{ color:#888;}