﻿
body { font-family:"微软雅黑";}
body, html,ul,a ,h1,span,p,h3,h4,li,img,dl,dt,dd{ margin: 0; padding: 0}
ul { list-style: none;}
a { text-decoration: none; }



.clear { clear:both; height:0; line-height:0; font-size:0;}
.box { width:1202px; margin:auto;}
.fl { float:left;}
.fr { float:right;}
.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer:after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;} 

/*头部*/
#top { width: 100%; margin:auto; border-bottom:1px solid #ccc;}
.top_line { background: #eb5404; height: 10px;}
.top_text { width: 1202px;  margin: auto; }
#logo { background:url(../img/logo.gif) no-repeat; width:190px; height:84px; float:left; }
#nav { float:right; height:84px; }
#nav ul { margin-top:37px;}
#nav li { float: left; width:130px; border-right:1px solid #ccc; height:15px; text-align:center; line-height:15px;}
#nav li:nth-of-type(7) { border:none; width:94px; margin-left:18px;}
#nav li:nth-of-type(1) { width:100px;}
#nav li a { color:#6e6d70; font-size:14px; display: block; transition:.5s;}
#nav li:hover a { text-decoration:underline; -webkit-transform:scale(1.2,1.2); } 
#nav li .active { color:#eb5404;}

/*轮播*/
#carousel { height:450px; }
#carousel li { width:100%; background:url(../img/carousel_li_img.gif) no-repeat;  height:450px; min-width:1202px;}

/*产品列表*/
.list { height:272px;}
.list li { float:left; width:240px; text-align:center; margin-top:66px; cursor:pointer; position:relative; transition:.5s; }
.list li em { display:block; width:1px; height:88px; position:absolute; right:0; top:30px; background:#eaeaea;}
.list li .img_wrap { height:100px;}
.list li img {}
.list li h1 { font-size:20px; color:#909090;}
.list li .active { color:#eb5404;}
.list li span { color:#bbb; font-size:10px; display: block;}
.list li:hover h1 { color:#eb5404; }

/*视频*/
.video { height:263px; padding:90px 0;}
.video .video_l { width:542px;}
.video .video_l h1 { color:#eb5404; font-size:30px;}
.video .video_l p { color:#626262; font-size:14px;  margin-top:32px; line-height:30px;}
.video .video_l a { transition:.7s; display:block; width:112px; height:30px; background:#eb5404; color:#fdf5f3; line-height:30px; text-align:center; margin-top:36px; border-radius:30px;}
.video .video_l a:hover { transform:scale(1.2,1.2);}
.video .video_r { width:568px;}
.video .video_r .video_box { width:568px; height:278px; background:url(../img/video_bg.gif) no-repeat; position:relative;}
.video .video_r .video_text { position:absolute; top:15px; left:61px; background:#000} 

/*新闻*/
.news { width:100%; margin:auto; background:url(../img/news_bg.gif) no-repeat; -background-size:contain; height:657px; padding-top:74px; margin-top:60px;}
.news .news_title { position:relative;}
.news .news_title h1 { font-size:30px; color:#eb5404;}
.news .news_title p { color:#626262; color:15px; margin-top:20px;}
.news .news_title span { background:#eb5404; display:block; width:40px; height:2px; padding-left:3px; margin-top:16px;}
.news .news_title a { transition:0.5s; position:absolute; right:0; top:55px; display:block; width:110px; height:30px; border-radius:30px; background:#eb5404; color:#fdf5f3; text-align:center; line-height:30px;}
.news .news_title a:hover { transform:scale(1.2,1.2);}
.news .news_text { height:466px; }
.news .news_text ul { margin-top:40px; height:466px; position:relative;}
.news .news_text .mask1 { position:absolute; top:0; left:400px; background:rgba(255,255,255,0.5); width:400px; height:234px;  opacity:0; filter:alpha(opacity=0); transition:.5s; z-index:-1;}
.news .news_text .mask2 { position:absolute; top:234px; left:0; background:rgba(255,255,255,0.5); width:400px; height:234px;  opacity:0; filter:alpha(opacity=0); transition:.5s; z-index:-1;}
.news .news_text .mask3 { position:absolute; top:234px; left:800px; background:rgba(255,255,255,0.5); width:400px; height:234px; opacity:0; filter:alpha(opacity=0); transition:.5s; z-index:-1;}
.news .news_text li { width:400px; height:234px; float:left;  position:relative; cursor:pointer; overflow:hidden}
.news .news_text li img{ width:400px; height:234px;}
.news .news_text li:nth-of-type(odd) { background:#fff !important; padding:0 34px; width:332px;}
.ie1 {float:left;padding:0 34px; width:332px !important;}
.news .news_text li h3 {height:20px; font-weight:normal; font-size:16px; color:#eb5404; margin-top:54px; overflow:hidden ;text-overflow: ellipsis;white-space: nowrap}
.news .news_text li p { font-size:14px; color:#707070; margin-top:18px;height:40px;line-height:20px; overflow:hidden}
.news .news_text li span { font-size:12px; color:#626262; margin-top:54px; display:block;}
.news .news_text li em { display:block; width:12px; height:8px; background:url(../img/news_text_a.gif) no-repeat; position:absolute; bottom:38px; right:38px; cursor:pointer;  background-position:0px 0px; transition:.5s;}
.news .news_text li:hover em { transform:scale(1.5,1.5);}


/*服务*/
.server { height:487px; padding:91px 0 95px 0;}
.server .server_l { width:644px; height:487px}
.server .server_l h1 { color:#eb5404; font-size:30px;}
.server .server_l p { color:#626262; font-size:14px;  line-height:30px; margin-top:40px; cursor:pointer;}
.server .server_l img { width:644px; height:302px; margin-top:30px; cursor:pointer;}
.server .server_r { width:462px; height:487px;}
.server .server_r ul { width:462px; height:487px;}
.server .server_r ul li { width:328px; height:123px; background:url(../img/server_r_bg.gif) no-repeat; padding-left:134px; padding-top:39px; cursor:pointer; }
.server .server_r ul li:nth-of-type(1){ background-position:0 0;}
.server .server_r ul li:nth-of-type(2){ background-position:0 -162px;}
.server .server_r ul li:nth-of-type(3){ background-position:0 -324px;}
.server .server_r ul li h4 { font-size:16px; color:#eb5404;}
.server .server_r ul li p { margin-top:10px; font-size:14px; line-height:30px; color:#626262;}
.server .server_r ul li span { color:#626262; font-size:14px; line-height:30px;  background:url(../img/server_r_icon.gif) no-repeat; padding-left:22px;}

/*终端形象*/
.c_img_wrap { width:100%; margin:auto; height:607px; background:url(../img/cimg_bg.gif) no-repeat;}
.c_img { height:455px; padding-top:70px; padding-bottom:82px;}
.c_img .c_img_title {}
.c_img .c_img_title h1 { font-size:30px; color:#eb5404;}
.c_img .c_img_title p { color:#626262; color:15px; margin-top:20px;}
.c_img .c_img_title span { background:#eb5404; display:block; width:40px; height:2px; padding-left:3px; margin-top:16px;}
.c_img .c_img_text { margin-top:80px; height:291px;}
.c_img .c_img_text ul {}
.c_img .c_img_text ul li { float:left; width:380px; height:291px; margin-left:16px; cursor:pointer;}
.c_img .c_img_text ul li:nth-of-type(1) { margin-left:auto;}

/*荣誉见证*/
.honor { height:569px; margin-top:86px;}
.honor .honor_title {}
.honor .honor_title h1 { font-size:30px; color:#eb5404;}
.honor .honor_title p { color:#626262; color:15px; margin-top:20px;}
.honor .honor_title span { background:#eb5404; display:block; width:40px; height:2px; padding-left:3px; margin-top:16px;}
.honor .honor_text { position:relative; margin-top:87px; overflow:hidden; width:1202px; height:292px;}
.honor .honor_text span { width:29px; height:78px; border-radius:29px; position:absolute; display:block; text-align:center; line-height:78px; background:#eb5404; color:#fdefe7; cursor:pointer; z-index:2;}
.honor .honor_text span:hover { background:#f5a981;}
.honor .honor_text span:nth-of-type(1) { left:0; top:58px;}
.honor .honor_text span:nth-of-type(2) { right:0; top:58px;}
.btn1 { left:0; top:58px;}
.btn2 { right:0; top:58px;}
.honor .honor_text .honor_ul_wrap { height:292px; width:1100px; overflow:hidden; position:absolute; left:50px;}
.honor .honor_text ul { height:292px; width:2200px; overflow:hidden; position:absolute;}
.honor .honor_text li { float:left; margin-left:50px; width:390px}
.honor .honor_text img {width:300px}

.picMarquee-left{ overflow:hidden; position:relative; overflow:hidden; width:1202px; height:320px; margin-top:87px; }
.picMarquee-left .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ width:29px; height:78px; border-radius:29px; position:absolute; display:block; text-align:center; line-height:78px; background:#eb5404; color:#fdefe7; cursor:pointer; z-index:2;}
.picMarquee-left .hd .next{ left:0; top:90px;  }
.picMarquee-left .hd .prev{ right:0; top:90px;}
.picMarquee-left .bd{   height:292px; width:1100px; overflow:hidden; position:absolute; left:50px;  }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; height:292px; width:2200px; }
.picMarquee-left .bd ul li{ text-align:center; float:left; _display:inline; width:390px }
.picMarquee-left .bd ul li img{ width:300px }


/*尾部*/
.foot_wrap { width:100%; margin:auto; height:295px; border-top:1px solid #e7e7e7;}
.foot_wrap .foot { margin-top:60px;}
.foot_wrap .foot dl { float:left; margin-left:90px;}
.foot_wrap .foot dl:nth-of-type(1) { margin-left:0;}
.foot_wrap .foot dt a { font-size:14px; line-height:30px; color:#626262;}
.foot_wrap .foot dd a { font-size:12px; line-height:30px;  color:#999;}
.foot_wrap .foot dd:hover a { text-decoration: underline;}
.foot_wrap .foot .foot_inf { float:right; text-align:right;}
.foot_wrap .foot .foot_inf img {width:100px}
.foot_wrap .foot .foot_inf  p{ font-size:14px; line-height:33.5px; color:#999; background:url(../img/foot_icon.gif) no-repeat 15px 5px;}
.foot_wrap .foot .foot_inf span { font-size:24px; line-height:54.7px; color:#f07124; font-family:Impact; margin-left:12px;}

.botton { width:100%; margin:auto; background:#eb5404; height:53px;}
.botton_text { line-height:53px; text-align:center; height:53px;}
.botton_text p,.botton_text span { font-size:12px;  line-height:30px; color:#fff; margin-top:15px;}
.botton_text p { float:left;}
.botton_text span { float:right;}
.botton_text span a{color:#fff}

/*侧边导航*/
.side { width:40px; height:202px; position:absolute; right:0; top:40%; position:fixed;}
.side ul { width:40px; height:202px;}
.side li { height:40px; width:40px;   border-radius:50%; background:rgba(235,84,4,0.8);   margin-top:10px;}
.side li a {    background:url(../img/side_bg.png); display:block; height:40px; width:40px; }
.side .side1 a { background-position:0 -7px;}
.side .side2 a { background-position:0 -57px;}
.side .side3 a { background-position:0 -106px;}
.side .side4 a { background-position:0 -154px;}




/**************/
		.slideBox{ width:1920px; height:448px; overflow:hidden; position:relative; left:50%;margin-left:-960px   }
		.slideBox .hd{ height:15px; padding:5px 0;overflow:hidden; position:absolute; left:50%;margin-left:-960px ; bottom:20px;width:100%; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center }
		.slideBox .hd ul li{ display:inline-block; margin:0 5px;  width:15px; height:15px; line-height:15px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1920px; height:448px; display:block;  }


.picScroll-left2{margin-top: 30px; width:1200px;position:relative;  }
.picScroll-left2 .hd{height:0px;width:1200px;  position:absolute;left:0;top:0}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ display:block;width:36px;height:64px; float:left;margin-left:-56px;margin-top:100px;overflow:hidden;cursor:pointer; background:url(../img/0-01.png) no-repeat -58px 0;}
.picScroll-left2 .hd .next{ background-position:-94px 0;float:right;margin-left:0;margin-right:-56px;  }
.picScroll-left2 .bd{width:1200px; overflow:hidden}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{float:left;width:380px;height:285px;margin-right:30px; overflow:hidden; text-align:center; background:#fff; }
.picScroll-left2 .bd ul li .pic{width:350px;height:255px;padding:15px;}
.picScroll-left2 .bd ul li .pic span{ display:inline-block; height:100%; vertical-align:middle }
.picScroll-left2 .bd ul li .pic img{ width:350px; height:255px; vertical-align:middle }
