/*-------- body --------*/
body {color:#333;font-family:'Microsoft YaHei';font-size:14px;}
form,div,body,img,p,a,img,dl,dd,dt,table,tr,td,th,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;border:0;font-weight:normal;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#C00;text-decoration:none;}
a:focus {-moz-outline-style: none;}
a:active{outline:none;text-decoration:underline;}

ul,li{list-style:none;margin:0;padding:0;}
input,textarea,select{color:#333;margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";vertical-align:middle;}
input:focus,textarea:focus{outline:0;}
em, i {font-style: normal;}

a.link1{ color:#fff; text-decoration:none;}
a.link1:hover{color:#77852e;}

.clear {clear:both;height:0px;overflow:hidden;}
.clear5 {clear:both;height:5px;overflow:hidden;}
.clear10 {clear:both;height:10px;overflow:hidden;}
.clear20 {clear:both;height:20px;overflow:hidden;}
.clear30 {clear:both;height:30px;overflow:hidden;}

.fl {float:left;}
.fr {float:right;}


.wrap {width:1100px; margin:0  auto;}
.w1000 {width:1000px; margin:0  auto;}

.header , .content , .footer { width:1200px; margin:0 auto;  }

/* top */

.header_top {width:100%;height:110px; position:fixed; background:#fff; top:0; z-index:1000;}
.header_top h1{ float:left; margin-top:12px;}
/*
.nav{width:800px;float:right;}
.nav ul{}
.nav li{ float:left;}
.nav li a{display:block; height:110px;line-height:110px;font-size:16px;color:#333;padding:0 20px;}
.nav li a:hover,.nav li.cur a{color:#f66c0c;}
*/

.nav{width:900px;float:right;position:relative;z-index:1; margin-top:40px;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{display:block;font-size:16px;color:#333;margin:0 20px;font-weight:normal;border-top:1px solid #fff;height:42px;line-height:42px;}

.nav .sub{ display:none; width:120px; left:0; top:42px;  position:absolute; background:#fff; line-height:34px;box-shadow: 0 10px 10px #999;}
.nav .sub li{ zoom:1; text-align:center; font-size:12px;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ background:#f66c0c; color:#fff;}

.nav .on h3 a{color:#f66c0c;border-top:1px solid #f66c0c;}
.nav .cur h3 a{color:#f66c0c;border-top:1px solid #f66c0c;}



/* banner */

.banner{ margin-top:110px;}

.fullSlide {width:100%;position:relative;height:650px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:650px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:650px;}

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; text-align:center;}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.fullSlide .hd ul li{ cursor:pointer;display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; overflow:hidden;line-height:9999px;background:#FFF;margin: 15px 5px 0px 5px;border-radius: 10px;}	
.fullSlide .hd ul .on{background:#F60;}

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }


/*search*/

.search { overflow:hidden; width:100%; height:30px; padding:20px 0; background-color:#f4f4f4;}
.search p{ float:left; font-size:13px; color:#333; line-height:30px;}
.search p a{ color:#333;padding: 0 8px;}
.search p a:hover{ text-decoration:underline;}
.search .sbox{ overflow:hidden; float:right; width:290px; height:30px; line-height:30px;}
.search input{ display:block; float:left; width:208px; height:28px; line-height:28px; border:1px solid #e5e5e5; font-size:13px; color:#333; border-right:none; padding:0 10px;}
.search span{ display:block; width:60px; height:30px; float:right; cursor:pointer; background:#C00; text-align:center; font-size:13px; color:#fff;}


.h-ti{text-align:center; padding:40px 0;}
.h-ti div{color:#000000;font-size:40px; font-weight: normal;}
.h-ti p{font-size:16px;color:#666;margin-top:10px;text-transform:uppercase;}
.h-ti p span{display:inline-block;padding:0 70px;position:relative;z-index:1;}
.h-ti p span:before,.h-ti p span:after{content:'';position:absolute;width:60px;height:1px;background-color:#f66c0c;top:50%;}
.h-ti p span:before{left:0;}
.h-ti p span:after{right:0;}
.h-ti i{ font-size:16px; padding-top:20px; display:block; line-height:30px;}




.i-zuosm {margin-bottom:20px;}

.i-zuosm  ul li { width:280px; height:190px; position:relative; margin-right:20px; margin-bottom:20px; float:left;transition: all 0.6s;  }
.i-zuosm  ul li .i-zsm-pic {position: absolute; top:0; z-index:99;}
.i-zuosm  ul li .i-zsm-wz {width:280px;position: absolute; top:0; z-index:999;height:190px; line-height:190px; text-align:center; font-size:24px; color:#fff;}

.i-zuosm  ul li:hover {transform: scale(1.1);}
.i-zuosm  ul li .i-zsm-wz:hover {color:#f66c0c;}



.i-t-about { padding-top:30px;}

.i-about{background:#e8e8e8; height:540px;}



.piclistitems {padding-top:40px;}
.hsf-l{width:800px;float: left;height:490px;}
.hsf-l img{display: block;width: 800px;height: 490px;}

.hsf-r{width:380px;float: right; position:relative; margin-top:20px;}
.hsf-r .le{width:28px;height:14px;background:url(../images/i-btn1.png) no-repeat;display:block; margin-bottom:20px; margin-left:80px;}
.hsf-r .ri{width:28px;height:14px;background:url(../images/i-btn2.png) no-repeat;display:block;margin-left:80px;}

.tt-khgy {position: absolute; top:0px; left:235px; font-size:24px;}

.hsf-r li{margin-bottom:30px;}
.hsf-r li .t1 {width:180px;float:left;}
.hsf-r li .t1 img{display: block;width:180px;height: 100px;}
.hsf-r li .t2 {width:190px;float:right;}
.hsf-r li .t2 h4 { text-align:center; font-size:18px; font-weight:normal; padding:10px 0;}
.hsf-r li .t2 p {font-size:14px; color:#666; line-height:30px;}


.i-a-txt .slideTxtBox{}
.slideTxtBox .hd{ height:45px;background:url(../images/img07.png) repeat-x;}
.slideTxtBox .hd ul{ width:750px; margin:0 auto;}
.slideTxtBox .hd ul li{ float:left; width:140px;line-height:37px; text-align:center; cursor:pointer; font-size:20px;color:#fff;}
.slideTxtBox .hd ul li.on{height:45px;background:url(../images/img06.png) no-repeat center;}

.slideTxtBox .bd {width:1200px; margin:0 auto;}
.slideTxtBox .bd div{ padding-top:25px; font-size:18px; line-height:36px;}


/****  我们能做什么  ****/

.i-service {height:930px;background:url(../images/ico12.png) no-repeat center;overflow:hidden;width: 100%;margin: 0 auto;}
.i-service li{position:absolute;cursor:pointer; width:100%;}
.i-service .pic{width:680px;margin:0 auto;position:relative;top: -22px;}
.i-service .pic li{}
.i-service .pic li a{display:block;}
.i-service .present{width:1400px;margin:0 auto;position:relative;}

.i-service .one{background:url(../images/ico26.png) no-repeat left top;width:250px;height:330px;left:80px;top:385px; z-index:100;}
.i-service .one a{width:250px;height:330px;}
.i-service .one:hover{background:url(../images/ico27.png) no-repeat left top;}

.i-service .two{background:url(../images/ico28.png) no-repeat left top;width:330px;height:315px;left: 155px;top:465px;z-index:90;}
.i-service .two a{width:330px;height:315px;}
.i-service .two:hover{background:url(../images/ico29.png) no-repeat left top;}

.i-service .three{background:url(../images/ico30.png) no-repeat left top;width:355px;height:190px;left:265px;top:582px;z-index:80;}
.i-service .three a{width:355px;height:190px;}
.i-service .three:hover{background:url(../images/ico31.png) no-repeat left top;}

.i-service .four{background:url(../images/ico32.png) no-repeat left top;width:250px;height:340px;left:391px;top:295px;z-index:70;}
.i-service .four a{width:250px;height:340px;}
.i-service .four:hover{background:url(../images/ico33.png) no-repeat left top;}

.i-service .five{background:url(../images/ico34.png) no-repeat left top;width:330px;height:300px;left:235px;top:232px;z-index:120;}
.i-service .five a{width:330px;height:300px;}
.i-service .five:hover{background:url(../images/ico35.png) no-repeat left top;}

.i-service .six{background:url(../images/ico36.png) no-repeat left top;width:350px;height:200px;left:90px;top:240px;z-index:110;}
.i-service .six a{width:350px;height:200px;}
.i-service .six:hover{background:url(../images/ico37.png) no-repeat left top;}

.i-service .Text{position: absolute;}
.i-service .Text span{font-size: 12px;color: #fff; line-height: 18px; display: block;width: 220px;}
.i-service li:hover .Text span{}
.i-service .one .Text{padding:6px 63px 0 6px;width:220px;height:51px;right:190px;top:180px;background: url(../images/arrow_04.png) no-repeat center right;}
.i-service .two .Text{padding:6px 63px 0 6px;width:230px;height:50px;right:170px;top:280px;background: url(../images/arrow_04.png) no-repeat center right;}
.i-service .three .Text{padding:0 6px 0 70px;width:240px;height:50px;left:220px;top:120px;background: url(../images/arrow_03.png) no-repeat left bottom;}
.i-service .four .Text{padding:0 6px 0 56px;width:262px;height:82px;left:190px;top:80px;background: url(../images/arrow_01.png) no-repeat left bottom;}
.i-service .five .Text{padding:0 6px 0 56px;width:262px;height:80px;left: 140px;top:-48px;background: url(../images/arrow_01.png) no-repeat left bottom;}
.i-service .six .Text{padding:0 60px 0 8px;width:276px;height:105px;right:230px;top:-20px;background: url(../images/arrow_02.png) no-repeat left bottom;}

/****  选择我们的理由  ****/

.i-yingxiaosp { height:475px;background: url(../images/i-tgb001.jpg) no-repeat center top;}
.i-yingxiaosp ul li{ padding-top:50px; float:left;text-align:center; color:#fff;}
.i-yingxiaosp ul li h3{ font-size:28px; padding-bottom:25px;}
.i-yingxiaosp ul li p{ font-size:20px; line-height:200%;}
.i-yingxiaosp ul li p span{color:#f66c0c; text-decoration:underline; font-size:28px;}

.i-yingxiaosp ul li.tc1{ width:350px; }
.i-yingxiaosp ul li.tc2{ width:470px; }
.i-yingxiaosp ul li.tc3{ width:350px; }




.reasonBox{}
.reasonBox li {width: 240px;float: left; cursor:pointer;height:320px;}
.reasonBox li .number {background:#333;width:200px;height:250px;margin:0 auto; margin-top:30px;box-shadow: 0 0 20px #898585;}
.reasonBox li h3{color: #fff;font-size: 18px;line-height:28px; padding:7px 0;text-align:center;font-weight:normal;}
.reasonBox li p{display: none;border-top: #D5D5D5 1px solid;padding: 12px 10px;line-height: 170%;margin-top:15px;}
.reasonBox li a.det{display: none;height: 23px;line-height: 23px;font-weight: 700;color: #fff;background: #FD7820;text-align: center;}

.reasonBox li.hover .main {position: relative;width: 240px;height:450px;left:0px;top:0px;padding: 2px 10px 0;background: #fff; box-shadow: 0 0 20px #898585; z-index: 10;}
.reasonBox li.hover p {display: block;}
.reasonBox li.hover a.det { display: block;}

/****  秦智轩案例  ****/

.i-case { background:#fffff; height:520px; z-index:10;}

.i-case .hd{ width:600px; margin:0 auto; height:45px; padding:40px 0;}
.i-case .hd ul{}
.i-case .hd ul li{ float:left;width:120px; cursor:pointer; text-align:center;height:45px; line-height:45px; font-size:16px;}
.i-case .hd ul li.on{   background:#f66c0c; color:#fff;}

.i-case .bd ul{}
.i-case .bd li{width:270px;height:160px;position: relative; float:left; margin:0 13px 20px 13px;overflow: hidden;}
.i-case .bd li img{display: block;width:270px;height:160px;transition: all 0.3s linear 0s;}
.i-case .bd li span{background:url(../images/rf_07.png) repeat; font-size:14px;color:#fff;position: absolute;left: 0px;bottom: 0px; display: block;width:270px;text-align: center;line-height: 36px;}
.i-case .bd li:hover img{transform: scale(1.08);}



/****  知名合作企业  ****/

.i-partner {}
.i-partner .cd { width:70px;float:left;}
.i-partner .cd .next{margin-top:130px; display:block; width:70px; height:70px; background:url(../images/icon38.png) no-repeat;cursor:pointer;}

.i-partner .bd { width:1060px; float:left;}
.i-partner .bd ul{}
.i-partner .bd ul li{width:149px;float:left;margin:0 10px 20px 15px;overflow: hidden;border:1px solid #ddd;}
.i-partner .bd ul li img{display: block;width:149px;height:149px;transition: all 0.3s linear 0s; }
.i-partner .bd ul li:hover img{transform: scale(1.08);}
.i-partner .gd {width:70px;float:left;}
.i-partner .gd .prev{margin-top:130px; display:block; width:70px; height:70px; background:url(../images/icon39.png) no-repeat;cursor:pointer;}



.i-liucheng {background:#eee; height:200px; padding:40px 0;}

.i-liucheng .lc-t { width:130px;float:left; border-bottom:2px solid #f66c0c; font-size:20px; font-weight: normal; padding-bottom:10px; text-align:center;}
.i-liucheng .tz2 { width:295px;margin-left:40px;}
.i-liucheng .tz3 { width:310px;margin-left:110px;}
.i-liucheng .tz4 { width:210px;margin-left:90px;}

.i-liucheng ul li.t1{width:97px;float:left; text-align:center; font-size:16px;}
.i-liucheng ul li.t1 span{ display:block;}

.i-liucheng ul li.t2{width:40px;float:left; text-align:center; margin-top:30px;}

.i-news { padding-bottom:50px;}
.i-news ul li { width:580px; float:left; margin:0 10px;}
.i-news dl{ font-weight:normal; height:110px;}
.i-news dl dt { width:100px; float:left; background:#eee; text-align:center; padding:0px 0; margin-right:10px;}
.i-news dl dt .t1{ font-size:18px;}
.i-news dl dt .t2{ font-size:14px;font-weight:normal;}
.i-news dl dd {float:left;width:80%;}
.i-news dl dd .t1{ font-size:18px; padding-bottom:10px;}
.i-news dl dd .t1 a{ color:#333;}
.i-news dl dd .t1 a:hover{ color:#C00;}
.i-news dl dd .t2{ font-size:14px;font-weight:normal;color:#999;}



.i-news .i-btn a{ width:120px; margin:0 auto; display:block; height:36px; line-height:36px; text-align:center; border:1px solid #f66c0c; border-radius:36px; color:#f66c0c;}
.i-news .i-btn a:hover{ background:#f66c0c;color:#fff;}




.ban{ width:100%; height:auto; overflow: hidden; text-align:center; margin-top:110px;}
.ban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.warpban{ width:100%; height:auto; overflow: hidden; text-align:center;  }
.warpban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.caseTop{height:70px;background:#ea611a url(../images/hexagon.png);color:#FFF;text-align:center; position:relative; display:block;}
.caseTop a{height:70px;line-height:70px;color:#FFF;font-size:16px;margin-right:50px;display:inline-block}
.caseTop a.hover{background:url(../images/ctbg.jpg) no-repeat bottom center}



.l-wsp-ta { padding:40px 0;}
.l-wsp-tb {height:140px;background:url(../images/hy10.jpg) no-repeat top center; text-align:center; color:#fff; font-size:20px; line-height:40px; padding-top:60px;}

.l-wsp-tc {height:140px;background:url(../images/hy11.jpg) no-repeat top center; text-align:center; color:#fff; font-size:20px; line-height:40px; padding-top:60px;}

.l-wsp-td {padding:70px 0;}
.l-wsp-td ul{}
.l-wsp-td ul li{ width:300px; height:530px; background:#fff;box-shadow:0px 0px 20px #999; margin:0 50px; float:left;}


/*about us*/

.container{ width:100%;height:auto; overflow: hidden; }
.w1200 { width:1190px; margin:0 auto; }
.pt50{padding:50px 0;}

.w1200 .title1{ width:200px; height:55px;clear: both;  color: #989898;font-size: 18px; padding-bottom:40px;}
.w1200 .title1 span{ display:block; color:#ff5601; font-size:24px;border-top:1px solid #f3f3f3; }

.playBox {overflow:hidden;}
.playBox .play_v { float:left;width:750px; overflow:hidden; }
.playBox .play_v li { float: left;width: 350px; margin: 0 45px 27px 0; }
.playBox .play_v li:nth-child(2){ margin-right:0; float:right;}
.playBox .play_v .divimg{ width: 350px;height:220px; background-size: cover;}
.playBox .play_v .title {font-size: 24px;color: #7c7c7c; height: 35px; line-height: 35px; text-align: center;  text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;}
.playBox .des_info{ width:440px; float:left;  overflow:hidden;}
.playBox .des_info ul{width:440px;margin-left:85px; float:left; overflow:hidden;}
.playBox .des_info ul .icon_i{background:url(../images/icon_i.png) no-repeat left center;width:440px; line-height: 50px; height: 50px;overflow: hidden;color: #2e2e2e;   font-size: 28px; font-weight:bold; display: block; text-indent: 50px;}

.playBox .des_info li span{ font-size:21px; color:#999999; display:block; line-height:40px; text-indent: 20px;}
.playBox .des_info ul .info{font-size:14px; color:#999999;line-height:26px; margin-left: 20px; }  
.playBox .des_info ul .mor{background: #ff8400; width: 100px; height: 30px; margin:30px 0 10px 20px; text-align:center;display: block; color: #fff;  border-radius: 5px;line-height: 30px;}

.about_us{ width:100%; height:150px; background-color:#2f2f2f;}
.au_c {width: 100%; text-align: center; font-size:12px; color: #fff;  overflow: hidden; padding:19px 0px; line-height: 28px;}

.abtv{ width:100%; position:relative; display:block; background:url(../images/qzxbg.jpg) no-repeat center top; min-height:580px; }
.abtv .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }
.abtv .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px;color: #f2f2f2; font-weight: normal;letter-spacing:8px;}
.abtv .infotxt h3 span{ font-size:45px;}

.infotxt .title1{ width:200px; height:55px;clear: both;  color: #f2f2f2;font-size: 18px; padding:45px 0 40px 0;}
.infotxt .about_txt{ width:720px; float:right;}
.infotxt .about_txt .abt_t{font-size: 14px;color: #fff; line-height:24px; padding:35px 0 30px 0; display: block; border-bottom:1px solid #f2f2f2;}
.infotxt .about_txt .col1{background:url(../images/col1.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px; margin-top:30px;}
.infotxt .about_txt .col2{background:url(../images/col2.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px;}
.infotxt .about_txt .col3{background:url(../images/col3.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;text-indent:40px;}
.infotxt .title1 span{display:block; color:#f2f2f2; font-size:24px; }

.listItem{ width:100%;height:auto; overflow: hidden; }
.listItem .casext{width:700px; height:100px; margin:0 auto; position:relative; background:url(../images/xitg.png) no-repeat center;  margin-top:50px;}
.listItem .casext span{ width:700px; height:100px;  vertical-align:middle; display:table-cell;}
.listItem .casext span img{ max-width:700px; max-height:100px; margin:0 auto; display:block;}
.listItem .seve2{ text-align:center; line-height:30px; height:30px; font-size:13px; color:#999;}

.listItem ul{ width:1190px; margin:0 auto;overflow: hidden; padding:60px 0px 80px;  }
.listItem ul li{ float:left; width:100px; height:200px; text-align:center; margin-right:80px; }
.listItem ul li:nth-child(7){ margin-right:0; float；right;}
.listItem ul li .icon { width: 90px;height:90px; margin: 0 auto;}
.listItem ul li img{ max-width:90px; max-height:90px; display:block; margin:0 auto;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.listItem ul li:hover img{ cursor:pointer; -webkit-filter: grayscale(1%); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter:;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.listItem li span{font-size: 24px; padding: 0px 0 10px; display: block;  color: #ff982b;}
.listItem ul li p {width: 90px;line-height: 28px;font-size: 18px;  color: #9f9f9f; margin: 0 auto; }

.abcre{ width:100%; position:relative; display:block; background:url(../images/abt_cre.jpg) no-repeat center top; min-height:390px; }
.abcre .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }
.abcre .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px; text-align: center;color: #fc8730; font-weight: normal;letter-spacing:8px;  padding-top: 40px;}
.abcre  .infotxt h3 span{ font-size:45px;}
.abcre .creat {width:1190px; margin:0 auto;overflow: hidden; margin:40px 0;}
.abcre .creat li{ float:left; width:220px; height:300px; text-align:center; margin-right:100px; }
.abcre .creat li .icon1{width: 199px; height: 199px;margin: 0 auto;}
.abcre .creat li p{width: 199px;line-height: 28px;font-size: 16px;  color: #969696;     padding: 26px 0 10px; margin: 0 auto;}
.abcre .creat li:nth-child(4){ margin-right:0; float:right;}

.officeshow{width:100%;height:auto;margin:0 auto; overflow: hidden;}
.officeshow .imgshow{width:100%; text-align: center;overflow: hidden; }
.officeshow .imgshow li{float: left;  width: 33.3333333%; height:341px; overflow: hidden;}
.officeshow .imgshow li img{ display:block; width:100%; max-height:100%; }

.the_reason{ width:100%; position:relative; display:block; background:url(../images/qzx_footbg.jpg) no-repeat center top; height:616px; }
.the_reason .desc{width:1190px; margin:0 auto; overflow:hidden;}
.the_reason .desc p{ width:520px; height:200px; overflow:hidden; font-size:18px;  line-height:34px;color:#fff;   margin:0 auto; margin-top:305px; text-align:center;} 


.warp{ width:1100px; margin:0 auto 60px auto; padding:50px; display:block; background:#fff;}


.newsdox h4 { text-align: center; font-size: 28px; line-height: 1.2; color: #222; font-weight:400;}
.newsdox h4 em{ font-weight:normal; color:#747474; font-size:28px; }
.newsdox h4 span{font-family:"Arial"; font-size:28px; color:#222;}
.newsdox .line{ margin:20px auto; width:90px; height:3px; background-color:#fc680f;}
.newsdox h3 { text-align: center; font-size: 14px; margin-bottom: 7px;color: #888; font-weight:400; text-transform: uppercase;}
.article { font-size: 16px; line-height:2; min-height: 200px;    margin-top: 54px; color:#212121; }
.article img { max-width: 100%; height: auto !important; }


.pro_List{width:1212px; overflow:hidden;position:relative; margin:30px auto;}
.pro_List ul li {float: left; margin:0 10px 10px 0px; }
.pro_List ul li a img { width: 384px;height: 240px;border: 3px solid #fff; display: block;}
.pro_List ul li a img:hover{border:3px solid #ff5601;}


.customer{width:1212px; overflow:hidden;position:relative; margin:0px auto;} 
.customer li{ float:left;width:1200px;  padding:6px 0; border-bottom:1px dashed #d8d8d8 }
.customer li a{ float:left; width:1155px; padding:7px 0 7px 5px}
.customer li img{ float:left; width:280px; height:120px; padding:2px; border:1px solid #dcdcdc; background:#fff;}
.customer .nameli_r{float:left; height:120px; overflow:hidden; line-height:1.5; color:#595959;width:848px; margin-left:15px; padding:0 0 0 0;  }
.customer .nameli_rt{float:left;width:848px;font:16px/2 'Microsoft Yahei'; color:#333; }
.customer .nameli_rt .fl{  overflow:hidden; white-space:nowrap; width:848px;color:#333333 }
.customer p.namecontent{text-overflow:ellipsis; overflow:hidden; color:#a2a2a2; float:left; width:848px; line-height:22px; font-size:14px;  padding:0 0 0 0; }

/* huiyuan libao */

.hy-part1 {}
.hy-part1 ul{}
.hy-part1 ul li{ width:280px; float:left; margin:0 10px 20px 10px; text-align:center;}
.hy-part1 ul li .t2{ font-size:24px; padding:10px 0;}
.hy-part1 ul li .t3{ font-size:14px; line-height:24px;}

.hy-part2 { height:730px;background:url(../images/hy09.jpg) no-repeat top center; margin-top:30px;}


/*cost */

.cost{width:100%;height:auto; overflow: hidden;}
.cost .w1200{ height:160px;  margin-top: 60px;text-align:center; line-height:50px;}
.cost .w1200 .mainTitle1{ font-size:32px; font-weight:bold; color:#484848; }
.cost .w1200 .mainTitle2{ font-size:24px; color:#ccc; }

.picshow{width:100%;height:auto; overflow: hidden;}
.picshow ul li{width:100%;height:490px; overflow: hidden;}
.picshow ul li .img1{ float:left; width:43%; height:100%; }
.picshow ul li .img1 img{width:100%; min-height:100%;  }
.picshow ul li .firstpart{ float:right; width:57%; height:100%;  background-color:#484848; }
.picshow ul li .firstpart img{ padding:45px 0 0 57px;}
.picshow ul li .firstpart p{ font-size:14px; color:#ffffff; height:320px;  line-height:32px; padding:10px 0 0 67px; overflow:hidden;}
.picshow ul li .firstpart p a{font-size:14px;color:#ffffff;}
.picshow ul li .firstpart p a:hover{color:#e0e0e0;}
.picshow ul li .firstpart p:hover{cursor:pointer;  color:#e0e0e0;}
.picshow ul li.l1 .img1{ float:right;}
.picshow ul li.l1 .firstpart{ float:left; text-align:right; background-color:#ff8400; }
.picshow ul li.l1 .firstpart img{padding:45px 57px 0 0px;}
.picshow ul li.l1 .firstpart p{padding:10px 67px 0 0px;}

/*----  news  --*/

.article_list{  position:relative; padding:40px 0 0;}
.article_list ul li{margin-top:10px; margin-bottom:10px;padding-left:20px;padding-top:20px;cursor: pointer;border:1px solid #fff;padding-bottom:20px;transition: all 0.2s;}
.article_list ul li .fl{width:800px; float:left;}
.article_list ul li .title{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; display:block;}
.article_list ul li .intro{font-size:12px;color: #a2a2a2;line-height:22px; height:44px; overflow:hidden; display:block;}
.article_list ul li .fr{width:100px;position: relative; float:right;height:100%;/*background-color: #0f0;*/}
.article_list ul li .dse{color: #999999;}
.article_list ul li .md{font-size:18px;display: block;}
.article_list ul li .year{font-size:12px;display: block; padding-left:20px;}
.article_list ul li .more{margin-top:10px;padding:7px 14px;border-radius: 24px;border:1px solid #dbdbdb;display: inline-block;line-height:1;color: #ea5404;transition: all 0.5s;}
.article_list ul li:hover{border:1px solid #e9e9e9;box-shadow: 5px 10px 10px #eee;}
.article_list ul li:hover .more{background-color: #ea5404;color: #fff;border:1px solid #ea5404;margin-left:10px;}

/*----  products video  --*/

.slide{width:1212px; overflow:hidden;position:relative; margin:30px auto;} 
.slide ul li{display:inline;float:left;width:360px;height:183px; padding:0; margin:5px;overflow:hidden;}
.slide ul li img{width:360px;height:183px;}
.slide ul li img:hover{-webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%); filter: grayscale(1%); filter:;}
.slide ul a{display:block;width:360px;height:183px;overflow:hidden;color:#fff;}
.slide ul a:hover .pic-txt{color:#fff;}
.slide ul .pic-txt{display:block;bottom:-65px;position:relative;width:384px;height:65px;margin:-65px 0 0;padding:0 5px; font-size:14px; line-height:65px; font-weight:bold;text-align:center;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);cursor:pointer;}
:root .slide ul .pic-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000);}


/*---  VR  ---*/

.we_can_do {width: 1190px;height: 646px;margin: 0 auto;overflow: hidden;}
.we_can_do h3 {font-size: 40px;height: 118px;line-height: 118px;text-align: center;color: #ff5601;font-weight: normal;margin-top: 48px;background: url(../images/line.gif) no-repeat center bottom;}
.we_can_do .introduce {line-height: 24px;font-size: 14px;text-align: center;padding: 18px 0 44px;}
.can_do {width: 100%;min-width: 1190pxoverflow: hidden;}
.can_do li {float: left;width: 276px;text-align: center;margin-right: 21px;}
.can_do li .icon {width: 161px;height: 161px;margin: 0 auto;transition: 2s all ease;transform-origin: center center;}
.can_do li .icon:hover {transform: rotate(360deg);}
.can_do li .icon1 {background: url(../images/we_can_do_icon.jpg) no-repeat left 0px;}
.can_do li .icon2 {background: url(../images/we_can_do_icon.jpg) no-repeat left -161px;}
.can_do li .icon3 {background: url(../images/we_can_do_icon.jpg) no-repeat left -322px;}
.can_do li .icon4 {background: url(../images/we_can_do_icon.jpg) no-repeat left -483px;}
.can_do li span {font-size: 22px;padding: 26px 0 10px;display: block;color:#000000;}
.can_do li p {width: 250px;line-height: 24px;color: #666;margin: 0 auto;font-size: 14px;}
.no_margin {margin: 0;}

.network_exhibition {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	background: #232323;
}
.network_exhibition h3 {
	font-size: 40px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin: 50px 0 50px;
}



.network_exhibition_list_warp, .network_exhibition_list {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	margin: 0 auto;
}
.network_exhibition_list li {
	float: left;
	width: 16.666%;
	position: relative;
	overflow: hidden;
}
.network_exhibition_list li a {
	text-decoration: none;
	display: block;
	font-size: 0;
}
.network_exhibition_list li p {
	width: 100%;
	position: absolute;
	bottom: -46px;
	left: 0;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.8);
}
.network_exhibition_list li img {
	width: 100%;
}



.mob_area{ width:1200px; margin:30px auto; position:relative; display:block;}
.mob_area ul li{ width:370px; float:left; display:block; margin-right:45px;}
.mob_area ul li:nth-child(3n){ margin-right:0;} 


.mob-eye-bg{display:block;width:370px;height:220px;overflow:hidden;position:relative;cursor: pointer} 
.mob-eye-bg:hover img.mob-eye{top:50px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover img.mob-image{width:370px;} 
.pc-eye-bg:hover div.alpha-bg,.mob-eye-bg:hover div.alpha-bg{display: block} 
.mob-eye{position:absolute;left:125px;top:-120px;z-index:2}
.alpha-bg{position:absolute;width:100%;height:100%;top:0;left:0;display:none;background:url(../images/alpha.png) 0 0 repeat;z-index:1} 

.main_prm{width:100%;height:80px; display:block; line-height:80px; text-align:center; overflow:hidden; font-size:20px; color:#666}






.tesaxt{text-align: center; font-size: 30px; line-height: 1.2;margin-bottom: 7px;color: #7B7B7B;}
.time {text-align: center;font-size: 14px;color: #999; }
.arhds{font-size:14px; line-height:25px; min-height: 300px;  margin-top: 54px; color:#666;}
.arhds img{ max-width:100%;}

.otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.pageList { float: left; margin-left: 27px; padding: 12px 0; }
.pageList li { line-height: 32px; font-size: 14px; color: #333; }
.pageList li a { color: #333; }
.pageList li a:hover { color: #d51737; }

.otherTool { float: right; padding-top: 18px; }
.otherTool li { position: relative; float: left; width: 58px; text-align: center; cursor: pointer; }
.otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; padding-left:0px; background:none; margin:0px; float:none; }
.otherTool li.close { background: url(../images/icon36.png) center top no-repeat; }
.otherTool li.close a:hover{ background: url(../images/icon36s.png) center top no-repeat; }
.otherTool li.share { background: url(../images/icon37.png) center top no-repeat; }
.otherTool li.share a:hover{ background: url(../images/icon37s.png) center top no-repeat; }
.otherTool li.share:hover .shareBox { display: block; }
.otherTool li:hover a { color: #d51737; }
.otherTool li .shareBox { position: absolute; display: none; width: 150px; bottom: 56px; left: 0; border: 1px solid #ccc; background-color: #fff; }
.otherTool li .shareBox dt { line-height: 24px; border-bottom: 1px solid #ccc; background-color: #f1f1f1; font-size: 14px; text-indent: 10px; color: #333; text-align: left; }
.otherTool li .shareBox dd { padding: 10px; }


.page {clear:both;padding:15px 0; text-align:center;}
.page span{margin-right:5px;border:#C00 1px solid;color:#C00;padding:0px;height:25px;line-height:25px;padding:2px 0;background:#fff; display:none;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:6px 10px;background-color:#333;text-decoration: none;color:#fff;}
.page a:hover {background-color:#f90;}
.page a.current {background-color:#f90;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border:#115c93 1px solid;font-weight:bold;color:#fff;background:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background:#333;color:#fff;border:#06C 1px solid;}


.footWrap{ background:url(../images/foota.jpg) no-repeat top center;height:400px;}

.fnr{ width:380px; padding-top:140px; text-align:center; font-size:22px; line-height:36px;}
.fnr span{ color:#F00;}

.code {width:260px;overflow:hidden; margin-top:50px;}
.code img{ display:block; width:260px; height:260px;}


.f_wz{ font-size:16px; line-height:32px; color:#fff; padding-top:110px; width:520px;overflow:hidden;}
.f_wz .t1 {background:url(../images/ico01.png) no-repeat ; text-indent:45px; margin-bottom:20px;}
.f_wz .t2 {background:url(../images/ico02.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t3 {background:url(../images/ico03.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t4 {background:url(../images/ico04.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}
.f_wz .t5 {background:url(../images/ico05.png) no-repeat ; text-indent:45px;margin-bottom:20px; width:50%;float:left;}


.copy { width:800px; margin:0 auto; text-align:center; border-top:1px solid #666; padding-top:20px; color:#fff;}
.copy a{color:#fff; text-decoration:underline;}

.newsb_b{width:100%; margin:0 auto; height:530px; background-color:#fff;}
.newsb_b .title_b{width:1004px; height:107px; margin:0 auto; margin-top:24px; background-image:url(../images/index_bg01.png); background-repeat:no-repeat; background-position:center;}
.newsb_b .title_b .zh{font-size:28px; line-height:28px; color:#999; padding-top:16px; text-align:center;}
.newsb_b .title_b .zh span{color:#00935a;}
.newsb_b .title_b .en{font-size:18px; line-height:18px; color:#ccc; padding-top:15px; text-align:center;}
.newsb_b .l_b{float:left; width:492px;}
.newsb_b .l_b .itema{float:left; width:236px; text-align:left;}
.newsb_b .l_b .itema+.itema{margin-left:20px;}
.newsb_b .l_b .itema .img_b{width:236px; height:190px; background-repeat:no-repeat; background-position:center; margin:0 auto; background-size:auto 100%;}
.newsb_b .l_b .itema .title{font-size:16px; line-height:16px; color:#999; padding-top:15px;}
.newsb_b .l_b .itema .intro{font-size:12px; line-height:22px; color:#999; padding-top:10px;}
.newsb_b .l_b .itema:hover .title{color:#ff7304;}
.newsb_b .r_b{float:right; width:600px; padding-left:100px;}
.newsb_b .r_b .itemb{text-align:left; display:block; height:100px;}
.newsb_b .r_b .itemb .time{width:68px; height:68px; border:1px solid #eee; float:left; font-family:arial; margin-top:15px;}
.newsb_b .r_b .itemb .time .day{font-size:34px; line-height:34px; text-align:center; color:#00935a; padding-top:6px;}
.newsb_b .r_b .itemb .time .year{font-size:12px; text-align:center; line-height:12px; color:#ccc; padding-top:8px;}
.newsb_b .r_b .itemb .info_b{width:407px; padding-left:15px; height:100px; float:left;}
.newsb_b .r_b .itemb .info_b .title{font-size:16px; line-height:16px; color:#757575; padding-top:18px;}
.newsb_b .r_b .itemb .info_b .intro{font-size:12px; line-height:22px; color:#999; padding-top:10px;}
.newsb_b .r_b .itemb:hover .time{background-color:#ff7304; border-color:#ff7304;}
.newsb_b .r_b .itemb:hover .time .day,.newsb_b .r_b .itemb:hover .time .year{color:#fff;}
.newsb_b .r_b .itemb:hover .info_b{background-color:#f5f5f5;}
.newsb_b .r_b .itemb:hover .info_b .title{color:#ff7304;}



/*在线留言*/
.me{ width:650px; height:25px; margin-left:20px; margin-top:15px; border-bottom:2px solid #0a52bf}
.me img{width:84px; height:20px}
.commentbox{width:650px; height:auto; margin-left:20px; margin-top:15px; overflow:hidden}
/*网站子页面留言*/
.commentbox table{ margin:0px auto; color:#666;}
.commentbox input{ background:#f9f9f9;border:1px groove #ccc;}
.commentbox textarea{ margin:0; padding:0; margin-top:5px;}
.right .submit{ background:#0a52bf; margin:0; padding:2px; color:#fff; margin-right:5px; border:none}
.right .reset{ background:#555; margin:0; padding:2px; color:#fff; border:none}	



.nerong{width:700px; height:auto; margin:0 auto; line-height:26px; padding:0; padding-top:5px; padding-bottom:35px; color:#666;overflow:hidden;}
.newscontent{margin:0px;  padding:0; padding-right:15px; overflow:hidden;}
.newscontent ul{margin:0;padding:0px;text-align:left;}
.newscontent li{line-height:28px; height:28px; border-bottom:1px dotted #999;}
.newscontent li a{padding-left:10px;float:left; text-align:left;line-height:28px; height:28px; background:url(../images/box_icon1.png) left center no-repeat}
.newscontent li span{text-align:right; float:right; color:#666; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
.t_page{ text-align:center; margin:0px; padding:10px 10px 10px 10px; line-height:30px; font-size:12px;}
.t_page a{ padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border-bottom-color:#dededc; border-left-color:#dededc; border-right-color:#dededc; border-top-color:#dededc; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-style:solid; border-left-style:solid; border-right-style:solid; border-top-style:solid;}
.t_page a:hover{ color:#196ba7; text-decoration:underline}
.ColorLink{ color:#333}



/*网站地图*/
.sitemap{ height:25px; line-height:25px;border-bottom:2px solid #999; width:667px; float:left; padding:0px; margin:10px auto;}
.sitemap span{ width:70px; height:25px; background:#0a52bf; font-size:12px; font-weight:bold;color:#FFF; text-align:center;float:left}
.link { width:667px; height:auto; float:left; margin:0 auto; padding:0; line-height:25px; height:auto; min-height:25px;}
.link a{ padding:0 10px; margin:0; color:#0a52bf}
.tags{width:657px; height:auto; min-height:25px; margin:0 5px; padding:0; float:left;}
.xiangq{ margin:0; padding:0;}
.xiang{width:680px; height:auto; margin-left:10px; margin-top:15px; overflow:hidden}
.xiang dt{width:172px; overflow:hidden; height:172px}
.xiang dt img{display:block;margin:0 auto;width:172px;height:172px; overflow:hidden;}
.xiang dd{ width:172px; height:30px; line-height:30px; padding:0px; margin:0; overflow:hidden;}
.xiang dd a{ color:#0a52bf}
.xiang dl { width:180px; height:205px; text-align:center; float:left; margin:0px 22px 0px 22px; padding:0;display:inline; background:url(../images/product.png) no-repeat;}