@charset "gb2312";
/* CSS Document */

/* CSS Document
Theme Name: 011
Theme URI: 
Description: A website for guide themes.
Version: 2017.5.25
Author: Cd
 */
*{ margin:0; padding:0;}
body{color:#666;font-size:16px;background-attachment:fixed;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:#666;font-size:14px;text-decoration:none;}
a:hover{ text-decoration:none;}

.box{width:1200px;height:100%;margin:0 auto;overflow:hidden;position:relative;}
.box2{width:1200px;height:100%;margin:0 auto;}
.list li{display:inline-block;*display:inline;*zoom:1;}
.top{margin-top:20px;}
.header{ height:705px;width:100%;z-index:1111; background:#fff;}
.head3{width:100%; margin:0 auto;height:40px; background:#F6F6F6;color:#555;}
.head3 .first{margin-left:690px;}
.head3 .first img{top: 4px;margin-right: 10px;
position: relative;}
.head3 p span{margin-right:8px;}
.head3 p{width:1200px;height:40px;line-height:40px;margin:0px auto;background:#F6F6F6;color:#555;font-size:14px;}

.logo { width:1200px; margin:0 auto; height:70px;white-space:nowrap;}
.logo a img{float:left;}
.menu1{ margin:0px auto;width:1200px;position:absolute;margin-left:356px;background:#1C8195;height:70px;float:right;}
.menu1 li{float:left;position:relative; z-index:999;line-height: 30px;}
/* .menu1 .nav1:first-child{margin-left:190px;} */
.menu1 li a{display:block; padding:7px 30px;text-align:center; line-height:56px;font-size:14px; color:#fff;background:#139EBB;}
.menu1 li a:hover{background:#27AFC9;}
.menu1 li ul{display:none;margin-top:79px;background:#fff;}
.menu1 li ul li{font-size:14px; line-height:40px;color:#fff;width:100%;}
.menu1 li ul li a{padding:0px 30x;background:#139EBB;color:#fff;border:0;border-top:1px solid #fff;}
.menu1 li ul li:first-child a{border-top:1px solid #fff;}
.menu1 li ul li a:hover{ background:#27AFC9;color:#fff;}
.menu1 li:hover ul{	position:absolute;top:-9px;display:block;} 
/*banner */
.ben-ico{ background:url(../images/ben-ico.png) no-repeat; display:inline-block; overflow:hidden;}
#ben-slide{ width:100%; height:595px; position:relative; float:left;overflow:hidden; z-index:1;}
.ben-slide2{width:100%;height:595px;overflow:hidden;}
.ben-slide2 img{height:595px;}
#ben-slide .picbox,#ben-slide .picbox li,#ben-slide .picbox img{ display:block; width:100%; height:595px; overflow:hidden;}
.ben-slide .ben-ico{ width:32px; height:51px; position:absolute; top:300px; z-index:2; text-indent:-999px; overflow:hidden;}
.ben-slide .prev{ left:0;background-position:0 -36px;}
.ben-slide .next{ right:0;background-position:-34px -36px;}
.dot{ position:absolute; width:1200px;left:50%; bottom:20px;}
.dot li{ float:left; width:45px;height:10px;margin-left:10px;background:rgba(0,0,0,0.7);line-height:40px;text-align:center;position:relative;}
.dot li a{color:#fff;}
.dot li.on{ background:#4A2A1D;}
/* part 1 */
.lines{width:100%;height:58px;background:#27AEC9;color:#fff;}
.rexian{width:268px;height:213px;
position:relative;z-index:999;margin-top:-155px;background:url(../images/4_07.png) no-repeat center center;float:left;overflow:hidden;}
.rexian h2{font-size:63px;margin-top:40px;}
.rexian h2 .p1{font-size: 16px;color: #red;
float: right;width: 157px;margin-right: 20px;line-height: 23px;}
.phone{margin-top: 130px;margin-left: 20px;
line-height: 26px;font-weight:normal;}
.phone img{position:relative;top:3px;margin-right:10px;}
.phone label{font-size:14px;}
.phone p{font-size:30px;}
.remen{float: left;margin-top: 13px;}
.remen img{position:relative;top:3px;margin-right:10px;}
.remen a{color:#fff;margin-right:10px;}
.company{margin-top: 40px;}
.company li{width:400px;height:330;overflow:hidden;margin-right:-5px;}
.textbox {float:right;margin-top:10px;}
.textbox input {
    background-color:transparent;
    border: 1px solid #fff;
    outline: none;
    color: #eaeaea;
    width: 386px;
    height: 28px;
	font-size:14px;
	padding-left: 5px;
}
.textbox img{position: relative;top: 1px;right: 34px;}
..company{margin-top:40px;}
.company li img{width:400px;height:240px;display:block;}
.company li div{width:400px;height:90px;background:#F6F6F6;text-align:center;}
.company li div h3{font-size:18px;color:#242424;padding-top: 15px;padding-bottom: 7px;font-weight:normal;}
.company li div p{font-size:18px;color:#d0cece;font-weight:bold;}
.company li:hover div{background:#27AFC9;}
.company li:hover div p{color:#71D8EB;}
.company li:hover  div h3{color:#fff;}
/* title */
.title {
    width: 100%;
    height: 49px;
    background: url(../images/2_20.png) no-repeat center center;
    margin: 45px auto;
    text-align: center;
	margin-bottom:30px;
}
.title .til_name {margin: 0px auto;}
.title .til_name div label {color:#5a5a5a;
font-size:26px;}
.title .til_name div p {color: #5a5a5a;font-size:12px;}
.proname {margin-top: 20px;text-align: center;}
.proname li {display: inline;margin-right:30px;}
.proname li h2 {display: inline-block;*display: inline;*zoom: 1;height:44px;line-height: 40px;
font-size: 16px;}
.proname li a {display: inline-block;*display: inline;*zoom: 1;font-size:16px;height:40px;line-height:40px;padding-left: 20px;padding-right: 20px;color:#5a5a5a;border:1px solid #CCCCCC;}
.proname li:hover a{background:#27AEC9;color:#fff;}
.probox2{width:100%;height:585px;background:url(../images/blue_13.png) repeat center center;position: absolute;margin-top:195px;}
.prolibox{width:100%;height:560px;background:url(../images/bggg_13.png) no-repeat center center;position:relative;height:738px;top:-198px;text-align:center;margin: 0 auto;}
.prolibox .case{padding-top:30px;}
.case li {
    width: 330px;
    height:285px;
	padding:10px;
    margin-right:30px;
    margin-bottom:30px;
    text-align:center;
    border:1px solid #CCCCCC;
}
.case li .proimg{width:330px;height:240px;display:block;}
.case li h2 {
    width:330px;
	height:45px;
    font-size: 14px;
	float: left;
}
.case li h2 a {
    display: inline-block;
    *display: block;
    *zoom:1;
    width: 330px;
    height:40px;
    text-align: center;
    line-height: 40px;
    overflow: hidden;
    color: #333333;
	font-size:16px;
}
.case li:hover{border:1px solid #27AEC9;}
.case li:nth-child(3n){margin-right:0px;}
@media \0screen\,screen\9{.pro li:first-child+li+li{margin-right:0px;}}
@media \0screen\,screen\9{.pro li:first-child+li+li+li+li+li{margin-right:0px;}}
/* about us */
.abont1{margin-top:780px;padding-bottom: 24px;}
.combox{width:100%;height:277px;background:url(../images/44_27.png) no-repeat center;position:relative;padding-top:30px;}
.imgbxo{width:410px;height:299px;float:left;overflow:hidden;position:absolute;bottom:35px;margin-left:20px;}
.imgbxo{width:410px;height:299px;}
.font{width:720px;height:219px;float:right;margin-bottom:12px;overflow:hidden;margin-top:20px;margin-right:30px;}
.font h2{font-size:22px;color:#fff;margin-bottom: 15px;}
.font img{margin-bottom:18px;}
.font div{font-size:14px;color:#fff;line-height:30px;height:146px;width:720px;overflow:hidden;}
/* part5 */
.part5{width:100%;height:188px;background:url(../images/6_02.png) no-repeat center center;}
.til5{margin-top:53px;line-height: 54px;text-align: center;}
.til5 h2{font-size:36px;color:#fff;font-weight:bold;}
.til5 p{font-size:26px;color:#fff;}

/* banner22 */
.picbox2 li{margin-top:15px;margin-bottom:15px;margin:15px;position:relative;} 
.picbox2 li .nametext{height:45px;overflow:hidden;line-height:45px;width:330px;text-align:center;color:#333;z-index:3;font-size:16px;background:#EEEEEE;margin-top: -5px;}
.picbox2  li .nametext a{display:inline-block;*display:inline;*zoom:1;color:#333;width:330px;height:45px;overflow:hidden;}
.picbox2 li:hover .nametext{background:#27AEC9;color:#fff;}
.picbox2 li:hover .nametext a{color:#fff;}
/* news */
.newboxtil{width:100%;height:188px;background:url(../images/newgb_04.png) no-repeat center center;text-align:center;position:relative;}
.newdiv{width:100%;height:353px;background:url(../images/34_06.png) no-repeat center center;position:relative;margin-top:-80px; }

.newli3{margin:15px;}
.newli3 li {width:550px;height:50px;line-height:50px;border-bottom:1px solid #ECECEC;}
.newli3 li h2 a{color:#333;font-size:14px;display:inline-block;*display:block;*zoom:1;float:left;width:425px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.newli3 li h2 a img{margin-right:10px;}
.newli3 li:hover h2 a{color:#27aec9;}
.newli3 li h2 span{float:right;color:#333333;font-size:14px;margin-right: 10px;}
.newtil2{margin:26px auto;background:url(../images/linews_03.png) no-repeat center center;}
.newtil2 .til_name div label {color: #fff;}
.newtil2 .til_name div p{color: #fff;}
/*link */
.lj {font-size:14px;margin-top:12px;margin-bottom: 30px;}
.lj p {font-size:14px;padding-bottom:3px;border-bottom:2px solid #27AFC9;padding-top: 10px;}
.lj p span{padding:3px 7px;background:#27AFC9;font-size:14px;color:#fff;margin-right:15px;}
.lj p a {margin-right:10px;color:#333;font-size:14px;}
.footer{width:100%;height:318px;background:#222222;}
.div11{width:330px;height:205;float:left;border-right:1px solid #3C3C3C;margin-top:37px;overflow:hidden;}
.div11 p{font-size:16px;color:#fff;margin-bottom:15px;}
.div11 h3{font-size:38px;color: #27AFC9;margin-bottom:23px;font-weight:normal;}
.div11 .telphone{line-height:36px;}
.div11 .telphone dd{color:#c6c4c4;font-size:13px;width:245px;}
.div11 .telphone dd img{position: relative;top: 3px;margin-right: 9px;}
.div22{width:470px;height:205px;float:left;text-align:center;border-right:1px solid #3C3C3C;margin-top:37px;}
.div22 p{font-size:16px;color:#fff;margin-bottom:30px;}
.div22 span{font-size:13px;color:#c6c4c4;margin-right:63px;
margin-left:67px;margin-top: 32px;}
.div22 img{margin-right: 33px;margin-left: 40px;}
.div33{width:334px;height:170px;float:right;border-right:1px solid #3C3C3C;margin-top:37px;}
.lastpp{width:100%;height:40px;background:#161616;font-size:13px;color:#9c9b9b;}
.lastpp span{margin-right:10px;}
.div33 p{font-size:16px;color:#fff;margin-bottom:30px;}
.div33 ul li a{font-size:13px;color:#c6c4c4;margin-right:45px;}
.div33 ul li a:hover{color:#27aec9;}
.div33 ul li {margin-bottom:20px;}
.div33 p span{font-size:13px;color:#fff;}
.navpp{float:left;margin-top:13px;}
.pronav11 a{margin-right:10px;color:#c6c4c4;}
/* LOCATION */
.botom{margin-bottom:80px;}
.location{height:35px;line-height:35px;color:#666;font-size:14px;border-bottom:1px solid #28AEC9;}
.navnav{display:block;width:99px;height:35px;text-align:center;float:left;font-size:16px;color:#fff;background:url(../images/xq_05.png) no-repeat;line-height:35px;}
.location div{float:right;width:700px;text-align:right;font-size:14px;white-space:nowrap;overflow:hidden;}
.location div a{color:#666;font-size:14px;}
.imgcen{text-align:center;margin-top:16px;}
.fanye {text-align:right;margin-top:20px;margin-right: 20px;}
.fanye ul li{padding:3px 5px;color:#333;font-size:14px;}
.fanye ul li:hover{color:#27aec9;}
.newbox{float:right;width:940px;background:#fff;overflow: hidden;padding-bottom: 10px;}
.newbox2{width: 1155px;background:#fff;padding-left: 23px;}
.rightart2{position:relative;padding-top:15px;} 
/*PRODUCT NAV*/
.leftnav {float:left;width:240px;position: relative;}
.procom{width:240px;height:130px;background:url(../images/xq_09.png) no-repeat;text-align:center;color:#fff;}
.procom h2{font-weight:normal;font-size:26px;padding-top:25px;}
.procom p{font-size:18px;margin-top:20px;}
.navh3{margin-top:20px;}
.lx{width:207px;padding:15px;border:1px solid #27AEC9;line-height:27px;}
.lx dd{font-size:16px;color:#555;}
.navcont{margin:0 auto;text-align:left;overflow:hidden;}
.subNavBox { width:240px;text-align:left;overflow:hidden;}
.subNavBox h2{line-height:50px;}
.cannew {float:left;margin-top:32px;margin-right:17px;}
.subNav{width:240px;line-height:50px;cursor:pointer;font-weight:normal; text-align:center;border-bottom:1px solid #000;}
.subNav a{line-height:50px;font-size:16px;color:#333;text-decoration:none;}
.subNav:hover a{color:#fff;}
.subNav:hover{background:#27AEC9;}
.currentDd{background:#27AEC9;}
.currentDd a{color:#fff;}
.navContent{display:none;border-bottom:solid 1px #ececec;}
.subNavBox  .navContent:nth-child(1){display:block;}
.navContent li a{display:block;width:240px;height:50px;text-align:center;font-size:16px;color:#333;line-height:50px;}
/* ABOUT US */
.artfont{line-height:35px;font-size:14px;color:#555555;}
.gywmnav{margin-top:30px;}
.gywmnav li a{background-color:transparent;border:1px solid #fff;color:#fff;}
.gywmnav li:hover a{color:#bfac96;background:#fff;}
/*NEW XIANGQING PAGE*/
.arttitle{line-height: 36px;color:#666;font-size: 14px;padding-right: 20px;}
.arttitle h1{text-align:center;color:#333;font-size:16px;}
/* .arttitle{text-align:center;} */
.arttitle .timess{text-align:center;}
.arttitle .timess span{color:#777;font-size:14px;}
.space{line-height:20px;margin-bottom:10px;
font-size: 14px;border-top: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;line-height: 26px;
margin-top: 5px;padding-top: 5px;padding-bottom: 5px;}
.space a{color:#666;}
.space  .pre{display:block;}
.space a:hover span{color:#27AEC9;}
.space h3{font-size:14px;font-weight:normal;}
.cptj .xgxw {width:100%;height:40px;text-align: center;background:url(../images/banner_14.png) no-repeat;margin-bottom: 15px;margin-top: 15px;}
.cptj .xgxw	span{display:block;float:left;width:95px;height:40px;line-height:38px;font-size:16px;color:#fff;}
.cptj .case1 li{margin-bottom:0px;}
.mors{font-size:14px;color:#fff;float: right;margin-top:9px;margin-right:10px;}
/* product page */
.case1{margin-top:0px;}
.case1 li:nth-child(3n){margin-right:0px;}
.case1 li{width: 280px;height: 250px;margin-right:12px;}
.case1 li h2{width: 280px;}
.case1 li h2 a{width: 280px;}
.case1 li .proimg {width: 280px;height: 205px;display: block;}
.case1 li{margin-bottom:20px;}
@media \0screen\,screen\9{.case1 li:first-child+li+li{margin-right:0px;}}
@media \0screen\,screen\9{.case1 li:first-child+li+li+li+li+li{margin-right:0px;}}
@media \0screen\,screen\9{.case1 li:first-child+li+li+li+li+li+li+li+li{margin-right:0px;}}
@media \0screen\,screen\9{.case1 li:first-child+li+li+li+li+li+li+li+li+li+li+li{margin-right:0px;}}
/* new page */
.newli31{margin:0px;}
.newli31 li{width:100%;height:40px;line-height:40px;margin-bottom:5px;border:0px;}
.newli31 li a{font-size:14px;width:800px;color:#333;}
.newli31 li a img{margin-left:8px;}
.newli31 li h2 span{font-size:14px;color:#666;}
.newli31 li:nth-child(odd){background-color:#EFEEEE;}
.newli31 li:hover a{color:#27AEC9;}