﻿@charset "utf-8";
/* CSS Document */
@charset "gb2312";
/* CSS Document */

*{padding:0;margin: 0;}
ul,li,ol{list-style: none;}
a{text-decoration: none;color: #353535;}
a:hover{color:#f47331;text-decoration:underline;}
img{border: none;}
body{font-family: "Microsoft YaHei",Arial,SimHei;font-size: 14px;color: #353535;background:#fff;overflow-x:hidden;}
.clear-fix { *overflow: hidden; *zoom: 1; }  
.clear-fix:after { display: table; content: ""; width: 0; clear: both; }
.fl{float: left;}
.fr{float:right;}

.col{width:100%;margin:0px auto;}
.item_top{/*width:auto;*/ max-width:1200px; height:auto;background:#fff;margin:0px auto 10px auto;position:relative;}

@media(max-width: 1199px){
    .col{max-width: inherit;}
    .item_top{width:90%;margin:10px auto;margin-top:15px;}
    .sub_item_notice{width:100%;}
    .sub_item_youshi{width:100%;margin:10px auto;}
    .sub_item_track{width:100%;margin:10px auto;}
    .main_content{width:90%;margin:0px auto;}
    .main_content .news_1{width:100%;}
    .main_content .product_item{width:100%;margin:10px auto;}
    .main_content .product_item .box{float:left; width:23.8%; height:auto;margin-left:1.5%;}
    .main_content .product_item .box:first-child{margin-left:0px;}
    .main_content .wm_youshi ul li{display:inline-block;width:45%;float:left;margin:10px auto auto 15px;}
    .main_content .wm_youshi{width:100%;}
    .main_content .wm_youshi ul li:first-child{margin-left:10px;}
    .main_content .wm_youshi ul li{margin-left:15px;margin-top:4px;}
    .contact_us{width:100%;}
    .sub_item_youshi .sub_tab_list ul li{width:32.7%; margin-left:2px;}
    .footer ul{width:18%;margin-left:5px;}
    .footer ul li{line-height:28px;color:#fff;}
    .sub_item_youshi .tab_content ul li .p1{font-size:14px;font-weight:bold;line-height:26px;} 
}
@media(max-width: 900px)
{
    /*.main_content{min-width:600px;}*/
    .main_content .product_item .box:first-child{margin-left:3.5%;}
    .main_content .product_item .box{float:left; width:45%; height:auto;margin-left:3.5%;margin-top:10px;}
}
@media(max-width: 550px)
{
    .main_content .product_item .box:first-child{margin-left:10%;}
    .main_content .product_item .box{width:80%; height:auto;margin-left:10%;margin-top:10px;}
    .main_content .wm_youshi ul li{display:inline-block;width:80%;float:left;margin-left:10%;margin-top:10px;}
    .main_content .wm_youshi{width:100%;}
    .main_content .wm_youshi ul li:first-child{margin-left:10%;}
}
@media(min-width: 1200px){
    .col{max-width: inherit;}
    .item_top{width:100%;max-width:1200px;margin:10px auto;margin-top:15px;}
    .sub_item_notice{width:23.5%;}
    .sub_item_youshi{width:48.8%;margin-left:20px;}
    .sub_item_track{width:23.5%;margin-left:20px;}
    .main_content{width:100%;max-width:1200px;margin:0px auto;}
    .main_content .news_1{width:23%;}
    .main_content .product_item{width:100%;margin:10px auto;}
    .main_content .product_item .box{float:left; width:23.8%; height:auto;margin-left:1.5%;}
    .main_content .product_item .box:first-child{margin-left:0px;}
    .main_content .wm_youshi ul li{display:block;width:32%;float:left;margin:10px auto auto 15px;}
    .main_content .wm_youshi{width:74%;}
    .main_content .wm_youshi ul li:first-child{margin-left:0px;}
    /*.main_content .wm_youshi ul li{margin-left:15px;margin-top:4px;}*/
    .contact_us{width:23.5%;}
    .sub_item_youshi .sub_tab_list ul li{width:32.8%; margin-left:2px;}
    .footer ul{width:18%;margin-left:22px;}
    .footer ul li{line-height:28px;color:#fff;}
    .sub_item_youshi .tab_content ul li .p1{font-size:16px;font-weight:bold;line-height:30px;} 
}
@media(min-width: 1610px){
    .item_top{width:100%;max-width:1200px;margin:10px auto;margin-top:15px;}
}

.header{width:100%;height:auto;background:#f2f2f2;}
.header_con{width:100%; max-width:1200px; margin:0px auto;}
.header .header_con .headtel{text-align:left;line-height:30px;}
.header .header_con .headtel span{color:#f47331;}
.header .header_con .reg_login{line-height:30px;}
.header .header_con .reg_login a{line-height:30px;color:#232323;margin:0px 5px;}
.header .header_con .reg_login a:hover{color:#f47331;text-decoration:none;}
.header .header_con .reg_login a.ru{color:#f47331;}
.header .header_con .reg_login a:hover.ru{text-decoration:underline;}

.header_pic{width:100%;height:auto;margin:0px auto;overflow:hidden;/*max-height:500px;*/background:#696969;}
.header_pic img{width:100%;}
.header_pic .nav{position:absolute;z-index:999;margin-top:0px;margin-left:48%;}
.header_pic .nav ul li{width:100px;height:70px; line-height:70px; display:inline-block;margin:0px 0px;text-align:center;}
.header_pic .nav ul li:hover{background:url(../images/bg_nav.jpg) no-repeat top center;}
.header_pic .nav ul li a{color:#fff;font-size:16px;}
.header_pic .nav ul li:hover a{color:#f47331;font-size:16px;text-decoration:none;}
.header_pic .nav ul li ul.children{display:none;position:absolute;margin-top:-2px; margin-left:0px;width:100px;padding-bottom:10px;background:#FFF;line-height:normal; z-index:99999}
.header_pic .nav ul li ul.children li{height:28px;line-height:28px;}
.header_pic .nav ul li ul.children li a{width:100%;overflow:hidden;font-size:12px; line-height:28px;color:#333;}
.header_pic .nav ul li ul.children li:hover{background:none;}
.header_pic .nav ul li ul.children li a:hover{ color:#f47331;}

/*.banner{ width:100%; height:auto; overflow:hidden; font-size:0; position:absolute;}
.b-img{ height:auto; position:relative; left:0; top:0;overflow:hidden;}
.b-img a{ display:block; height:auto; float:left;}
.b-img a img{width:100%;}
.b-list{ height:50px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:auto; left:0px; background:none; top:46%; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:auto; right:0px; background:none; top:46%; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}*/


.sub_item_notice{/*width:23%;*/border:1px solid #ccc;background:#fff;}
.sub_item_notice .notice_title{width:100%;height:auto;line-height:40px;background:url(../images/notice.jpg) no-repeat 10px 12px #fff; border-bottom:1px solid #ccc;}
.sub_item_notice .notice_title span{padding-left:45px;}
.sub_item_notice .notice_con{width:90%;margin:10px auto; overflow:hidden; line-height:24px;min-height:155px;}
.sub_item_notice .notice_con a{color:#f47331;}

.sub_item_youshi{/*width:48.7%;*/border:1px solid #ccc;background:#fff;}
.sub_item_youshi .sub_tab_list{width:100%;margin:0px auto;}
.sub_item_youshi .sub_tab_list ul li{height:40px; display:inline-block;text-align:center;border-bottom:2px solid #f47331;line-height:40px;cursor:pointer;float:left;}
.sub_item_youshi .sub_tab_list ul li.select{background:#f47331;}
.sub_item_youshi .sub_tab_list ul li.select a{color:#fff;}
.sub_item_youshi .sub_tab_list ul li a{width:auto;display:inline-block; color:#101010;}
.sub_item_youshi .sub_tab_list ul li a:hover{text-decoration:none;}
.sub_item_youshi .tab_content{width:95%;min-height:153px; margin:10px auto; background:url(../images/youshi.png) no-repeat top right #fff;}
.sub_item_youshi .tab_content ul li{display:inline-block;width:32%;text-align:center;}
.sub_item_youshi .tab_content ul li img{margin:10px auto;}

.sub_item_youshi .tab_content ul li .p2{font-size:14px;margin:10px auto auto auto;color:#4d4d4d;}
.sub_item_youshi .slist ul{width:97%;margin:10px auto auto auto;} 
.sub_item_youshi .slist ul li{width:48%;line-height:28px;*line-height:24px;text-align:left; float:left;margin:0px auto auto 1%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_item_youshi .slist ul li::before{left: 0px; content: "●"; vertical-align: middle; padding-right: 10px; color: rgb(204, 204, 204); top: 3px; transition: all 0.5s;}
.pro ul li{width:32%;height:75px;display:inline-block;float:left;margin:0 auto;line-height:10px;}
.pro ul li a img{height:40px;}

.sub_item_track{/*width:23.3%;*/border:1px solid #ccc;background:#fff;}
.sub_item_track .track_title{width:100%;height:auto;line-height:40px;background:url(../images/ydcx.jpg) no-repeat 10px 12px #fff; border-bottom:1px solid #ccc;}
.sub_item_track .track_f{width:90%;margin:10px auto;}
.sub_item_track .track_f .trackNum{width:90%; height:45px;border:1px solid #ebebeb;text-align:left; line-height:30px;padding:5px 10px;}
.sub_item_track .track_title span{padding-left:50px;}
.sub_item_track .track_btn{width:90%;text-align:center;margin:5px auto;}
.sub_item_track .track_btn a{width:100%;}
.sub_item_track .track_btn a:hover{text-decoration:none;}
.sub_item_track .track_btn a.a_chaxun{width:99%;height:38px;line-height:38px;background:#f47331;border:1px solid #df5f1d;color:#fff;}
.sub_item_track .track_btn a img{width:100%;height:40px;margin:5px auto auto auto;}

.main_content{width:100%;max-width:1200px;margin:0px auto;}
.main_content .news_1{/*width:23%;*/ margin:10px auto;border:1px solid #ccc;background:#fff;}
.main_content .news_1 .news_1_title{width:100%;height:auto;line-height:36px;background:url(../images/news_icon.jpg) no-repeat 10px 8px #f47331; border-bottom:1px solid #ccc;}
.main_content .news_1 .news_1_title span{padding-left:45px;color:#fff;}
.main_content .news_1 ul{width: 90%;margin: 0px auto; line-height: 29px; padding: 10px 0px;min-height:216px;}
.main_content .news_1 ul li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_content .news_1 ul li::before{/*display: block;position: absolute;*/left: 0px; content: "●"; vertical-align: middle; padding-right: 10px; color: rgb(204, 204, 204); top: 3px; transition: all 0.5s;}

.main_content .product_item ul li{display:inline-block; margin-left:23px;box-sizing:border-box;}
.main_content .product_item ul li:first-child{margin-left:5px;}
/*.main_content .product_item ul li div{width:32%;height:100px;background:#ccc;}*/

.main_content .product_item .product_one{width:100%;}
.imgfl{width:283px;height:420px;background:url(../images/left.png) no-repeat top center;position:absolute;z-index:-99;margin-left:-260px;}
.imgfr{width:435px;height:434px;background:url(../images/right.png) no-repeat top right;position:absolute;z-index:-99;margin-left:60%;}

/**,:after,:before{box-sizing:border-box}*/
.he_border1{background:#333;width:100%;height:275px;padding:0;margin:0;
	border:1px solid #ddd;position:relative;
	box-sizing:border-box;-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;
	padding:0;margin:0;
	position:relative;
	-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;
	overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
	-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);
	opacity:0.6}
.he_border1 .he_border1_caption{color:#fff;padding:0;margin:0;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;backface-visibility:hidden;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;
	overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;
-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform:0.4s;
-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:8%;right:10%;bottom:8%;left:10%;
	border-top:1px solid #fff;border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);
	-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;
	border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);
	transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}

.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);
	-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;
	width:100%;height:100%;
	-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_title{font-size:1.2em;font-weight:700;height:38px;line-height:38px;
	text-align:center;width:100%;
	position:absolute;bottom:0px;
	background:#000;
	 opacity: 0.6;   /*background-color:rgba(0,0,0,0.5);*/
	-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;color:#fff;}
.he_border1:hover  .he_border1_title{display:none;opacity:0;}
.he_border1 .he_border1_caption_p{font-size:1em;text-align:center;width:80%;
	position:absolute;top:60%;left:10%;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;
	opacity:0;}
.he_border1:hover .he_border1_caption_p{top:45%;opacity:1}

.main_content .wm_youshi .wm_yh_title{width:100%;height:auto;line-height:40px;color:#707070;font-size:12px;border-bottom:1px solid #000;}
.main_content .wm_youshi .wm_yh_title span{font-size:14px;color:#000;padding:0px 10px;font-weight: bold;}
.main_content .wm_youshi ul{margin:19px auto 10px auto;}

/*.main_content .wm_youshi ul li:first-child{margin-left:0px;}*/
.main_content .wm_youshi ul li a{display:inline-block;width:100%;}
.main_content .wm_youshi ul li a .youshi_item{width:100%; min-height:120px; border:1px solid #ccc; padding:12px 0px;}
.main_content .wm_youshi ul li a .youshi_item img{float:left;margin:20px auto auto 10px;}
.main_content .wm_youshi ul li a .youshi_item .ys_desc{ width:60%; line-height:20px;margin:10px auto auto 10px;}
.main_content .wm_youshi ul li a .youshi_item .ys_desc .p1{font-size:14px;/*font-weight:bold;*/margin:5px auto;color:#f47331;}
.main_content .wm_youshi ul li a .youshi_item .ys_desc .p2{font-size:14px;font-weight:bold;margin:0px auto;}
.main_content .wm_youshi ul li a .youshi_item .ys_desc .p3{font-size:14px;margin:5px auto;color:#666;margin:5px auto auto auto;}
.main_content .wm_youshi ul li a:hover .youshi_item{border:1px solid #f47331;}

.contact_us .contact_title{width:100%;height:auto;line-height:40px;background:url(../images/contact_icon.jpg) no-repeat 10px 12px #fff; border-bottom:1px solid #000;}
.contact_us ul{margin:10px auto;}
.contact_us ul li{line-height:60px;border-bottom:1px solid #f47331;}
.contact_us ul li.tel{width:100%;background:url(../images/tel.jpg) no-repeat left;}
.contact_us ul li.mail{width:100%;background:url(../images/mail.jpg) no-repeat left;}
.contact_us ul li.c_qq{width:100%;background:url(../images/qq_icon.jpg) no-repeat left;}
.contact_us ul li span{padding-left:50px;font-size:16px;color:#f47331;}
.contact_us .contact_title span{font-size:14px;padding-left:40px; font-weight: bold;}
.contact_us .otherMess{margin:10px auto;background:#f4f4f4;padding:10px 10px;}
.contact_us .otherMess img{width:30px;margin:5px auto auto auto;}
.contact_us .otherMess a{margin-left:5px;font-size:12px;}

.links{width:100%;height:auto;line-height:36px;padding-bottom:25px;}
.links .links_t{width:auto;background:url(../images/links.jpg) no-repeat left; border-bottom:1px solid #ccc;}
.links .links_t span{font-size:14px;font-weight:bold;padding-left:30px;}
.links ul li{height: 55px; display: block; margin: 10px 6px 2px 5px; float: left;border:1px solid #eee;}
.links ul li a{color:#4e4e4e;}
.links ul li a:hover{color:#f47331;}

.fbg{width:100%;background:url(../images/bottom.png) no-repeat top center #2d2d2d;}
.footer{width:100%;height:auto;margin:10px auto auto auto; padding:35px 0px;}

.footer ul li a{color:#fff;}
.footer ul li a:hover{color:#aaa;text-decoration:none;}
.footer ul li:first-child a{font-size:16px;margin:10px auto;}
.foot_bot{width:100%;height:auto;line-height:30px;border-top:1px solid #4f4f4f;color:#fff;font-size:12px;}
.foot_bot a{color:#fff;}
