body{ background:#f2f5f7;}
*{ outline:none;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}

.head{height:173px; background:url(../images/navbg.jpg) repeat-x top #FFF;top:0px; z-index:101; width:100%; position: fixed; }
.head .top_nav{ height:30px; width:1200px; margin:0 auto; line-height:30px; text-align:right}
.head .top_nav a{ color:#999999;}
.huisekkk,.app_nav,.caidan{ display:none}
.head .top_nav .top_nav_1{ display:inline-block; padding-left:20px; background:url(../images/ico1.png) no-repeat left}

.head .top_nav .top_nav_2{margin-left:15px; display:inline-block; padding-left:20px; background:url(../images/ico2.png) no-repeat left}

.head .top_nav .top_nav_3{ margin-left:15px; color:#999999;}

.menu_nav{ width:1200px; margin:0 auto; padding-top:0px; overflow:hidden}

.menu_nav .logo{ float:left; height:80px; margin-top:50px;}

.menu_nav .menu_nav_li{ float:left; margin-left:100px;height:143px;}
.menu_nav .menu_nav_li li{ float:left; text-align:center; width:130px; text-align:center; padding-top:53px; padding-bottom:53px;}
.menu_nav .menu_nav_li li:hover{ background:url(../images/nablibg.png) center top no-repeat;}
.menu_nav .menu_nav_li li a{ font-size:16px; color:#000}
.menu_nav .menu_nav_li li span{ font-size:12px; font-size:10px; display:block}

.menu_nav .menu_nav_li .hover{background: url(../images/nablibg.png) 0px 0px no-repeat;}

.sousuo{ width:30px; height:30px; float:right; background:#e6e6e6; margin-top:50px; border-radius:15px; overflow:hidden; text-align:right}
.sousuo .txt{ float:left; width:0px; height:20px; margin-top:4px; border:none; background:#e6e6e6;}
.sousuo .tijiao{ float:right; height:20px; width:20px; background:url(../images/suosou.png) no-repeat center;border:none; background-color:transparent; margin-left:5px; margin-top:5px; margin-right:5px; cursor:pointer}


.hdp{height:600px; margin-top:170px;}
.title{ background:url(../images/titlelin.png) center center no-repeat; height:80px; width:800px; margin:0 auto; text-align:center; margin-top:50px;}
.title h2{ font-weight:100; font-size:35px; letter-spacing:1px;}
.title h2 a{ color:#808080}
.title h2 span{ display:block; font-size:12px; text-transform:uppercase; margin-top:6px;}


.pro{margin:0 auto; overflow:hidden; width:1200px; margin-top:40px;position:relative}
.pro li{ float:left; width:33.3333333%; overflow:hidden; margin-bottom:50px; text-transform:Uppercase;}
.pro li img{ width:100%; height:auto}
.pro li .pro_pic{}
.pro li span{ display:block;}
.pro .pro_title{ height:130px;}
.pro .pro_title h2 span{ background:none}

.prolist{ position: static; }
.prolist li{ width:33.3333333%;  position:relative; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; padding-bottom:20px; margin-bottom:20px;}
.prolist li img{ width:400px; height:317px;}


.prolist li:hover{ background:#e8e7e3}

.prolist li:hover .pro_title span{ background:none}
.prolist li:hover .pro_title p span{background:#e8e7e3}



.pro i{ display:block;  position:absolute; top:0;}
.pro .pro_line{ height:100%; width:1px; background:#f2f5f7; left:33.33333%}
.pro .pro_linetwo{ height:100%; width:1px; background:#f2f5f7; left:66.666666%}

.pro .pro_title{ text-align:center;}
.pro .pro_title h2{ font-weight:100; color:#666666; line-height:22px; padding-top:35px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.pro .pro_title h2 span{ font-size:12px; color:#666666; display:block; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.pro .pro_title p{  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;margin:0 auto; margin-top:10px; color:#bfbdba; margin-top:28px; background:url(../images/pline.png) no-repeat center; display:block; width:90%; }
.pro .pro_title span{ background:#f2f5f7; display:inline-block; padding-left:8px; padding-right:8px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.pro code{ height:100px; width:1px; background:#e7e7e7; position:absolute; bottom:550px;}
.pro .xlintwo{ left:33.33333%}
.pro .xlinthree{ left:66.666666%}
.pro .xlinfour{ left:99.9999%}


.pro .xlin5{ left:0; bottom:50px;}
.pro .xlin6{ left:33.3333%; bottom:50px;}
.pro .xlin7{ left:66.6666%; bottom:50px;}
.pro .xlin8{ left:99.9999%; bottom:50px;}





.pro a:hover .pro_title p,.pro a:hover .pro_title h2,.pro a:hover .pro_title span{ color:#F00;}

.pro .pro_pic span{ display:none; opacity:0;}

.pro .pro_pic span i{ display:block; width:80px; font-style:normal ; height:40px; border:1px solid #FFF; color:#fff; text-align:center; line-height:40px; margin-top:140px; margin-left:165px;}

.pro .jjj{position:absolute; left:0; top:0px; background:url(../images/bgbg.png)}

.pro .jjjtwo{position:absolute; left:33.333%; top:0px; background:url(../images/bgbg.png)}

.pro .jjjthree{position:absolute; left:66.666%; top:0px; background:url(../images/bgbg.png)}


.pro .jjj4{position:absolute; left:0; top:0px; background:url(../images/bgbg.png)}

.pro .jjj5{position:absolute; left:33.333%; top:0px; background:url(../images/bgbg.png)}

.pro .pro_title h2 span{ background:none;}
.prolist .jjj{position:absolute; left:0; top:0px; background:none; height:317px; width:100%; display:none}
.prolist .pro_line{ height:100%; width:1px; background:#f2f5f7; left:100%; margin-left:-1px;}
.prolist code{ height:100px; width:1px; background:#e7e7e7; position:absolute; bottom:0px;}
.prolist .xlintwo{ left:100%;}



.pro .cases{background:#edeff0;     height: 447px;}
.pro .cases span{ background:none; padding-left:0px;}
.pro .cases h2{ width:148px; margin:0 auto; text-align:left; border-bottom:1px solid #bbbbbb; border-top:1px solid #bbbbbb; padding-bottom:70px; padding-top:50px; margin-top:50px;  margin-left:100px;}
.pro .cases .pro_title{ height:147px}
.pro .cases .more{ width:77px; margin:0 auto; margin-left:100px; height:100px; line-height:100px; background:url(../images/morebg.png) no-repeat right center; margin-top:50px;}

.caseslist{ overflow:hidden; min-width:1200px;}
.caseslist .pro_title span{ background:#f2f5f7; display:block; padding-left:8px; padding-right:8px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.caseslist .pro_title h2 span{ font-size:12px; color:#b2b2b2; display:block; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.caseslist .cases_1{ height:560px; text-transform:Uppercase; background:#000; width:25%; float:left;}
.caseslist .cases_1 span{ background:none; padding-left:0px;}
.caseslist .cases_1 h2{ line-height:22px; font-weight:100; width:148px; margin:0 auto; text-align:left; border-bottom:1px solid #bbbbbb; border-top:1px solid #bbbbbb; padding-bottom:70px; padding-top:50px; margin-top:130px;  margin-left:100px; color:#b2b2b2}
.caseslist .cases_1 .pro_title{ height:147px}
.caseslist .cases_1 .more{ width:77px; margin:0 auto; margin-left:100px; height:100px; line-height:100px; background:url(../images/morebg.png) no-repeat right center; margin-top:50px; display:block; color:#b2b2b2;}
.caseslist .cases_pic{height:560px; position:relative; width:75%; float:left}

.caseslist .iosSlidertwo{height:560px; overflow:hidden}

.sliderContainer.cases_pic .slideSelectors{ width:8px; background:#2f3233; position: absolute;
	top:0px;
	left: 0;
	margin: 0 auto;
	z-index: 1;
	height:100%;}
.sliderContainer.cases_pic .slideSelectors .item{ width:8px; background:#2f3233;overflow:hidden; height:25%;     border-radius:0px; margin:0px;
}
.sliderContainer.cases_pic .slideSelectors .selected{background:#e60012;}

.cases_pic .item .inner span{ position:absolute; z-index:100; top:5px; left:0; background:url(../images/bgbg.png); height: 125px;
    width:100%;     top: 435px; text-align:left; padding-left:50px; color:#FFF }

.cases_pic .item .inner .inner_1{ font-size:18px; margin-top:30px; margin-bottom:10px;}


.cases_pic .iosSlider .slider .item .inner { width:100%; margin-left:-50%;}

.cases_pic  .iosSlider .slider .item .inner img{ width:116%}

.news{ width:1200px; margin:0 auto; background:url(../images/newsbg.png) no-repeat right center; height:247px; margin-top:0px; overflow: hidden;
    position: relative;}
.news .news_top{ overflow:hidden}
.news .news_top_img{ float:left; width:364px; height:191px; margin-top:28px;}
.news .news_top_img img{ width:100%; height:100%;}
.news .news_top_title{ float:left;  margin-top:48px; width:610px; margin-left:40px;}
.news .news_top_title a{ font-size:16px; color:#000}
.news .news_top_title a:hover{ color:#F00}
.news .news_top_title p{ line-height:22px; font-size:14px; margin-top:15px;}

.news .news_top_time{ margin-top:48px; margin-left:50px; float:left; text-align:right}
.news .news_top_time i{ font-size:25px;}

.news .hd{ position:absolute; left:100%; margin-left:-80px; top:200px; z-index:120}

.news .hd a{ display:block; float:left; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer}


.news .hd .next{ background:url(../images/jt.png) no-repeat 10px 10px;}
.news .hd .prev{ background:url(../images/jt.png) no-repeat -20px 10px;}

.news .hd .next:hover{ background:url(../images/jt.png) no-repeat 10px -16px;}
.news .hd .prev:hover{ background:url(../images/jt.png) no-repeat -20px -16px;}


.newstwo{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.newstwo li{ float:left; width:590px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.newstwo li span{ display:block; float:left}


.newstwo li:hover .time{ background:#de0f16; color:#FFF}
.newstwo li:hover .text{ background:#000; color:#FFF}
.newstwo li:hover .text a{color:#FFF}
.newstwo .time{ width:64px; height:50px; background:#eeeeee; padding:20px; text-align:right; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.newstwo .time i{ font-size:25px;}
.newstwo .text{ width:446px; background:#fcfcfc; padding:20px; height:70px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.newstwo .text a{ font-size:16px; color:#000; font-weight:bold; display:block; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.newstwo .text p{ font-size:14px; margin-top:8px; font-weight:100;}
.allnews{ background:#FFF; padding-top:50px; padding-bottom:50px;}

.allnews .newsli2{ float:right}


.bottom{ width:100%; height:260px; margin-top:0px; background:#292929;}
.bottom .bottom_1{ width:1200px; height:325px; margin:0 auto; background:url(../images/logotop.png) no-repeat left 40px}
.bottom .bottom_1 .bottom_ul{ margin-top:80px; float:left;}
.bottom .bottom_1 .bottom_ul ul{ float:left; width:105px; margin-right:45px; background:url(../images/dibuulbg.png) no-repeat right 6px;}
.bottom .bottom_1 .bottom_ul ul li{ height:25px; line-height:25px;}
.bottom .bottom_1 .bottom_ul ul li a{ color:#fff; font-family:"宋体"; font-size:12px; color:#CCC;}
.bottom .bottom_1 .bottom_ul ul .topt{ color:#FFF; margin-bottom:14px; font-size:14px;}
.bottom .bottom_1 .bottom_tel{ float:right; margin-top:50px;  left bottom no-repeat; height: 160px;}
.bottom .bottom_1 .bottom_tel p{ color:#FFF; font-size:14px;}
.bottom .bottom_1 .bottom_tel ul{ width:320px; margin-top:20px;}
.bottom .bottom_1 .bottom_tel ul li{ float:left; padding-left:21px; height:25px; width:120px; text-indent:10px; color:#fff;}
.bottom .bottom_1 .bottom_tel ul li a{ color:#fff;}
.bottom .bottom_1 .bottom_tel ul .li1{ background:url(../images/bottom_tel.png) no-repeat;}
.bottom .bottom_1 .bottom_tel ul .li2{ background:url(../images/bibud.png) no-repeat;}
.bottom .bottom_1 .bottom_tel ul .li3{ background:url(../images/dibuqq.png) no-repeat;}


.bottom .bottom_1 .bottom_tel img{ width: 110px; }

.bibuzi{ text-align:center; background:#333333; color:#b7b7b7; font-size:12px; margin-top:0px; height:80px; line-height:80px;}






.xlnav{ width:100%; background:#4d4d4d; top:173px; z-index:1000; height:0px; overflow:hidden; position:fixed}

.xlnav .xlnav_about{ width:1180px; margin:0 auto; overflow:hidden; height:0px;}
.xlnav .xlnav_about ul {overflow:hidden; padding-top:20px; padding-left:350px;}
.xlnav .xlnav_about ul li{ float:left; margin-left:40px; height:60px; line-height:60px; padding-left:35px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.xlnav .xlnav_about ul li a{ color:#FFF; font-size:14px; display:block; width:100%; height:100%;}

.xlnav .xlnav_pro{ width:1180px; margin:0 auto; overflow:hidden; height:0px;}
.xlnav .xlnav_pro ul { padding-top:20px; padding-left:320px;}
.xlnav .xlnav_pro ul li{ float:left; margin-left:40px; height:20px; line-height:20px; padding-left:40px;}
.xlnav .xlnav_pro ul li a{ color:#FFF; font-size:14px;}


.xlnav .xlnav_pro li{ font-weight:bold; height:30px; line-height:30px;}
.xlnav .xlnav_pro li ul li{ float:none; padding-left:0px; margin-left:0px; height:30px; line-height:45px; font-weight:100;}
.xlnav .xlnav_pro li ul li a{ color:#cccccc; font-size:12px;}
.xlnav .xlnav_pro li ul{ padding-left:0px; padding-top:0px;}



.xlnav .xlnav_pro1{ width:1180px; margin:0 auto; overflow:hidden; height:0px;}
.xlnav .xlnav_pro1 ul { padding-top:20px; padding-left:0px;}
.xlnav .xlnav_pro1 ul li{ float:left; margin-left:30px; height:20px; line-height:20px; padding-left:40px;}
.xlnav .xlnav_pro1 ul li a{ color:#FFF; font-size:14px;}


.xlnav .xlnav_pro1 li{ font-weight:bold; height:30px; line-height:30px;}
.xlnav .xlnav_pro1 li ul li{ float:none; padding-left:0px; margin-left:0px; height:30px; line-height:45px; font-weight:100;}
.xlnav .xlnav_pro1 li ul li a{ color:#cccccc; font-size:12px;}
.xlnav .xlnav_pro1 li ul{ padding-left:0px; padding-top:0px;}





.xlnav .xlnav_sup{ width:1180px; margin:0 auto; overflow:hidden; height:0px;}
.xlnav .xlnav_sup ul { overflow:hidden; padding-top:20px; width:300px; margin-left: 562px;}
.xlnav .xlnav_sup ul li{ float:right; margin-left:40px; height:60px; line-height:60px; padding-left:30px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.xlnav .xlnav_sup ul li a{ color:#FFF; font-size:14px;}


.xlnav .xlnav_Program{ width:1180px; margin:0 auto; overflow:hidden; height:0px;}
.xlnav .xlnav_Program ul { overflow:hidden; padding-top:20px; width: 1032px;}
.xlnav .xlnav_Program ul li{ float:right; margin-left:40px; height:60px; line-height:60px; padding-left:30px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.xlnav .xlnav_Program ul li a{ color:#FFF; font-size:14px;}
.xlnav ul li:hover{}


.pub_submenu{
    position:fixed;
    top: 173px;
    left: 0;
    width: 100%;
    background-color: #f5f5f5;
    z-index: 10; display:none; opacity:0; 

 box-shadow:0 -10px 10px #fff, 0 0px 10px #2b2b2b; /*底边阴影*/  


}


.pub_submenu{ overflow:hidden}
.pub_submenu .allclass{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px; }

.pub_submenu .allclass li{margin: 0px 0px 20px 22px;
    padding-right: 22px;
    width: auto;
    height: 10px;
    border-right: 1px solid #535353; float:left; line-height:10px;}

.postion {
    margin-top: 20px;
    color: #000;
    background: url(../images/postion.png) no-repeat left center;
    text-indent: 23px;
    height:40px;
    line-height:40px;
 width:1200px; margin:0 auto;
}
.postion p {
    color: #000;
    font-size: 12px;
    margin-top: 0px; display:inline; font-family:"宋体"
}
.postion a {
    color: #000;
    font-size: 12px;
}

.banner{ width:100%; height:556px; position:relative; margin-top:173px; overflow:hidden}
.bannertwo{ height:556px;}

.banner .banner_1{ text-align:center; width:1920px; position:absolute; left:50%; margin-left:-960px; z-index:2}


.banner .banner_tex{ display:none; opacity:0; width:500px; text-align:center; position:absolute; z-index:3; left:50%; margin-left:-250px; font-size:70px; color:#FFF; font-weight:bold; top:40px;}
.banner .banner_p{ display:none; opacity:0; width:470px; text-align:center; position:absolute; z-index:3; left:50%; margin-left:-235px; top:180px; color:#FFF; font-size:18px; letter-spacing:1px;}

.banner .banner_jt{ display:none; opacity:0; width:470px; text-align:center; position:absolute; z-index:100; left:50%; margin-left:-235px; top:300px; color:#FFF; font-size:18px; letter-spacing:1px; background:url(../images/projt.png) no-repeat center top; height:46px; cursor:pointer}


.solution_con{ width:1200px; background:#FFF; margin:0 auto; margin-top:80px; padding-bottom:40px; min-height:600px;     margin-bottom: 70px; margin-top:290px;}
.solution_con h1{ height:80px; line-height:80px; text-align:center; font-size:26px; color:#005a95; border-bottom:1px solid #F0F0F0; margin-bottom:20px;}

.solution_con .show_con{ padding:30px; font-size:14px; line-height:25px;}
.solution_con .show_con img{}

.newfx { padding:30px;}


.newslist{ background:url(../images/newbodybg.jpg) repeat-y top center; padding-top:0px;}
.newslist .newslist_con{ width:1200px; margin:0 auto; overflow:hidden; min-height:600px;}
.newslist .newslist_con .newslist_con_1{ float:left; padding-top:75px; width:200px;}
.newslist .newslist_con .newslist_con_2{ float:right; width:850px; padding-top:50px;}

.newslist .newslist_con .newslist_con_title{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding-top:40px; padding-bottom:40px; font-size:14px;}
.newslist .newslist_con .newslist_con_title span{ margin-bottom:10px; text-transform:Uppercase }
.newslist .newslist_con .newslist_con_title h2{ font-weight:100; margin-top:10px;}

.newslist_con_1 ul{ margin-top:50px;}
.newslist_con_1 ul li{ height:25px; line-height:25px; margin-top:20px; margin-bottom:20px;}
.newslist_con_1 ul li a{ font-size:14px;border-bottom:1px solid #f1f5f8; display:inline-block}

.newslist_con_1 ul li a:hover{ border-bottom:1px solid #666; color:#000}


.newslist_con_2 ul li{ height:25px; line-height:25px; margin-top:20px; margin-bottom:20px;}
.newslist_con_2 ul li a{ font-size:16px; color:#000}
.newslist_con_2 ul li span{ float:right}


.about_head{ width:1200px; margin:0 auto; margin-top:30px;}
.about_head h1{ font-size:30px; font-weight:100;}
.about_about{ width:1200px; margin:0 auto; margin-top:50px; overflow:hidden; margin-bottom:30px}
.about_about img{ float:left; margin-right:50px;}
.about_about strong{ font-size:20px;}
.about_about p{ font-size:16px; margin-top:60px;}
.about_about p a{ color: #F00;}


.about_a{ overflow:hidden;width:1200px; margin:0 auto; margin-top:50px; overflow:hidden; margin-bottom:30px}
.about_a .ssss{ float:left; margin-right:50px;}
.about_a p{font-size:16px; margin-top:100px; line-height:200%}
.about_a strong{ font-size:22px; font-weight:100; color:#F00}

.about_b .ssss{ float:right; margin-right:0px; margin-left:50px;}
.about_b p{ margin-top:50px;}

.about_c p{ margin-top:20px;}
.about_c img{  margin-bottom:100px; margin-top:20px;}
.proshow {
    background: url(../images/newbodybg.jpg) repeat-y top center;
    padding-top: 0px; min-height:600px;
}


.box{width:376px; margin-top:25px; margin-left:0px; float:left; overflow:hidden}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; width:auto; height:100%;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{ margin-top:0px;overflow:hidden; float:left; margin-top:10px; margin-left: -1px; width: 400px;}
.newslist_con_2 .tb-thumb li{background:none repeat scroll 0 0 transparent;height:85px;margin:0 6px 0 0;overflow:hidden;padding:1px; float:left}
.tb-s310, .tb-s310 a{    height: 370px;
    width:371px;}
.tb-s310, .tb-s310 img{max-height:370px;max-width:430px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:80px;width:82px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; float:left; padding:1px}

.newslist_con_2 .tb-thumb .tb-selected{}


.newslist_con_2 .tb-thumb li div{border:1px solid #CDCDCD; padding:2px;}
.newslist_con_2 .tb-thumb .tb-selected div{border:1px solid #F00;}

div.zoomDiv{z-index:2;position:absolute;top:-1px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("http://demo.lanrenzhijia.com/2015/jqzoom0225/images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.canshu{ float:right; margin-top: 22px;
    width: 449px;}
.newslist_con_2 .canshu span{ float:none; text-align:left; width:389px; display:inline-block}
.newslist_con_2 .canshu li{ margin:0px; font-size:14px; margin-bottom:10px; color:#666666}
.newslist_con_2 .canshu ul{ margin-top:10px;}
.newslist_con_2 .canshu h1{ font-weight:100}
.newslist_con_2 .showpor{ font-size:14px; margin-top:30px; margin-bottom:30px; line-height:200%}
.newslist_con_2 .canshu ul { font-size:16px; line-height:200%}

.kjjj{ background:url(../images/kjbg.jpg) no-repeat center top; padding-top:20px; min-height:400px;}
.kjjj .kj{ width:1200px; margin:0 auto; text-align:center; padding-bottom:50px; padding-bottom:50px;}

.ry{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:50px;}
.ry .ry_1{ height:139px; background:url(../images/bz.png) no-repeat 40px 40px #FFF; width:570px; padding-left:150px; margin-top:50px; float:left}
.ry .ry_1 .ry_1_1{ background:#000; color:#fff; height:139px; font-size:30px; padding-left:30px; padding-right:30px;}
.ry .ry_1 .ry_1_1 span{ font-size:36px;}
.ry .ry_1 .ry_1_1 strong{ font-size:60px; font-weight:100}

.ry .ry_2{ float:right; width:580px; margin-top:50px; font-size:14px; line-height:200%}


.rytp{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:50px; margin-top:100px; margin-bottom:100px; position:relative}
.rytp .aee{ width:1200px; margin:0 auto; overflow:hidden}
.rytp .ruru{ width:1300px; overflow:hidden}
.rytp li{ float:left; width:246px; margin-left:15px; margin-right:15px;}
.rytp .ruru li{ margin-left:0px; margin-bottom:40px; margin-right:75px;}
.rytp .ruru li img{ width:100%; height:auto; max-height:334px;}
.rytp .next{ display:none; width:32px; height:32px; position:absolute; left:0px; top:50%; margin-top:-16px; background:url(../images/jtle.png) no-repeat; text-indent:-100px; overflow:hidden; cursor:pointer}
.rytp .prev{ display:none; width:32px; height:32px;position:absolute; left:100%; margin-left:-32px; top:50%; margin-top:-16px; background:url(../images/jtle.png) -58px 0px no-repeat; text-indent:-100px; overflow:hidden; cursor:pointer}

.rytp .next:hover{ background-position:0px -46px;}
.rytp .prev:hover{ background-position:-58px -46px;}


.fclist{ width:1200px; margin:0 auto; overflow:hidden}
.fc{ width:1300px; margin:0 auto; min-height:400px; padding-top:50px; overflow:hidden; margin-left:-25px}
.fc li{ float:left; width:562px; height:500px; background:#FFF; position:relative; height: 459px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; margin-bottom:50px; margin-left:29px; margin-right:29px}
.fc li:hover{ background:#000;}
.fc span{ display:block;}
.fc .pic{ width:562px; height:314px; overflow:hidden; text-align:center}
.fc .pic img{ width:562px; height:auto;}
.fc .time{ width:100px; height:100px; border-radius:50%; background:#000; color:#FFF; font-size:15px; text-align:center; position:absolute; left:50%; margin-left:-50px; top:260px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.fc .time strong{ font-size:40px; padding-top:8px; display:inline-block}
.fc .title{ width:100%; background:none; font-size:20px; margin-top:72px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.fc li:hover .title{ color:#FFF}
.fc li:hover .time{ background:#FFF; color:#000}

.wh{ width:1200px; margin:0 auto; text-align:center; margin-top:50px; margin-bottom:50px;}



.jj-cont{ width:1160px; margin:0 auto; background:#FFF; padding:20px; margin-top:220px; margin-bottom:60px;}
.jj-cont .jj-lx-left{ float:left; font-size:16px; line-height:200%}
.jj-cont .jj-lx-right{ float:right}
.jj-cont .jj-lx-left .lx-title{ font-size:30px; margin-bottom:20px; display:block; margin-top:20px;}



.fenye{  border-left:none; overflow:hidden; display:inline-table;  margin-left:0;margin-top:20px;margin-bottom:40px;}
.fenye a,.fenye b{ float:left; font-family:"宋体"; overflow:hidden; background:#FFF; text-align:center; line-height:30px; font-size:14px;border: 1px solid #d7d7d7;margin-right: 10px;padding: 5px 20px;}
.fenye a:hover,.fenye b{ background:#000; color:#fff; border:1px solid #000}



#dituContent{width:700px;height:356px;border:#ccc solid 1px;}


.mxpro{ width:1200px; margin:0 auto;     position: relative;}
.mxpro h2{    height: 40px;
    line-height: 40px; margin-bottom:15px; font-weight:100;}
.mxpro .next {
    width:25px;
    height:45px;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -16px;
    background: url(../images/leftbt1.png) no-repeat;
    text-indent: -100px;
    overflow: hidden;
    cursor: pointer; z-index:10;
}

.mxpro .prev {
    width:25px;
    height:45px;
    display: block;
    position: absolute;
    left: 100%;
    margin-left: -25px;
    top: 50%;
    margin-top: -16px;
    background: url(../images/rightbt1.png) 0px 0px no-repeat;
    text-indent: -100px;
    overflow: hidden;
    cursor: pointer; z-index:10;
}

.mxpro .aee {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}




@media screen and (max-width:500px) {

.xlnav{ display:none;}
.postion{ width:320px;}
.banner .banner_1{ width:800px; margin-left:-400px; height: 190px;}
.banner .banner_1 img{ height:100%; width:auto}
.banner .banner_tex{ font-size:30px; width:300px; margin-left:-150px;}
.banner .banner_p{ font-size:12px; width:300px; margin-left:-150px;}
.banner .banner_jt{ display:none}

.head{ height:100px;}
.menu_nav{ width:320px;}
.menu_nav .logo img{ width:130px; height:auto}
.menu_nav_li{ display:none}
.sousuo{ display:none}
.app_nav{ display:block;

	position: fixed;
    top: 0px;
    right: -140px;
    z-index: 9999;
    background:#1B1B1B;
    margin: 0;
    width: 100px;
    height: 100%;
    width: 140px;

}


.jj-cont{ width:300px; margin-top: 110px; padding:10px;}
#dituContent{ width:300px;}

.form .form_2 strong{ font-size:20px;}
.form .form_2{    font-size: 14px;}

.menu_nav .menu_nav_li li{    padding-top: 61px;
    padding-bottom: 61px;}
.huisekkk{position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/haha11.png);
    z-index: 9998;
    display: none;}
.app_nav li{height:50px;
    line-height:50px;
    width: 140px;
    text-align: center;
    border-bottom: 1px solid #1F1F1F;
}

.app_nav li a{ color:#FFF}

.caidan{ display:block; 
    width: 40px;
    height: 40px;
    float: right;
    margin-top: 16px;
    margin-right: 5px;
}


.menu_nav .logo{height: 28px;
    margin-top: 27px;}

.hdp{height:200px; margin-top:100px;}

.iosSlider .slider .item .inner{width:700px; margin-left: -350px;}

.title{ width:320px; background: url(../images/titlelintwo.png) center center no-repeat; height:54px}
.title h2{ font-size:20px;}
.pro{ width:100%;}
.pro li{ width:50%;     margin-bottom: 30px;}
.pro .pro_title h2{ font-size:18px;}
.pro .pro_line{ left:50%;}
.pro .pro_linetwo{ display:none}
.pro .pro_linethree{ display:none}
.pro .xlintwo,.pro .xlin6{ left:50%; display:none}
.pro .xlinthree{ display:none}
.pro .pro_title p span{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; display: inline-block;     width: 80%;}
.pro .cases{ width:50%; height: 340px; margin-bottom:0px;}
.pro li:nth-child(4){ margin-bottom:0px;}
.pro .cases h2{ padding-top: 20px;
    margin-top: 30px;
    margin-left: 40px;}
.pro .cases .more{     margin-left: 40px;}

.news{ width:100%; background:#F2F2F2}
.allnews{ padding-top:0px; padding-bottom:20px;}
.news .news_top_img{ float:none; width: 320px; margin:0 auto; height:168px; overflow:hidden;     margin-top: 20px;}
.news .news_top_img img{ width:100%; height:auto;}
.news .news_top_title{ width:320px; margin:0 auto; float:none; margin-top:10px;}
.news .news_top_title a{ font-size:14px;}
.news .news_top_title p{ margin-top:2px; display:none}
.news .hd{margin-left: -70px;     margin-top: 14px;}
.news_top_time{ display:none}
.caseslist{ width:100%;min-width:100%; height: 196px;}
.caseslist .cases_1{height: 196px;}
.caseslist .cases_pic{height: 196px;}
.cases_pic .iosSlider .slider .item .inner img{ min-height:196px;}
.newstwo{ width:100%;}
.bottom .bottom_1{ width:320px;}
.caseslist .cases_1 h2{    width: 70px; padding-bottom: 28px;
    padding-top: 22px; font-size:15px; margin:0 auto; margin-top:15px;}
.caseslist .pro_title h2 span{ display:none}
.caseslist .cases_1 .more{margin:0 auto; margin-top: 34px;}
.newstwo li{ width:320px; float:none; margin:0 auto;     height: 100px;}
.newstwo li strong{ width:100%;     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;}
.newstwo .time{    width: 69px;
    height: 49px; padding:10px;}

.newstwo .text{ padding:10px; width: 211px;}
.newstwo .text a{ font-size:14px;}
.newstwo .text p{    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 210px;}

.pro .xlinone{ display:none}
.pro .jjjtwo{ left:50%; background:none} 
.pro .jjj{ background:none}
.pro .jjjthree{ left:0; top:auto; background:none}
.pro .jjj4{ left:50%; background:none}
.pro .jjj5{ background:none}
.pro .pro_pic span i{ display:none}
.bottom .bottom_1 .bottom_ul ul{width:70px;
    margin-right:18px;}
.bottom .bottom_1 .bottom_ul ul:nth-child(3){ display:none}
.bottom .bottom_1 .bottom_tel ul{width: 124px; margin-top: 9px;}
.bibuzi{ line-height:19px;}
.bibuzi li{ padding-top:10px; text-align:left; padding:10px;}
.about_head h1{ font-size:20px}
.about_head,.about_about{ width:320px;}
.about_about p{    line-height: 200%;}
.container{ width:100%; margin:0px; padding:0px;}

.ry{ width:320px;     margin-top: 30px;}
.ry .ry_1{width: 320px;
    padding-left: 100px; background: url(../images/bz.png) no-repeat 20px 20px #FFF; height: 100px;     margin-top:0px;}
.ry .ry_2{ width:320px; margin-top:30px;}
.ry .ry_1 .ry_1_1 strong{     font-size: 44px;}
.ry .ry_1 .ry_1_1 span {
    font-size: 17px;
}
.ry .ry_1 .ry_1_1{ height: 100px;
    font-size: 17px;
    padding-left: 16px;
    padding-right: 16px;}

.rytp{ width:320px; margin-top: 30px;
    margin-bottom: 30px;}
.rytp .aee{width: 246px;}
.rytp .prev,.rytp .next{    z-index: 100000;}
.rytp li{ margin-left:0px; margin-right:0px;}


.prolist li img{    width: 100%;
    height: auto;}
.pro .pro_line{ left:100%}
.prolist li {
    margin-bottom: 0px;
}
.title h2 a{ font-size:18px;}
.prolist .xlinone{     display: block;
    bottom: 14px;
    margin-left: -1px;
    left: 100%;}


.newslist .newslist_con,.tb-thumb,.canshu{ width:320px;}
.newslist .newslist_con .newslist_con_1{ width:320px;}
.newslist .newslist_con .newslist_con_2{ width:320px;}
.box{ width:320px;}
.tb-booth{ width:316px;}
.tb-pic a img{    width: 316px;     height: auto;}
.tb-s310, .tb-s310 a{ height:auto}
.tb-s310, .tb-s310 img{ max-height:none}
.tb-s40 a img{ width:100%}
.tb-s40, .tb-s40 a{    height: 80px;
    width: 80px;}

div.zoomDiv,div.zoomMask{ z-index:-1}

.newslist_con_2 .showpor{    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 200%;
    border-top: 2px solid #E6E6E6;
    padding-top: 20px;}

.newslist_con_2 .showpor img{ max-width:100%; height:auto}

.fenye a, .fenye b{    padding: 1px 14px;     margin-right: 6px;}


.fclist{ width:320px;}
.fc {
    width: 320px; min-height:inherit; margin-left:0px;}

.fc li{    height: 320px; width: 100%;     margin-left: 0;
    margin-right: 0; margin-bottom:20px; height:auto}

.fc .pic {
    width: 100%;
    height: auto;}
.fc .title{font-size: 17px;
    margin-top: 62px;}

.fc .time {
    width: 76px;
    height: 76px; margin-left: -38px; top: auto; bottom: 71px;}
.fc .time strong {
    font-size: 24px;
    padding-top: 6px;}

.fc .pic img{ width:100%; height:auto}

.solution_con{ width:320px; margin-top: 120px;     margin-bottom: 30px;} 

.solution_con h1{font-size: 17px;
    color: #000000;     padding: 15px; line-height: 21px; height:auto}
.solution_con .show_con{ min-height: 240px; padding:10px;}
.solution_con .show_con img{ width:100%; height:auto}
.head .top_nav{ width:320px;}

.mxpro{

	width: 100%;
    margin-top: 30px;
    margin-bottom:0px;

}

.mxpro h2{ text-align:center}

.mxpro .aee {
    width:100%;
}

}


@media screen and (max-width:420px) {

.pro .cases{ width:50%; height: 310px;}

}