@charset "gb2312";
/* CSS Document
Theme Name: 011
Theme URI: 
Description: A website for guide themes.
Version: 2017.7.25
Author: Cd
 */
*{ margin:0; padding:0;}
body{font-family:'Î¢ÈíÑÅºÚ';background:#F5F5F5;font-size:14px;color:#666;}
.clear{ clear:both;height:0px;}
li{ list-style:none;}
a,img{ border:0px;text-decoration:none;font-size:14px;color:#666;}
h1,h2{ font-size:24px;font-family:'Î¢ÈíÑÅºÚ';font-weight: normal;}
a:hover{ text-decoration:none;}
.box{width:1200px;margin:0px auto;overflow:hidden;position:relative; }
.box2{width:1200px;margin:0px auto;}
.top{margin-top:15px;}
.clear{ clear:both;height:0px;}
.list li{display:inline-block;*display:inline;*zoom:1;}
.botom{margin-bottom:30px;}
.weizhi {margin-top: 630px;}

.header{ width:100%;z-index:1111; background:#fff;}
.head{ width:100%; margin:0px auto;height:50px; background:#0b58f2;}
.right_ph { float: right;font-size: 12px;font-family: SimSun;padding-top: 26px;color: #999;
background: url(../images/phone_03.png) no-repeat left 30px;padding-left: 85px;}
.right_ph .phone{font-size:32px;font-family:Arial;color:#afafaf;font-weight:bold;}
.logo { width:1200px;margin:0px auto; height:120px;}
.logo img{float:left;margin-top:15px;margin-bottom:15px;}
.menu1{ margin:0px auto; width:1200px;}
.menu1 li{float:left;position:relative; z-index:999;}
.menu1 li a{display:block; padding:0 28px;text-align:center; line-height:50px;font-size:16px; color:#fff;}
.menu1 li li a{ padding:0 23px;}
.menu1 li a:hover{ color:#fff;background:#014085;} 
.menu1 li ul{display:none;margin-top:60px;background:#007dd5;width:100%; overflow:hidden;}
.menu1 li ul li{font-size:16px;line-height:40px;color:fff; float:none; width:120px}
.menu1 li ul li a:hover{ background:#014085;}
.menu1 li:hover ul{	position:absolute;top:-10px; display:block;}
.ico{display:inline-block;*display:inline;*zoom:1;width:2px;height:33px;/*background:url(../images/line2_13.png) no-repeat;*/position: absolute;top: 11px;right: 0px;float: right;
}
/*banner*/
.tempWrap{margin:0 auto;}
.ben-ico{ background:url(../images/ben-ico.png) no-repeat; display:inline-block; overflow:hidden;}
#ben-slide{ width:100%; height:400px; position:relative; float:left;overflow:hidden; z-index:1;}
.ben-slide2{width:100%;height:400px;overflow:hidden;}
.ben-slide2 img{height:400px;}
#ben-slide .picbox,#ben-slide .picbox li,#ben-slide .picbox img{ display:block; width:100%; height:400px; overflow:hidden;}
.ben-slide .ben-ico{ width:50px; height:54px; position:absolute; top:170px; z-index:2; text-indent:-999px; overflow:hidden;}
.ben-slide .prev{ left:0; background:url(../images/left.png) no-repeat;}
.ben-slide .next{ right:0; background:url(../images/right.png) no-repeat;}
.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;}
/* youshi */
.youshi{width:100%;height:310px;text-align:center;background:#fff;}
.yshi{margin-top:30px;}
.yshi li{width:357px;height:280px;text-align:left;margin-right:45px;overflow:hidden;}
.yshi li:first-child+li+li{margin-right:0px;}
.yshi li img{width:357px;height:145px;}
.yshi li h2{font-size:18px;color:#333;margin-top:18px;margin-bottom:10px;}
.yshi li p{font-size:12px;color:#999;width:357px;height:55px;overflow:hidden;line-height:19px;}
 /* commpany */
.commpany{width:100%;height:384px;background:url(../images/combggg_02.png) no-repeat center center;position:relative;}
.combox{width:1080px;height:398px;background:url(../images/11_27.png) no-repeat center center;position: relative;top:75px;left: 59px;}
.imgbox{width:530px;height:400px;float:left;overflow:hidden;position:relative;bottom:30px;margin-left:30px;}
.imgbox img{width:530px;height:400px;}
.font{width:465px;height:340px;float:right;overflow:hidden;margin-right:30px;margin-top:60px;color:#fff;}
.font h1{font-size:20px;font-weight:normal;margin-bottom:48px;}
.font .wenzi{width:435px;height:174px;line-height:30px;font-size:14px;color:#fff;overflow:hidden;}
.font .more{display:inline-block;*display:block;*zoom:1;width:85px;height:30px;line-height:25px;text-align:center;background:#007dd5;font-size:13px;color:#fff;border-radius:5px;float: right;margin: 30px;}
/* product */
.product{width:100%;background:#F0F0F0;margin-top: 126px;}
.title{margin-top:40px;text-align:center;}
.title img{margin-top:10px;margin-bottom:10px;}
.title  h3{font-size:24px;color: #007dd5;font-weight: normal;}
.title  p{font-size:13px;color:#bfbfbf;}
.proname{text-align:center;margin-bottom:30px;}
.proname li{display:inline;margin-right:30px;}
.proname li a{display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;border-radius:5px;padding-left:20px;padding-right:20px;background:#D7D7D7;}
.proname li h2{display:inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;font-size:16px;margin-top:10px;}
.proname li a:hover{background:#007dd5;color:#fff;}
.pro{margin-top:30px;margin-bottom: 10px;}
.pro li{width:360px;height:390px;margin-right:35px;position:relative;}
.pro li:nth-child(3n){margin-right:0px;}
.pro li img{width:100%;heig ht:320px;display: block;}
.pro li h2{height:68px;line-height:68px;width:100%;text-align:center;color:#4c4c4c;font-size:16px;pos ition: absolute;left: 0px;bottom: 0px;}
.pro li h2 a{display:inline-block;*display:inline;*zoom:1;width:100%;height:68px;color:#4c4c4c;overflow: hidden;
font-size:16px;}
.pro li .hover{ position:absolute; top:335px; left:0; display:none;}
.pro li:hover .hover{ display:block;}
.pro li .hover .hovera{display: block;
    width: 176px;
    height: 25px;
	float:left;
	margin-right:8px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    background: url(../images/touming_07.png);
    z-index: 10; }

.vivo{width:580px;height:424px;float:left;margin-left:20px;border-right:1px dashed #D7D7D7;margin-top:40px;}
.vivo img{width:465px;height:340px;margin-top:30px;margin-left:17px;}
.newboxind{width:500px;height:424px;float:right;margin-right:20px;margin-top:40px;}
.til2{width:495px;padding-bottom:17px;border-bottom:1px solid #DDDDDD;}
.til2 span{padding-bottom:17px;border-bottom:1px solid #007dd5;color:#007dd5;font-size:20px;font-weight:normal;}
.til2 label{color:#bfbfbf;font-size:13px;margin-left:15px;font-weight:normal;}
.gd{isplay:inline-block;*display:inline;*zoom:1;width:24px;height:22px;float:right;background:url(../images/2_38.png)no-repeat;}
.gd:hover{background:url(../images/2_40.png)no-repeat;}
/* newli */
.newpage{margin-top:15px;}
.newpage li {width:500px;height:110px;margin-bottom:18px;border-bottom:1px dashed #D8D8D8;}
.newpage li .date{float:left;width:53px;
text-align: center;padding:13px;padding-top: 0px;}
.newpage li .date h2{font-size:48px;color:#999;font-family:SimSun;}
.newpage li .date p{font-size:13.93px;color:#999;font-family:Arial;}
.newpage li .new_li{float:left;width:390px;height:64px;padding: 11px 24px 11px 0px;overflow:hidden;}
.newpage li .new_li{float:left;width:390px;height:64px;padding: 7px 24px 11px 3px;overflow:hidden;}
.newpage li .new_li h2{font-size:15.92px;width:350px;height:28px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newpage li .new_li h2  a{color:#333333;}
.newpage li .new_li .info{line-height:24px;width:419px;height:43px;overflow:hidden;font-size:12.93px;}
.newpage li .new_li .info a{color:#999;}
.newpage li:hover .new_li .info a{text-decoration:underline;}
.newpage li .new_li .moress{display:inline-block;*display:inline;*zoom:1;width:98px;height:35px;line-height:35px;text-align:center;float:right;}
.newpage li .new_li span{display:inline-block;*display:inline;*zoom:1;color:#876041;font-size:12px;margin-top:18px;}
.xx{color:#007dd5;font-size:13px;float:left;}
/* lj */
.lj{color:#666;padding-bottom:27px;padding-top:17px;line-height:37px;}
.lj a{color:#666;}
.lj p a{margin-right:20px;}
.first{width:1200px;height:27px;}
.sencd{width:1200px;height:27px;}
/* footer */
.footer{width:100%;background:#EDEDED;border-top:1px solid #C4C4C4;color:#666666;font-size:14px;}
.footnav1{width:877px;height:150px;overflow:hidden;float:left;}
.footnav2{width:250px;height:150px;overflow:hidden;float:right;}
.footnav2 dl{margin-top:30px;color:;font-size:;}
.footnav2 dl dt{font-size:14px;color:;font-weight:bold;}
.footnav2 dl dd{line-height:26px;}
.navlast{text-align:center;}
.navlast p{text-align:center;}
.navlast{line-height:23px;margin-top:15px;margin-bottom: 30px;}
.navlast a{margin-right:20px;font-size:14px;}
.navlast span{margin-right:20px;}
.menfoot{margin-top:30px;}
/* .menfoot .nav1 a{font-weight:bold;} */
.menfoot li{float:left;position:relative; z-index:999;padding-right:30px;}
.menfoot li a{display:block;padding:0 5px;text-align:center; font-size:14px;color:#666;}
.menfoot li ul{display:none;margin-top:6px;line-height:24px;}
.menfoot li ul li{font-size:14px;color:#666;}
.menfoot li ul{position:absolute;display:block;}
/* LOCATION */
.location{height:35px;color:#666;line-height:35px;border-bottom:1px solid #D2D2D2;position:relative;}
.location  span{float:left;font-size:18px;color:#007dd5;padding-right:10px;}
.location  span img{position:relative;top: 4px;
margin-right: 10px;}
.location div{float:right;width:700px;text-align:left;font-size:14px;margin-left: 25px;white-space:nowrap;overflow:hidden;}
.location div{float:right;text-align:right;font-size:14px;margin-left: 25px;color:#666;width: 780px;
white-space: nowrap;overflow: hidden;}
.location div a{color:#666;font-size:14px;}

.fanye {text-align:center;margin-top:20px;margin-bottom: 30px;margin-right: 20px;}
.fanye ul li{border: 1px solid #B5B5B5;padding:3px 15px;color:#A3A1A2;}
.fanye ul li:hover{color:#fff;background:#007dd5;}
.fanye ul li:hover a{color:#fff;}
.fanye ul .pages_solid{color:#fff;background:#007dd5;}
.newbox{float:right;width:940px;background:#fff;overflow: hidden;padding: 10px;}
.rightart2{position: relative;padding-top: 0;} 
/*PRODUCT NAV*/
.leftnav {float:left;width:224px;position: relative;}
.leftnav .navh2{width:224px;height:81px;text-align:left;line-height:70px;background:url(../images/33_0s3.png) no-repeat;color:#fff;}
.leftnav .navh2 span{margin-left:15px;font-size:24px;}
.leftnav .navh2 label{font-size:14px;}
.hf{width:199px;height:54px;line-height:54px;background:url(../images/33_11.png) no-repeat;font-size:15px;color:#fff;text-align:left;padding-left:25px;margin-top:12px;margin-bottom: 12px;}
.navh3{height:57px;padding-top:27px;text-align:left;background:url(../images/33_17.png) no-repeat;color: #fff;}
.navh3 span{margin-left:34px;font-size:20px;}
.navh3 p{margin-left:34px;font-size:14px;}

.navcont{margin:0 auto;text-align:left;overflow:hidden;background: #fff;}
.subNavBox { width:224px;margin:0px auto;text-align:left;overflow:hidden; }
.subNavBox h2{line-height:43px;margin-left:20px;}
.cannew {float: left;margin-top:15px;margin-right: 17px;}
.cannew2 {float:right;margin-top:23px;margin-right: 17px;}
.subNav{width:224px;line-height:43px;cursor:pointer;font-weight:normal;border-bottom:1px solid #E0E0E0;}
.subNav a{line-height:43px;font-size:14px;color:#333;text-decoration: none;}
.subNav:hover a{color:#007dd5;}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.subNavBox  .navContent:nth-child(1){display:block;}
.navContent li a{display:block;width:224px;text-align:left;font-size:14px;line-height:45px;color:#333;border-top:1px solid #ECECEC;}
.navContent li:hover a{color: #007dd5;} 
/* ABOUT US */
.artfont{line-height:35px;font-size:14px;color:#555555;margin-top:10px;}
.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;}
.arttitle h1{text-align:center;color:#4c4c4c;font-size:18px;margin-top:15px;}
.arttitle img{text-align:center;}
.imgcen{text-align:center;}
.arttitle .timess{text-align:center;margin-bottom: 17px;}
.arttitle .timess span{color:#9d9d9d;font-size:14px;}
.space{line-height:36px;margin-bottom:10px;font-size:14px;border-top:1px dashed #E2E2E2;border-bottom:1px dashed #E2E2E2;padding-left:10px;padding-right:10px;}
.space a{color:#666666;}
.space a:hover span{color:#007dd5;}
.space .pre{display:block;}
.space h3{font-size:14px;font-weight:normal;}
.cptj .xgxw{height:30px;border-bottom:1px solid #BFBFBF;margin-top:28px;}
.xgxw span{font-size:18px;color: #007dd5;padding-left: 10px;
border-left: 5px solid #007dd5;margin-bottom: 10px;}
.rigxw{width:224px;height:57px;line-height:57px;background:url(../images/33_17.png) no-repeat;color:#fff;font-size:20px;margin-top:30px;}
.rigxw span{font-size:14px;}
 /*product page */
 .rightart2 .pro{margin-top:18px;}
.rightart2 .pro li{hei ght:300px;margin-right:60px;}
.rightart2 .pro li img{border:1px solid #DDDDDD;}
.rightart2 .pro li h2{height:30px;line-height:30px;}
.rightart2 .pro li h2 a{height:30px;line-height:30px;}
.rightart2 .pro li:nth-child(2n){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;}}
@media \0screen\,screen\9{.pro li:first-child+li+li+li+li+li+li+li+li{margin-right:0px;}}
.rightart2 .pro li h2 a{font-size:16px;color:#4c4c4c;}
.rightart2 .pro li:hover h2 a{color:#007dd5;}
/* new page */
.rightart2 .newli li {width:100%;border-bottom: 1px dashed #DEDEDE;padding-bottom: 15px;margin-top: 15px;}
.rightart2 .newli li p{
    color: #555555;
    width: 800px;
    height:18px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
	float:left;
	margin-bottom: 15px;
}
.rightart2 .newli li p a{font-size:14px;color:#333;font-weight:bold;}
.rightart2 .newli li:hover p a{color:#007dd5;}
.rightart2 .newli li .tim {font-size:12px;color: #333;
float:right;}
.rightart2 .newli li .newart {line-height: 20px;width:100%;}
.rightart2 .newli li .newart .aa {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width:940px;
    height: 40px;
    overflow: hidden;
	color: #666;
	font-size:12px;
}
.newlist2 {margin-bottom:30px;background: #fff;}
.newlist2 li { height:40px;line-height:40px;}
.newlist2 li h2{font-size:12px;color:#666;padding-left:10px;padding-right:10px;height:40px;line-height:40px;}
.newlist2 li h2 img{float:left;margin-top:20px;margin-right:5px;}
.newlist2 li h2 a{display:inline-block;*display:inline;*zoom:1;width:100px; height:40px;line-height:40px;white-space: nowrap;color:#666;text-overflow: ellipsis;o-text-overflow: ellipsis;overflow: hidden;float:left;}
.newlist2 li:hover h2 a{color:#007dd5;}
.newlist2 li h2 span{float:right;color:#767676;}

.banner_bottom{ width:1085px;  height:295px; margin:13px auto; text-align:center;}
.banner_bottom li{ width:13%; hei ght:290px; float:left; margin-right:10px;}
.banner_bottom li img{width:100%;transform:scale(1); transition:all 0.3s;}
.banner_bottom li:hover img{ transform:scale(1.1);}

.banimg{width: 1200px;height: 100px; margin: 20px auto; margin-top:68px;}
.banimg li{ width: 240px; height: 100px; float: left; position: relative;}
.banimg li img{ width:240px; height:100px; position: absolute; left: 42%;top: 50%;margin: -100px 0 0 -100px;z-index: 1;}
.banimg li:hover img{ width:250; height:110px; position:absolute; top:47%;  }
.banimg li h2{ height:25px; line-height:25px; text-align:center; margin-top:60px;}

/* theme-default */
.theme-default #slider{margin:0px auto;width:1903px;height:400px;}
.theme-default .nivoSlider{background:url("../images/loading.gif") no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:384px;width:193px;height:38px;bottom:-14px;padding-top:14px;padding-left:50px;position:absolute;z-index:9;background-image:url("../images/bullets-bg.png");background-repeat:no-repeat;}
.theme-default .nivo-controlNav a{background:url("../images/bullets.png") no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url("../images/arrows.png") no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:151px;right:20%;}
.theme-default a.nivo-prevNav{left:20%;top:151px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:151px;right:20%;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:20%;top:151px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

.nivo-directionNav{ display:none !important;} 

@media screen and (max-width: 1000px) { 
  .header,.theme-default #slider,.commpany,.product,.footer{width:1200px;}
}

.ding{position:fixed;left:0;top:50%;}
