/*代码初始化*/
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑", "黑体", "宋体";}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
a:hover{text-decoration:none;}


/*这是头部*/

.header{ width:1100px; height:86px; margin:0 auto; overflow:hidden;}
.header .logo{ margin-top:21px;  float:left;}


.nav-box { float:left; position:relative;z-index:1000; }
.nav-box ul { padding-top:12px; margin-left:70px;}
.nav-box ul li {list-style:none; float:left; font:16px/41px 微软雅黑; padding:0 25px; height:41px;}
.nav-box ul li a { margin:0 4px;color:#323233; line-height:60px;}
.nav-box ul li a:hover { text-decoration:none;}
.nav-box ul li.last { font-family:\5b8b\4f53; font-size:12px; padding-top:1px;}
.nav-box ul li.last a { color:#a2a2a1;}
.nav-box .nav-line { position:absolute; left:0; bottom:-17px; height:2px; line-height:2px; font-size:0; width:35px; background:#ff6400;}











.header form{ float:right;  margin-top:30px; position:relative;}
.header form .h_text{ width:110px; height:23px; border:1px solid #000; border-radius:10px; padding-left:5px; color:#CCC; font-size:12px; opacity:0; transition:0.3s; position:absolute; top:2px; left:-125px;}
.header form .h_btn{ width:25px; height:25px; border:none; background: url(../images/serch.png) no-repeat center;}









/*这是海报*/
.banner{ width:100%; height:702px; min-width:1100px; background:#000; position:relative;}
.banner .tu a{ display:block; width:100%; height:702px;}
.banner .tu li{ position:absolute; top:0; left:0; width:100%; height:702px; display:none;}


.banner .num{ position:absolute; bottom:10px; width:100%; text-align:center; font-size:0px;}
.banner .num li{ width:15px; height:15px; background:#fff; border-radius:50%; text-align:center; line-height:15px; color:#888; font-size:12px; display:inline-block; margin:0 5px; cursor:pointer;}
.banner .num li.on{ background:#ff6000; color:#fff;}

















/*这是品牌系列*/
.brand{ width:100%;min-width:1100px; height:873px;  margin:0 auto; overflow:hidden;}
.br_top{ height:98px; margin-top:75px; text-align:center;background: url(../images/xixian_1.png) no-repeat bottom center; position:relative;}
.br_top h3{ font-size:14px; color:#e2e2e2; font-weight:400; margin:0;}
.br_top h4{ font-size:30px; color:#000; font-weight:400; margin:0;}

.swiper-container {
    width: 100%;
    height: 775px; position:relative; top:0; left:0;

}  

.sw_left{ width:508px; height:549px; float:left; position:absolute; top:120px; left:150px;}



.sw_right{  width:430px; height:549px; float:right; position:absolute; top:120px; right:200px; overflow:hidden;}

.sw_right b{ display:block; width:287px; height:60px; background: url(../images/xixian-2.png) no-repeat center;}
.sw_right h4{ font-size:40px; font-weight:400; padding-left:100px;  box-sizing:border-box;}
.sw_right p{ font-size:14px; font-weight:400; color:#b5b5b5;padding-left:100px;  box-sizing:border-box;}
.sw_right h5{font-size:14px; font-weight:400; color:#4d4d4d; padding-top:15px; padding-left:100px;  box-sizing:border-box;}
.sw_right h5 span{font-size:14px; font-weight:400; color:#b5b5b5; padding-left:56px;box-sizing:border-box;}
.sw_right .br_box{ width:165px; height:45px; border:1px solid #ff6600; text-align:center; line-height:45px; color:#4d4d4d; margin-left:100px; margin-top:85px; transition:0.3s; cursor:pointer;}
.sw_right .br_box:hover{ background:#ff6600; color:#fff;}



/*这是关于我们*/
.about{ width:100%;min-width:1100px; height:772px; margin:65px 0 0; overflow:hidden;}
.about_c{ width:1100px; height:772px;margin:130px auto;}
.about_c .ab_top{ height:98px; margin-top:130px; text-align:center;background: url(../images/xixian_1.png) no-repeat bottom center;}
.about_c .ab_top h3{ font-size:14px;  color:#e2e2e2; font-weight:400; margin:0;}
.about_c .ab_top h4{ font-size:30px; color:#000;font-weight:400; margin:0;}


.about_c .ab_box{ width:1100px; margin:50px auto; float:left; }
.about_c .ab_box li{ width:350px; height:350px; background:#FFF;overflow:hidden; float:left; margin-left:24px; transition:0.3s; box-shadow:0 10px 20px #aaa;}





.about_c .ab_box li .icon{ display:block; width:60px; height:60px; background: url(../images/ab1.png) no-repeat center; padding-left:350px;  box-sizing:border-box; margin-top:40px;}

.about_c .ab_box li .icon_o{display:block; width:60px; height:60px; background: url(../images/ab2.png) no-repeat center; padding-left:350px;  box-sizing:border-box; margin-top:40px;}


.about_c .ab_box li .icon_t{display:block; width:60px; height:60px; background: url(../images/ab3.png) no-repeat center; padding-left:350px;  box-sizing:border-box; margin-top:40px;}










.about_c .ab_box li h4{ text-align:center; color:#323232; font-size:16px; font-weight:400;}
.about_c .ab_box li h5{text-align:center; color:#9e9e9e; font-size:14px; font-weight:400; text-transform:uppercase;}
.about_c .ab_box li p{ width:280px; margin-left:35px; margin-top:25px; text-align:center; color:#5d5d5d; font-size:12px; font-weight:400;}

.about_c .ab_box li div{ display:block; width:80px; height:30px; border:1px solid #ff6600; color:#666;margin-left:134px; margin-top:40px; font-weight:400; text-align:center; line-height:28px; font-size:12px; cursor:pointer; position:relative;}

.about_c .ab_box li div i{display:block; position:absolute; background:#fff; transition:0.7s; opacity:0.3}
.about_c .ab_box li div .t{width:100%; height:2px;top:0;left:-100%}
.about_c .ab_box li div .b{width:100%; height:2px; bottom:0; left:100%}
.about_c .ab_box li div .l{width:2px; height:100%;top:-100%;left:0;}
.about_c .ab_box li div .r{width:2px; height:100%;top:100%;right:0;}










.about_c .ab_box li:hover{ background:#ff6600;}


.about_c .ab_box li:hover h4{ color:#fff;}
.about_c .ab_box li:hover h5{ color:#fff;}
.about_c .ab_box li:hover p{ color:#fff;}

.about_c .ab_box li:hover div{ color:#fff;}
.about_c .ab_box li:hover div i{opacity:1;}
.about_c .ab_box li:hover div .t{left:0}
.about_c .ab_box li:hover div .b{left:0}
.about_c .ab_box li:hover div .l{top:0;}
.about_c .ab_box li:hover div .r{top:0;}



.about_c .ab_box li:hover .icon{ background: url(../images/ab1_h.png) no-repeat center;}
.about_c .ab_box li:hover .icon_o{background: url(../images/ab2_h.png) no-repeat center;}
.about_c .ab_box li:hover .icon_t{background: url(../images/ab3_h.png) no-repeat center;}





/*这是产品展示*/
.pro{ width:100%;min-width:1100px; height:1100px;   background: url(../images/about_bg.jpg) no-repeat center; overflow:hidden;}
.pro .pro_top{ height:98px;  text-align:center;background: url(../images/xixian_1.png) no-repeat bottom center;}
.pro .pro_top h3{ font-size:14px;  color:#e2e2e2; font-weight:400; margin:0;}
.pro .pro_top h4{ font-size:30px; color:#000;font-weight:400; margin:0;}









.pro .pro_container{ margin-top:120px;}







/*这是服务流程*/
.service{ width:1100px; height:706px; margin:0 auto;}
.service .ser_top{ height:98px;  text-align:center;background: url(../images/xixian_1.png) no-repeat bottom center;}
.service .ser_top h3{ font-size:14px;  color:#e2e2e2; font-weight:400; margin:0; text-transform:uppercase;}
.service .ser_top h4{ font-size:30px; color:#000;font-weight:400; margin:0;}





















#move{ margin: 150px auto;  }
#move a{display: inline-block;
			width: 230px;
			text-align: center;
			margin: 10px 17px;
			position: relative;
			padding-top: 140px;
			color: #090909;
			font-size: 18px;
			text-decoration: none;
			line-height: 25px;
			overflow: hidden;
		
	}
#move a h4{ border-top:1px solid #000; padding-top:20px; color:#9d9d9d; text-transform:uppercase;}
#move a h5{color:#9d9d9d; font-weight:300; text-transform:uppercase;}	
	




#move a i{position: absolute;top: 12px;left: 0;display: inline-block;width: 100%;text-align: center;filter:alpha(opacity=100);opacity: 1;}
#move a:hover{color: #ff6600;}
#move img{border:none;width: 50%}










/*这是底部*/
.footer{ width:100%; min-width:1100px;height:660px; background:#f3f3f3;}
.footer .f_c{ width:1100px; height:660px; margin:0 auto; overflow:hidden; position:relative; top:0; left:0; }
.footer .f_logo img{ margin-top:70px;}



.footer .f_c .biaodan{ width:678px; overflow:hidden; float:left; }

.footer .f_c .biaodan .biaodanz{ width:325px; float:left; }
.footer .f_c .biaodan .biaodanz .fo_1 h4{ display:inline; color:#303030; font-size:18px; font-weight:100;}
.footer .f_c .biaodan .biaodanz .fo_1 .f_text{border: none; border-bottom:1px solid #808080; background:none; color:#666; font-size:14px; padding-left:10px; margin-top:70px; margin-left:9px;}

.footer .f_c .biaodan .biaodanz .fo_2 h4{ display:inline; color:#303030; font-size:18px;font-weight:100;}
.footer .f_c .biaodan .biaodanz .fo_2 .f_tel{border: none; border-bottom:1px solid #808080; background:none; color:#666; font-size:14px; padding-left:10px; margin-top:94px;}

.footer .f_c .biaodan .biaodanz .f_button{ width:678px; height:50px; background:#ff6700; border:none; font-size:18px; margin-top:118px; color:#fff;}




.footer .f_c .biaodan .biaodanr{ width:353px; float:right;  margin-top:55px;}


.footer .f_c .biaodan .biaodanr .fo_3 h4{color:#303030; font-size:18px;font-weight:100;}
.footer .f_c .biaodan .biaodanr .fo_3 .f_text1{background:none; color:#666; font-size:14px; padding-left:10px; width:345px; height:105px; border:1px solid #808080;}





.footer .f_c .f_right{ width:322px; float:right; margin-left:100px; overflow:hidden;}
.footer .f_c .f_right h4{ margin-top:70px; font-size:16px; color:#303030; font-weight:100;}
.footer .f_c .f_right .f_b{ margin-top:28px;}
.footer .f_c .f_right .f_b h5{ font-size:12px; color:#393939; font-weight:100;}

.footer .f_c .f_right .f_weixin{ width:238px; overflow:hidden; margin-top:35px;}

.footer .f_c .f_right .f_weixin .f_wl{ float:left;}
.footer .f_c .f_right .f_weixin .f_wr{ float:right;}


.footer .f_c .f_right .f_icon li{ float:left; margin-left:65px; margin-top:52px;}
.footer .f_c .f_right .f_icon li:nth-child(1){ margin-left:0;}


.footer .f_c .banquan h1{ font-size:12px; color:#000; position: absolute; top:625px; left:311px;font-weight:100;}

.footer .f_c .banquan h1 a{font-size:12px; color:#000;font-weight:100;}
/*.footer .f_c .biaodan .fo_1 h4{ display:inline; color:#303030; font-size:18px;}
.footer .f_c .biaodan .fo_1 .f_text{border: none; border-bottom:1px solid #808080; background:none; color:#666; font-size:14px; padding-left:10px; margin-top:70px;}


.footer .f_c .biaodan .fo_2 h4{ display:inline; color:#303030; font-size:18px;}
.footer .f_c .biaodan .fo_2 .f_tel{border: none; border-bottom:1px solid #808080; background:none; color:#666; font-size:14px; padding-left:10px; margin-top:94px;}

.footer .f_c .biaodan .fo_3{ float:right;}
.footer .f_c .biaodan .fo_3 h4{ display:inline; color:#303030; font-size:18px;}
.footer .f_c .biaodan .fo_3 .f_text{border: none; border-bottom:1px solid #808080; background:none; color:#666; font-size:14px; padding-left:10px; margin-top:70px;}

*/


















/*这是内页关于我们*/

.ab_banner{ width:100%; min-width:1100px; height:295px; background: url(../images/ab_banner.jpg) no-repeat center;}


.xixian1{ width:100%; height:1px; background:#e8e8e8; position:relative; top:110px;}
.ab_c{ width:1100px; height:1200px; margin:0 auto; }

.ab_c .ab_l{ width:225px; float:left; overflow:hidden;}
.ab_c .ab_l .ab_box_1{ width:225px; height:110px; background:#474747; overflow:hidden;}
.ab_c .ab_l .ab_box_1 h4{ font-size:28px; margin:15px 0 0 25px;}
.ab_c .ab_l .ab_box_1 h5{ font-size:18px; font-weight:400; margin:0px 0 0 25px;}

.ab_c .ab_l ul{ margin-top:10px;}
.ab_c .ab_l ul a{ display:block; width:225px; height:70px; border-bottom:1px solid #dedddd; background:#fafafa;}
.ab_c .ab_l ul a{ color:#131313; font-size:22px; line-height:70px; padding-left:15px;}
.ab_c .ab_l ul a:first-child{ background:#ff6000; border-bottom:none;}
.ab_c .ab_l ul a:first-child { color:#fff;}



.ab_c .ab_l .ab_one{ width:225px; height:297px; background:url(../images/ab_one.jpg) no-repeat center; cursor:pointer; margin-top:73px;}

.ab_c .ab_l .ab_two{ width:225px; height:162px; background:url(../images/ab_two.jpg) no-repeat center; cursor:pointer; margin-top:12px;}

.ab_c .ab_l .ab_three{ width:225px; height:112px; background:url(../images/ab_three.jpg) no-repeat center; cursor:pointer; margin-top:12px;}






.ab_c .ab_r{ float:left; width:875px; overflow:hidden; }

.ab_c .ab_r .xiaozi{ width:130px; float:left; background:url(../images/ab_1.png) no-repeat center; margin-top:67px; margin-left:70px;}
.ab_c .ab_r .xiaozi a{ font-size:14px; color:#131313;}

.ab_c .ab_r .xiaozi1 a{ float:right; color:#131313; margin-top:67px; font-size:14px;}





.ab_c .ab_r .ab_nr{ margin-top:150px; }
.ab_c .ab_r .ab_nr h4{ color:#f3f3f3; font-size:48px; margin-left:100px; font-weight:100; text-transform:uppercase;}
.ab_c .ab_r .ab_nr h5{ color:#1a1a1a; font-size:28PX; font-weight:100; margin-left:100px;}


.ab_c .ab_r .ab_nr .ab_nr_t{ margin-top:35px;margin-left:100px; position:relative;}
.ab_c .ab_r .ab_nr .ab_nr_t p{ color:#1a1a1a; font-size:14px; padding-top:30px; text-indent:2em;}

.ab_c .ab_r .tu1{ width:774px; height:192px; background: url(../images/ab_nr1.jpg) no-repeat center; margin-left:100px; margin-top:54px;}


.ab_c .ab_r .ab_nr_b{ margin-top:35px;margin-left:100px; position:relative;}
.ab_c .ab_r .ab_nr_b p{ color:#1a1a1a; font-size:14px; padding-top:30px; text-indent:2em;}

.ab_c .ab_r .tu2{width:774px; height:192px;margin-left:100px; margin-top:54px;}
.ab_c .ab_r .tu2 .t_l{ width:298px; height:248px; float:left; background: url(../images/ab_nr2.jpg) no-repeat center;}
.ab_c .ab_r .tu2 .t_r{ width:298px; height:248px; float:right; background: url(../images/ab_nr3.jpg) no-repeat center;}