﻿@font-face{
            font-family:myFont;
            src:url('UnitedSansCond-Bold.otf'),url('UnitedSansCond-Bold.eot'),url('UnitedSansCond-Bold.woff'),url('UnitedSansCond-Bold.ttf');
        }/*Create By Lmx 2010-11-3*/
/*初始化*/
body,div,dl,dt,p,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
padding:0; 
margin:0; 
word-wrap:break-word;
-webkit-font-smoothing: antialiased; 
 }

*:focus {outline: none;}
ul,li {list-style:none}
body {
	color:#000;
	line-height:1.6;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	white-spac:nowrap;
	background:#000;
}
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 }
fieldset,img { 
 border: 0; 
 } 
address,caption,cite,code,dfn,em,th,var { 
 font-weight: normal; 
 font-style: normal; 
 } 
ol,ul { 
 list-style: none; 
 } 
caption,th { 
 text-align: left; 
 } 
h1,h2,h3,h4,h5,h6 { 
 font-weight: normal; 
 font-size: 100%; 
 } 
q:before,q:after { 
 content:''; 
 } 
abbr,acronym { border: 0; 
 }
.yh{font-family:"Microsoft YaHei"!important;font-family:"微软雅黑";}
.fta{font-family:Tahoma, Geneva, sans-serif;}

