/* CSS Document */

/*banner*/


.banner {

	width: 100%;	
	float:left;
	position:relative;


}
.banner ul {

	width: 100%;

	


}
.banner ul li {

	width: 100%;	
	float:left;
	


}
.banner ul li img {

	width: 100%;
	height:500px;
	max-width: 1920px;
	min-width: 1180px;
	float:left;
	


}

/*数字按钮样式*/

.banner .num {

	overflow: hidden;

	height: 25px;

	position: absolute;

	bottom: 20px;

	zoom: 1;

	z-index: 3;

	left: 76.7%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

}

.banner .num li {

    width: 23px;

    height: 23px;

    line-height: 25px;

    text-align: center;

    font-weight: 400;

    font-family: "微软雅黑", Arial;

    color: #FFFFFF;

    background: #1479d7;

    margin-right: 10px;

    cursor: pointer;

    float: left;

}



.banner .num li.on {

	background:#ee7c1c;

} /*当前项*/

/*上一个  下一个*/

.banner .prev, .banner .next {

	display: none;

	width: 40px;

	height: 100px;

	background: url(/images/btn.png) no-repeat;

	position: absolute;

	top: 180px;

}

.banner .prev {

	left: 50%;

	margin-left: -635px;

}

.banner .next {

	right: 50%;

	margin-right: -635px;

	background-position: right

}

/*banner end*/


/*tedian*/

#tedian {

width: 100%;

height: 818px;

background:url(../image/fn_bg.jpg) center no-repeat;

}

.tedian {

width: 1180px;

margin: 0 auto;

position: relative;

padding-top: 32px;

}

ul.fannao {

    width: 350px;

    margin-top: 141px;

    margin-left: 671px;

}

.fannao li {

    height: 74px;

    line-height: 67px;

}

