@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:"Microsoft YaHei";}
a{ text-decoration:none;font-family:"Microsoft YaHei";}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:"Microsoft YaHei";}




/*top*/
.head_box{ width:1150px; margin:0 auto; padding-top:20px; padding-bottom:16px;}
.head_box .logo{ float:left;}
.head_box .head_p1{ font-size:19px; color:#000; float:left; margin-left:5px; margin-top:17px;}

.header{ float:right;}
.nav{ width:658px; overflow:hidden;}
.nav ul li{ height:40px; line-height:40px; float:left; padding:10px 5px; margin:0px 5px;position:relative;}
.nav ul li a{ color:#252525;  font-size:16px; text-decoration:none;}
.nav ul li a:hover{ color:#252525; text-decoration:none;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#0071dc; top:48px; left:50%;}



/*通栏*/
#wrapper {
	position:relative; z-index:100;
}



.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:702px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:702px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#c20000 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#c20000 !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #014292;
    width: 98px;
    height: 0px;
    float: left;
	margin-bottom: 10px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*首页联系我们*/
.s_lx_p1{  margin-top:55px; margin-bottom:22px;}
.s_lx_p1 p{font-size:15px; color:#444; text-align:center;}
.s_lx_p1 p a{color:#444;}



/*首页页脚*/
.foot_bg{background-color: #0071dc;}
.foot_bg p{ font-size:14px; color:#fff; line-height:45px; text-align:center;}
.foot_bg p a{color:#fff; }


/*about*/
.max_box{width:1150px; margin:0 auto; margin-top:43px; padding-bottom:70px;}
.max_box .max_p1{ font-size:28px; color:#252525; font-weight:bold; text-align:center;}
.max_box .max_line{ width:150px; height:5px; background-color:#0071dc; margin:0 auto; margin-top:10px; margin-bottom:57px;}

.jj_nr p{ font-size:15px; color:#444; line-height:30px;}
.jj_nr{ margin-bottom:50px;}
.jj_tip{ width:365px; height:447px; float:left; border:1px solid #f2f2f2; border-radius:7px; margin-right:23px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.jj_tip h1{ font-size:22px; color:#252525; padding-left:13px; margin-top:37px; margin-bottom:6px;}
.jj_tip p{ font-size:14px; color:#444; line-height:26px; width:336px; margin:0 auto;}


.jj_tip{ transition:all .4s linear; 
    -o-transition:all .4s linear; 
    -moz-transition:all .4s linear; 
    -webkit-transition:all .4s linear;}
.jj_tip:hover{ margin-top:-10px;}


/*product*/
.slideTxtBox .hd{ width:218px; float:left;}
.slideTxtBox .hd ul li{background-color:#f1f1f1;cursor:pointer; font-size:14px; color:#333; line-height:27px; margin-bottom:26px;border-radius:15px; padding-left:12px;}
.slideTxtBox .hd ul li.on{ background-color:#0071dc; color:#fff;}


.slideTxtBox .bd{ width:890px; float:right;}

.pro_hezi1{ width:400px; float:left; margin-right:24px; margin-bottom:24px;}
.pro_hezi1 h1{ font-size:14px; color:#000; margin-bottom:19px;}

.pro_nr{ min-height:150px;}
.pro_nr table{ width:100%;border:1px solid #666; border-bottom:0; border-left:0; margin-top:10px;}
.pro_nr table tr td{ padding:6px; font-size:14px; color:#444; line-height:22px;border:1px solid #666; border-top:0; border-right:0;}
.pro_nr p{ font-size:14px; color:#444; line-height:30px;}
.pro_nr img{ max-width:100%!important; height:auto;!important}




.sc_box{ width:760px;}
.sc_box img{ max-width:100%; height:auto;}


/*新闻*/
.zhanhui_left{ width:565px; float:left;}
.zhanhui_left img{ margin-bottom:20px;}


.zhanhui_pic{ float:right; margin-bottom:75px;}






/*news*/
.xw_tip{border-bottom: 1px dotted #ccc; padding-bottom:26px; margin-bottom:26px;}
.xw_tip .xw_time{ width:100px; height:83px; float:left;}
.xw_tip .xw_time .xw_p1{ font-size:36px; color:#666; text-align:center; padding-top:8px;}
.xw_tip .xw_time .xw_p2{ font-size:15px; color:#666; text-align:center;}
.xw_tip .xw_pic{ float:left;}
.xw_tip .xw_title_box{ float:right; width:1010px; }
.xw_tip .xw_title_box .xw_p3{ font-size:17px; color:#000; }
.xw_tip .xw_title_box .xw_p4{ font-size:12px; color:#b3b3b3; line-height:24px; text-align:justify; margin-top:14px;}
.xw_tip .xw_title_box:hover .xw_p3{color:#0071dc;}



.news_title{width:100%; font-size:17px; color:#0071dc; line-height:74px; background-color:#fbfbfb; text-align:center; border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.news_title2{ font-size:13px;color:#c81622; text-align:right; margin-top:10px; font-weight:bold;}
.new_nr_wenzi{ margin-top:16px;}
.new_nr_wenzi p{ font-size:13px; text-align:justify; line-height:32px; color:#333;}
.new_nr_wenzi p a{color:#333;}
.new_nr_wenzi img{max-width:900px!important; height:auto!important; margin:0 auto; margin-bottom:5px; margin-top:5px;}



.newspage1 {
 PADDING-RIGHT:0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px auto; PADDING-TOP: 10px; TEXT-ALIGN: center; clear:both;
 }
.newspage1 A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid;
}
.newspage1 A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #0071dc; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage1 A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND:#0071dc; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage1 SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND:#0071dc; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid;
}
.newspage1 SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}


.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:12px; color:#666; text-align:center; line-height:26px;} 
.back_bg p a{color:#666;}



/*联系我们*/
.con_left{ background-image:url(../images/img13.jpg); width:346px; height:472px; float:left;}
.con_left .con_p1{ font-size:15px; color:#ffc221; padding-left:35px; padding-top:54px;}
.con_left .con_p2{ font-size:24px; color:#fff; font-weight:bold; padding-left:26px; padding-top:41px;}
.con_left .con_p3{ font-size:14px; color:#fff;  padding-left:26px; padding-top:10px; margin-bottom:45px;}
.con_left table{ width:308px; margin:0 auto;}
.con_left table tr td h1{ font-size:18px; color:#fff; padding-left:17px; padding-bottom:7px;}
.con_left table tr td p{ font-size:15px; color:#fff; line-height:25px; padding-left:17px;}
.con_left table tr td p a{color:#fff;}


.ord_box{ width:760px; float:right;}

.ord_tip{ width:367px; float:left; margin-bottom:30px;}
.ord_tip p{ font-size:15px; color:#333; margin-bottom:10px;}
.ord_tip .ord_kuang1{ width:353px; height:47px;  border:1px solid #0071dc; font-size:15px; color:#000; padding-left:10px;}
.ord_tip2 p{font-size:15px; color:#333; margin-bottom:5px;}
.ord_tip2 .ord_kuang2{width:745px; min-height:194px; border:1px solid #0071dc; font-size:14px; color:#000; padding-left:10px; padding-top:10px;}
.ord_p1{font-size:14px; color:#333; margin-top:30px; margin-bottom:6px;}
.ord_kuang3{ width:160px; height:40px; border:1px solid #0071dc; font-size:14px; color:#000; padding-left:10px; float:left;}
.ord_kuang4{ width:128px; height:42px; float:left; margin-left:23px;}
.ord_kuang5{ width:277px; height:42px; background-color:#0071dc; border:0; border-radius:6px; float:left; margin-left:23px; font-size:14px; line-height:42px; text-align:center; color:white; cursor:pointer;}

























































