/*初始化*/
/*通用布局*/
.div {
	width:1400px;border:0px solid #f00;
	text-align:left;
	clear:both;
	margin: 0px auto;
}
.div1 {
	width:1400px;
	text-align:left;
	clear:both;
	margin: 0px auto;
}
.hack,.hack5,.hack10,.hack15,.hack20,.hack25,.hack7 {height:0px;line-height:0px;font-size:0px;clear:both;}
.hack5 {height:5px;}
.hack7 {height:7px;}
.hack10 {height:10px;}
.hack15 {height:15px;}
.hack20 {height:15px;}
.hack25 {height:25px;}
.l {float:left}
.r {float:right;clear:right}
.bor {border:1px solid #E7E9E8}
.more {float:right;margin-right:5px;}
.alignm {vertical-align:middle}
.clearfix{*zoom:1;}.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.ptre{position:relative;}
.ptab{position:absolute}
/*通用布局*/
/*通用字体*/
.b {font-weight:bold}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.f13 {font-size:13px}
.f12 {font-size:12px}
/*通用字体*/
/*通用颜色*/
a {color:#000;text-decoration:none}
a:hover {color:#f00}
.unline{text-decoration:underline}
.red,.red a {color:red}
.blue,.blue a{color:#0165A3}
.blue1{color:#017CCA}
.org,.org a {color:#f70}
.ored{color:#E20500}
.gray,.gray a {color:#aaa}
.green,.green a{color:green}
.hui,.hui a {color:#333}
.white,.white a{color:#fff}
.yel,.yel a{color:#FFF000;}
.blue1,.blue1 a{color:#008DCD}
.black{color:#000}
.c00{color:#B92235}
.c3{color:#333}
.c6,.c6 a {color:#666}
.bg0{background-color:#fff}
/*通用颜色*/
/*通用调用CSS*/
.disno{display:none}
.pr5{padding-right:5px}
.pl5{padding-left:5px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pd5{padding:5px}
.pd10{padding:10px}
.mr10{margin-right:10px}
.mt10{margin-top:10px}
.txtr{text-align:right}
.txtc{text-align:center}
.txtl{text-align:left}
.nobbor{border-bottom:none}
.nobor{border:none}
.co1,.co1 a{color:#F60}
.co2{color:#007787}
.f1{font-family:"Franklin Gothic Medium", Tahoma,Arial, Helvetica, sans-serif;}
.myft,.myft a{ font-family: myFont;}
/*  */
.logo{float: left;width:350px;padding-top:15px}
.rightbox{width:1045px;height: 90px;margin-left:350px}
.nav{border:0px}
.nav li{float:left;margin:0 25px;padding-top:25px;font-size:30px;}
.nav li a{font-size:30px;
	display: inline-block;
    color: #FFFFFF;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255, 255, 1)), to(rgba(93, 93, 93, 1)));
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;font-family:myFont}
.nav li a:hover,.nav li a.active{font-size:30px;
	display: inline-block;
    color: #FF9314;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255, 255, 1)), to(rgba(234, 135, 38, 1)));
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
.so{position:relative;}
.so input {border:1px solid #000;border-radius:20px;background:#fff;height:30px;line-height:30px;width:140px;padding:0 30px 0 20px;position:absolute;top:31px;}
.so input::placeholder {color:#aaa;
  color: #06099F;
  opacity: 0.5;
  font-weight: bolder;
}
.so div{ position:absolute;right:26px;top:34px}
.searchbtn{cursor:pointer}
.so div.searchbtn1{position:absolute;top:36px}
.nav .navso li{margin:0 15px}
.main{background:url(../imgs/mainbg.jpg) no-repeat #000 top center;height:1200px;}

.main-4-pro{height:426px;position:absolute;top:-40px;z-index:9;width:1400px}
.main-4-pro ul li{float:left;display:inline;width:350px;height:426px;}
.main-4-pro ul li a{display:block;width:350px;height:426px;color:#FF9313;font-size:36px;position:absolute;z-index:3}
.main-4-pro ul li a:hover{color:#fff; }
.main-4-pro ul li s{display:none}
.main-4-pro ul li strong{position:absolute;z-index:5;display:block;bottom:0;height:70px;text-align:center;width:350px;}
.main-4-pro ul li a:hover s{display:block;background:rgba(255,147,19,0.6);width:350px;height:426px;position:absolute;z-index:4}
.main-contact{position: absolute;top:550px}
.main-contact .right{height:470px;padding-left:40px;width:780px;position: relative}
.main-contact .right h3{font-size:60px; letter-spacing: 5px}
.main-contact .right h4{font-size:34px; letter-spacing:13px;line-height:34px;}
.main-contact .right h7{
	font-size: 18px;
	font-family: Montserrat;letter-spacing: 1px
}
.main-contact .hr{border-bottom:4PX SOLID #FF9313;width:70px;height:2px;line-height:2px;font-size:2px;margin-bottom:40px}
.main-contact .link{padding:40px 0;height:46px;}
.main-contact .link a{display:block;width:156px;height:46px;float:left;margin-right:30px;float: left;}
.main-contact .fb{background:url(../imgs/fb.png) no-repeat;}
.main-contact .in{background:url(../imgs/in.png) no-repeat;}
.main-contact .tw{background:url(../imgs/tw.png) no-repeat;}
.main-contact .more{display:block;width:162px;height:50px;background:url(../imgs/moreborder.png);position: absolute;bottom:0;left:40PX}
.main-pro .div h2{font-size:100px;position:absolute;z-index:1;}

 .swiper-container {
      width: 100%;
      height: 800px;
}
 .swiper-slide {
      background-position: center;
      background-size: cover;
    }

.slider2{width:100%;overflow:hidden;height:888px}

.learn{clear:both;background:url(../imgs/newsbg1.gif) no-repeat #242424 bottom left}
.learn .bg{padding:95px 0 70px 0;height:456px;background:url(../imgs/newsbg2.gif) no-repeat bottom right}
.learn .left,.learn .right{height:456px;width:699px;}
.learn .left{border-right:1px solid #000;}
.learn .right{border-left:1px solid #3a3a3a;text-align:right;}

.footer{border-top:10px solid #7e7e7e;padding-top:35px;background:#000}
.footerlink {line-height:24px;height:330px;}
.footerlink dl{float:left;width:350px;padding-left:10px}
.footerlink dt{font-size:34px;color:#FF9314;line-height:66px}
.footerlink dd a{font-size:19px;color:#7E7E7E;line-height:30px}
.footerinfo{margin-top:20px;float:left;width:520px;padding-top:20px;padding-bottom:10px}
.footerinfo p{padding-top:25px;color:#666;line-height:32PX}
.footerso{float:right;width:700px;margin-top:45px}
.footerso .inbox{width:201px;padding-left:11px;height:26px; float:left;margin-right:2px;}
.footerso .inbox .in{width:199px;background:#CFCAC4;height:27px;line-height:27px;;border:1px solid #FF9414}
.line{height:2px;position:absolute;width:1090px;bottom:20px;background-color:#262626}
.siteseal img{vertical-align:middle}
.footerso p{padding-top:10px}
.copy{margin-bottom:20px;line-height:32px;color:#333;padding-left:30px}

/* about */
.about-top {width:100%;height:531px;background:url(../imgs/aboutus.jpg) no-repeat}
.about-top-txt{padding:80px 0;background:#fff;font-size:30px;color:#000}
.about-m{background:url(../imgs/aboutusbg.jpg) repeat-y left;text-transform:uppercase}
.about-m .left{width:433px}
.about-m li{border-left:20px solid #FF7E02;line-height:24px;font-size:24px;color:#fff;margin-top:100px;padding-left:35px;font-family:Montserrat, Helvetica, sans-serif;font-weight:bold}
.about-m .div{background:url(../imgs/Aboutus1.jpg) no-repeat right;height:514px}
.about-m li.left-1{line-height:25px;font-size:20px;padding-top:45px;margin-top:0;text-align:center;width:420px;padding-left:0;font-weight:100}
.about{font-family: Montserrat}
.about-con1{background:url(../imgs/aboutusbg1.jpg) no-repeat right #FFF;padding-top:85px}
.about-con1 .div{background:url(../imgs/Aboutus2.jpg) no-repeat left;height:635px}
.about-con1 .div .text{padding-left:780px;font-size:18px;line-height:30px}
.about-con1 .div .img{padding:100px 0 0 780px}
.about-con2 {background:#fff;padding-top:85px}
.about-con2 .div{background:url(../imgs/Aboutus3.jpg) no-repeat right;height:635px}
.about-con2 .div .text{width:340px;padding-top:190px;font-size:18px;line-height:30px}
.about-con3 {background:url(../imgs/aboutusbg2.jpg) no-repeat left #FFF;font-size:18px;line-height:30px;padding-top:85px;height:635px}
.about-con3 .big{background:url(../imgs/aboutbg4.png) no-repeat 20px bottom;line-height:50px;font-size:36px; letter-spacing:2px;margin-bottom:15px}
.about-con4{padding:10px 0 150px 0;background:#fff}
/* about */
/* contact */
.contact{font-family: Montserrat}
.contact-top {width:100%;height:531px;background:url(../imgs/Contacts.jpg) no-repeat}
.contact-con1 {background:#fff;padding:85px 0 60px 0;}
.contact-con1 .div{background:url(../imgs/Contacts1.jpg) no-repeat right;height:700px;font-size:30px;line-height:50px}
.contact-con1 .big{font-size:36px}
.contact-con1 .big span{color:#FF9840}
.contact-con1 p{padding-top:50px}
.contact-con1 p.big{padding-top:0px}
.contact-con2 {font-size:18px;line-height:36px;background:#fff;padding:50px 0 0px 0}
.contact-con2 .div{border-top:1px solid #d9d9d9;padding-top:50px;}
.contact-con2 .big{font-size:30px;padding-bottom:30px}
.contact-con2 .text{width:380px}
.contact-con2 .link-ico{width:1020px;padding:90px 0 40px 0px}
.link-ico li{width:101px;text-align:right;float:left;padding-left:103px}
.link-ico li a{display:block;height:156px;widht:101px;}
.ico1{background:url(../imgs/ico1.png) no-repeat}
.ico2{background:url(../imgs/ico2.png) no-repeat}
.ico3{background:url(../imgs/ico3.png) no-repeat}
.ico4{background:url(../imgs/ico4.png) no-repeat}
.ico5{background:url(../imgs/ico5.png) no-repeat}
.contact-con3 {font-size:18px;line-height:36px;background:#fff;padding:50px 0 50px 0;height:265px;}
.contact-con3 .div{border-bottom:1px solid #d9d9d9;padding-bottom:50px}
.contact-con3 .big{font-size:30px;padding-bottom:30px}
.contact-con3 .text{width:380px}
.contact-con3 li{width: 25%;float:left}
.contact-con4 {background-color:#fff;padding:40px 0}
.contact-con4 .sendmsg{width:755px}
.contact-con4 .send1{font-size:36px;line-height:40px}
.contact-con4 .send2{font-size:24px;line-height:30px;color:#8C8C8C}
.contact-con4 td{padding-top:30px}
.contact-con4 .send3 td label{font-size:14px;line-height:30px;display: block;color:#8c8c8c}
.contact-con4 .send3 td input{font-size:18px;line-height:30px;border:none;border-bottom:1px solid #8C8C8C;background:#fff;color:#000;width:85%}
.contact-con4 .send3 td textarea{font-size:18px;line-height:26px;border:none;border-bottom:1px solid #8C8C8C;background:#fff;color:#000;width:93%;height:78PX}
.sendbtn{padding:30px 0}
.sendbtn input{background-color:#FF8E2C;color:#fff;font-size:18px;border-radius: 20px;width:180px;text-align: center;border:none;padding:10px 10px}
.contact-con4 .follow{width:500px;padding-left:140px;padding-top:30px}
.contact-con4 .follow p{font-size:18px;color:#8c8c8c;line-height:25px}
.contact-con4 .follow p.big{font-size:24px;color:#000;margin-bottom:30px}
/* contact */
/* subcompanies */
.subcompanies-con1,.subcompanies-con3{font-family:Montserrat}
.subcompanies-top{background:url(../imgs/Subcompanies.jpg) no-repeat;height:531px}
.subcompanies-con1{padding:50px 0;background:#fff}
.subcompanies-con1 .div{background: url(../imgs/sub1.jpg) no-repeat;height:461px}
.subcompanies-con1 .div .text{padding:100px 470px 0 50px;font-size:18px;color:#000;line-height:30px}
.subcompanies-con2,.subcompanies-con3,.subcompanies-con4{padding:10px 0 50px 0;background:#fff}
.subcompanies-con3 .div{height:520px}

.subcompanies-con3 .img{width:847px;height:513px}
.subcompanies-con3 .text{padding-left:900px;padding-top:165px;line-height:30px;background: url(../imgs/sub4.jpg) no-repeat right top;font-size:18px;}
.subcompanies-con4 li{width:25%;text-align:center;background:#000;float:left}
.subcompanies-con4 a{font-size:18px;color:#fff;display:block;border:3px solid #000;line-height:110px;letter-spacing: 1px}
.subcompanies-con4 a:hover,.subcompanies-con4  li.bggray a:hover{color:#FE7600;border-color:#FE7600}
.subcompanies-con4 li.bggray{background: #46454B;border-color: #46454B;}
.subcompanies-con4 li.bggray a{border-color: #46454B;}
.subcompanies-con4 a span{font-size:30px;font-style:italic;margin-right:20px;font-family: Montserrat,Arial, Helvetica, sans-serif;}
/* subcompanies */
/* solution */
.solution-top{background:url(../imgs/solution.jpg) no-repeat;height:531px}
.solution-con1{padding:50px 0;background:#fff;font-size:18px;line-height:30px;font-family: Montserrat}
.solution-con1 img{padding:50px 0}
/* solution */
/* news */
.news-top{background:url(../imgs/faq.jpg) no-repeat;height:531px}
.news-con1{padding:50px 0;background:#fff;}
.accordion {
 	width: 100%;
 	
 }
.accordion li{background: #f2f2f2;}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 30px;
	color: #353535;
	font-size: 18px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;margin-bottom:5px;
}
.accordion li i {
	position: absolute;
	top: 16px;
	right: 12px;
	background:url(../imgs/icoa.png) no-repeat;
	display:block;width:22px;height:17px
}

.accordion li.open i {
	background:url(../imgs/icob.png) no-repeat;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.submenu {
 	display: none;
 	font-size: 12px;
	padding:5px 30px 10px 30px;
	color:#8c8c8c;
	margin-bottom:5px;
 }

/* news */
.privacy-top{background:url(../imgs/privacy.jpg) no-repeat;height:531px}
/* marketing */
.marketing-top{background:url(../imgs/Marketing.jpg) no-repeat;height:531px}
.marketing-con1,.marketing-con2{padding:50px 0;background:#fff;;font-family: Montserrat}
.marketing-con1 .div{background:url(../imgs/Marketing1.gif) no-repeat left top;height:960px}
.marketing-con1 .text{background:url(../imgs/Marketing2.gif) no-repeat right 20px ;font-size:18px;line-height:30px;padding:180px 0 0 345px}
.marketing-con2 .div{background:url(../imgs/Marketing4.gif) no-repeat right 100px;height:660px}
.marketing-con2 .text{background:url(../imgs/Marketing3.gif) no-repeat left 0 ;font-size:18px;line-height:30px;padding-top:140px;width:400px}
.marketing-con3{background: #fff;padding-bottom:80px;font-family: Montserrat}
.marketing-con3 .left{width:1000px;background:url(../imgs/Marketing5.gif) no-repeat left 0 ;padding-top:140px}
.marketing-con3 .left .text{font-size:18px;line-height:30px;margin-bottom: 60px;width:690px;height:100px}
.marketing-con3 .right{width:400px;background:url(../imgs/Marketing6.gif) no-repeat left 160px ;padding-top:320px}
.marketing-con3 .right .text{font-size:18px;line-height:30px;padding-left:80px;}

.technology-top{background:url(../imgs/technology.jpg) no-repeat;height:531px}
.technology-img{background:url(../imgs/technology2.jpg) no-repeat center center #fff;height:666px}
.technology-con1,.technology-con2{padding:50px 0;background:#fff;font-size:18px;line-height:30px;font-family: Montserrat}

.product-top{background:url(../imgs/product.jpg) no-repeat;height:531px}
.product-con1{background:#fff;padding:50px 0;}
.product-con1 .left{background:url(../imgs/product2.jpg) no-repeat;padding-top:110px;width:391px}
.proCat{border:1px solid #f2f2f2;border-top:0;padding:40px 0}
.proCat dt {height:30px;line-height:50px;padding-left:30px;font-family: myFont;font-size:30px;}
.proCat dd {margin-bottom:40px;}
.proCat dd a{padding-left:30px; font-size:30px; line-height:30px;font-family:myFont;color:#000}
.proCat dd ul li {line-height:30px;}
.proCat dd ul li a {display:block;text-indent:8px;line-height:30px;font-size:18px;font-family:myFont;}
.proCat dd li a:hover{color:#FF8B00}
.proCat dd div{margin:0;padding:5px 0;}
.proCat  li a{color:#8c8c8c;}
.proCat dd ul ul li a{padding-left:40px; }
.proCat dd ul li ul li a:hover{color:#FF8B00}

.proCat dd ul li.actived1>a,.proCat  li.actived>a,.proCat li.actived a{color:#FF8B00}


.position,.position a{color:#7d7d7d;font-size:18px;font-style:italic;letter-spacing: 2px; word-spacing: 5px;}
.product-con1 .right{width:968px}
.position{background:url(../imgs/product3.gif) no-repeat bottom ;line-height:35px;margin-bottom:30px}
.position_txt{width:760px;height:35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proList dl {clear:both; height:310px;padding-top:15px;border-bottom:1px solid #f2f2f2; overflow:hidden;}
.proList dl dt {width:620px;float:right;line-height:90px;padding-top:20px }
.proList dl dt a {font-size:24px;font-family:Montserrat, Arial, Helvetica, sans-serif;font-weight:bold}
.proList dl dt a:hover{color:#FF9515}
.proList dl dd.pic {float:left; width:300px; height:300px;text-align:center;}
.proList dl dd.pic img {max-width:280px; max-height:280px;}
.proList dl dd.intro {float:right; width:620px;padding-left:40px;font-size:18px}
.proList dl dd.intro a:hover {text-decoration:none; color:#333}
.picbox{position:relative;width:300px;height:300px;margin:0 auto}
.pagebtn{padding:10px;width:580px;margin:0 auto;line-height:20px;height:20px;background:url(../images/line.gif) repeat-x bottom;}
.pagebtn a{margin-left:15px}
.pagebtn2{padding-bottom:10px;width:580px;margin:0 auto;line-height:14px;height:14px;}
.pagebtn2 a{margin-left:15px}
.pagebtn3{padding:10px;width:580px;margin:0 auto;line-height:20px;height:20px;background:url(../images/line.gif) repeat-x top;}
.pagebtn3 a{margin-left:15px}

.pagebar {padding-top:10px;height:20px;color:#7d7d7d;}
.pagebar a,.pagebar span{display: block;float:left; font-family:'Arial Black', Gadget, sans-serif;color:#000;width:35px;height:35px;line-height:35px;text-align:center;border:1px solid #ededed;font-family:Montserrat, sans-serif;}
.pagebar .n{width:80px}
.pagebar .on{background:#FF9414;border:1px solid #FF9414;color:#fff}
.pagebar ul{display: inline-block;}
.pagebar {text-align:center;}
.pagebar .no{border:none;background:none}
.content {padding:10px 0;  font-size:18px; line-height:150%; overflow:hidden; zoom:1;width:100%;margin:0 auto}
.proimg{}
.img-details{right:0;top:0;width:102px;height:850px;}
.img-details li{width:102px;height:102px;padding-bottom:20px}
.img-details li a{width:100px;height:100px;display:block;border:1px solid #e5e5e5}
.img-details li a.on,.img-details li a:hover{border:1px solid #FF7300;}
.img-list{left:0;bottom:0;width:968px;height:67px;}
.img-list li{width:150px;height:67px;float:left;margin-right:12px; position: relative}
.img-list li a{width:150px;height:65px;display:block;border:1px solid #e5e5e5;}
.img-list li a.on,.img-list li a:hover{border:1px solid #FF7300;COLOR:#FF7300;}
.img-list .text-table{position: absolute;width:80px;height:65px;display:table;overflow:hidden;top:0;right:2px;text-align:center;line-height:150%;font-size:12px}
.img-list .text-cell{display:table-cell;vertical-align: middle}
.proTitle {font:30px/30px myFont; padding:30px 0 50px 0;text-align: center}
.img-details img{width:100px;height:100px}
.img-list img{width:65px;height:65px}
.content .picbox{position:relative;width:802px;height:802px;width:100%}
.content .picbox img{max-width:800px;max-height:800px}



.tools{right:0;top:10px;width:200px}
.tools .next{display:block;width:60px;height:14px;background:url(../imgs/next.gif) no-repeat;float:left;}
.tools i{display:block;width:5px;height:14px;background:url(../imgs/line.gif) no-repeat center center;float:left;padding:0 20px;}
.tools .back{display:block;width:60px;height:14px;background:url(../imgs/back.gif) no-repeat;float:left}
