@charset "utf-8";
/* CSS Document */
body
{
	margin:0;
	color:#555;
	font-family:"Microsoft YaHei",Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif,  "MS Sans Serif";
	font-size:18px;
	text-align:center;
	background:#fff;
	font-weight:lighter;
	
}
.maincolor
{
	color:#078ddf;
}
.mainbackcolor
{
	background-color:#078ddf;
	color:#fff;
}
.mainborder{
	border:1px #078ddf solid;
}
.lightmainback{
	background-color:#4aa2eb;
	border:1px #4aa2eb solid;
}
.darkmainback{
	background-color:#236e65;
	border:1px #236e65 solid;
}
.blueback{
	background-color:#305ba1 ;
	border:1px #305ba1 solid ;
}
.greenback{
	background-color:#30a135 ;
	border:1px #30a135 solid ;
}
.redback{
	background-color:#a14530 ;
	border:1px #a14530 solid ;
}
.orangeback{
	background-color:#a17030 ;
	border:1px #a17030 solid ;
}
.yellowback{
	background-color:#9aa130 ;
	border:1px #9aa130 solid ;
}
.purpleback{
	background-color:#9a30a1 ;
	border:1px #9a30a1 solid ;
}
.grayback{
	background-color:#ccc ;
	border:1px #ccc solid ;
}
.gray{
	color:#ccc;
}
.black{
	color:#111;
}
.white{
	color:#fff;
}

