body{margin: 0px auto;width:100%;background:#f4f4f4;}
a{font-size:13px;text-decoration: none}
a:hover{color:#d42626 }
body,ul,p,li,div,td,input,select,textarea,hr{margin:0px 0px;padding:0px 0px;list-style:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6,b{color:#444444;margin:0px 0px;padding:0px 0px; font-weight:400;}  
ul{ list-style: none;}
.wrbox{ padding:15px;}#rack .left{padding:15px;}
img{border: 0;padding:0px 0px;margin:0px 0px;}
.minwidth{margin:0px auto;width:1000px;}
.clear{clear:both;}
a{color:#}
a:hover{color:#d42626}
.container{ width:1200px; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}

.bg_white{ background:#fff}
/*效果*/
.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button,
.frame button{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


.effect_two{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two:hover .effect_two_img{opacity:.7;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.effect_two .effect_two_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption,.effect_two .effect_two_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.effect_two:hover .effect_two_caption_h{color:#fff;opacity:1}
.effect_two .effect_two_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.effect_two:hover .effect_two_caption_p{color:#fff;opacity:1}





.banner_page{float:left; width:100%;}
.banner_page img{display: blcok;width:100%; height: auto;}

.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}

.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}
.site a{ color:#666; font-size:13px;margin:0 3px;s }
.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}

.back{    height: 20px;
    background: #666;
    color: #fff !important;
    width: 47px;
    float: right;
    text-align: center;
    border-radius: 3px;
    line-height: 20px;}



/*header*/
header{ float:left; width:100%;padding:5px 0; background:rgba(204,204,204,0.7);}
header .logo{ float:left;margin:0 0 0px 0;}
header .nav{ float:left;margin:30px 0 0 20px;}
header .nav li{ float:left;}
header .nav a{float:left; display:block; color:#000000;padding:0 13px; font-size:16px;}
header .nav a:hover,header .nav a.hover{color:#d32d26;}
header .right{position:relative;float:right;margin:15px 0 0 0;width:198px;height:45px; color:#Fff;font-size:22px; background: url(../images/tel.png) no-repeat;}
header .right1{position:relative;float:right;margin:21px 0 0 0;/*width:198px;*/height:45px; color:#Fff;}
header .right1 a{font-size: 16px;color: #fff;display: inline-block;line-height: 30px;border: 2px solid #4ab300;padding: 0 10px;border-radius: 15px;}
header .right1 a:hover{ color:#4ab300;}
header .right span{position:absolute; left:47px;right:0; bottom:0;}
header .lang{float:left;margin:32px 0 0px 10px; padding-left:30px;line-height:15px; background: url(../images/cn.jpg) no-repeat;}
header .lang a{color:#fff; font-size:16px;}
header .lang a:hover{ color:#4ab300}

.submenu{ display:none;width:100%;    border-radius:0px 0 10px 10px; border:1px #f5f5f5 solid;margin:50px 0 0 0px;padding:10px 0 10px 0;max-width:400px; background:#fff; position:absolute; z-index:999;}
header .submenu a{ float:none;display: block;color:#999;line-height:40px; border-bottom:1px #eee solid;text-align:center;font-size:14px;}
.submenu a:hover{ background:#ddd; color:#666}
.submenu a{padding:0 5px}
.submenu a:last-child{ border:none}

header .nav li:nth-child(2) .submenu{max-width:100%; left:0;}


header .container{ position:relative; }

header .nav li.productA .submenu{ left:0;max-width:100%;}


header .nav li.productA .submenu a{ float:left;padding:0 5px; line-height:20px; border:none;}
/*header .nav li.chanpin .submenu a img{ float:left;width:115px;height:138px;}
header .nav li.chanpin .submenu a h4{ float:left; width:115px; padding:40px 0 0 0; font-size:12px;}
header .nav li.chanpin .submenu a:hover{ background:none}
header .nav li.chanpin .submenu a:hover h4{ color:#4ab300 }*/

header .nav li .box{ width:100%;}
header .nav li .box .left{ float:left; padding:0 0 0 15px;}
header .nav li .box .left a{ display:block;background: url(../images/Arrow.png) no-repeat left;padding-left:15px;}
header .nav li .box img{ float:right; width:220px; border-left:1px #ddd solid;padding:0 15px 0 20px;}


header.fixed-top{ position:fixed; width:100%;z-index:8888; background:rgba(204,204,204,0.7)}









.comNav{padding:20px 0; background:#fff}
.comNav li{width:220px;margin-right: 1px;text-align: center;float: left;}
.comNav li .curr{}
.comNav li a{display: block;font-size: 14px;color: #fff;margin:0px;padding:0px;}
.comNavMain{width: 1100px;position: relative;}
.comNavBox{position: relative;overflow: hidden;width:1100px;padding-left: 50px;}
.comNavMain .prev,.comNavMain .next{position: absolute;width: 40px;
height: 100px;top:20px;cursor: pointer;opacity: 1;}
.comNavMain .prev{left: 10px;background: url(../images/prev.png) no-repeat center;}
.comNavMain .next{right: -90px;background: url(../images/next.png) no-repeat center;}
.comNavMain:hover .prev,.comNavMain:hover .next{opacity: 1;}
.submenu .comNavMain a:hover{ background:none}

.comNavBox img{ float:left; width:115px;height:138px;}
.comNavBox h4{opacity:1; float:left; width:95px;color:#666; font-size:12px;padding:80px 0px 0 0px; }
.comNavBox a:hover h4{ opacity:1; color:#4ab300}


/*banner*/
.banner { width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul img { display:block; margin:0 auto; position:relative; width:100%;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{ display:none;}
.banner .prev,.banner .next{position:absolute;width:50px; height:50px;font-size: 0px; }
.banner .prev{left:50px; top:40%;background: url(../images/banner_prev.png) no-repeat;}
.banner .next{right:50px; top:40%;background: url(../images/banner_next.png) no-repeat;}
.banner .prev:hover{background: url(../images/banner_prev_here.png) no-repeat;}
.banner .next:hover{background: url(../images/banner_next_here.png) no-repeat;}



/*home_content*/

.home_content{ float: left; width:100%;padding:60px 0; background:#eaeaea}
.home_content .left{ float:right; width:370px; }
.home_content .left h3{font-weight:400;color:#333;margin:5px 0 10px 0; font-size:20px;}
.home_content .left h3 a{ float:right;line-height:25px; color:#666; font-size:12px; }
.home_content .left h3 a:hover{ color:#d32d26}
.home_content .left h2{ color:#d32d26; font-size:18px;padding:10px 0; border-bottom:1px #ddd solid}
.home_content .left p{ color:#666; font-size:12px;padding:5px 0; line-height:22px;}

.home_content .middle{float:right; width:370px;margin:0 45px;}
.home_content .middle h3{ color:#333; font-size:20px; margin:5px 0 10px 0;}
.banner_middle{position:relative;width:100%;}
.banner_middle .box{overflow: hidden;}
.home_content .middle .carousel{position:relative;list-style:none;padding:0;}
.home_content .middle .carousel .item{display:nones;float:left;position:relative;}
.home_content .middle .carousel .active{display:block;}
.home_content .middle .carousel img{display:block;max-width:100%;height:auto;}
.home_content .banner_middle .pointer{position:absolute;top:-27px; right:0px;padding:0px; z-index:999;}
.home_content .banner_middle .item img{ float:left; width:210px; height:290px;}
.home_content .banner_middle .pointer a{ display: block;}
.home_content .banner_middle .dexter{ float:right; width:140px;}
.home_content .banner_middle .dexter h4{color:#333; font-size:16px; border-bottom: 1px solid #ddd;padding:0 0 15px 0}
.home_content .banner_middle .dexter P{ color:#666; font-size:12px; margin:20px 0 10px 0; line-height: 23px;;} 
.home_content .banner_middle .dexter span{ color:#999;font-size:12px;}
.home_content .banner_middle .dexter span:hover{color:#4ab300}
.home_content .banner_middle .pointer li{ float:right; background:#999; border-radius: 500rem;margin:0 4px; width:7px; height:7px;cursor: pointer;}
.home_content .banner_middle .pointer li.active{ margin-top:-2px;background: none; border: 2px solid #999;}
.home_content .banner_middle .pager-prev,.home_content .banner_middle .pager-next{position:absolute;display:none;top:50%;margin-top:-25px;}
.home_content .banner_middle .pager-prev{left:20px;}
._middle .pager-next{right:20px;}
.home_content .banner_middle:hover .pager-prev,.banner_middle:hover .pager-next{display:block;}
.home_content .right{ float:left; width:370px;}
.home_content .right .tabPanel{ }
.home_content .right .tabPanel .tone{ border-bottom:1px #d32d26 solid;padding:0 0 0px 0}
.home_content .right .tabPanel .tone b{float:left;background:#bababa;font-size:18px;padding:7px 15px;color:#fff; margin:0 1px 0 0;cursor:pointer;}
.home_content .right .tabPanel .tone b.hit,.home_content .right .tabPanel .tone b:hover{ background:#d32d26;}
.home_content .right .tabPanel .tone a{ float:right; margin-top:10px;color:#999; font-size:12px;}
.home_content .right .tabPanel .tone a:hover{ color:#d32d26}
.home_content .right .tabPanel .down .pane{ display: none;}
.home_content .right .tabPanel .down .pane a{ display: block;color:#666; font-size:12px; padding:10px 0 10px 0; border-bottom: dashed 1px #ccc}
.home_content .right .tabPanel .down .pane a span{ float:right; display:block;color:#999; }
.home_content .right .tabPanel .down .pane a:hover,.home_content .right .tabPanel .down .pane a.top:hover h4{ color:#d32d26;}
.home_content .right .tabPanel .down .pane a.top{ margin:20px 0 0 0;padding:0 0 20px 0; }
.home_content .right .tabPanel .down .pane a.top h4{ font-size:15px; color:#333;font-size:14px;margin-bottom:10px;}
.home_content .right .tabPanel .down .pane a.top h4 span{ float:right;color:#999; font-size:12px;} 
.home_content .right .tabPanel .down .pane a.top p{ color:#666; font-size:12px;}
.home_content .right .tabPanel .down .pane a:hover h4{ color:#d32d26}






/*product*/
.product-list{ float:left; width:100%;margin:20px 0 30px 0}
.product-list .left{float:left; width:950px; }
.product-list .left a{float:left;width:270px; padding:10px 10px;margin:0 20px 20px 0; display:block;background:#fff }
.product-list .left a:hover h4{ color:#d32d25;}
.product-list .left a:hover{-webkit-box-shadow: #999 0px 0px 10px;-moz-box-shadow: #999px 0px 10px;box-shadow: #999 0px 0px 10px;behavior: url(/PIE.htc);}
.product-list .left img{width:100%;}
.product-list .left h4{margin:5px 0 0 0;text-align:center;color:#333333; font-size:14px;}
.product-list .left p{ margin:10px 0;color:#999999;font-size:12px; text-align:center;}
.product-list .right{ float:right; width:240px; }
.product-list .right h2{width:240px; height:80px; text-align: center;padding:20px 0 0 0; color:#a7ff69; font-size:18px; background:url(../images/product-list-rightTop.jpg) no-repeat center;}
.product-list .right h2 span{ display:block; color:#fff; font-size:30px;}
.product-list .right .sub{}
.product-list .right .sub a{ display:block; width:100%;margin:0 0 1px 0; background:#ebebeb;text-align:center; line-height:40px; color:#606060; font-size:14px;}
.product-list .right .sub a:hover,.product-list .right .sub a.hover{color:#fff; background:#d32d25;}

.product-list .fixed-top{ top:100px; }


.product-show{ margin:0 0 30px 0}
.product-show .left{ float:left; width:630px; margin-top:40px;}
.product-show .right{ float:right; width:540px;margin:20px 20px 0 0}
.product-show .right h2{ color:#d32f11;font-size:27px; padding:0 0 20px 0;font-weight:bold; border-bottom: solid 1px #ddd ; }
.product-show .right span{ width:100%; line-height:45px; display: block; color:#666;font-size:13px;  border-bottom: solid 1px #ddd ; }
.product-show .right strong{ display:block; font-size:16px;margin:5px 0 5px 0}
.product-show .right p{margin:20px 0 0 0;color:#666; font-size:13px; line-height:25px;}
.product-show .right .down{ margin:50px 0 0 0}
.product-show .right .down b{ float:left; background: url(../images/pIcon2.jpg) no-repeat left; font-size:18px;margin:0 0px 10px 0; padding-left:30px; color:#f60}
.product-show .right .down a{ float:left; padding:10px 35px; display: block; margin:0 20px 0 0; color:#fff;border-radius:4px}
.product-show .right .down a.one{ background: #4AB300;}
.product-show .right .down a.two{ background:#D42626;}
.product-show .right .down a:hover{ background:#f60}
.product-show .bottom{float:left;margin:30px 0 50px 0; width:100%;}
.product-show .bottom .tabPanel{ margin:0 20px;}
.product-show .bottom .tabPanel .tone{ border-bottom:1px solid #ddd; }
.product-show .bottom .tabPanel .tone b{float:left; display:block;padding:10px 50px;    cursor: pointer; margin:0 1px 0 0; background:#ddd;color:#666}
.product-show .bottom .tabPanel .tone b:hover{ background:#4ad300;color:#fff;}
.product-show .bottom .tabPanel .tone b.hit{background:#d32d26;color:#fff;}
.product-show .bottom .tabPanel .down{padding:20px 10px 10px 10px;}
.product-show .bottom .tabPanel .down .pane{ display:none; }


/*about*/
.about{ float:left;width:100%; overflow: auto;}
.about .title{width:300px; height:100px;text-align:center;padding:80px 0; margin:0px auto;display:block; }
.about .title span{ display:block;margin:7px 5px;color:#999;font-size:14px;}
.about .title hr{margin:10px auto; background:#666;height:3px; width:30px; border:none} 
.about .title h2.rox{ width:100%;color:#333; font-size:36px}



.about #content{width: 100%;height: auto; margin: 0 auto;}
.about .page-section{ position:relative; overflow: hidden;}
.about .box{ position:absolute;top:0; left:0;width:100%; }
.about .item1{ }
.about .item1 .lump{ padding:30px 50px;background: url(../images/whiteBGopacipt.png)}
.about .item .BGimg img{ display:block; margin:auto;}


.about .item2 .BGimg{ height:1100px;}
.about .lump{ position: relative;}
.about .item2 .logo{ position: absolute; left:295px;top:170px;}
.about .item2 .LeftToneLine{ position: absolute; left:380px; top:130px;z-index:999;}
.about .item2 .LeftToneWritten{ position: absolute; left:40px; top:110px;z-index:999; color:#333333; font-size:14px;}
.about .item2 .RightToneLine{ position: absolute; right:418px; top:30px;z-index:999;}
.about .item2 .RightToneWritten{ position: absolute; right:40px; top:50px;z-index:999; line-height:25px;width:375px;color:#333333; font-size:14px;}
.about .item2 .LeftDownLine{ position: absolute; left:405px; top:530px;z-index:999;}
.about .item2 .LeftDownWritten{ position: absolute; left:230px; top:625px;z-index:999; line-height:25px;color:#333333; font-size:14px;}

.about .item2 .RightDownLine{ position: absolute; right:390px; top:500px;z-index:999;}
.about .item2 .RightDownWritten{ position: absolute; right:0px; top:620px;z-index:999; line-height:25px;color:#333333;width:400px; font-size:14px;}
.about .item3 .bin{ float:left; width:360px;}
.about .item3 .center{ margin:0 60px;}
.about .item3 .bin h3{ margin:10px 0;font-size:24px; color:#333}
.about .item3 .bin img{}
.about .item3 .bin p{ margin:5px 0; line-height:24px;color:#fff; font-size:14px;}
.about .item2{ background:#f4f4f4}
.about .item3{}



.about .item1 .lump{ opacity: 0; }
.about .active .item1 .lump{ opacity:1;-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;}


.about .title{position: relative;}
.about .title h2.rox{ position: absolute; top:130px;opacity:0;} 
.about .active .title h2.rox{top:100px;opacity:1;
-webkit-transition:all 07s ease-in-out;
-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;	
	
}

.about .item2 .LeftToneLine,.about .item2 .RightToneLine,.about .item2 .LeftDownLine,.about  .item2 .RightDownLine{opacity:0;}
.about .active .item2 .LeftToneLine{left:405px; }
.about .active .item2 .RightToneLine{top:50px;}
.about .active .item2 .LeftDownLine{top:500px;}
.about .active .item2 .RightDownLine{right: 410px;;}

.about .active .item2 .LeftToneLine,.about .active .item2 .RightToneLine,.about .active .item2 .LeftDownLine,.about .active .item2 .RightDownLine{
	opacity:1;
-webkit-transition:all 07s ease-in-out;
-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;
transition:all 0.7s ease-in-out;		
}

.about .item2 .LeftToneWritten,.about .item2 .RightToneWritten,.about .item2 .LeftDownWritten,.about .item2 .RightDownWritten{
	opacity:0;}

.about .active .item2 .LeftToneWritten,.about .active .item2 .RightToneWritten,.about .active .item2 .LeftDownWritten,.about .active .item2 .RightDownWritten{
opacity:1;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;
transition:all 2s ease-in-out;	
}


.about .item2 .logo{ opacity:0;}
.about .active .item2 .logo{ opacity:1;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;-o-transition:all 2s ease-in-out;-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;	
}


.about .item3 .bin{opacity:0;}
.about .active .item3 .bin{opacity:1;
-webkit-transition:all 2s ease-in-out;
-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;-ms-transition:all 2s ease-in-out;
transition:all 2s ease-in-out;	
}



/*navsub*/
.navsub{ float:left; width:100%; margin:10px 0 20px 0}
.navsub a{ float:left; display:block; padding:7px 25px;background:#ccc; color:#666; font-size:14px; margin:0 10px 0 0 }
.navsub a:hover,.navsub a.hover{ background:#d32d26; color:#fff}



/*page*/
.page{}
.page .box{padding:20px; margin:0 0 20px 0 }



/*news*/

.list_news{ float:left;width:1220px; margin:0px 0 50px -20px}
.list_news .space{ float:left; width:590px;}
.list_news li.space{margin:0px 0px 20px 20px}
.list_news li .bor{height:140px; border:1px solid #fff; background:#fff}
.list_news li .bor:hover{border:#d32d26 solid 1px}
.list_news li .left{float:left;  width:110px; height:100%; display:block; text-align:center; background:#e7e7e7;}
.list_news li .left i{background:url(../images/time.png) bottom center no-repeat}
.list_news li .left img{padding:10px 0;}
.list_news li .left b{display:block; color:#a5a5a5; font-size:50px;}
.list_news li .left span{display:block; padding-bottom:10px; color:#a5a5a5; font-size:12px; border-bottom: 1px #fff solid}
.list_news li:hover .left span{border-bottom:1px #fff solid; color:#f5ccd6}
.list_news li:hover .left span b{color:#fff;}
.list_news li:hover .left{background:#d32d26}
.list_news li .right{float:right; width:428px; padding:10px 20px 20px 20px; background:#fff}
.list_news .right h3{color:#000; font-size:16px; margin-bottom:10px;}
.list_news .right a:hover h3, .list_news .right a:hover p{color:#d32d26;}
.list_news .right p{color:#959595; font-size:12px; line-height:24px;text-indent:0em}


.news_box{position:relative}
.news_box .pe_top{border-bottom:1px #eee solid; padding-bottom:10px;}
.news_box .pe_top h1{border:none;}
.news_box .pe_top b{margin-right:10px; font-weight:400;}
.news_box .left{float:left; padding:20px 50px}
.news_box .right{ float:right;width:320px;padding-left:30px;}
.news_box .right ul{padding:15px; background:#f9f9f9; width:100%;}
.news_box .right li{display:block; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px #ddd dashed;}
.news_box .right h2{font-size:22px; margin:0 0 10px 0; border:none; font-weight:400;}
.news_box .right h3{font-size:16px; line-height:35px; color:#666}
.news_box .right p{font-size:12px; margin-bottom:10px; color:#666}
.news_box .right li a:hover h3, .news_box .right li a:hover p{color:#68b92e}
.news_box .right span{font-size:12px; color:#999}


.pe_top{width:100%; margin:20px 0 10px 0;}
.pe_top h1{font-size:19px; line-height:35px; font-weight:400; text-align:center; border-bottom: solid 1px #f5f5f5}
.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}




/*download*/
.download{ margin:10px 0 50px 0;}
.download a{ display:block; width:100%; border-bottom: dashed 1px #ddd; padding:10px 0px; margin:10px 0; color:#666; font-size:14px;}
.download a span{ float:right; display: block;}
.download a span img{ width:20px;}
.download a:hover{ color:#f60}
.download .box{padding:20px;}


/*commente*/

.comments{ float:left; width:100%;  margin:0 0 50px 0}
.comments form{ width:600px; margin:auto;padding:0px 0 50px 0;}
.comments form .one{ float:left; width:280px;}
.comments form .two{ float:right; width:280px;}
.comments form .three{ float:left; width:100%;}
.comments input{ border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}
.comments form textarea{ float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }
.comments form *::-moz-placeholder{color:#000}
.comments form button{ display:block;cursor: pointer;  background:#e62129; font-size:17px; border:none; width:200px; margin:20px auto; color:#fff; padding:10px 50px;}
.comments form button:hover{ background:#999}
.comments .title{ float:left; width:100%; margin:50px 0 35px; text-align:center; color:#e62129; font-size:30px;   /* font-family: 'Gabriela', serif;*/}
.comments .title {}
.comments .title b{ padding:0 200px; margin:10px 0 0 0; font-size:13px; color:#666; display:block;  font-weight:400; }
.comments .title span{
    display: block;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: .4em auto 0em;
    position: relative;
}

/*case*/
.case{ float:left; width:100%; margin:10px 0 20px 0;}
.case ul{ float:left; width:1220px; margin-left:-20px;}
.case ul li{ position:relative;float:left; width:302px;height: 310px; margin:0 0px 20px 20px;}
.case ul li a{ display:blcok; }
.case ul li a h4{color:#333;}
.case ul li a img{ width:100%; height:100px;}
.case ul li h4{ position:absolute; bottom:0; left:0;width:100%;line-height:30px; text-align:center; color:#fff;font-size:13px;  background:url(../images/blackBGopacipt.png)}
.case ul li:hover h4{ opacity:0; }

/*video*/
.video{ float:left; width:100%; margin:10px 0 20px 0;}
.video ul{ float:left; width:1220px; margin-left:-20px;}
.video ul li{ position:relative;float:left; width:290px;height: 360px; margin:0 0px 20px 15px;}
.video ul li .effect_two_caption{height: 280px;}
.video ul li a{ display:blcok; color: #fff; }
.video ul li a:hover{ display:blcok; color: #fff; }
.video ul li a h4{color:#333;}
.video ul li a img{ width:100%; height:100%;}
.video ul li h4{ position:absolute; bottom:80px; left:0;width:100%;line-height:30px; text-align:center; color:#fff;font-size:13px;  background:url(../images/blackBGopacipt.png)}
.video ul li p{position:absolute; bottom:0; left:0;width:100%;line-height:30px; text-align:center; color:#fff;font-size:12px;background:url(../images/blackBGopacipt.png)}

/*footer*/
footer{ float:left; width:100%;background:#191919; }
footer .left{float:left; padding:40px 0 30px 0px;}
footer .left dl{float:left; margin:0 60px 0 0}
footer .left dl dt{ color:#fff; font-size:16px;margin:0 0 10px 0}
footer .left dl dd{ margin:0px;}
footer .left dl dd a{ display:block; line-height:25px;font-size:12px; color:#666;}
footer .left dl dd a:hover{ color:#fff}
footer .copy{ margin:50px 0 0 0;color:#666; font-size:12px; }
footer .copy a{ color:#666;}
footer .copy a:hover{color:#fff}
footer .center{ float:right; background:rgba(255,255,255,0.6);height:200px;margin:0 20px;width:300px;padding:40px 0 30px 0}
footer .center img{ display: block; margin:auto}
footer .center .tel{position:relative;top:30px;margin:auto;width:220px;height:45px; color:#Fff;font-size:22px; background: url(../images/tel.png) no-repeat;}
footer .center .tel span{position:absolute; right:0; bottom:0;left:47px}
footer .right{ float:left; margin:30px 0 0 0 }
footer .right img{ float:right;width:120px;}
footer .right h5{ color:#666; font-size:12px;padding:5px 15px 0 0; clear:both;text-align:right;}
footer .right select{ margin:20px 0 0 0; background:none; border:solid 1px #666;padding:5px 25px 5px 15px; font-size:12px; color:#666;
appearance:none;   
 -moz-appearance:none;   
  -webkit-appearance:none;   
  background:url(../images/arrow_footRight.png) no-repeat scroll right center transparent;   
}
footer .right select option{ padding:2px;}


/*ban*/

.pgwMenu{background:#333;height:40px;position:relative;list-style:none}
.pgwMenu.light{background:#ddd}
.pgwMenu ul{list-style:none;white-space:nowrap;margin:0;padding:0}
.pgwMenu .pm-links.mobile,.pgwMenu .pm-viewMore>ul{background:#333;box-shadow:2px 2px 4px #777;position:absolute;left:0;top:100%;z-index:1000}
.pgwMenu.light .pm-links.mobile{background:#ddd}
.pgwMenu .pm-links.mobile li,.pgwMenu .pm-viewMore>ul>li{display:block;clear:both;width:175px}
.pgwMenu li{float:left;font-size:.9rem}
.pgwMenu a{display:block;color:#fff;line-height:40px;padding:0 12px;text-decoration:none}
.pgwMenu.light a{color:#000}
.pgwMenu a.selected{background:#777}
.pgwMenu.light a.selected{background:#c5c5c5}
.pgwMenu li a:hover{background:#666;text-decoration:none}
.pgwMenu.light li a:hover{background:#d0d0d0}
.pgwMenu .pm-dropDown,.pgwMenu .pm-viewMore,.pgwMenu .pm-viewMore>ul{display:none}
.pgwMenu .pm-dropDown a{display:inline-block;background:#777}
.pgwMenu .pm-dropDown a.active,.pgwMenu .pm-viewMore a.active{background:#666}
.pgwMenu.light .pm-dropDown a{background:#c5c5c5}
.pgwMenu.light .pm-dropDown a.active{background:#bbb}
.pgwMenu .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.white{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat;display:block;height:22px;width:22px;margin:9px 5px}
.pgwMenu.light .pm-dropDown span.icon,.pgwMenu .pm-dropDown span.black{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat;display:block;height:22px;width:22px;margin:9px 5px}
.pgwMenu .pm-viewMore{display:none;position:relative}
.pgwMenu .pm-viewMore>a{display:inline-block}
.pgwMenu .pm-viewMore>ul{left:auto;right:0}
.pgwMenu .pm-viewMore li{float:none}
.pgwMenu .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.white{border-color:#fff transparent;border-style:solid;border-width:8px 6px 0;margin-left:3px;display:inline-block}
.pgwMenu.light .pm-viewMore span.icon,.pgwMenu .pm-viewMore span.black{border-color:#000 transparent;border-style:solid;border-width:8px 6px 0;margin-left:3px;display:inline-block}

.cntr{margin:0 auto}
.cntr:before,.cntr:after{content:' ';display:table}
.cntr:after{clear:both}
.cntr{max-width:1000px}
.clr{clear:both}
.flf{float:left}
.fri{float:right}
.bdr{border:1px solid #ddd}
.bld{font-weight:bold}
.itl{font-style:italic}
.nbld{font-weight:normal}
.prl{position:relative}
.dbl{display:block}
.dib{display:inline-block}
.dta{display:table}
.hide{display:none}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.mb5{margin-bottom:5px}
.ml5{margin-left:5px}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.ml10{margin-left:10px}
.mt15{margin-top:15px}
.mr15{margin-right:15px}
.mb15{margin-bottom:15px}

.ml15{margin-left:15px}
.mt20{margin-top:20px}
.mr20{margin-right:20px}
.mb20{margin-bottom:20px}
.ml20{margin-left:20px}
.mb30{margin-bottom:30px}
.tac{text-align:center}
.tar{text-align:right}
.fs08{font-size:.85rem}
.fs09{font-size:.9rem}
.fs1{font-size:1rem}
.fs15{font-size:1.5rem}
.fcc4{color:#c40000}
.btg{border:solid 1px #ccc;border-radius:3px;line-height:24px;padding:0 7px;color:#555;background:#eaeaea;background:-moz-linear-gradient(top,#fff 0,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#eee));background:-webkit-linear-gradient(top,#fff 0,#eee 100%);background:-o-linear-gradient(top,#fff 0,#eee 100%);background:-ms-linear-gradient(top,#fff 0,#eee 100%);background:linear-gradient(to bottom,#fff 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0)}
.btg:hover{color:#333;box-shadow:0 1px 2px #ccc;background:#ddd;background:-moz-linear-gradient(top,#fff 0,#ddd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#fff 0,#ddd 100%);background:-o-linear-gradient(top,#fff 0,#ddd 100%);background:-ms-linear-gradient(top,#fff 0,#ddd 100%);background:linear-gradient(to bottom,#fff 0,#ddd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0)}
.btr{border:solid 1px #c40022;border-radius:3px;line-height:24px;padding:0 7px;color:#fff;background:#ddd;background:-moz-linear-gradient(top,#f40022 0,#c40022 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f40022),color-stop(100%,#c40022));background:-webkit-linear-gradient(top,#f40022 0,#c40022 100%);background:-o-linear-gradient(top,#f40022 0,#c40022 100%);background:-ms-linear-gradient(top,#f40022 0,#c40022 100%);background:linear-gradient(to bottom,#f40022 0,#c40022 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40022',endColorstr='#c40022',GradientType=0)}
a.btg,a.btr{display:inline-block;padding:0 8px 1px;text-decoration:none}

nav{background:#333;border-bottom:5px solid #c40000}
nav a{text-decoration:none !important}
nav .pgwMenu a.selected,nav .pgwMenu .pm-dropDown a{background:#c40000}

#mbmn a{color:#fff;display:block;line-height:40px;padding:0 10px;text-decoration:none}
#mbmn a.act{background:#222}
.hmbk{width:50%;float:left;border-top:1px solid #ddd}
.hmdc{padding:20px 10px 10px}
@media(max-width:480px){#mnct{display:none}
.fs15{font-size:1.3rem}
.hmbk{width:100%}}.mob ul{background:#222;position:absolute;top:40px;left:10px;box-shadow:0 4px 6px #777;z-index:1000}
.mob li{float:none;width:150px;margin-right:0}
.hmim{width:150px;height:100px}
.hmli{min-width:200px}
.hmpg{border-top:1px solid #ddd;padding-top:20px}
.pglk{border-bottom:1px solid #d5d5d5;padding-bottom:10px}
code{background:#f5f5f5;border:1px solid #ddd;display:block;padding:6px 10px}
.adtp{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}
.admd{border:1px solid #ddd;border-left:0;border-right:0;padding:10px 0;margin-top:30px}
.adbt{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0}
.bdtp{border-top:1px solid #ddd;padding-top:15px}
#dlbl .lf{width:75%}
#dlbl .rg{width:25%}/*
table{display:block;border-spacing:3px;width:100%;overflow:hidden;margin-left:-3px}
table thead{font-weight:bold;font-style:italic}
table thead th{background:#c40000;padding:3px 5px;color:#fff}
table tbody td{background:#f5f5f5;padding:5px}*/
@media(max-width:480px){table{font-size:.7rem}}select{padding:3px}
@media(max-width:767px){#dlbl .lf,#dlbl .rg{float:none;width:100%}
#dlbl .rg img{display:inline-block;float:none}}
pre .comment{color:#998}
pre .support{color:#0086b3}
pre .tag,pre .tag-name{color:navy}
pre .keyword,pre .css-property,pre .vendor-prefix,pre .sass,pre .class,pre .id,pre .css-value,pre .entity.function,pre .storage.function{font-weight:bold}
pre .css-property,pre .css-value,pre .vendor-prefix,pre .support.namespace{color:#333}
pre .constant.numeric,pre .keyword.unit,pre .hex-color{font-weight:normal;color:#099}
pre .entity.class{color:#458}
pre .entity.id,pre .entity.function{color:#900}
pre .attribute,pre .variable{color:teal}
pre .string,pre .support.value{font-weight:normal;color:#d14}
pre .regexp{color:#009926}
.pgwSlideshow{width:100%;background:#333;display:none}
.pgwSlideshow a{color:#fff}
.pgwSlideshow .ps-current{text-align:center;position:relative;min-height:400px;overflow:hidden}
.pgwSlideshow .ps-current>ul>li{text-align:center;width:100%;z-index:1;opacity:0;display:block}
.pgwSlideshow .ps-current>ul>li img{display:block;max-width:100%;margin:auto}
.pgwSlideshow .ps-caption{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";text-align:left;font-size:1rem;color:#fff;position:absolute;left:0;bottom:0;width:100%;padding:10px;display:none}
.pgwSlideshow .ps-caption span{padding:7px;display:inline-block}
.pgwSlideshow .ps-list{border-top:1px solid #555;box-shadow:0 10px 10px -5px #333 inset;background:#555;overflow:hidden;position:relative}
.pgwSlideshow .ps-list ul{position:relative;list-style:none;margin:0;padding:0;left:0}
.pgwSlideshow .ps-list li{float:left}
.pgwSlideshow .ps-list li .ps-item{display:block;margin:15px 8px;opacity:.6;filter:alpha(opacity=60)}
.pgwSlideshow .ps-list li img{display:block;border:1px solid #777;width:80px;height:80px}
.pgwSlideshow .ps-list li .ps-item.ps-selected{float:left;opacity:1;border:4px solid #fff;overflow:hidden}
.pgwSlideshow .ps-list li .ps-item.ps-selected img{margin:-4px}
.pgwSlideshow .ps-prevIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block}
.pgwSlideshow .ps-nextIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block}
.pgwSlideshow .ps-current .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;padding:20px 20px 20px 15px;left:0;top:45%;cursor:pointer}
.pgwSlideshow .ps-current .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;padding:20px 15px 20px 20px;right:0;top:45%;cursor:pointer}
.pgwSlideshow .ps-list .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;padding:20px 15px 20px 12px;cursor:pointer;position:absolute;left:0;top:25px;z-index:1000;display:none}
.pgwSlideshow .ps-list .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;padding:20px 12px 20px 15px;cursor:pointer;position:absolute;right:0;top:25px;z-index:1000;display:none}
.pgwSlideshow.narrow .ps-list li img{width:60px;height:60px}
.pgwSlideshow.narrow .ps-current .ps-prev{padding:15px 15px 15px 12px;top:40%}
.pgwSlideshow.narrow .ps-current .ps-next{padding:15px 12px 15px 15px;top:40%}
.pgwSlideshow.narrow .ps-list .ps-prev{padding:15px 12px 15px 10px;top:20px}
.pgwSlideshow.narrow .ps-list .ps-next{padding:15px 10px 15px 12px;top:20px}
.pgwSlideshow.narrow .ps-caption{font-size:.8rem;padding:8px}
.pgwSlideshowLight{width:100%;background:#ddd;display:none}
.pgwSlideshowLight a{color:#fff}
.pgwSlideshowLight .ps-current{text-align:center;position:relative;min-height:150px;overflow:hidden}
.pgwSlideshowLight .ps-current>ul>li{text-align:center;width:100%;z-index:1;opacity:0;display:block}
.pgwSlideshowLight .ps-current>ul>li img{display:block;max-width:100%;margin:auto}
.pgwSlideshowLight .ps-caption{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";text-align:left;font-size:1rem;color:#fff;position:absolute;left:0;bottom:0;width:100%;padding:10px;display:none}
.pgwSlideshowLight .ps-caption span{padding:7px;display:inline-block}
.pgwSlideshowLight .ps-list{border-top:1px solid #aaa;box-shadow:0 10px 10px -5px #999 inset;background:#ddd;overflow:hidden;position:relative}
.pgwSlideshowLight .ps-list ul{position:relative;list-style:none;margin:0;padding:0;left:0}
.pgwSlideshowLight .ps-list li{float:left}
.pgwSlideshowLight .ps-list li .ps-item{display:block;margin:15px 8px;opacity:.6;filter:alpha(opacity=60)}
.pgwSlideshowLight .ps-list li img{display:block;border:1px solid #aaa;width:80px;height:80px}
.pgwSlideshowLight .ps-list li .ps-item.ps-selected{float:left;opacity:1;border:4px solid #fff;overflow:hidden}
.pgwSlideshowLight .ps-list li .ps-item.ps-selected img{margin:-4px}
.pgwSlideshowLight .ps-prevIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 10px 10px 0;display:block}
.pgwSlideshowLight .ps-nextIcon{border-color:transparent #fff transparent;border-style:solid;border-width:10px 0 10px 10px;display:block}
.pgwSlideshowLight .ps-current .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;position:absolute;padding:20px 20px 20px 15px;left:0;top:45%;cursor:pointer}
.pgwSlideshowLight .ps-current .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;position:absolute;padding:20px 15px 20px 20px;right:0;top:45%;cursor:pointer}
.pgwSlideshowLight .ps-list .ps-prev{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-left:0;border-radius:0 4px 4px 0;padding:20px 15px 20px 12px;cursor:pointer;position:absolute;left:0;top:25px;z-index:1000;display:none}
.pgwSlideshowLight .ps-list .ps-next{background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000',endColorstr='#bb000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')";border:1px solid #777;border-right:0;border-radius:4px 0 0 4px;padding:20px 12px 20px 15px;cursor:pointer;position:absolute;right:0;top:25px;z-index:1000;display:none}
.pgwSlideshowLight.narrow .ps-list li img{width:60px;height:60px}
.pgwSlideshowLight.narrow .ps-current .ps-prev{padding:15px 15px 15px 12px;top:40%}
.pgwSlideshowLight.narrow .ps-current .ps-next{padding:15px 12px 15px 15px;top:40%}
.pgwSlideshowLight.narrow .ps-list .ps-prev{padding:15px 12px 15px 10px;top:20px}
.pgwSlideshowLight.narrow .ps-list .ps-next{padding:15px 10px 15px 12px;top:20px}
.pgwSlideshowLight.narrow .ps-caption{font-size:.8rem;padding:8px}
.pgwSlideshow .ps-list .ps-next span{color:#fff;font-size:30px;}
.pgwSlideshow .ps-list .ps-prev span{color:#fff;font-size:30px;}
.pgwSlideshow .ps-current .ps-prev span{color:#fff;font-size:30px;}
.pgwSlideshow .ps-current .ps-next span{color:#fff;font-size:30px;}
.pgwSlideshow .ps-current .ps-next{color:#fff}
body .pgwSlideshow .ps-list{background:none;box-shadow:none;border-top: 1px solid #ddd;}
body .pgwSlideshow{background:none;}
body .pgwSlideshow .ps-list .ps-next{opacity:0;top:12px; }
body .pgwSlideshow .ps-list .ps-prev{opacity:0;top:12px;}
body .mt20{margin-top:0px;}
body .m10{margin:0px;border:solid 0px #ddd}
body .pgwSlideshow .ps-current .ps-next{ display:none;top:-40%;}
body .pgwSlideshow .ps-current .ps-prev{display:none;top:-40%;}
body .pgwSlideshow .ps-list li .ps-item.ps-selected{border: 4px solid #999}








._center {
	text-align:center
}
._clear {
	clear:both
}
._fl {
	float:left
}
._fr {
	float:right
}
._group:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}


.page-section {
	position:relative;
	z-index:5;

	background:rgba(255,255,255,.95);
	box-shadow:5px 5px 3px rgba(0,0,0,.15)
}
.page-section h1 {
	font-size:28px;
	color:#333;
	font-weight:700;
	margin-bottom:1em
}
.page-section p {
	margin-bottom:2em;
	line-height:1.6em;
	color:#555;
	font-size:16px
}
.wrapper {
	position:relative
}
.nav-menu-top {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:20;
	overflow:hidden;
	background:#f7f7f7;
	box-shadow:0 4px 0 rgba(0,0,0,.1)
}
.nav-menu-top h1 {
	float:left;
	font-size:24px;
	padding:12px 20px 0 0;
	font-weight:700;
	line-height:30px
}
.nav-menu-top nav {
	float:left;
	display:block;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	line-height:30px
}
.nav-menu-top nav a {
	font-size:15px;
	display:inline-block;
	padding:12px;
	position:relative;
	color:#2855b2;
	border-bottom:4px solid transparent;
	font-weight:700
}
.nav-menu-top nav a.active {
	color:#cd3e3e
}
.page-bulls {
	position:fixed;
	top:50%;
	right:0;
	z-index:20;
	margin-top:-55px
}
.page-bulls nav {
	text-align:right;
	margin-right:30px;
	background:none;
	border:none;
}
.page-bulls nav a {
	display:block;
	text-decoration:none;
	position:relative;
	width:20px;
	opacity:.6;
	height:28px;
	text-align:center
}
.page-bulls nav a span {
	
	font-size:14px;
	font-weight:100;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	opacity:0;
	white-space:nowrap;
	padding:8px 8px 8px 16px;
	border-radius:3px 0 0 3px;
	background:rgba(0,0,0,.76);
	color:#fff;
	margin-top:-14px;
	line-height:1em;
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms
}
.page-bulls nav a span:before {
	content:'';
	display:block;
	position:absolute;
	right:-30px;
	top:50%;
	margin-top:-15px;
	border:15px solid transparent;
	border-left-color:rgba(0,0,0,.76)
}
.page-bulls nav a:after {
	position:absolute;
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#fff;
	margin-left:-5px;
	margin-top:-5px;
	top:50%;
	left:50%
}
.page-bulls nav a:hover {
	opacity:1
}
.page-bulls nav a:hover span {
	right:36px;
	opacity:1
}
.page-bulls nav a.active {
	color:#333;
	opacity:1
}
.page-bulls nav a.active:after {
	background:#4ad300;
	box-shadow:0 0 0 5px rgba(74, 211, 0, 0.25);
	border:1px solid transparent
}
.social-logo {
	left:0;
	top:150px;
	position:fixed;
	font-size:600px;
	color:#000;
	opacity:.2;
	z-index:0
}
.social-logo .fa {
	position:absolute;
	left:-660px;
	top:0;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-ms-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms
}
.social-logo .fa.fa-twitter {
	font-size:700px
}
body.google .fa-google-plus {
	left:-120px
}
body.facebook .fa-facebook {
	left:30px
}
body.twitter .fa-twitter {
	left:-230px
}
body.dribbble .fa-dribbble {
	left:-200px
}
/*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
	@font-face {
	font-family:FontAwesome;
	src:url(../fonts/fontawesome-webfont.eot?v=4.2.0);
	src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
	font-weight:400;
	font-style:normal
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.fa-lg {
	font-size:1.33333333em;
	line-height:.75em;
	vertical-align:-15%
}
.fa-2x {
	font-size:2em
}
.fa-3x {
	font-size:3em
}
.fa-4x {
	font-size:4em
}
.fa-5x {
	font-size:5em
}
.fa-fw {
	width:1.28571429em;
	text-align:center
}
.fa-ul {
	padding-left:0;
	margin-left:2.14285714em;
	list-style-type:none
}
.fa-ul>li {
	position:relative
}
.fa-li {
	position:absolute;
	left:-2.14285714em;
	width:2.14285714em;
	top:.14285714em;
	text-align:center
}
.fa-li.fa-lg {
	left:-1.85714286em
}
.fa-border {
	padding:.2em .25em .15em;
	border:.08em solid #eee;
	border-radius:.1em
}
.pull-right {
	float:right
}
.pull-left {
	float:left
}
.fa.pull-left {
	margin-right:.3em
}
.fa.pull-right {
	margin-left:.3em
}
.fa-spin {
	-webkit-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear
}
@-webkit-keyframes fa-spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}@keyframes fa-spin {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(359deg);
	transform:rotate(359deg)
}
}.fa-rotate-90 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.fa-rotate-180 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.fa-rotate-270 {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}
.fa-flip-horizontal {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform:scale(-1,1);
	-ms-transform:scale(-1,1);
	transform:scale(-1,1)
}
.fa-flip-vertical {
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform:scale(1,-1);
	-ms-transform:scale(1,-1);
	transform:scale(1,-1)
}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
	filter:none
}

/*分页样式*/
.pagination{font:12px;overflow:hidden;width:723px;padding:10px 0 10px;text-align:center;margin: auto;}
.pagination a{font-size:12px;line-height:22px;display:inline-block;height:22px;padding:0 8px;text-align:center;color:#333;border:1px solid #e3e3e3;background:#fff;}
.pagination a.a1{line-height:22px;height:22px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:22px;display:inline-block;height:22px;padding:0 8px;text-align:center;color:#fff;border:1px solid #df4c18;background:#df4c18;}

/* 相关产品样式 */
.relatedPro{margin-bottom:30px;height:410px;}
.relatedPro .tie{height:70px;line-height:70px;background:#f4f4f4;color:#04419e;font-size:30px;font-weight:normal;}
.relatedPro ul{ float:left;width:100%;padding:0 10px;}
.relatedPro li{float:left;width:275px;margin:20px 10px 20px 10px;background:#fff;}
.relatedPro li .pImg{width:280px;height:375px;overflow:hidden;display:block;}
.relatedPro li img{width:275px;height:375px ;transition:all 0.5s;}
.relatedPro li p{text-align:center;padding:5px 0;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:14px;}
.relatedPro li:hover p{color:#d32d26}
/* 采购表单样式 */
.orderBox{padding:25px;background:#fff;overflow:hidden;margin:0 auto; border-top:50px #F4F4F4 solid}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width:520px;height:215px;float:left;height:35px;margin-bottom:10px;}
.orderBox .table li span{float:left;color:#666; font-size:14px;border:1px solid #ddd;line-height:33px;height:33px;width:98px;display:inline-block;text-align:center;background:#f5f5f5;}
.orderBox .table li .iptTxt{float:left;width:400px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#f5f5f5;color:#666;padding-left:10px;}
.orderBox .table li .iptCode{float:left;width:199px;border:1px solid #ddd;border-left-width:0;height:33px;line-height:33px;background:#f5f5f5;color:#666;padding-left:10px;}
.orderBox .table li .checkcode{float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{width:410px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#d32d26;color:#fff;}
.orderBox .table li.areLi{width:570px;float:right;height:175px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:528px;height:140px;border:1px solid #ddd;outline:none;resize:none;padding:15px;color:#666;line-height:18px;background:#f1f1f1;}

/* 人才招聘  */
.grWidth{    margin: 0px auto;width: 1201px;}

.gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;}
.gr-jobs-list dd span{display:block;float:left;width:195px;}
.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#fff;}
.gr-jobs-list dt strong{font-size:14px;}
a.gr-apply{display:block;width:140px;height:40px;margin:30px auto 0;background:#999;color:#fff;line-height:40px;text-align:center;border-radius:2px;}
a.gr-apply:hover,.jobs-submit:hover{background:#666;color:#fff;}

.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{margin:10px 20px 20px;background:#fff;}
.jobsShow .mr{padding-right:20px;}
.jobsShow .jobsInput{width:280px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #0067c7;}
.jobsShow .jobsTextarea{width:770px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#0067c7;color:#fff;}




.gr-jobs-list span{margin:0 20px 0px 0}

/*客服窗口样式*/
/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/qq/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/qq/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/qq/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:154px;padding:0 12px;background:url(../images/qq/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:130px;height:130px;padding:7px;background:url(../images/qq/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;float: left;}




.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}
.product-show-pic{float:right;width:450px;height:540px;}
.spec-preview{width:400px;height:540px;border:1px solid #ccc;}
.spec-preview  img{width: 400px;height:540px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{ width:200%; height:200%}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
 
   
.spec-scroll{ float:left;width:110px;height:540px;overflow:hidden; margin-top:3px;margin-left: 25px;}
 .spec-scroll a.prev{display:block;width:62px;height:20px;background:url(../images/propn.png) no-repeat right top; overflow:hidden;cursor:pointer;
    margin:0 auto 15px;}
.spec-scroll a.prev:hover{background:url(../images/propn.png) no-repeat left top;}
.spec-scroll a.next{display:block;width:62px;height:20px;background:url(../images/propn.png) no-repeat right bottom; overflow:hidden;cursor:pointer;
    margin:10px auto 0;}
.spec-scroll a.next:hover{background:url(../images/propn.png) no-repeat left bottom;}
.spec-scroll .items{width:110px;height:470px;overflow:hidden; position: relative;padding-top: 5px;}
.spec-scroll .items ul{position: absolute; width:110px;height:305px;}
.spec-scroll .items ul li{width:110px;height:160px; text-align: center;}
.spec-scroll .items ul li img{width:108px;height:140px;cursor:pointer;border:1px solid #ececec;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #d32d26;}


/*---网站地图---*/
.yzh-map-main { overflow: hidden; margin: 10px 0; padding-bottom:35px; background: #fff;font-family:"宋体"; }
.yzh-map-main .sitemap_con { width:845px; margin: 0 auto; color:#666; }
.yzh-map-main .sitemap_con .map_top { border-bottom: 2px solid #555; margin-bottom:35px;}
.yzh-map-main .sitemap_con .map_top img { float: left; }
.yzh-map-main .site_r_link { width: 130px;margin-top:35px;/*上边界根据需要进行调整*/ padding: 5px 10px; background: #f8f8f8;text-align:center;background:#555;color:#fff;}
.yzh-map-main .site_r_link a{color:#fff;}
.yzh-map-main .site_r_link a:hover{text-decoration:underline;}


/*站点地图，显示方式样式，上边界根据需要进行调整*/
.yzh-map-main .site_plc { padding: 5px 0; text-indent: 10px; background: url(../images/ico-plus.gif) no-repeat 0 8px; }
.yzh-map-main .sitemap_con h4 { line-height:35px;border-bottom:1px dotted #ccc;font-size:15px;margin-bottom:5px;font-family:"微软雅黑";}
.yzh-map-main .b4 {margin-bottom:20px;}
.yzh-map-main .b4 ul {}
.yzh-map-main .b4 li {line-height:30px; width:155px;float:left;background:url(../images/icona.jpg) no-repeat left center;padding-left:14px;}

.link{color: #666;width: 580px;font-size: 12px;}
.link a{color: #666;font-size: 12px;}
.link a:hover{ color: #68B92E}

.checkcode { margin-top: 1.9rem; float: right; margin-right:14rem;}
.checkcode2{margin-top: 0.4rem; margin-left:0.2rem;}

.pager {
    text-align: center;    
}
/*拍拍网风格asppage分页*/
.paginator { font: 11px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin: 0px;}
.paginator a {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #F50;border-color:#F50;text-decoration: none;}

.list01 {
     background-image: url(../images/list.jpg);
      background-repeat:no-repeat;
     height: 46px;
     line-height: 23px;
     color: #3186c6;
     font-weight:500;
     font-size: 1.2em;
     padding-left: 0.3em;
     margin-left: auto;
     margin-right: auto;
     margin-bottom:0px;
     width: 850px;
     
}
.img_list
{
     vertical-align:top;
     margin-left: auto;
     margin-right: auto;
     width: 850px;
}
.img_list img{
    margin-top: 0px;
}

.biography {
    width: 850px;
    min-height: 66px;
    _height: 66px;
    margin-top: 3px;
    background: #e8ebed;
    border-radius: 4px;
    border-bottom: 1px solid #d4d8db;
    box-shadow: 0 1px 0 #e9eced;
    margin-bottom: 40px;
}
.team_list 
{
     display:block;
    padding: 0 18px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}