body{ margin: 0;padding: 0;font-family: "微软雅黑"; font-size:14px;}
body,html{-webkit-text-size-adjust: none;width: 100%;height: 100%;}
*{text-decoration: none;list-style: none;}
img{border: 0px;}
ul,li,dl,dd,dt,p,ol,h1,h2,h3,h4,h5{padding: 0;margin: 0;}
.wrap{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.index{overflow: hidden;}
.clr{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.pointer{cursor:pointer;}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
a{color: #000;}

.clear{clear:both;}
.center{width:1180px; margin:0 auto; display: table;}

/*分页样式*/
div#page{ clear:both; display: table; margin: 30px auto;}
div#page ul li{ width:25px; height:25px; float:left; margin-right:10px; border:1px solid #ccc; border-radius: 5px; line-height: 25px; text-align: center;}
div#page ul li a,div#page ul li span{ display: block; line-height: 25px; text-align: center;}
div#page ul .disabled span{ color:#ccc;}
div#page ul .active{ background-color:#f28100; border:1px solid #f28100;}
div#page ul .active span{ color:#fff;}

.top{margin:20px auto;}
.logo{float:left;}
.search{width:275px; float:right; position: relative;}
.search_i{width:264px; height:30px; line-height: 30px; padding-left:10px; border:1px solid #ccc;}
.search span{width:80px; height:32px; line-height: 32px; font-size: 16px; color:#fff; background-color: #f28100; display: table; text-align: center; position: absolute; top:1px; right:0; cursor: pointer;}
.nav_t{width:100%; height:50px; background: url("../images/nav_t_bg.jpg")/*tpa=http://www.xerconn.com/public/images/nav_t_bg.jpg*/ center center repeat-x;}
.nav li{float:left;}
.nav li a{display: block; padding:0 50px; line-height: 50px; font-weight:bold;}
.nav .on,.nav li:hover{background-color: #f28100;}
.nav .on a,.nav li:hover a{color:#fff;}


.banner{position: relative;}
.banner_k{position: absolute; bottom:4px; width: 100%; height:30px; background-color: rgba(0,0,0,0.5); z-index: 1;}
.banner_k ul{display: table; margin: 0 auto;}
.banner_k li{width:12px; height:12px; margin-top:9px; background-color: #fff; float:left; border-radius: 10px; margin-right:5px; cursor: pointer;}
.banner_k .on{background-color: #AF0000;}

.about_t{margin:30px 0; display: table; width: 100%; height:30px; line-height: 30px;}
.index-about-left{float:left; font-size:16px; color:#000; font-weight: bold;}
.index-about-right{float:right;}
.index-about-right a{display: block; width:70px; height:30px; line-height: 30px; color:#fff; background-color: #3F434B; text-align: center;}
.index-about-right a:hover{background-color: #AF0000;}
.about_img{width:393px; float:left;}
.about_n{width:750px; float:right;}
.about_n h3{font-size:30px; color:#666460;}
.about_con{text-indent: 2em; color:#5e5f62; line-height: 25px; margin-top:30px;}
.about_more{margin-top:50px;}
.about_more a{width:120px; height:45px; line-height: 45px; background-color: #f28100; display: inline-block; text-align: center; color:#fff;}

.index-news{background-color: #F6F6F6; width:100%; padding:50px 0;}
.index-news li{width:360px; float:left; margin-right:50px;}
.index-news .index_index_news_li{margin-right:0;}
.list_tit{color:#343434; font-size:18px; font-weight:bold; margin-bottom:25px;}
.list_con{font-size:12px; line-height: 28px; color:#656565;}
.list_more{margin-top:20px;}
.list_more a{color:#fff; background-color: #f28100; padding:8px 20px;}
.list_img img{width:360px; height:244px;}


.index-about{padding-bottom:50px;}
.footer{width:100%; background-color: #333; padding:50px 0 30px 0;}
.foot_logo{width:280px; float:left; margin-right:50px;}
.foot_zj,.foot_zj1,.foot_mail{width:200px; float:left; color:#e2e2e2; font-size:16px; line-height: 30px; padding-left:50px; margin-left:33px;}
.foot_zj{background: url("../images/400.png")/*tpa=http://www.xerconn.com/public/images/400.png*/ left center no-repeat;}
.foot_zj1{background: url("../images/tel.png")/*tpa=http://www.xerconn.com/public/images/tel.png*/ left center no-repeat;}
.foot_mail{background: url("../images/email.png")/*tpa=http://www.xerconn.com/public/images/email.png*/ left center no-repeat;}
.foot_pro_list,.foot_about,.foot_qt,.foot_contact{width:255px; float:left; margin-right:50px; margin-top:60px;}
.foot_contact{margin-right:0;}
.foot_pro_list h3,.foot_about h3,.foot_qt h3,.foot_contact h3{font-size:16px; color:#e2e2e2; height:50px; font-weight: bold; border-bottom:1px solid #1AD263; margin-bottom:10px;}
.foot_pro_list li,.foot_about li,.foot_qt li,.foot_contact li{line-height:30px;}
.foot_pro_list li{width:50%; float:left;}
.foot_pro_list li a,.foot_about li a,.foot_qt li a,.foot_contact li a{color:#fff;}
.foot_ewm{text-align: center; color:#fff; float:right;}


.about_list{padding:30px 0 50px 0;}
.about_ul{display: table; float: right;}
.about_ul li{float:left; padding:8px 20px; border:1px solid #ccc; margin-left:15px;}
.about_ul li a{font-weight: bold;}
.about_ul li:hover{background-color: #f28100; border:1px solid #f28100;}
.about_ul li:hover a{color:#fff;}


.news_body{padding:50px 0 50px;}
.body_left,.body_right{float:left;}
.body_left{width:200px;}
.body_right{width:100%;}
.body_left h3{text-align: center; font-size:20px; color:#fff; background-color: #f28100; height:50px; line-height: 50px;}
.news_ul{border:1px solid #ccc; padding-bottom:5px;}
.news_ul li{width:80%; padding:0 10%; border-bottom:1px dashed #ccc; height:50px; line-height: 50px;}
.news_ul li a{display: table; width: 100%;}
.news_ul li:hover{background-color: #f28100;}
.news_ul li:hover a{color:#fff;}
.body_right h3{height:50px; line-height: 50px; width: 100%; border-bottom:1px solid #ccc;}
.con_c_left{font-size:18px; padding-left:10px; color:#f28100;}
.con_c_rigt{float:left; font-size:12px; color:#7b7b7b; margin-top:10px; font-weight: bold;}
.con_c_rigt a{color:#7b7b7b;}
.content_c{margin-top:55px;}
.content_c li{width:100%; height:150px; display: table; margin-bottom:25px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.content_c li a{display: table; float:right;}
.content_c li .news_img , .content_c li .news_con{float:left;}
.content_c li .news_img img{width:300px; height:209px;}
.content_c li .news_con{width:860px; margin-left:20px;}
.news_con_tit{font-size:18px; color:#000;}
.news_con_con{color:#7b7b7b; line-height: 25px;}
.news_con_more{width:105px; height:35px; background-color: #f28100; line-height: 35px; margin-top:45px; text-align: center; color:#fff; font-size:16px;}
.content_c li a:hover .news_con_more{background-color: #f28100;}
.new_details_tit{font-size:25px; text-align: center; color:#000; margin-top:20px;}
.new_details_date{text-align: center; color:#7b7b7b; margin:15px 0 20px 0; padding-bottom:15px; border-bottom:1px dashed #ccc;}
.new_details_con{line-height: 25px;}

.case_top{padding:20px 0; border-bottom:1px solid #E3E3E3; color:#7b7b7b; font-weight: bold; font-size:12px;}
.case_top a{color:#7b7b7b; font-weight: bold;}
.case_t_t{margin-top:20px; font-size:18px;}
.case_t_c{padding:10px 0 20px; line-height: 25px; font-size:12px;}
.case_con li,.case_con li img{width:275px; height:270px;}
.case_con .case_con_li,.case_con .case_con_li img{width:570px;}
.case_con li{float:left; margin:20px 20px 0 0; cursor: pointer; position: relative;}
.case_con{display: table; padding-bottom:20px;}
.case_tit{position: absolute; bottom:0; font-size:16px; color:#fff; background-color: rgba(0,0,0,0.6); width:100%; height:50px; line-height: 50px; text-align: center;}
.competition_con{line-height: 25px;}
.competition_con img{max-width: 100%;}


/*.product_list{padding:50px 0;}*/
.product_list{padding:20px 0;}
.pro_list,.pro_tow_list{display: table; margin: 0 auto;}
.news_list_tt{display: block;}
.news_list_tt ul{float:right;}
.product_list_li .list_ej{display: block;}
.product_list_li > a{color:#f28100; font-weight: bold;}
.pro_list li,.pro_tow_list li{float:left; margin-left:15px; border:1px solid #ccc;}
.pro_list_li,.pro_list li:hover{background-color: #f28100;}
.pro_list li a{padding:8px 20px; display: block; font-weight: bold;}
.pro_list .pro_list_li a,.pro_list li:hover a{color:#fff;}
.pro_list .pro_list_li,.pro_list li:hover{border-color: #f28100;}
.pro_list_h{width:100%; height:1px; background-color: #ccc; margin-top:20px;}
.pro_tow_list li{border:none;}
.pro_tow_list li a{padding:20px 10px; display: block;}
.pro_tow_list li{border-top:2px solid #fff; border-radius: 0;}
.pro_tow_list .pro_two_li,.pro_tow_list li:hover{border-color:#f28100;}
.product_con{width:1650px; margin-top:50px;}
.product_con li{width:522px; height:238px; float:left; border:1px solid #ccc; margin-right:15px; margin-bottom:30px;}
.pro_list_img{width:260px; height:238px; float:left; text-align: center; line-height: 238px;}
.pro_list_img img{max-width: 260px; max-height: 238px; display: inline-block; vertical-align: middle;}
.pro_list_con{width:230px; padding:0 15px; height:233px; float:left;}
.pro_list_tit{font-size:16px; font-weight: bold; margin-top:50px;}
.pro_list_c{color:#8c8c8c; line-height: 25px; margin-top:20px;}
.pro_list_more{display: table; padding:10px 20px; background-color: #f28100; color:#fff; margin-top:20px; float:right;}
.pro_list_more:hover{background-color: #8E0000;}


.product_con_i{margin-top:50px;}
.pro_list_con{width:250px; float:left; display: table;}
.pro_list_con h3{width:100%; height:60px; line-height: 60px; background-color: #f28100; color:#fff; font-size:20px; text-align: center;}
.pro_one_ul{border:1px solid #ccc;}
.pro_one_ul{/* padding-top:15px;padding-bottom:15px;*/}
.pro_one_ul > li{padding:0 15px; border-bottom:1px dashed #ccc; line-height: 50px;}
.pro_one_ul a:hover{color:#f28100;}
.list_ej{padding-bottom:15px; display: none;}
.list_ej li{padding-left:20px;}
.product_right_c{margin-top:50px;}
.product_right_con{float:right; width:880px;}
.product_right_c li{width:100%; margin-left:10px; margin-right:10px; float:left; border-bottom:1px solid #ccc; margin-bottom:20px;}
.product_right_c li a{display: table; width: 100%;}
.product_right_c li a:hover .product_con_t_t{color:#f28100;}
.product_con_img{float:left;}
.product_con_img{width:280px; text-align: center;}
.product_con_tit{width:580px; float:right;}
.product_con_img img{max-width: 280px;}
.con_c_rigt_p{float:right;}
.product_right_con h3{color:#f28100; font-size:18px; border-bottom:1px solid #ccc;}
.product_right_con h3 span{font-size:12px; color:#7b7b7b; font-weight: bold;}
.product_right_con h3 span a{font-size:12px; color:#7b7b7b; font-weight: bold;}
.product_con_t_t{margin-top:30px; font-size:18px; color:#000; font-weight: bold;}
.product_con_t_y,.product_con_t_z{font-size:16px; color:#757575; margin-top:15px;}



.product_img,.product_type,.product_mess{float:left;}
.product_img{width:500px; height:300px; line-height: 300px; text-align: center;}
.product_img img{max-width: 500px; max-height: 500px; display: inline-block; vertical-align: middle;}
.product_img p{line-height: 25px; text-align: center;}
.product_type{width:350px; margin-left:30px;}
.product_d_tit{margin-top:50px; font-size:20px; line-height: 30px;}
.product_d_type,.product_d_RoHS,.product_d_zq{margin-top:30px;}
.product_mess{margin-left:20px; margin-top:150px; padding-left:70px; line-height: 30px; font-size:16px; background: url("../images/message.png")/*tpa=http://www.xerconn.com/public/images/message.png*/ left 10px center no-repeat;}
.product_details_js{margin-top:150px;}
.product_details_content{width:900px; float:left;}
.product_xiangxi{display: flex;}
.product_xiangxi table{border-spacing:0 !important;}
.product_tz{width:250px; float:right;}
.product_js h3{width:98%; padding-left:2%; background-color: #ccc; line-height: 50px; font-size:18px;}
.product_js h3 span{margin: 0 100px;}
.product_js h3 > span{margin-left:0;}
.model h3,.test h3{text-align: center;  background-color: #ccc; line-height: 50px; font-size:18px;}
.model li ,.test li{line-height: 50px; padding-left:60px; background: url("../images/down.png")/*tpa=http://www.xerconn.com/public/images/down.png*/ left 15px center no-repeat; margin:20px 0; border-bottom:1px dashed #ccc;}
.model li:hover,.test li:hover{background: url("../images/down_h.png")/*tpa=http://www.xerconn.com/public/images/down_h.png*/ left 15px center no-repeat;}
.product_details{padding-bottom:50px;}

.about_n_con{display: table; width:100%; margin-top:50px; padding-bottom:50px; line-height: 25px; border-bottom:1px solid #ccc;}
.about_n_con h3{font-size:20px; font-weight: bold; line-height: 35px; margin-bottom:10px; color:#f28100;}
.about_n_con img{max-width: 100%;}
.about_n_img{width:400px; text-align: center; float:left;}
.about_n_img img{max-width: 400px;}
.about_n_c{width:100%; float:left;}
.about_n_c_1{width:750px; margin-left:30px;}


form.registerform > div.input{
    float: left;
    width: 50%;
}
form.registerform > div.textarea {
    float: left;
    width: 100%;
}
form.registerform > div.textarea > textarea{
    width: 92%;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
}
form.registerform > div.textarea > label,
form.registerform > div.input > label
{
    padding: 20px 0 5px 0;
    display: block;
}
form.registerform > div.input > select,
form.registerform > div.input > input{
    width: 470px;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
}
form.registerform > div.input > select{
    width: 490px;
}
form.registerform > input.but{
    background: #f28100;
    padding: 10px 20px ;
    float: right;
    color: #fff;
    border: 0;
    margin: 20px 80px 0 0 ;
}
.green{
    color: #6b9444;
    font-weight: 600;
}
.red{
    color: #f28100;
    font-weight: 600;
}

.quan{width:100%; height:1px; background-color: #ccc; margin-top:20px;}

/* 大图样式 */
.banner {width:100%; position:relative; height:450px; background:#fff; min-width:1200px; position:relative;}
.banner .banner-border {min-width:1200px; width:100% !important; height:17px; position:absolute; top:0; left:0; z-index:999;}
.banner .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.banner .bd ul { width:100% !important;  }
.banner .bd li { width:100% !important;  height:450px; overflow:hidden; text-align:center;}
.banner .bd li a { display:block; height:450px ; }
.banner .hd{ width:100%;  position:absolute; z-index:3; bottom:0; left:0; height:60px; line-height:60px;  text-align:center; _background:#fff; _filter:alpha(opacity=60); 	}
.banner .hd ul{ text-align:center;  padding-top:25px;  }
.banner .hd ul li{ display: inline-block; margin: 0 5px; width: 10pt;height: 10pt; border-radius: 6px; -webkit-border-radius:6px; -moz-border-radius:6px; background: #fff0df; opacity: .4; filter:alpha(opacity=40);  cursor: pointer; overflow:hidden; line-height:999px;	}
.banner .hd ul .on{ background:#754432; opacity:1; filter:alpha(opacity=100);}
.banner .prev{background:url("../images/sprite.png")/*tpa=http://www.xerconn.com/public/images/sprite.png*/ left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;left: 0;opacity:0.2; filter:alpha(opacity=20);}
.banner .prev:hover{opacity:0.4; filter:alpha(opacity=40);}
.banner .next{background:url("../images/sprite.png")/*tpa=http://www.xerconn.com/public/images/sprite.png*/ right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%; margin-top:-50px; width: 45px;right: 0;opacity:0.2; filter:alpha(opacity=20);}
.banner .next:hover{opacity:0.4; filter:alpha(opacity=40);}

.html_body_right{width:50px; position: fixed; top:300px; right:5px; z-index: 201;}

.banner_title{position: absolute; left:17%; top:120px; color:#fff;}
.banner_title h3{font-size:30px; font-weight: bold; letter-spacing:5px;}
.banner_title p{font-size:26px; font-weight: bold; line-height: 35px;}
.focus .fcon .banner_title a{color:#fff; border:1px solid #f28100;padding:10px 30px; margin-top:20px; margin-right:20px; display: inline-block; font-size:16px;}
.focus .fcon .banner_title a:hover{background-color: #f28100;}

.testb{width:50px; height:50px; border:1px solid #dddddd; margin-top:6px; cursor: pointer; position: relative;}
.test1{background: #fff url("../images/qq.png")/*tpa=http://www.xerconn.com/public/images/qq.png*/ center center no-repeat;}
.test2{background: #fff url("../images/tel_1.png")/*tpa=http://www.xerconn.com/public/images/tel_1.png*/ center center no-repeat;}
.test3{background: #fff url("../images/ewm_1.png")/*tpa=http://www.xerconn.com/public/images/ewm_1.png*/ center center no-repeat;}
.test4{background: #fff url("../images/top.png")/*tpa=http://www.xerconn.com/public/images/top.png*/ center center no-repeat; display: none;}
.test5{background: #fff url("../images/email_1.png")/*tpa=http://www.xerconn.com/public/images/email_1.png*/ center center no-repeat;}
.test1:hover{background: #fff url("../images/qq_1.png")/*tpa=http://www.xerconn.com/public/images/qq_1.png*/ center center no-repeat;}
.test4:hover{background: #fff url("../images/top_1.png")/*tpa=http://www.xerconn.com/public/images/top_1.png*/ center center no-repeat;}
.html_body_righ_tel,.html_body_righ_email,.html_body_righ_ewm,.html_body_righ_qq{position: absolute; top:6px; width: 30px; color:#f28100; left:10px; background-color: #fff; display: none;}
.test2:hover .html_body_righ_tel,.test3:hover .html_body_righ_ewm,.test1:hover .html_body_righ_qq,.test5:hover .html_body_righ_email{display: block;}
.html_body_right_tel_con,.html_body_right_email_con,.html_body_right_qq_con,.html_body_righ_ewm_con{position: absolute; top:0; left:-220px; padding-left:10px; width:200px; height:50px; border:1px solid #ddd; border-top:3px solid #f28100; background: #fff; font-size:14px; line-height: 50px; display: none;}
.html_body_right_qq_con{height:auto; width:460px; left:-490px; padding-left:20px;}
.html_body_right_qq_con ul{display: table; padding-bottom: 30px;}
.html_body_right_qq_con ul li{height:29px; float:left; line-height: 35px; margin-right:35px;}
.html_body_right_qq_con ul li a img{float:left; margin-right:5px;}
.html_body_righ_ewm_con{width:150px; height:150px; left:-170px; padding-left:0;}
.html_body_righ_ewm_con img{width:150px; height:150px;}
.server_date{padding-left:90px; background: url("../images/qq_kf.png")/*tpa=http://www.xerconn.com/public/images/qq_kf.png*/ left 15px top 10px no-repeat; line-height: 30px; margin-top:20px; border-bottom: 1px solid #ccc; padding-bottom:20px;}
.qqkf_t{font-size:24px; color:#f28100;}
.qqkf_date{color:#aaa;}

.foot_company{width:100%; text-align: center; line-height: 45px; color:#D8D8D8; background-color: #000;}
.foot_company a{color:#D8D8D8;}


@media screen and (max-width: 1180px) {
    .nav_t,.index-news,.footer,.product_con{width:1180px;}
    .banner_title{top:30px;}
}

@media (max-width: 1683px){
    .banner_title{left:5%;}
}

.product_js table{ width: 100%; border: 1px solid #f1f1f1; }
.product_js table tr td{ border: 1px solid #f1f1f1; padding: 5px 10px; }