a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	color:#ff6633;
}
ul{
	padding:0;
}
ul li{
		list-style-type:none;
}
p{
	font-weight:lighter;
	font-size:1rem;
	
	
}
nav{
	float:left;
	/*margin:20px 10px;*/
}
nav ul li{
	float:left;
	margin: 0 5px;
	font-size:18px;
	padding:5px 10px;
	border:1px #fff solid;
	border-radius:5px;
}
nav ul li:hover{
	border:1px #078ddf solid;
	
}
.active{


	color:#f00;
}
.banner{
	width:100%;
	height:auto;
	min-height:80px;
	float:left;
	background-color:#fff;
	text-align:center;
	z-index:3;
}
.main{

	width:auto;
	overflow:hidden;
	width:1200px;
	text-align:center;
	margin:8px  auto auto;
}
@media (max-width:1200px){
.main{
    width:auto;
}
}
.logo{
	margin-top:10px;
	height:60px;
	float:left;
}
.sailphone{
	margin-top:25px;
	float:right;
	margin-right:20px;
	font-size:24px;
	color:#078ddf;
}
.productintroduce{
	margin-top:20px;
	padding:10px;
	height:auto;
	min-height:50px;
	background-color:#fff;

}
.normalfont{
	font-weight:normal;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.floaltleft{
	display:block;
	float:left;
}
.floatright{
	display:block;
	float:right;
}
.clearfloat{
	clear:both;
}
.marginright10{
	margin-right:10px;
}
.marginleft10{
	margin-left:10px;
}
.marginright20{
	margin-right:20px;
}
.marginleft20{
	margin-left:20px;
}
.padding30{
	padding:30px;
}

.margin30{
	margin:30px;
}
.margintop10{
	margin-top:10px;
}
.margintop30{
	margin-top:30px;
}
.margintop5{
	margin-top:5px;
}
.halfwidth{
	
	width:500px;
	overflow:hidden;
}
.topborder{
	border-top:1px #eee solid;
}
.title1{
text-align:center !important;
color:#e1472f;
font-size:24px;
font-weight:bolder;
width:100%;
border-bottom:1px #e1472f solid;
padding:10px;
margin:20px 0;
 }

.bottomborder{
	border-bottom:1px #eee solid;
}
.introduce{
	padding-top:100px;
	height:600px;
}
.introduce img{
	width:400px;
	height:300px;
}
.specialty{
	padding-top:50px;
	/*height:350px;*/
    width:100%;
}
.specialty img{
	width:480px;
	height:320px;
    margin-left:-10px;
}
.specialty img:hover{
    transform:scale(1.05);
    transition:0.2s;
}
.specialty ul{
	margin-top:10px;
	width:auto;
	/*max-width:600px;*/
}
.specialty ul li{
	line-height:30px;
	margin-left:0px;
	margin: 0 0 10px 10px;

}
.introduce ul{
	margin-top:0px;
	width:auto;
	max-width:600px;
}
.introduce ul li{
	line-height:70px;
	font-size:20px;
	text-align:center;
	margin-left:0px;
	width:135px;
	margin: 0 0 10px 10px;
	float:left;
	font-weight:bold;
	color:#fff;
	border-radius:5px;
}
.introduce ul li span{
	height:120px;
	font-weight:lighter;
	background-color:#fff;
	padding:10px;
	line-height:normal;
	text-align:left;
	display:block;
	font-size:16px;
	background-color:#fff;
	color:#999;
	text-align:justify;
	text-justify:inter-ideograph;
	border-radius:0 0 5px 5px;
	
}
.introduce ul li:hover{
	background-color:#078ddf;
	border-color:#078ddf;

}
.subheading{
	width:100%;
	font-size:22px;
	font-weight:normal;
}
.returntop{
	width:60px;
	height:60px;
	position:fixed;
	float:right;
	top:70%;
	right:20px;
	font-size:40px;
	z-index:999;
	border-radius:50%;
	color:#424242;
	display:none;
}
.returntop2{
	width:60px;
	height:60px;
	position:fixed;
	float:right;
	top:70%;
	right:20px;
	font-size:40px;
	z-index:999;
	border-radius:50%;
	color:#424242;
	display:block;
}
.returntop2:hover{
	transform:scale(1.2,1.2);
	transition:0.2s;
}
.foot{
	background-color:#383f45;
	margin-top:50px;
	font-size:16px;
	height:auto;
	padding:30px 0;
}
.footlogo{
	height:60px;
	width:auto;
}
.foot p{
	font-size:14px;
	color:#aaa;
	padding:0;
	margin:0px;
}

.mainfunction{
	
	
	width:100%;
	min-width:1000px;
	margin:0px 0 20px;
	padding-bottom:20px;
	border-bottom:1px #f1f1f1 solid;
	max-width: 1200px;
	display: inline-block;
}
.mainfunction ul li{
	display:inline-block;
	
	width:18%;
	padding: 0;
	overflow:hidden;
	margin:0 ;
	
	
}
.mainfunction ul li span{
	display:block;
	font-size:26px;
	font-weight:normal;
	line-height: 50px;
}
.mainfunction ul li a{
	color:inherit;
}
.mainfunction ul li a i{
	font-size:54px;
	
}
.mainfunctioninner{
	border:1px #eee solid;
	padding:40px 0px;
	height:100px;
	
}
.mainfunction ul li:hover .mainfunctioninner{
	background-color:#ff6633;
	color:#fff;
}
	
.mainfunction ul li img{
	width:100%;
	/*height:100%;*/
	
}

.headbannerpic{
	width:100%;
	height:300px
}
.headbannerpic img{

	width:100%;
	height:100%;
}
.headbannerpic span{
	position:relative;
	top:-200px;
	font-size:40px;
}



.leftnav{

	width:100px;	
	bottom:10px;
    left:10px;
	background-color:rgba(241,241,241,0.7);

	font-size:24px;
	text-align:center;
	text-indent:10px;
	color:#078ddf;
    position:fixed;
	
}
.leftnav .title{
	padding:20px 0 0px;
	height:60px;
	background-color:#777;
	color:#fff;
}
.leftnav ul{
    /*display:inline-block;*/
    margin:auto;
	border-top:1px #fff dashed;
}
.leftnav ul li{
    margin:auto 10px;
    float:left;
	text-indent:0;
	text-align:center;
	height:60px;
	line-height:60px;
	font-size:20px;
	font-weight:normal;
	border-bottom:1px #e5e5e5 solid;
}
.leftnav ul li:hover{
	background-color:#078ddf;
	color:#fff;
}
.rightinfo{
	float:left;
	/*width:100%;*/
	margin-top:20px;
	margin-left:3%;
	line-height:30px;
	text-align:left;

}
.rightinfo img{
	margin-top:20px;
	paddin-top:20px;
	height:auto;
	width:100%;
}
.rightinfo p{
	text-align:justify;
	text-justify:inter-ideograph;
	text-indent:32px;
	font-size:18px;

}
#rightinfo div{
	/*display:none;*/
	padding-top:20px;
	text-align:justify;
	text-justify:inter-ideograph;
}
	
