﻿@charset "utf-8";
/*初始样式*/
body{ color:#333; font:14px "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.header , .content , .footer { width:1200px; margin:0 auto;  }

.banner{height:630px; overflow:hidden;}
.ban_bg{height:630px;width:100%; position:relative; }
.ban_bg .bgitem{ position:absolute; top:0;}
.ban_bg .btn{  bottom: 5px;margin-right: -450px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7;}
.ban_bg .btn span {background: none repeat scroll 0 0 #2B130F;border: 1px solid #2B130F;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left: 5px;padding: 2px 5px;}
.ban_bg .btn span.cur {font-weight: bold;padding: 4px 8px;}




.h_top{background: url(../images/h_bg.gif) repeat-x center 0; height:251px;font-family:"Microsoft Yahei";overflow:hidden;}
.header{width:1200px; margin:0 auto;}
.h_zc{ color: #959595;height:40px;line-height:40px;font-size: 14px;}
.h_zc a{color: #959595;padding: 0 12px; display: inline-block;}
.h_zc a img{margin-right: 5px; float: left;}

.h_con{margin-top: 37px; height:116px;overflow: hidden;}
.t_text{float: left; height: 77px; color: #3e3e3f; font-size:28px; font-weight: bold; padding-left: 82px; padding-top:10px;}
.t_text i{color:#f58220;line-height:50px;}
.t_text b{display:block;font-size:18px;font-weight:normal;}
.h_logo{margin:2px 26px 0 4px; }
.h_logo img{ height: 73px;}
.h_pho{margin-top: 10px;  padding-left: 60px; font-size: 16px; color: #666; line-height: 30px; height:60px;  background:url(../images/tel.gif) no-repeat 0px 14px;}
.h_pho b{color: #f58220; font-size: 28px; font-weight: bold;}
.menu{height:58px;font-size:16px;overflow: hidden;}
.menu li{float: left;margin-left: -1px;text-align: center; background: url(../images/h_nav.gif) no-repeat right center;}
.menu li a{color:#bcbcbc;line-height:58px;display:inline-block;height: 58px; padding: 0 30px;}
.menu li.cur a,.menu li a:hover{color: #fff; font-weight: bold; text-decoration: none; background: #f58220;}
.menu li.nones{background:none;}


.seabox{overflow: hidden;height:80px;overflow:hidden;font-family: "Microsoft Yahei"; background:#efefef;}
.content{width:1200px;margin:0 auto;}
.sea_in{margin-top: 21px;}
.sea_in .serach{width:268px;height:40px;border:0;line-height:40px;color:#222222;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(../images/ser1.gif) no-repeat left top;border:none; }
.sea_in .sub{ width:34px; height:40px;background:url(../images/ser2.gif) no-repeat left top;border:none; float:left;}
.k_word{overflow:hidden;width:800px;color:#252525; height: 80px; line-height: 80px; font-size: 16px;}
.k_word a{color:#252525; display: inline-block; padding: 0 10px;}



/*mo_shi*/
.mo_shi{height:750px;padding-top: 70px;background: #fff;}
.mo_shi .tit{color: #202020;text-align: center;font-family: "Microsoft Yahei";}

.mo_shi .tit span,.tit em{display: block;}
.mo_shi .tit span{height: 46px;line-height: 46px;font-size: 36px;font-weight: bold;}
.mo_shi .tit em{height: 32px;line-height: 32px;font-size: 20px;padding-top: 5px;font-weight:normal;}
.mo_shi .tit strong{font-family: "SimSun";font-size: 32px;}
.ms_ul{padding-top: 50px;}
.ms_ul li{float: left;width: 270px;height: 270px;margin-left: 40px;position: relative;margin-bottom:15px;}
.ms_ul li.ml0{margin-left: 0;}
.ms_ul li img{width: 270px;height: 270px;}
.ms_ul li p{position: absolute;width: 100%;height: 50px;text-align: center;left: 0;bottom: 0;}
.ms_ul li p span{display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background:#ff7e00;opacity: 0.9;}
.ms_ul li p em{padding: 5px 25px 0;display: none;line-height: 26px;font-size: 14px;color: #fff;}
.ms_ul li:hover p{padding-top: 60px;height: 210px;background: url("../images/mosb.png") repeat center;opacity: 1;}
.ms_ul li:hover p em{display: block;}



/*ye_wu*/
.ye_wu{padding: 70px 0 0;background: url("../images/ywbg.jpg") no-repeat center;}
.ye_wu .tit{text-align: center;font-family: "Microsoft Yahei";color: #fff;}
.ye_wu .tit span,.tit em{display: block;}
.ye_wu .tit span{height: 46px;line-height: 46px;font-size: 36px;font-weight: bold;}
.ye_wu .tit em{height: 32px;line-height: 32px;font-size: 20px;padding-top: 5px;font-weight:normal;}
.ye_wu .tit strong{font-family: "SimSun";font-size: 32px;}


.yw_tabs{padding-top: 40px;}
.yw_tabs li{float: left;margin-left: -1px;margin-right: 1px;}
.yw_tabs li a{display: block;width: 85px;height: 44px;line-height: 22px;font-size: 16px;color: #fff;text-align: center;padding: 18px 62px;position: relative;}
.yw_tabs li:last-child a{background: none;}
.yw_tabs li.cur a{background: #f58220;}
.yw_tabs li.cur a::after{content: "";position: absolute;border-color: #f58220 transparent transparent;border-style: solid;border-width: 8px 12px 0;left: 88px;bottom: -8px;z-index: 10;}
.yw_box{padding-top: 35px;}
.yw_dx{padding: 0 64px 0 30px;}
.yw_lf{float: left;width: 450px;padding-top: 38px;}
.yw_hza{height: 255px;background: url("../images/ywb1.png") no-repeat center;padding: 0 30px;}
.yw_hza h4{padding: 35px 0 15px;}
.yw_hza h4 a{display: inline-block;font: bold 16px/24px "Microsoft Yahei";color: #fff;}
.yw_hza p span{display: block;height: 26px;line-height: 26px;font-size: 14px;color: #a0a0a0;}
.yw_hza p{color: #a0a0a0;height: 26px;line-height: 26px;font-size: 14px;color: #a0a0a0;}
.yw_hzb{width: 222px;height: 143px;padding-top: 45px;margin: 0 auto;border-left: 4px solid #626264;border-right: 4px solid #626264;background-color: #101012;}
.yw_hzb a{display: block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;margin: 0 auto;background-color: #262626;}
.yw_rt{float: right;width: 562px;}
.yw_hzc{height: 298px;padding: 9px 16px 12px;background: url("../images/ywb2.jpg") no-repeat center;}
.yw_hzc ul li,.yw_hzc ul li img{width: 530px;height: 298px;}
.yw_hzc ul li{position: relative;}
.yw_hzc ul li p{position: absolute;width: 100%;left: 0;bottom: 20px;z-index: 2;}
.yw_hzc ul li p em,.yw_hzc ul li p span{display: block;text-align: center;}
.yw_hzc ul li p em{height: 24px;font: bold 16px/24px "Microsoft Yahei";color: #fff;}
.yw_hzc ul li p span{height: 24px;line-height: 24px;font-size: 14px;color: #fff;padding-top: 5px;}
.yw_hzd{width: 278px;height: 162px;margin: 0 auto;border-left: 4px solid #d2d2d2;border-right: 4px solid #d2d2d2;background-color: #101012;position: relative;}
.yw_hzd .yw_prev,.yw_hzd .yw_next{position: absolute;width: 50px;height: 50px;top: 40px;cursor: pointer;}
.yw_hzd .yw_prev{background: url("../images/ywbt1.png") no-repeat center;left: 86px;}
.yw_hzd .yw_next{background: url("../images/ywbt2.png") no-repeat center;right: 86px;}


/*关于普杰*/
.abouts{height:818px;background:url(../images/about_bg.jpg) no-repeat bottom center #f6f6f6;padding-top:50px;}
.abouts h2{text-align: center;}
.abouts h2 a{font-size:18px;color: #333;font-weight: normal;line-height: 45px;display: block;}
.abouts h2 a em{display: block;font-size: 36px;color: #333;font-weight: bold;text-transform: uppercase;}
.abouts h2 a:hover{text-decoration: none;}

.ab{padding-top: 38px;padding-left: 40px;background: #fff;height: 292px;margin-top: 40px;}
.ab dl{height: 330px;margin-right: 35px;}
.ab dt{width: 500px;height: 250px;float: left;}
.ab dt a{width: 500px;height: 250px;display: block;overflow: hidden;}
.ab dt img{width: 500px;height: 250px;transition:all 0.6s ease 0s;}
.ab dt a:hover img{transform: scale(1.05);}

.ab dd{width: 590px;float: right;}
.ab dd h3{}
.ab dd h3 a{font-size: 30px;color: #333;font-weight: bold;line-height: 45px;}
.ab dd h3 a:hover{text-decoration: none;}
.ab dd h3 em{display: block;font-family: Microsoft Yahei;font-size: 22px;color: #aaa;font-weight: normal;text-transform: uppercase;}
.ab dd p{line-height: 26px;font-size:14px;color: #888;font-weight: normal;}
.ab dd span a{width: 160px;height: 33px;line-height: 33px;font-size: 14px;color: #cd413a;margin-top: 38px;
  border:1px solid #cd413a;border-radius: 15px;display: block;
  font-weight: bold;text-align:center;}

.h_cons{position: relative;height: 375px;margin-top: 41px;}
.h_cons .h-z a,.h_cons .h-y a{width: 40px;height: 137px;display: block;z-index:999;}
.h_cons .h-z{position: absolute;left:-40px;top: 52px;}
.h_cons .h-y{position: absolute;right:-40px;top: 52px;}

.h_cons .h_con2{padding-left: 37px;}

.h_cons ul{height: 321px;padding-left: 82px;}
.h_cons ul li{width: 166px;height: 321px;float: left;margin-right:26px;position: relative;}
.h_cons ul li.nobot{margin-right:0;}
.h_cons ul li a{width: 166px;height: 220px;display: block;} 
.h_cons ul li img{width: 160px;height: 214px;border:3px solid #d2d2d2;} 
.h_cons ul li a:hover img{width: 160px;height: 214px;border:3px solid #cd413a;} 
.hz2{padding-top:27px;padding-left:26px;}
/*关于普杰*/



/*new*/

.new{padding: 65px 0 80px;background-color: #f2f2f2;}

.new .tit span{color: #262626;}
.new .tit{text-align: center;font-family: "Microsoft Yahei";color: #262626;padding-bottom: 35px;}
.new .tit span,.tit em{display: block;}
.new .tit span{height: 46px;line-height: 46px;font-size: 36px;}
.new .tit em{height: 32px;line-height: 32px;font-size: 20px;padding-top: 5px;font-weight:normal;}
.new .tit strong{font-family: "Microsoft Yahei";font-size: 32px;}
.new_tabs{width: 570px;height: 48px;margin: 0 auto;}
.new_tabs li{float: left;width: 180px;margin: 0 5px;}
.new_tabs li a{display: block;height: 32px;font: bold 18px/32px "Microsoft Yahei";color: #262626;text-align: center;padding-bottom: 14px;border-bottom: 2px solid #262626;}
.new_tabs li.cur a{color: #ba232e;border-bottom: 2px solid #ba232e;}
.new_dx{padding-top: 40px;}
.new_box dl{height: 274px;}
.new_box dt{float: left;width: 345px;height: 274px;position: relative;}
.new_box dt a{position: absolute;width: 394px;height: 222px;left: 0;top: 26px;z-index: 1;}
.new_box dt a img{width: 394px;height: 222px;}
.new_box dd{float: right;width: 760px;height: 222px;background-color: #fff;padding: 52px 0 0 90px;}
.new_page{float: left;width: 555px;}
/*.new_page h4{font-weight: normal;}*/
.new_page h4 a{display: inline-block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;}
.new_page p{line-height: 26px; height:78px; overflow:hidden; font-size: 14px;color: #585858;padding: 15px 0 32px;}
.new_page em{display: block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;background-color: #f58220;}
.new_time{float: right;padding: 0 30px;width: 92px;height: 168px;border-left: 2px dashed #dedede;}
.new_time span,.new_time em{display: block;font-family: "Microsoft Yahei";color: #ba232e;text-align: right;}
.new_time span{height: 40px;line-height: 40px;font-weight: bold;font-size: 30px;}
.new_time em{height: 20px;line-height: 20px;font-size: 16px;}
.new_ul{height: 165px;padding-top: 40px;}
.new_ul li{float: left;width: 560px;height: 165px;}
.new_ul li.mrt{margin-right: 80px;}
.new_ul li:nth-child(1){margin-right: 80px;}

.new_ul li h4{float: left;width: 76px;padding: 20px 15px;background-color: #262626;}
.new_ul li h4 span,.new_ul li h4 em{display: block;font-family: "Microsoft Yahei";color: #fff;text-align: right;}
.new_ul li h4 span{height: 38px;line-height: 38px;font-weight: bold;font-size: 26px;}
.new_ul li h4 em{height: 20px;line-height: 20px;font-size: 14px;}
.new_hza{float: right;width: 356px;height: 165px;padding: 0 63px 0 35px;background-color: #fff;position: relative;}
.new_hza h5{padding: 30px 0 15px;}
.new_hza h5 a{display: inline-block;height: 30px;line-height: 30px; overflow:hidden; font-size: 16px;color: #262626;}
.new_hza p{line-height: 24px; height:48px; overflow:hidden; font-size: 14px;color: #585858;}
.new_hza em{position: absolute;width: 47px;right: 0;bottom: 0;z-index: 1;}
.new_hza em a{display: block;height: 47px; }

/*new*/



/*合作客户*/
.part{height:640px;overflow: hidden;padding: 80px 0 0;}
.partil{text-align: center;background:#fff;height:167px;font-size: 36px;line-height:80px;}
.partil span{font-weight: normal;display:block;margin:0 auto;width:85px; height:30px;  line-height:30px;border:solid 1px #c6c6c6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;text-align:center;color:#666;white-space:nowrap;font-size:14px;}

.partil a{color: #333;}
/*.partil span{font-size: 18px;font-weight: normal;background:url(../images/icobg2.gif) no-repeat center 0;line-height: 44px;}*/
.part_c ul{width: 1220px;}
.part_c li,.part_c li img{width:233px;height:116px;float: left;overflow: hidden;}
.part_c li{margin:0 8px 8px 0;}
/*.part_c li:hover{border-color:#004da2;}*/
.part_c li.part_l1{margin-right: 612px;}




/*底部开始*/
.footWrap{ background:url(../images/f_bg.jpg) repeat-x center top; height:324px; overflow:hidden;padding-top: 62px;}
.f_nav{height:77px; overflow:hidden;border-bottom: 1px solid #2b8ecc;color: #fff;margin-bottom: 40px;text-align: center;}
.f_nav a{height:77px; line-height: 77px;font-size: 14px;color: #fff;text-align: center;padding:0 40px;}
.fa_con{overflow:hidden;height: 250px;border-bottom: 1px solid #3f3f3f;}

.fa_con .a_01{width: 308px;float: left; }
.fa_con .a_01 a.b0{margin-bottom: 33px;width:250px; height:80px;display: block; margin-left:30px;}
.fa_con .a_01 a.b0 img{width:250px; height:80px; }
.fa_con .a_01 .b1{font-size: 26px;color: #fff;  margin-bottom:16px;font-weight:bold;
  font-family: arial;text-indent:20px;margin-left: 12px;}
.fa_con .a_01 .b2{font-size: 12px;color: #fff;  margin-bottom:30px;
  font-family: arial;text-indent:20px;margin-left:12px;}
.fa_con .a_01 li{float: left;background:url(../images/Common/line.jpg) no-repeat right top;}
.fa_con .a_01 li a{font-size: 12px;color: #aaa;line-height: 83px;height: 60px;display: block;padding:0 10px;text-align: center;}
.fa_con .a_01 li.icon3 a{background:url(../images/Common/icon3.jpg) no-repeat top center;}
.fa_con .a_01 li.icon5 a{background:url(../images/Common/icon5.jpg) no-repeat top center;}
.fa_con .a_01 li.icon6 a{background:url(../images/Common/icon6.jpg) no-repeat top center;}
.fa_con .a_01 li.icon6{background:none;}

.fa_con .a_02{width: 122px;padding:0 40px 0 90px;float: left;color: #fff;line-height: 28px;margin-right:49px;border-right:1px solid #5e5e5e;height:192px;}
.fa_con .a_02 h2 a{color: #fff;font-size:20px;padding-bottom: 24px;display: block;}
.fa_con .a_02 ul{}
.fa_con .a_02 li{float: left;width: 122px;}
.fa_con .a_02 li a{color: #aaa;width: 122px;}

.fa_con .a_03{width: 82px;padding-right:60px;float: left;color: #fff;line-height: 28px;border-right:1px solid #5e5e5e;height:192px;margin-right:60px;}
.fa_con .a_03 h2 a{color: #fff;font-size:20px;padding-bottom: 24px;display: block;}
.fa_con .a_03 ul{}
.fa_con .a_03 li{float: left;width: 72px;}
.fa_con .a_03 li a{color: #aaa;width: 72px;}

.fa_con .a_04{width: 82px;height: 185px; padding-right:60px;float: left;color: #fff;line-height: 28px;}
.fa_con .a_04 h2 a{color: #fff;font-size:20px;padding-bottom: 24px;display: block;}
.fa_con .a_04 ul{}
.fa_con .a_04 li{float: left;width: 72px;}
.fa_con .a_04 li a{color: #aaa;width: 72px;}


.fa_con .a_05{width: 107px;float: right;padding-left: 55px;color: #aaa;margin-right: 55px;line-height:30px;}
.fa_con .a_05 a{width: 107px;margin-right:35px;float: left;text-align: center;}
.fa_con .a_05 a img{width: 107px;height: 107px; transition: all 0.3s; -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;}


.fa_con .a_05 a img:hover{ -webkit-transform:rotate(360deg) scale(1,1);
    -moz-transform:rotate(360deg) scale(1,1);
    -o-transform:rotate(360deg) scale(1,1);
    -ms-transform:rotate(360deg) scale(1,1);
    transform:rotate(360deg) scale(1,1);}


.fa_con .a_05 a span{width: 107px;color: #aaa;padding-top:5px;height: 10px;display: block;font-size:14px; }


.wenzi{height: 73px;line-height: 73px;color: #fff;overflow: hidden;font-size:12px; text-align:center;}
.wenzi em{padding: 0 4px;}
.wenzi a{color: #fff;}


/*底部结束*/

.link{height:80px;line-height:25px;background:url(../images/f_bg.jpg) repeat-x center top; overflow:hidden;}
.link em{float:left;font-size: 30px;color: #fff;margin-left: 45px;}
.link p{float: left;  margin-left: 62px;}
.link p a{margin-right: 10px;color: #fff; float:left;}


/*普杰新闻 */
.news{ width:887px; margin-left:3px; float:left; }
.news-tit{ width:887px; border-bottom:1px #76ceee solid; height:27px;}
.news-tit ul{ width:300px; float:left;}
.news-tit li{float:left;}
.news-tit li a{ border-left:2px #cdbda3 solid; height:18px; line-height:18px; padding:0 18px; font-size:18px; font-weight:normal; font-family:"微软雅黑"; font-weight:bold; color:#76ceee;}
.news-tit li a:hover, .news-tit li.cur a{border-left:4px #fc9b2a solid; padding:0 18px 0 16px;  }
.news-tit span, .faq h2 span{ float:right; height:26px; line-height:26px; padding-right:11px; font-size:12px; font-weight:normal;}
.news-tit span a, .faq h2 span a{ color:#cdcdcd}

.news-c{ width:887px; padding-top:27px;}
.news-c dl{ height:163px;}
.news-c dt{ width:244px; float:left; height:163px;}
.news-c dt img{ width:242px; height:161px; border:2px #1f1f1a solid;}
.news-c dd{ width:586px; float:left; padding-left:27px;}
.news-c dd h3, .news-c dd h3 a{ font-size:14px; font-weight:bold; color:#1fafe3; height:26px; line-height:22px;}
.news-c dd p{ line-height:24px; height:80px; overflow:hidden; color:#333; padding-top:20px;}
.news-c dd span a{ width:74px; height:22px; background:url(../images/customer-more.jpg) no-repeat; text-align:center; display:block; line-height:22px; margin-top:17px; color:#fff;}
.news-c ul{ padding-top:8px; clear:both}
.news-c li{ width:848px; background:url(../images/square.jpg) no-repeat 0px 15px;border-bottom:1px #c4c4c4 dotted; line-height:33px; padding:0 0 0 8px; color:#5c5c5c; overflow:hidden; font-family:"宋体";}
.news-c li a{ color:#767676; float:left}
.news-c li.none{ border-bottom:0;}
/**/
.faq{ width:275px; float:right;}
.faq h2{ border-bottom:1px #76ceee solid; height:27px;}
.faq-c{ width:275px; height:415px;}
.faq-c dl{ padding:21px 0 5px 0;}
.faq-c dt{ background:url(../images/w.jpg) no-repeat 0 0px; padding-left:26px; color:#333; line-height:18px; border-bottom:1px #313131 dotted; padding-bottom:11px;}
.faq-c dt a{ color:#333}
.faq-c dd{ background:url(../images/d.jpg) no-repeat 0 0px; padding-left:26px; color:#949494; line-height:18px; color:#666; margin-top:10px; }
.topadcs{ text-align:center; margin-bottom:10px;overflow:hidden;}
/*关于普杰物联*/
.about{ padding-top:41px; height:383px;}
.about h2, .faq h2{ border-bottom:1px #76ceee solid; height:32px;}
.about h2 p, .faq h2 p{ float:left; border-left:4px #fc9b2a solid; height:17px; line-height:17px; padding-left:11px; font-size:16px; font-weight:normal; font-family:"微软雅黑"; font-weight:bold}
.about h2 p a, .faq h2 p a{ color:#1fafe3;}
.about h2 span, .news-tit span, .faq h2 span{ float:right; height:28px; line-height:28px; padding-right:11px; font-size:12px; font-weight:normal;}
.about h2 span a, .news-tit span a, .faq h2 span a{ color:#cdcdcd}
.about-c{ width:960px; padding-top:20px;}
.about-veiw{ width:334px; height:284px; border:5px #2d2d2d solid; float:left;}
.about-r{ width:589px; float:right;}
.about-r h3, .about-r h3 a{ font-size:14px; font-weight:bold; line-height:39px; color:#1fafe3; height:39px;}
.about-wz{ width:589px; line-height:24px; color:#333; padding-top:0px;}
.about-more a{ color:#cdcdcd; padding-top:5px; display:block}
.about-tp{ width:589px; padding-top:35px;}
.about-left{ float:left; padding-top:44px;}
.about-right{ float:right; padding-top:44px;}
.about-pp{ width:547px; padding-left:14px; float:left; overflow:hidden}
.about-pp li{ width:169px; float:left; margin-right:12px; position:relative;}
.about-pp li img{ width:161px; height:119px; border:1px #d6ba88 solid; padding:3px;}
.about-pp li span{ width:161px; height:23px; position:absolute; top:100px; left:4px; background:url(../images/png.png) repeat; text-align:center; line-height:23px; color:#cdcdcd; display:block; overflow:hidden;}
.about-pp li span a{ color:#cdcdcd;}
/*banner*/
.hf4{ background:url(../images/hf2-bg.jpg) no-repeat bottom; height:119px; padding-bottom:43px;*padding-bottom:39px;overflow:hidden;position:relative;margin-top:5px;}
.hf4 a{display:block; width:960px;}
.hf4 img{width:960px;}

/*easy*/
.easy{background: #f3f3f3;padding:60px 0 0;height: 760px;}
.easy .content{position: relative;height: 760px;}
.easy h3{font-weight: bold;text-align: center;font-size: 36px;color: #2a2b2d;margin-bottom: 47px;}
.easy h3 i{display: block;font-size: 18px;color: #5a5a5a;padding-top: 8px;font-weight:normal;}
.easy h3 em{color: #979797;font-size: 16px;position: relative;top: -7px;}
.easy dl dt{float: left;margin-left: 88px;position: relative;}
.easy dl dt span{display: block;}
.easy dl dt span img{display: block;width: 350px;height: 550px;}
.easy dl dd{float: right;width: 660px;margin-top: 170px;}
.easy dl dd h4{font-weight: normal;font-size: 32px;color: #2a2b2d;padding-left: 38px;background:url(../images/dun.png) no-repeat;height: 35px;line-height: 35px;margin-bottom: 42px;}
.easy dl dd h4 em{color: #ff6700;}
.easy dl dd p span{display: block;font-size: 16px;color: #2a2b2d;height: 42px;line-height: 42px;padding-left: 24px;background:url(../images/dian1.png) no-repeat left center;}
.easy dl dd i a{height:40px;width:260px;background:#ff6700;display:inline-block;margin-top:50px;font-size:16px;text-align:center;line-height:40px;font-family:"Microsoft YaHei";color:#fff;font-weight:bold;}
.easy dl dd img{float: right;margin-top: -100px;margin-right: 100px;}
.easy .prev{position: absolute;bottom: 50px;left: 195px;cursor: pointer;}
.easy .next{position: absolute;bottom: 50px;left: 235px;cursor: pointer;}


/*camera*/
.cmr{padding:60px 0 0;position: relative;font: 14px "Microsoft YaHei";}
.cmr h3{text-align: center;font-size: 36px;color: #2a2b2d;margin-bottom: 60px;}
.cmr h3 a{color:#2a2b2d;}
.cmr h3 i{display: block;font-size:20px;color: #2a2b2d;margin-top: 8px;font-weight: normal;}
.cmr h3 em{color: #979797;font-size: 16px;position: relative;top: -7px;}
.cmr_item{margin-left: 90px;}
.cmr ul li{float: left;width: 300px;margin-right: 60px;height: 408px;}
.cmr ul li img{display: block;width: 300px;height: 240px;}
.cmr ul li em{display: block;font-size: 16px;color: #5a5a5a;text-align:center;height: 74px;line-height: 74px; overflow:hidden; border-bottom:1px solid #d7d7d7;}
.cmr ul li:hover em{color: #ff6700;border-bottom:3px solid #ff6700;}
.cmr .prev{position: absolute;top: 300px;left: 17px;cursor: pointer;}
.cmr .next{position: absolute;top: 300px;right: 17px;cursor: pointer;}


.pro_bj .tit{color: #202020;text-align: center;font-family: "Microsoft Yahei";margin-bottom:50px;}
.pro_bj .tit span,.tit em{display: block;}
.pro_bj .tit span{height: 46px;line-height: 46px;font-size: 36px;font-weight: bold;}
.pro_bj .tit em{height: 32px;line-height: 32px;font-size: 20px;padding-top: 5px;font-weight:normal;}
.pro_bj .tit strong{font-family: "SimSun";font-size: 32px;}

.pro_bj{height: 734px;overflow: hidden; background: url(../images/probg.jpg) no-repeat center top;padding-top:75px;font-family: "Microsoft YaHei"; }

.fen{ width:1200px; height:58px; }
.fen .clm{position: relative;width: 1200px;height: 58px; }
.fen ul li{width: 252px;z-index: 1; position: relative; margin-left: -15px; font:16px "Microsoft YaHei";float: left; font-weight: bold; line-height:58px; height:58px; background:url(../images/cptit.png) no-repeat left  center;  text-align: center;}
.fen ul li a{ color:#fff; text-decoration: none; }
.fen span{ position: absolute;right: 0;top:0; width: 252px; font:16px "Microsoft YaHei";float: left; font-weight: bold; line-height:58px; height:58px; overflow:hidden; background:url(../images/cptit.png) no-repeat left  center;  text-align: center;}
.fen span a{ color:#fff; text-decoration: none; }
.fen ul li.no1{margin-left: 0;}
.fen ul li p{ z-index: 2; display: none; background: url(../images/cptm.png) repeat;  width: 181px;padding:26px; overflow: hidden;clear: both; }
.fen ul li p a{width: 100%; font-size: 16px; color: #fff; font-weight: normal; float: left; display: block;line-height: 48px; border-bottom: 1px dashed #676767;}
.fen ul li:hover p{ display: block; }


.pros{ width:1200px;  margin-top:40px; position: relative; height: 470px;}
.pro_cnt{ width:1200px; overflow:hidden; height: 470px;}
.pros .arr5 { cursor: pointer; display:block; font:70px "宋体"; color:#7f7f7f; position:absolute; top:187px; left:-63px;}
.pros .arr6 { cursor: pointer;display:block; font:70px "宋体"; color:#7f7f7f; position:absolute; top:187px; right:-63px;}
.pro1{ height:502px; overflow:hidden; }
.pro1 dl{ width:373px; margin-right:40px; overflow:hidden; float: left;}
.pro1 dt{ width:373px; height:303px; overflow:hidden;}
.pro1 dt img{ display:block;width:373px; height:303px;}
.pro1 dd{ width:373px; background: #353535;height: 66px; position: relative;}
.pro1 dd a{ text-decoration: none; }
.pro1 dd span{ font:18px "Microsoft YaHei";  color:#ffffff; overflow:hidden;padding-top: 20px; text-align: center; display: block;}
.pro1 dd span em{color: #ffffff; font-size: 14px;display:block; }
.pro1 dd i{ position: absolute; background: url(../images/pro_btn.png) no-repeat;width: 69px;padding:25px 20px; box-sizing: border-box; height: 102px; display: block;color: #fff; bottom: 0;right: 18px; overflow: hidden;}
.pro1 dl.nones{ margin-right:0;}
.pros .cppages{width:1200px;height: 15px; left:50%; margin-left:-670px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.pros .cppages ul{margin-left:500px;}
.pros .cppages ul li{float:left;margin:0 19px; background: #fff; height: 15px;border-radius: 10px; width: 15px; display:inline;cursor:pointer;}
.pros .cppages ul .on{background:#ff6700;}

/*lens*/
.lens{height:563px;padding-top:60px;background:url(../images/canbj.jpg) no-repeat center top;}
.lens h3{font-weight: bold;text-align: center;font-size: 36px;color: #2a2b2d;margin-bottom: 60px;}
.lens h3 i{display: block;font-size: 18px;color: #5a5a5a;padding-top: 8px;font-weight:normal;}
.lens h3 em{color: #979797;font-size: 16px;position: relative;top: -7px;}
.lens dl dt{float: right;margin-right: 20px;}
.lens dl dd{float: left;padding-top:40px;margin-left: 20px;}
.lens dl dd p span{display: block;font-size: 16px;color: #2a2b2d;height: 42px;line-height: 42px;padding-left: 24px;background:url(../images/dian1.png) no-repeat left center;}
.lens dl dd p b{color: #ff6700;}