.fannao li p{ font-size:16px; color:#666;}

ul.td {

    margin-top: 151px;

    text-align: center;

    width: 1300px;

}

.td li {

    width: 216px;

    height: 233px;

    float: left;

    margin-right: 104px;

}

.td li p {

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    height: 140px; background:url(/images/tedian1_bg.png) top center no-repeat; padding-top:25px;

}

.td li span{ font-size:13px; color:#666; line-height:26px; display:block; text-align:left; margin-top: -16px;}



/*tedian*/

/*product*/

#product{ width:100%; height:auto; overflow:hidden; background:url(/images/pro_bg.jpg) top center no-repeat;}
.product .title {



    background: url(../image/case_tt.jpg) top center no-repeat;

}

.product {

    width: 1180px;

    height: 638px;

    padding: 0;

    margin: 30px auto;

}

.juedui_more{position: absolute;

    right: 0;

    top: 68px;

}



.product_left {

	width: 222px;	

	float: left; height:749px; border:1px solid #1479d7;
	overflow:hidden;

}

.cpzxtt {

    height: 86px;   

    background-color: #1479d7;
	margin-bottom: 10px;

}

.cpzxtt a {

    color: #fff;

    display: block;

    font-weight: 100;

    font-size: 24px;

    padding-top: 25px;

    padding-left: 24px;

}

.fenlei{ line-height:35px;}
.fenlei p{ height:40px; background:#1479d7 url(../image/product-arrowB.png) no-repeat 15px center; color:#fff; padding-left:38px; line-height:40px;}
.fenlei p a{ color:#fff;}
.fenlei>ul>li{ height:40px; line-height:40px; background:#e4e4e4 url(../image/product-arrowL.png) no-repeat 15px center; padding-left:38px; margin-bottom:1px;}

.fenlei>ul>li>a:hover{}

.product_right {

    width: 920px;

    float: right;

}

.r_more{ float:right;}

.product_right h4 {

    font-size: 18px;

    width: 920px;

    height: 30px;

    line-height: 30px;

    background: #fff;

    margin-bottom: 20px;

    border: 1px solid #1479d7;

}

.product_right>h4>ul>li.selected{ background:#1479d7; color:#fff !important;}



.tab_menu li {

    font-size: 16px;

    color: #333;

    width: 130px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    float: left;

    font-weight: 500; cursor:pointer;

}

.r_more a{ font-size:13px; font-weight:100; color:#eee; margin-right: 10px;}

.tab_box .hide{ display:none;}

.product1{ width:898px; height:220px; margin-bottom:40px;}

.product1_right{ width:573px; height:208px;}

.product1_right h5{ font-size:16px; border-bottom:1px dashed #9bb8d4; height:54px; line-height:54px; text-align:left;}

.product1_right p {

    font-size: 13px;

    color: #666;

    line-height: 24px;

    margin-top: 17px;

    height: 72px;

    overflow: hidden;

    margin-bottom: 20px;

}

.product1_img{ width:293px; height:221px; border:1px solid #bbb; padding: 4px;}

.product1_img a{ width:293px; height:221px; display:block; overflow:hidden;}

.product1_img img{ width:293px; height:221px; transition:all ease 100ms;}

.product1_img img:hover{ width:101%; height:101%; }

.ckxq{ width:101px; height:30px; line-height:30px; background:url(/images/btn_lan.png) no-repeat; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.ljzx{ width:101px; height:30px; line-height:30px; background:url(/images/btn_hong.png) no-repeat; display:inline-block;}

.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.product_show {

    width: 957px;

}

.product_show li {

    width: 204px;

    height: 228px;

    float: left;

    margin-right: 34px;

    margin-bottom: 15px;

}

.product_show li:hover .product_img img{ width:101%; height:101%; }

.product_show li h5 {

    height: 42px;

    line-height: 42px;

    text-align: center;

    margin-top: 1px;

}

.product_img a{ display:block;

  width: 195px;

    height: 188px;

    overflow:hidden;}

.product_img {

    width: 195px;

    height: 188px;

    padding:4px;

    border: 1px solid #cecece;

}

.product_img img{  width: 195px;

    height: 188px; transition:all ease 100ms;}



/*product end*/



.ckxq{ width:101px; height:30px; line-height:30px; background:#1479d7; display:inline-block;}

.ckxq a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}

.ljzx{ width:101px; height:30px; line-height:30px; background:#f99f20; display:inline-block;}

.ljzx a{ color:#fff !important; display:block; width:101px; height:30px; text-align:center;}





font{ font-style:normal; color:#0c63c4;}

.title {

 width: 1180px;

    height: 168px;

    text-align: center;

    font-weight: 100;

    font-size: 24px;

}

.title a {

    color: #333;

    font-size: 30px;

    font-weight: 600;

    display: inline-block;

    line-height: 102px;

}

.title p{ font-size:18px; color:#666; line-height:34px;}

/*case*/



#case{ width:100%;  height:686px;}

.case {



    width: 1180px;



    margin: 0 auto;



       padding-top: 50px; 



}



.case .title {



    background: url(../image/case_tt.jpg) top center no-repeat;

}





.case ul li {



    float: left;



    margin-left: 18px;



    position: relative;



    width: 285px;



    height: 218px;



    overflow: hidden;



    margin-bottom: 15px;



}



.case1{ width:574px; height:451px;overflow:hidden; position:relative;}



.case1 a {



    display: block;



  width:574px; height:451px;



    overflow: hidden;



}



.case1 img{ width:574px; height:451px; transition:all ease 300ms;}



.case1 h5 {



    height: 46px;



    background-color: rgba(0,0,0,.8);



    position: absolute;



    bottom: 0;



}



.case1 h5 a{ color:#ddd; line-height:46px;}







.case .img{ display:block; width:285px; height:218px; overflow:hidden; transition:all ease 300ms; }

.case .img img{  width:285px; height:218px; transition:all ease 300ms; }



.case2{ width:606px; height:475px;}



.case2 h5 {



    background-color: rgba(0,0,0,.8);



    position: absolute;



    bottom: 0px;



    left: 0;



    width: 100%;height:37px;



}



.case2 h5 a{ display:block; line-height:37px;}



.case ul li:hover>h5{bottom:0;}



.case2 h5 a{ color:#ddd;}

.case img:hover{ width:101%; height:101%;}

.case1 img:hover{ width:101%; height:101%;}



/*case end*/



/*banner1*/

#banner1 {

	width: 100%;

	height: 302px;

	background: url(../image/banner01.jpg) no-repeat 50%;

	margin: 0 auto; position:relative;

}

.banner1 {

	width: 1180px;

	height: 251px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.tantou1 {

    float: right;

    text-align: left;

    margin-top: 86px;

    position: absolute;

}

.tantou1 span {

    font-weight: 200;

    font-size: 18px;

    color: #fff;

    display: inline-block;

}

.tantou1 p {

    font-size: 30px;

    color: #fff;

    display: inline-block;

    font-family: fantasy;

    margin-right: 26px;

}

.tantou1 h5{ text-align:left; color:#fff; font-size:18px; font-weight:600;}

.btn1 {

    height: 35px;

    overflow: hidden;

    transition: all 100ms ease;

    display: inline-block;

    width: 110px;

    margin-top: 25px;

    border: 1px dashed #eee;

}

.btn1 a {

    color: #FFFFFF;

    display: block;

    text-align: center;

    font-size: 17px;

    line-height: 32px;

    font-weight: 100;

}

.btn1:hover {

	  border-radius: 10px;

}



/*banner1 end*/

/*banner2*/

#banner2 {

	width: 100%;

	height:309px;

	background: url(../image/banner02.jpg) no-repeat 50%;	

	margin: 0 auto;

}

.banner2{

	width: 1180px;

	height: 309px;

	padding-top: 1px;

	position: relative;

	padding: 0;

	margin: 0 auto;

}

.banner2 .tantou1 {

    margin-top: 122px;

}

.banner2 .tantou1 p{ font-size:24px;}

.banner2 .tantou1 .btn1{ margin-top:16px;}

/*banner1 end*/



/*reason*/

#reason {

    width: 100%;

    height: 1562px; overflow: hidden;  background: url(../image/ys_bg.jpg) 50% no-repeat; margin-top:45px;

}

.reason {

    width: 1180px;

    height: 1562px;

    padding: 0;

    margin: 0 auto;

    position: relative;

    color: #333;

  

}

.title2 {

    text-align: center;

    position: relative;

    background: url(../image/ys_tt.png) center no-repeat;

    width: 100%;

    height: 95px;

    margin-top: 72px;

}

.title2 a{ display:block; width:100%; height:96px;}

.title2 span {

    top: 100px;

    color: #333;

    text-align: center;

    font-size: 18px;

    font-weight: 100;

}

.reason ul li {

    width: 522px;

    position: absolute;

}

 

.reason ul li h5 {

    font-size: 24px;

    color: #333;

    text-align: left;

    font-weight: 100;

    line-height: 50px;

}

.reason ul li span {

    font-size: 14px;

    color: #1479d7;

    margin-bottom: 24px;

    display: block;

}

.reason ul li h5 img {

	margin-right: 10px;

}

.reason ul li p {

    font-size: 13px;

    line-height: 29px;

    position: relative;

    color: #666;

    left: -97px;

    top: 20px;

}



.ys1 {

    top: 257px;

    left: 103px;

}

.ys2 {

    top: 623px;

    right: -95px;

}

.ys3 {

    top: 936px;

    left: 101px;

}

.ys4 {

    top: 1250px;

    right: -103px;

}

span.ys_tel {

    color: #fff !important;

    margin-left: 143px;

    display: inline-block;

    padding-top: 7px;

}

.reason img{ position:absolute;}

.ys_img1 {

    top: 197px;

    right: 0px;

}

.ys_img2 {

    top: 542px;

}

.ys_img3 {

    top: 854px;

    right: 0px;

}

/*reason end*/
/*定制流程标志*/

.index_tips{width:1200px;height:86px;background:url(/images/index_tips.jpg) center center no-repeat;margin:50px auto 0 auto;}
.index_apply_con{width:1200px;height:286px;background: #f5f5f5;margin:20px auto 0 auto;}


.index_apply{background: #fff;border-top:2px solid #388b00;overflow: hidden;}
.index_apply .index_apply_l{width: 930px;height: 248px;background: url(/images/index_3.jpg) left center no-repeat;float: left;}
.index_apply .index_apply_l .index_apply_form{width: 576px;margin-top:60px;margin-left:350px;}
.index_apply .index_apply_l .index_apply_form label{position: relative;float:left;width: 266px;height: 36px;margin-right:19px;}
.index_apply .index_apply_l .index_apply_form li{height:36px;margin-bottom:20px;}
.index_apply .index_apply_l .index_apply_form h3{font-size:14px;color: #4c4c4c;font-weight: normal;}
.index_apply .index_apply_l .index_apply_form h3 em{color: #e91915;}
.index_apply .index_apply_l .index_apply_form .index_inp{float:left;width: 254px;height:34px;line-height:34px;padding-left:10px;  color: #999;border:1px solid #999999;}
.index_apply .index_apply_l .index_apply_form .select_label{display:block;float:left;width:122px;height: 37px;margin-right: 19px;}
.index_apply .index_apply_l .index_apply_form select{width:124px;padding:8px 0;border:1px solid #999;}
.index_apply .index_apply_l .index_apply_form .free_btn{display: block;float: left;width: 266px;height: 36px;margin-left:3px;line-height:36px;text-align:center;color: #fff;font-size:18px;font-family:"微软雅黑";background: #388b00;}
.index_apply .index_apply_l .index_apply_form .require_tips{position:absolute;left:0;bottom:-20px;}
.index_apply_con .brand_list a{display: block;float: left;width: 390px;height:130px;margin-left:20px;}
.index_apply_con .brand_list a:first-child{margin-left:0;}
.index_apply_con .brand_list a img{width: 390px;height:130px;} 
.index_apply_r{width:270px;float:left;display:inline-block;}
/*client*/

#client {

    width: 100%; height:508px; margin-top:20px;

}

.client .title {

    background: url(/images/client_tt.jpg) no-repeat center;

    height: 137px;

}
.client .title {



    background: url(../image/case_tt.jpg) top center no-repeat;

}



.client {

    width: 1180px;

    margin: 0 auto;background: url(/images/client_bg.jpg) no-repeat top center; padding-top: 14px;

}

.client .left_ad{ width:590px; height:331px; background:url(../image/client_img.jpg) center no-repeat;}

.client .left p {

    font-size: 30px;

    color: #ee7c1c;

    font-family: impact;

    width: 300px;

    text-align: left;

    margin-left: 56px;

    margin-top: 156px;

}

.client ul{ width:556px;}

.client ul li {

    width: 556px;

    height: 183px;

    overflow: hidden;

    margin-right: 76px;

}

.client_img {

    float: left;

    width: 213px;

    height: 139px;

    padding: 3px;

    border: 1px solid #bbb;

}

.client_img a{ display:block;

    width: 213px;

    height: 139px;

 overflow: hidden;}

.client_img img {       width: 213px;

    height: 139px; transition: all ease 500ms;

}

.client_img:hover img{ width:101%; height:101%;}

.client_text {

    width:315px; float:right;

}

.client_text h5{font-weight:600;}

.client_text h5 a {

    color: #333;

    display: block; font-weight:600; text-align:left;

}

.client_text h5 a:hover{}

.client_text p {

    color: #666;

    line-height: 24px;

    height: 45px;

    overflow: hidden;

    font-size: 14px;

    margin: 0 auto;

}

.tempWrap {

    height: 332px !important;



}

.about2 img.loadimg{ width:212px; height:136px;overflow:hidden;}

.ckxq{ width:77px; height:26px; background:url(/images/more2.jpg) no-repeat; margin-top:17px;}

.ckxq a{ display:block; width:77px; height:26px;}

.more_r{ float:right;}



.more_bg {

    width: 92px;

    height: 32px;

    background: #c82a2f;

    margin: 0 auto;

    margin-top: 16px;

    margin-right: -14px;

}

.more_bg a{ display:block; line-height:32px; text-align:center; font-size:14px; color:#fff;}

.more_bg:hover{ background:#eba94b;}

.ckgd {

    width: 46px;

    height: 42px;

    background: url(/images/more.png) no-repeat;

    margin: 0 auto;

    margin-top: -30px;

}

.ckgd a{ width:46px; height:42px; display:block;}

/*client end*/

.more_r {

	float: right;

}

.more_p{ width:80px; height:25px; position:relative;  text-align:center;  line-height:25px;}

.lx{width:80px; height:25px; position:absolute; border:1px solid #0c63c4; transform: skewX(-30deg);  

-o-transform: skewX(-30deg);  

-webkit-transform: skewX(-30deg);  

-moz-transform: skewX(-30deg);}

.more_p a{ color:#0c63c4;}

/*client end*/



/*about*/

#about{ width:100%; background:url(../image/about_bg.jpg) center no-repeat; height:450px;}


.about {

    width: 1180px;

    height: auto;

    padding: 0;

    margin: 0 auto;

    padding-top: 58px;

}

.about ul li {

    float: left;



}

.about1 {

    margin-left: 270px;

    margin-top: 51px;

}

.about2 {

    padding: 21px 76px;

    height: 228px;

    margin-top: 26px; position:relative; width:212px;

}



.about_t {

    width: 516px;

    height: 190px;

    overflow: hidden;

    margin-top: 20px; color:#fff;

}

.about_t h4 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-top: 12px;

}

.about_t span {

    height: 96px;

    overflow: hidden;

    display: block;

    line-height: 24px;

    margin-top: 14px;

}

.about_t h4 a{ font-size:18px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.about2 h4{ margin-bottom:33px;}

.about2 h5{ color:#fff; text-align:center;}

.about2 h4 a{ font-size:16px; color:#fff; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

em.t_l {

    position: absolute;

    top: 136px;

    left: 27px;

}

em.t_r {

    position: absolute;

    top: 136px;

    right: 27px;

}

/*about end*/




/*news*/

#news {

	width: 100%;

	height: 459px;

}

.news {

	width: 1180px;

	height: 500px;

	padding: 0;

	margin: 0 auto;

	padding-top: 55px;

}

.news_tt{ width:677px;}

.news_tt a{ font-size:24px; font-weight:100; color:#1479d7;}



.m_title {

	font-size: 15px;

	padding-right: 20px;

	font-weight: 100;

}

.xwdt {

	width: 726px;

	height: 428px;

}

.xwdt .m_title {  width: 726px;

}

.xwdt .m_title a {

	color: #333;

}



.news_box {

	padding: 10px 0;

}

.news_img {

	width: 279px;

	height: 159px;

	overflow: hidden;

	position: relative;

}

.news_img a {

	display: block;

}

.news_img a img {

	width: 279px;

	height: 159px;

}

.news_menu{ background:#FFF; height:32px; border:1px solid #1479d7;}

.news_menu>li {

    float: left;

    height: 32px;

    line-height: 32px;

    width: 100px;

    text-align: center;

}

.news_menu>li a{ color:#333;}

.news_menu>.selected{ background:#1479d7;}

.news_menu>.selected a{

	color:#fff;

}

.new1 {

    margin-top: 20px;

    width: 227px;

    height: 305px;

    float: left;

    position: relative;

    padding-right: 55px;

    border-right: 1px solid #DADADA;

}

.new1 h5{ text-align:left; margin-top:10px;}

.new1 h5 a{ font-weight:600; color:#333;}

.new1 p{ color:#666; line-height:24px; height:72px; overflow:hidden;}

.new1 a{ display:block;}

.new1 a img{    width: 227px;

    height:132px;}

.new1_left {

	width: 271px;

	height: 159px;

	overflow: hidden;

	float: left;

}

.new1_left img {

	width: 100%;

	height: auto;

}

.new1_right {

	width: 405px;

	height: 130px;

	float: right;

	padding-top: 5px;

	margin-right: 30px;

}

.new1_right h6 {

	font-size: 14px;

	line-height: 40px;

}

.new1_right p {

	line-height: 24px;

	height: 49px;

	overflow: hidden;

	color: #666;

	font-size: 14px;

}

.more_p a {

	color: #30a505;

	display: inline-block;

	margin: 10px 0;

	font-size: 14px;

}

.new1_right small {

	margin-top: 10px;

	display: block;

}

.new1_right small a {

	color: #0f3685;

	text-decoration: underline;

}

.line {

	width: 657px;

	height: 12px;

	border-bottom: 1px solid #DCDCDC;

}

.new2 {

	margin-top: 4px; width:393px; height:308px;

}



.new2 ul {

}

.new2 ul li { width:393px;

    height: 39px;

    float: left;

    border-bottom: 1px dashed #A2A7A0;

    position: relative;

    overflow: hidden;

}

.new2 ul li span {

	font-size: 14px;

	color: #999;

	float: right;

	display: inline-block;

	line-height: 40px;

}

.new2 ul li a {

	height: 39px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 39px;

	display: block;

	float: left;

	font-size: 13px; color:#333;

}

.new2 ul li a::before {

	content: "o";

	margin-right: 10px; font-weight:600; color:#1479d7;

}

.new2 ul li a:hover {

	color: #30a505;

}

.cjwt {

	width: 401px;

	height: 401px;

}

.cjwt_box {

    margin-top: 28px;

}

.cjwt_box>.r_more {

	position: relative;

	left: 20px;

	top: 16px;

}

.cjwt_tt{ width:401px;background:#FFF; height:32px; border:1px solid #1479d7;}

.cjwt_tt>a{ font-size:24px; font-weight:100; background:#1479d7; color:#fff; font-size:16px; display: inline-block;    height: 32px;

    line-height: 32px;

    width: 100px;

    text-align: center;}

.cjwt ul li {

	width: 100%;

	border-bottom: 1px dashed #826751;

}

.da {

	line-height: 24PX;

	height: 80px;

	padding-bottom: 16.5px;

	padding-top: 10px;

	color: #555;

	padding-left: 23px;

	overflow: hidden;

	position: relative;

	font-size: 14px;

}

.wen {

	margin-top: 15px;

}

.wen a {

	font-weight: 600;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-size: 14px;

}

.wen::before {

	content: url(../image/q.jpg);

	color: #C99968;

	font-size: 18PX;

	margin-right: 5px;

	margin-top: 15px;

}

.da::before {

	content: url(../image/a.jpg);

	color: #C99968;

	position: absolute;

	font-size: 18PX;

	margin-left: -22px;

}

/************文字滚动************/



.cjwt ul {

	height: 320px;

	overflow: hidden;

}

.r_more {

	float: right;

	line-height: 30px;

}

.r_more a {

	font-weight: 100 !important;

	font-size: 13px; color:#999;

}

.cjwt .m_title a {

	margin-left: 20px;

}

/*news end*/





/*links*/

#links {

    width: 100%; padding-bottom: 20px;

}

.yqlj_tt {

    width: 1180px;

    height: 47px;

    background: url(/images/links_bg.jpg) top no-repeat;

    font-size: 24px;

    color: #1479d7;

    line-height: 24px;

    float: left;

}

.links {

	width: 1180px;

	padding: 0;

	margin: 0 auto;

}

.links b {

	font-size: 36px;

	color: #4B9E2A;

	display: inline-block;

	text-align: center;

	line-height: 43px;

	width: 116px;

	height: 43px; font-weight:100;

}

.links a {

	display: inline-block;

	padding: 0px 17px;

	color: #666;

	line-height: 43px;

}

.links a:hover {

	color: #222;

	text-decoration: underline;

}

/*links end*/