/* 幻灯片*/
#wrapper {
	background:#fff;
	position:relative;
}


.icon{
    font-size:20px;
    font-weight:bold;
}

.fullwidthbanner-container{
	width:100% !important;
    height:70% !important;
	position:relative;
	padding:0;
	max-height:750px !important;
	overflow:hidden;
	margin-top:75px;

    /*z-index:-1;*/
}


.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}


.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:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
	width: 10px;
	border-radius:50%;
	border:1px solid #e1472f ; 
	margin:auto 2px 5px 2px;
    height: 10px;
    float: left;
    -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: #078ddf 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: #078ddf 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 (max-width: 800px) {
	
}

@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;
    height:100%;
}

.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: auto;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    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;
}
.productlist{
	height:50px;
}
.productlist li{
	float:left;
	text-align:center;
	margin:10px;
	width:auto;
	padding:10px 20px;
	height:50px;
	font-size:20px;
	border:1px #078ddf solid;
	line-height:50px;

}
.mainproduct{
	background-color:#078ddf !important;
	border:1px #c30 solid;
	color:#fff;
	font-weight:bold;
	
	
}
.productlist li:hover{
	background-color:#F60 !important;
	border:1px #c30 solid;
	color:#fff;
}
.fubiaoti{
	margin-top:5px;
}
.fubiaoti span {
	
	width:auto;
	font-size:10px;
	color:#999;
	padding-top:5px;
	border-top:1px solid #999;
}
.w430{
	width:550px;
	margin-left:30px;
}
.nav .list img{

    margin-top:-70px;
}
.czdl{
    background-image: url(../Images/dl.jpg);
    height:120px;
    margin-bottom:20px;
    line-height:120px;
}
.lxwm p{
    text-align:left;
}
.czdl p{
    margin: 20px auto;display:inline-block;color:#777;font-size:40px; height:120px; margin-left:20px;
}
@media screen and (max-width: 1078px){
    .czdl {
        height:auto;
        padding-top:20px;
    }
.czdl p{
    line-height:40px;
    margin:15px;
    height:auto;
}
.lxwm p{
    text-align:center;
}
.w430{
	width:100%;
	margin-left:-10px;
}
    .specialty img {
        margin: auto;
        width: 100%;
        height: auto;
        margin-left: -10px;
    }
.nav .list a{
    line-height:62px!important ;
    height:40px;
}
.list ul li p{
    line-height:60px!important;
    height:40px;
}
.nav .list img{
    margin-bottom:0px;
}
}
.news_tab_nr{height:340px}.more{font-size:14px;color:#999999;float:right}
.news_important h2{ border-left:3px #C00 solid;font-size:20px; font-weight:normal;height:48px;line-height:48px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
.news_important h2 a{color:#e1472f ; font-weight:lighter;}
.news_important h2 a:hover{color:#ff6633}
.news_important .news_im_c{height:72px; padding-bottom:10px;overflow:hidden;color:#999;font-weight:lighter;font-size:14px;line-height:24px;text-indent:28px; text-align:left;}
.news_im_c2{height:22px;overflow:hidden;color:#999;font-weight:lighter;font-size:14px;line-height:24px;text-indent:25px}
.line_dashed{border-bottom:1px #ccc dashed}
.news_list{line-height:36px}
.news_list li{height:26px}
.w430 .news_list li a {
    width: 400px;
}
.news_list li a{font-size:16px;float:left;height:36px;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;padding-left:20px;background:url("../images/dots.gif") left 17px no-repeat; text-align:left;}
.news_list li a:hover{background:url("../images/dots2.gif") left 17px no-repeat}
.news_list li span{float:right;font-size:12px;color:#999}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}


.pics_link{overflow:hidden}
.pics_link ul{ display:inline-block;}
.pics_link ul li{float:left;width:202px;height:170px;overflow:hidden;margin:20px 10px;}
.pics_link ul li p{margin:5px 10px;}
.pics_link ul li a{border:1px #ccc solid;display:block;width:200px;height:130px;overflow:hidden;position:relative}
.pics_link ul li a span{color:#fff;text-align:center;font-size:16px;height:0px;line-height:140px;position:absolute;bottom:0;left:0;width:200px; background:rgba(51,102,153,0.8);transition:all 0.2s}
.pics_link ul li a:hover span{ background:rgba(100,102,100,0.8);height:100%;line-height:15px; font-size:12px;   }
.imgscale img{width:200px;height:130px; transition:all 0.2s}
.imgscale img:hover{transform:scale(1.1, 1.1)}

.pics_link1{overflow:hidden;height:550px;}
.pics_link1 ul{margin-right:-20px; display:inline-block;}
.pics_link1 ul li{width:278px;height:150px;overflow:hidden;border:0px #ccc solid;margin-right:20px;margin-top:20px}
.pics_link1 ul li:hover{border:0px #f63 solid}
.pics_link1 ul li a{display:block;width:278px;height:156px;overflow:hidden;position:relative}
.pics_link1 ul li a span{background:#FF6633;color:#fff;text-align:center;font-size:16px;height:36px;line-height:36px;position:absolute;bottom:0;left:0;width:278px;opacity:0.8;filter:alpha(opacity=80);transition:all 0.2s}
.pics_link1 ul li a:hover span{background:#f63;opacity:1;filter:alpha(opacity=100);height:50px;line-height:50px}


.foot{
	background-color:#242424;
	margin-top:50px;
	font-size:16px;
	height:auto;
	padding:30px 0;
}
.footlogo{
	height:100px;
	width:auto;
}
.foot ul{
	display:inline-block;
	
}
.foot ul li{
	float:left;
	margin:0 10px;
}
.foot p{
	border-left:1px #fff solid;
	text-indent:20px;
	text-align:left;
	font-size:12px;
	font-weight:lighter;
	color:#fff;
	padding:0;
	line-height:20px;
	height:20px;
	margin:0px;
	
}
.padding30{
	padding:30px;
}
.Industry{
	margin-top:20px;
	display:inline-block;	
	margin-bottom:25px;
	height:500px;
}
.Industry .main{
	
	height:100px;
	width:200px;
	padding-top:30px;
	font-size:20px;
	color:#fff;
	text-align:center;
}
.Industry i{
	font-size:36px;
}

.Industry ul {
	display:inline-block;
}
.Industry ul li{
	display:inline-block;
	margin:auto 5px;
	padding-bottom:20px;
	height:450px;
    width:200px;
    overflow:hidden;
}
.Industry ul li p{
    width: auto;
    margin: 0 10px;
    
}
.Industry ul li:hover{
	transform:scale(1.1, 1.1);
	transition-duration:0.2s;
	box-shadow:0px 0px 10px #aaa ;
	
}
    .Industry ul div {
        margin: 0px 0px 10px;
    }	
	

.staticbanner{
    margin-top:2px;
    height:auto;
    width:100%;
    overflow:hidden;
}
.staticbanner img{
    height:auto;
    width:100%;
}
input{
	display:inline;
	height:40px;
	line-height:35px;
	border:1px #a2c7ec  solid;
	margin:5px auto 5px;
	text-indent:1rem;
	
    	zoom:1;
   
}
input:disabled{
    border: 1px solid #DDD;
    background-color: #F5F5F5;
    color:#ACA899;
}
input:hover,input:active{
    box-shadow:0 0 0.1rem #2d82e3;
}
.code
    {
            background:url(../images/code_bg.jpg);
            font-family:Arial;
            font-style:italic;
             color:#323232;
             font-size:33px;
             border:1px #a2c7ec  solid;
             padding:2px 3px;
             letter-spacing:3px;
             font-weight:bolder;             
             cursor:pointer;
             width:70px;
             height:40px;
             line-height:50px;
             text-align:center;
             vertical-align:middle;

    }
.code a
    {
        text-decoration:none;
        font-size:12px;
        color:#288bc4;
        }
.code  a:hover
    {
       text-decoration:underline;
    }
.inputbottom{
	background-color:#06C;
	border:1px #06C solid ;
	color:#fff;
	font-size:1rem;
	margin: 0.4rem auto 0.3rem;
	text-indent:0;
    line-height:1.5rem;
	padding: 3px 20px 6px;
	height: 43px;

}

table {
	width:100%;

	border-collapse:collapse; 
}
table tr{
	height:auto;
	min-height:40px;
}
table tr:hover{
	background-color:#f3f8fc;
}
table th{
	border:1px #385dad solid;
	height:50px;
	background-color:#385dad;
	color:#fff;
	
}
table td{
	border-bottom:1px #385dad solid;
	height:50px;
	font-weight:normal;
	font-size:16px;
	
}

 .detail td{
	border:1px #385dad solid;
	height:50px;
	font-weight:normal;
	font-size:16px;
	
}
.detail tr:hover{
	background:none;
}
.detail th{
	border:1px #385dad solid;
	background-color:#547bd0;
	height:50px;
	font-weight:bold;
	font-size:16px;
	
}
.customertype ul {
    margin:auto;
     display:inline-block;
}
.customertype ul li{
    float:left;
   margin:10px;
   width:100px;
  
}
.customertype .active{
    border-bottom:2px #e1472f solid !important;
    color:#e1472f;
}



 .p{
   
    text-align:center;
    font-weight:lighter;
    font-size:30px;
    color:#777;
}
 .navbar-nav{
z-index:999;
 }
    
 dl img{
     display:inline-block;vertical-align:middle;
 }
 dd{
     display:inline-block;width:600px;text-align:left;margin-top:40px;vertical-align:middle;
 }
 @media (max-width:680px){
   .fullwidthbanner-container{
       display:none;
   }
 .productintroduce{
     /*margin-top:190px;*/
 }
  .nav {
      margin-top:80px;
  }
   .nav .list ul{
       height:100px;
       padding-bottom:10px;
       display:inline-block;
       text-align:center;
   }
    .nav .list li{
       height:auto;
       display:inline-block;
    }
    .nav_menu{
        margin-left:0;
    }
    .nav .list a{
        height:35px;
        width:78px;
        line-height:30px;
    }
    .mainfunction{
        min-width:0px;
        margin-top:70px;
    }
    .halfwidth{
        width:100%;
        text-align:center;
        overflow:hidden;
    }
    .w430 .news_list li a{
        width:60%;
    }
    .news_list{
        height:500px;
    }
    .ce, .nav .list li:nth-child(3),.nav .list li:nth-child(4),.nav .list li:nth-child(2){
        display:none;
    }
    .nav .list li{
        width:40%;
        font-weight:bold;
        text-align:center;
    }
    .nav .list li a{
        width:100%;
        text-align:center;
    }
    .nav .list li:last-child p i{
        font-size:16px!important;
    }
  #div0,#div1,#div2,#div3,#div4,#div5 {
    width: 100%;
   height: 100%;
   min-width:unset;
   max-height:unset;
   text-align:center;
     
}
  #div0 ul,#div1 ul,#div2 ul,#div3 ul,#div4 ul,#div5 ul{
      margin-left:30px;
      margin-right:auto;
  }
  .introduce{
      height:auto;
  }
    .introduce img {
    width: 100%;
    height: 100%;
}
   .subright {
       margin-top:120px;
   }
   .rightinfo{
       margin-top:50px;
       margin-left:auto;
       
   }
   .rightinfo p{
       margin:10px;
       padding:10px;
       line-height:1.5em;
         }
}
 #shiyong{

 }
 #shiyong ul{
     margin:10px;
 }
 #shiyong li{
     
     width:40%;
     padding:10px;
     display:inline-block;
 }
 #shiyong li span{
     width:100px;
     display:inline-block;
     font-weight:bold;
     font-size:18px;
 }
 #shiyong li input{
     width:300px;
     border-color:#ccc;
     border-radius:2px;
 }
 #shiyong .submit{
     background-color:#ff6a00;width:200px;color:#fff;height:50px;border-radius:20px;font-size:20px;font-family:'Microsoft YaHei';border-color:#ff0000;
 }
 #shiyong .submit:hover{
     background-color:#fd9b0f;
     border-color:#ff9908;
     cursor:pointer;
 }
 @media(max-width:800px){
 #shiyong li{
     display:inline;
     text-align:left;
 }
 #shiyong .submit{
     margin-top:50px;
 }
 }