@charset "gb2312";
/* CSS Document
Theme Name: 204
Theme URI: 
Description: A website for guide themes.
Version: 2017.5.12
Author: ljh
 */
*{ margin:0; padding:0;}
body{font-size:14px;font-family:Microsoft YaHei;}
.clear{ clear:both;height:0px;}
li{ list-style:none;}
a,img{ border:0px;}
h1,h2{ font-size:24px;font-family:Microsoft YaHei;font-weight: normal;}
a{color:#333;text-decoration:none;}
a:hover{ text-decoration:none;}
.box{width:1200px;margin:0 auto;overflow:hidden;position:relative;}
.box2{width:1200px;position:relative;margin:0 auto;}
.header{ height:645px;width:100%;}
 .botom{margin-bottom:50px;}
.clear{ clear:both;height:0px;}
/* .list li{float:left;} */
.list li{display:inline-block;*display:inline;*zoom:1;}
.botom{margin-bottom:50px;}

.logo{width:100%;height:130px;background:url(../images/head_01.png) no-repeat center center;position:absolute;z-index:9999;}
.imga{display: block;width:190px;float: left;}
.imga img{margin-right:30px;margin-top:10px;}
.phone{margin-left: 245px;color:#e8e7e7;height: 50px;line-height: 50px;}
.phone span{float:right;}

.menu1{margin-left:255px;}
.menu1 li{float:left;position:relative;z-index:999;}
.menu1 .nav1{margin-left:30px;}
.menu1 li a{display:block;padding:0px 16px;text-align:center;line-height:57px;font-size:14px; color:#333;}
.menu1 li a:hover{color:#2185D0;text-decoration:none;border-bottom:3px solid #2186CF;}
.menu1 li ul{display:none;background:#2D2D2D;}
.menu1 li ul li a{font-size:14px;line-height:40px;color:#fff;}
.menu1 .nav1 ul li a:hover{background:#2185D0;color:#fff;border-top:1px solid #2D2D2D;}
.menu1 .nav1 ul li{}
.menu1 .nav1 ul{margin-top:60px;}
.menu1 li:hover ul{position:absolute;top:0px;display:block;} 
/*»ÃµÆ*/
.fullSlide {width:100%;position:relative; margin:0 auto;height:559px; z-index:0;top:87px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100%!important;}
.fullSlide .bd li {width:100%!important;height:559px;overflow:hidden;text-align:center;background-repeat:no-repeat;background-size:100%;}
.fullSlide .bd li a {display:block;height:559px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;border-radius:10px;   margin:5px;overflow:hidden;background:#fff;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}
.fullSlide .hd ul li:hover{background:#2185D0;}
.fullSlide .hd ul .on {background:#2185D0;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:50px;width:40px;height:60px;background:url(../images/slider-arrow.png)  #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.9;display:none;}
.fullSlide .next {left:auto;right:50px;background-position:-6px -137px;background:url(../images/slider-arrow2.png)  #000 no-repeat}
/* title */
.product{margin-bottom:10px;}
.title{margin-top:40px;text-align: center;margin-bottom: 30px;}
.title div{width:335px;height:50px;background:url(../images/11_05.png) no-repeat;line-height:44px;margin:0 auto;}
.title h3{font-size:22px;color:#fff;font-weight:normal;}
.pro li {
    width: 274px;
    height:330px;
    margin-right:30px;
    margin-bottom:20px;
    text-align: left;
}
.pro li img {width: 250px;height:260px;padding: 10px;
border:1px solid #C9C9C9;}
.pro li h2 {width:235px;font-size: 16px;float: left;}
.pro li h2 a {
    display: inline-block;
    *display: block;
    *zoom:1;
    width:215px;
    height:50px;
    text-align: left;
    line-height: 50px;
    overflow: hidden;
    color: #666;
	float:left;
}
.xq {
    display:inline-block;
    *display: inline;
    *zoom: 1;
	float:right;
    width:35px;
	height:11px;
    background: url(../images/11_16.png) no-repeat;margin-top: 20px;
}
.pro li:nth-child(4n){margin-right:0px;}
@media \0screen\,screen\9{.pro li:first-child+li+li+li{margin-right:0px;}}
.pro li:hover img{border:1px solid #2D8CCE;}
.pro li:hover h2 a{color:#2D8CCE;}
/* youshi */
.youshi{width:100%;height:400px;background:#23282B;}
.ysh li{width:300px;height:400px;text-align:center;color:#fff;overflow:hidden;margin-right:-5px;}
.ysh li h4{font-size:22px;font-weight:bold;margin-top:158px;margin-bottom:45px;}
.ysh li p{font-size:14px;line-height:26px;width:217px;margin:0px auto;}
.ysh .a{background:#2186CF;color:#ff;}
.ysh .a h3{font-size:26px;margin-top:60px;font-weight:normal;text-align: center;}
.ysh .a h2{font-size:26px;margin-top:60px;margin-bottom:40px;font-weight:normal;}
.ysh .a p{font-size:14px;line-height:26px;margin-bottom:32px;width: 267px;text-align: center;margin:30px auto;}
.ysh .a .xq2{display:inline-block;*display: block;*zoom: 1;
width:195px;height:45px;background:#2186CF;border-radius:5px;border:1px solid #fff;font-size:14px;text-align:center;color:#fff;line-height:42px;}
.ysh .a .xq2:hover{color:#2186cf;background:#fff;}
.ysh .b{ background:url(../images/22_03.png) no-repeat;}
.ysh .b:hover{background:url(../images/3_03.png)no-repeat;}  
.ysh .c{background:url(../images/22_05.png) no-repeat;}
.ysh .c:hover{background:url(../images/3_05.png) no-repeat;}  
.ysh .d{ background:url(../images/22_06.png) no-repeat;} 

.imgbox{width:595px;height:450px;float:left;overflow:hidden;}
.imgbox img{width:595px;height:450px;}
.rignew{margin-left:15px;width:590px;height:450px;float:left;overflow:hidden;}
/* new */
.newli3 {}
.newli3 li {
    width: 100%;
    height:49px;
    line-height:49px;
    border-bottom: 1px solid #e1e0e0;
}
.newli3 li h2 a img{
    margin-right: 10px;
}
.newli3 li h2 a {
    color: #555;
    display: inline-block;
    *display: block;
    *zoom: 1;
    float: left;
    width: 470px;
	font-size:14px;
}
.newli3 li h2 span {
    float: right;
    color:#888;
    font-size: 14px;
}
.newli3 li:hover h2 a{color:#4695FF;}
/* commpany */
.gs{width:500px;height:375px;background:url(../images/11_41.png);float:left;overflow:hidden;text-align:center;color:#fff;}
.gs h5{font-size:18px;font-weight:normal;margin-top:130px;margin-bottom:10px;}
.gs h6{font-size:18px;font-weight:normal;}
.wenzi{width:670px;height:310px;background:#2185D0;float:left;overflow:hidden;color:#fff;padding:15px;top: 65px;
position: relative;}
.zi{width:630px;height:144px;text-indent:25px;overflow:hidden;margin-top:40px;margin-left:5px;line-height:28px;font-size:14px;color:#fff;margin-bottom:30px;}
.mores{display:inline-block;*display: block;*zoom: 1;
width:130px;height:40px;background:#2186cf;border-radius:37px;border:1px solid #fff;font-size:14px;text-align:center;color:#fff;line-height:40px;}
.mores:hover{background:#fff;color:#2186cf;}
.first{position: relative;z-index: 9;}
.sancend{width:100%;height:220px;background:#23282B;position: relative;z-index: 0;margin-top: -76px;}
.gsjj{margin-top:105px;}
.gsjj{margin-top:105px;margin-left: 30px;}
.gsjj li{width:225px;height:90px;text-align:center;font-size: 16px;border-right:1px solid #616466;overflow:hidden;color:#fff;}
.gsjj li img{margin-bottom:5px;}
.gsjj li h5{font-size:28px;font-weight:normal;margin-bottom:6px;}
.gsjj li label{font-size:16px;}
.gsjj li:first-child+li+li+li+li{border:1px solid #23282B;}
/* product */
.probox{text-align:center;}
.proname {text-align:left;float:left;overflow: hidden;width: 100%;background: #000;margin-bottom: 25px;}
.proname li {display: inline;}
.proname li h2 {display: inline-block;*display: inline;*zoom: 1;height:40px;line-height:40px;font-size: 14px;}
.proname li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height:40px;
    line-height:40px;
	padding-left: 23px;
	padding-right: 16px;
	color:#8a9093;
	font-size:14px;
}
.proname li .allpro{padding-right:15px;padding-left:15px;background:#398175;color:#fff;}
.proname li a:hover{background:url(../images/nav_11.png) no-repeat 4px 4px;color:#fff;}
.morpro{float:right;font-size:14px;color:#fff;margin-right:10px;font-weight:bold;margin-top: 11px;}
/* lj*/
.ljj{color:#555;padding-bottom:20px;line-height:37px;}
.ljj a{color:#555;}
.ljj span{padding:8px;color: #fff;font-size: 15px;
background: #2186CF;padding-left:10px;padding-right:10px;}
.ljj p a{margin-left:20px;font-size:14px;}
.firstlj{width:1200px;}
.sencdlj{width:1200px;}
/* foooter */
.footer{width:100%;height:320px;background:url(../images/dd_02.png) repeat;float:left;
position: absolute;z-index: 2;}
.foot1{width:550px;float:left;color:#7c7a7a;margin-top:50px;float:left;}
.foot2{width:50%;height:339px;background:url(../images/1_02.png) no-repeat;background-size:100% auto;position:relative;z-index:3;margin-left:790px;margin-top: -20px;float:right;}
.logofoot img{float:left;padding-right:20px;border-right:1px solid #2C2C2C;}
.pp{float: left;margin-left: 20px;line-height:33px;}
.pp p{font-size:16px;}
.pp span{font-size:20px;color:#7c7a7a;}
.navp{margin-top:35px;padding-bottom:20px;border-bottom:1px solid #2C2C2C;}
.navp a{font-size:14px;color:#7c7a7a;margin-right: 35px;}
.navp a:hover{color:#2186cf;}
.dldl{margin-top:15px;margin-right:25px;float:left;line-height:30px;color:#7c7a7a;}
.foot2 h2{font-size:20px;color:#fff;padding-top:20px;margin-bottom:20px;margin-left: 212px;}
form input{width:360px;height:23px;background:;border:1px solid #90C3E7;margin-bottom:15px;background:#2185D0;color:#fff;}
form label{font-size:14px;color:#525151;margin-left: 181px;}
form .labtxt{float:left;margin-right: 5px;}
textarea{width:360px;max-width:360px;max-height:70px;height:70px;overflow:hidden;resize:none;background:#2185D0;margin-bottom:15px;border:1px solid #90C3E7;}
form .succes{width:360px;height:35px;background:#1A1A1A;color:#fff;text-align:center;border:0;margin-left:215px;cursor:pointer;}
.lastp{width:100%;height:45px;background:#0D0D0D;text-align:left;color:#7c7a7a;line-height:45px;position: relative;z-index: 1;}
.lastp span{margin-right:20px;}
.lastp a{margin-right:20px;color:#7c7a7a; }
/* location */
.gywmart{position:relative;}
.gywmart2{position:relative;}
.gywmart2 .pro{margin-top:20px;}
.location {width:100%;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;padding-right:10px;border-bottom:1px dashed #D0D0D0;}
.location .weizhi2{float:left;text-align:left;width:520px;white-space:nowrap;overflow:hidden;color: #555;font-size:14px;}
.Ppic{width:189px;height:110px;background:url(../images/A_03.png) no-repeat;position:absolute;
top: -70px;z-index:9999;color:#fff;}
.Ppic h2{margin-left:75px;margin-top: 10px;}
.Ppic span{margin-left:75px;}
.location .weizhi2 a{color:#555;}
.location label{margin-left:200px;}
.locanav{float:right;}
.locanav p{font-size:14px;color:#666;}
.locanav p span{margin-right:5px;font-size:16px;color:#1b7cfe;}
.navbox{width:100%;height:50px;margin:30px auto;text-align:center;margin-top:35px;margin-bottom:29px;}
.navbox{width:330px;height:50px;line-height:47px;background:url(../images/YFA7.png) no-repeat;text-align:center;font-size:22px;color:#fff;}
.menbox{text-align:center;height: 40px;background:#23282B;}
.menbox li{text-align: center;
padding-left: 40px;
padding-right: 40px;
height:40px;
line-height:40px;
position: relative;
color: #8a9093;
font-size: 14px;background:#23282B;margin-left:-4px;}
.menbox li a{display:inline-block;*display:inline;*zoom:1;color:#8a9093;font-size: 14px;} 
.menbox li:hover{background:url(../images/nav_11.png) no-repeat 0px 4px;}
.menbox li:hover a{color:#fff;border-bottom:2px solid #fff;}
/* pro nav */
.menbox2{margin-bottom:20px;text-align:center;width:1200px;margin:20px auto;height:40px;background:#23282B;}
.menbox2 li{text-align:center;float:left;position:relative;background:#23282B;margin-bottom:10px;}
.menbox2 li:hover a{line-height:40px;text-decoration:none;background:#2186CF;color:#fff;} 
.menbox2 li h2 a{}
.menbox2 li h2 a{color:#8a9093;font-size:14px;}
.menbox2 li ul li{margin-right:0px;margin-top:-11px;}
.menbox2 li ul li a{color:#8a9093;cursor:pointer;padding:;}
.menbox2 li h2 a{color:#8a9093;cursor:pointer;display:block;padding-left: 40px;padding-right:40px;text-align:center;font-size:14px;line-height:40px;}
.menbox2 li ul{width:100%;display:none;margin-top:62px;}
.menbox2 li ul li{width:100%;font-size:14px;color:#8a9093;position: relative;z-index:9999;}
.menbox2 li:hover ul{position:absolute;top:-10px;display:block;border-bottom:2px solid #fff;} 
}
.menbox2 li h2 {
line-height: 30px;height:30px;;}

/* about  */
 .gywmart p{line-height:36px;margin-top:25px;color:#333;font-size:14px;}
/* fentye */
.fanye {text-align: center;margin-top: 40px;margin-bottom: 20px;
width: 1200px;height: 65px;margin: 30px auto;
}
.fanye ul li{padding: 4px 10px;border: 1px solid #4B4B4B;margin-right: 10px;}
.fanye ul li:hover{background:#2085D0;color:#fff;}
.fanye ul li:hover a{color:#fff;}
.fanye ul .pages_solid{background:#2085D0;color:#fff;}
/* artcont  */
.article h1 {font-size:16px;color:#333;text-align:left;font-weight:normal;margin-top: 10px;margin-bottom: 10px;}
.timess{text-align:left;margin-bottom: 5px;margin-top: 5px;}
.timess span {color: #777;font-size:14px;}
.indent{line-height: 20px;color:#333333;font-size:14px;}
.center{text-align:left;margin-bottom:15px;margin-top:15px;}
.space{
    border-top: 1px solid #D2D2D2;
    font-size: 12px;
    line-height: 24px;
	border-bottom: 1px solid #D2D2D2;
    margin-top: 15px;
	padding-bottom:10px;
	padding-top:10px;
}
.space a {color:#666;font-size:14px;}
.space .pre{display:block;}
.space h3{font-size:14px;font-weight:normal;}
.space a span:hover{color:#2186CF;}
.nav{font-size:16px;height:35px;line-height:35px;color:#fff;background:#23282B;padding-right:10px;padding-left:10px;text-align:left;}
.nav a{display:inline-block;*display:block;*zoom:1;width:19px;height:19px;background:url(../images/23223_03.png )no-repeat;position:relative;top:9px;float:right;}
/* newpage */
.newpage li {width:100%;border-bottom:1px solid #DCDCDC;}
.newpage li p{
	margin-top: 20px;
    color: #555555;
    width: 760px;
    height:20x;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
	float:left;
}
.newpage li p a{font-size:15px;color:#555;}
.newpage li .tim {
	float:right;
    font-size:15px;
    color: #777;
	margin-bottom:10px;
	margin-top: 20px;
}
.newpage li .newart {font-size:14px;line-height:20px;width:100%;margin-bottom:10px;}
.newpage li .newart .aa {
    display:inline-block;
    *display:inline;
    *zoom: 1;
    width:100%;
    height: 40px;
    overflow: hidden;
	color: #777;	
}
.newpage li .newart .newxq{color:#2186cf;}
.newpage li:hover  p a{color:#2186cf;}
/* product page */
@media \0screen\,screen\9{.gywmart2 .pro li:first-child+li+li+li+li+li+li+li{margin-right:0px;}}
@media \0screen\,screen\9{.gywmart2 .pro li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right:0px;}}
/* mores product */
.rigwo{width:820px;float:left;overflow: hidden;}
.morepro{float:right;width:323px;margin-left:50px;}
.lefwo{width:321px;border:1px solid #23282B;text-align:center;height: 724px;margin-top:45px;}
.xgxwnav2{margin-top:10px;width:321px;border:1px solid #23282B;}
.lefwo .pro{margin:25px;}
.lefwo .pro li{margin-bottom:0px;}
.gywmart2 .promor{margin-top:20px}	
.gywmart2 .promor li{width:280px;height:250px;margin-right:0px;margin-top:0px;}
.gywmart2 .promor li .case{width:280px;height:210px;background:rgba(147,186,184,0.5);}
.gywmart2 .promor li .proname{width:280px;}
.gywmart2 .promor li .imga{width:280px;height:210px;display:block;}
.gywmart2 .promor li .case img {margin-top:90px;}
/* mores new */
.xgxwnav2 .newlist{margin:10px;}
.newlist li{width:100%;height:37px;line-height: 37px;border-bottom: 1px solid #B7B7B7;}
.newlist li h2{font-size:14.93px;color:#666;}
.newlist li h2 a{float:left;width:175px;height:37px;white-space: nowrap;overflow: hidden;color:#333;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.newlist li h2:hover a{color:#2D8CCE;}
.newlist li h2 span{float:right;color:#555;}