@charset "utf-8";
/* CSS Document */
/* 起始样式 */
body{ margin:0; padding:0; font-family:"微软雅黑",arial; font-size:13px; color:#4c4c4c;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
a, a:hover, a:visited, li, li:hover, dd, dd:hover , p{ text-decoration:none; color:#4c4c4c; -webkit-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in; -ms-transition: color 0.5s ease-in; -o-transition: color 0.5s ease-in; transition: color 0.5s ease-in;}
ul,li{ list-style:none; margin:0; padding:0;}
img{ border:0 none; text-decoration:none;}
.clear{ clear:both; width:0; height:0;}
html{ overflow-x:hidden;}
/* 起始样式结束 */

/* 头部 */
img{ max-width: 100%;}
	.head{ display: none;}
	.mobile_hd{ display: block; width: 100%; border-bottom: 3px solid #c05b56; position: relative; z-index: 100;}
	.mobile_hd .logo{ width:40%; max-width: 144px; float: left; padding: 10px;}
	.mobile_hd .logo a{ display: block; width: 100%;}
	.mobile_hd .navbar{ background: #fff; height: 28px; padding: 10px;}
	.mobile_hd .menu{ width: 100%; height: 100%; display: none;/* -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);*/}
	.mobile_hd .menu.animate{ opacity: 1;/* -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);*/	}
	.mobile_hd .menu .menu-splitL , .mobile_hd .menu .menu-splitR{ position: absolute; overflow: hidden; top: 48px; left: 0; width: 100%; background: #fff; z-index: 100;}
	.mobile_hd .menu .menu-splitR{ left: 50%;}
	.mobile_hd .menu ul li{ list-style: none; /*opacity: 0;*/ width: 100%;/* -webkit-transition:all 150s cubic-bezier(0.000,0.995,0.990,1.000); -moz-transition:all 150s cubic-bezier(0.000,0.995,0.990,1.000); -ms-transition:all 150s cubic-bezier(0.000,0.995,0.990,1.000); -o-transition:all 150s cubic-bezier(0.000,0.995,0.990,1.000); transition:all 150s cubic-bezier(0.000,0.995,0.990,1.000);*/}
	.mobile_hd .menu ul li .menu_a1{ display: block; width: 100%; height: 30px; overflow: hidden; background: #ebebeb; color: #4d4d4d; line-height: 30px; border-bottom: 1px solid #fff;}
	.mobile_hd .menu ul li .menu_a2{ display: block; width: 100%; height: 30px; overflow: hidden; background: #ebebeb; color: #4d4d4d; line-height: 30px; border-bottom: 1px solid #fff;}
	.mobile_hd .menu ul li .menu_a3{ display: block; width: 100%; height: 30px; overflow: hidden; background: #f9f9f9; color: #4d4d4d; line-height: 30px; border-bottom: 1px solid #fff; padding-left: 12%;}
	.mobile_hd .menu ul li .current{}
	.mobile_hd .menu ul li .fa{ display: inline-block; float: left; width: 30px; height: 30px; margin-left: 2%; margin-right: 2%; overflow: hidden; background: url(../images/menu_icon.png) no-repeat;}
	.mobile_hd .menu ul li .fa-home{ background-position: 0px top;}
	.mobile_hd .menu ul li .fa-product{ background-position: -30px top;}
	.mobile_hd .menu ul li .fa-service{ background-position: -60px top;}
	.mobile_hd .menu ul li .fa-fa{ background-position: -90px top;}
	.mobile_hd .menu ul li .fa-news {    background-position: -205px top;}
	.mobile_hd .menu ul li .fa-about{ background-position: -120px top;}
	.mobile_hd .menu ul li .fa-contact{ background-position: -150px top;}
	.mobile_hd .menu ul li .fa-al {    background-position: -232px top;}
	.mobile_hd .menu ul li .menu_a1 span{ display: inline-block; float: left;}
	.mobile_hd .menu ul li .menu_a1 .fa-arrow{ display: inline-block; width: 20px; height: 30px; float: right; background: url(../images/menu_icon.png) no-repeat -180px top; margin-right: 3%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
	.mobile_hd .menu ul li.current .menu_a1 .fa-arrow{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
	.mobile_hd .menu ul li .menu_child{ display: none;}
	.mobile_hd .menu ul li .menu_child a{ border-bottom: 1px solid #ddd; display: block; line-height: 30px; padding-left: 10%; background: url(../images/dot1.png) no-repeat 6% center;}
	.mobile_hd .menu ul li .menu_child .submenu2 a{ padding-left: 12%; background: url(../images/dot1.png) no-repeat 8% center;}

	.menu_child .submenu1 , .menu_child .submenu2{ display: none;}

	.mobile_hd .menu ul li.animate{ opacity: 1;/* -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);*/}
	/*.menu-splitL .li1:nth-of-type(1){ margin-left: 100%; transition-delay: 0.16s;}
	.menu-splitL .li1.animate:nth-of-type(1){	margin-left:0;	transition-delay: 0.0s;	}
	.menu-splitL .li1:nth-of-type(2){ margin-left: 100%;	transition-delay: 0.12s;}
	.menu-splitL .li1.animate:nth-of-type(2){	margin-left:0;	transition-delay: 0.05s;}
	.menu-splitL .li1:nth-of-type(3){ margin-left: 100%;	transition-delay: 0.09s;}
	.menu-splitL .li1.animate:nth-of-type(3){	margin-left:0;	transition-delay: 0.1s;}
	.menu-splitL .li1:nth-of-type(4){ margin-left: 100%; transition-delay: 0.046s;}
	.menu-splitL .li1.animate:nth-of-type(4){	margin-left:0;	transition-delay: 0.15s;}
	.menu-splitL .li1:nth-of-type(5){ margin-left: 100%;	transition-delay: 0.03s;	}
	.menu-splitL .li1.animate:nth-of-type(5){	margin-left:0;	transition-delay: 0.2s;	}
	.menu-splitL .li1:nth-of-type(6){ margin-left: 100%;	transition-delay: 0.0s;	}
	.menu-splitL .li1.animate:nth-of-type(6){	margin-left:0;	transition-delay: 0.2s;	}*/

	.menu-splitR li:nth-of-type(1){ margin-left: -200%; transition-delay: 0.16s;}
	.menu-splitR li.animate:nth-of-type(1){	margin-left:-100%;	transition-delay: 0.0s;	}
	.menu-splitR li:nth-of-type(2){ margin-left: -200%;	transition-delay: 0.12s;}
	.menu-splitR li.animate:nth-of-type(2){	margin-left:-100%;	transition-delay: 0.05s;}
	.menu-splitR li:nth-of-type(3){ margin-left: -200%;	transition-delay: 0.069s;}
	.menu-splitR li.animate:nth-of-type(3){	margin-left:-100%;	transition-delay: 0.1s;}
	.menu-splitR li:nth-of-type(4){ margin-left: -200%;	transition-delay: 0.06s;}
	.menu-splitR li.animate:nth-of-type(4){	margin-left:-100%;	transition-delay: 0.15s;}
	.menu-splitR li:nth-of-type(5){ margin-left: -200%;	transition-delay: 0.03s;	}
	.menu-splitR li.animate:nth-of-type(5){	margin-left:-100%;	transition-delay: 0.2s;	}
	.menu-splitR li:nth-of-type(6){ margin-left: -200%;	transition-delay: 0.0s;	}
	.menu-splitR li.animate:nth-of-type(6){	margin-left:-100%;	transition-delay: 0.2s;	}
	.mobile_hd .burger{ height: 28px; width: 40px; position: absolute; top: 10px; right: 10px; cursor: pointer;}
	.mobile_hd .burger div.x , .mobile_hd .burger div.y , .mobile_hd .burger div.z{ height: 3px; width: 26px; position: absolute; top: 4px;  background: #4d4d4d; border-radius: 2px; -webkit-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -ms-transition:all 200ms ease-out; -o-transition:all 200ms ease-out; transition:all 200ms ease-out;}
	.mobile_hd .burger div.y{ top: 12px;}
	.mobile_hd .burger div.z{ top: 20px;}
	.mobile_hd .burger div.collapse{ top: 6px; -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out;}
	.mobile_hd .burger div.rotate30{ -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition:all 50ms ease-out; -moz-transition:all 50ms ease-out; -ms-transition:all 50ms ease-out; -o-transition:all 50ms ease-out; transition:all 50ms ease-out;}
	.mobile_hd .burger div.rotate45{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:all 100ms ease-out; -moz-transition:all 100ms ease-out; -ms-transition:all 100ms ease-out; -o-transition:all 100ms ease-out; transition:all 100ms ease-out;}
	.mobile_hd .burger div.rotate150{ -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); -moz-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition:all 50ms ease-out; -moz-transition:all 50ms ease-out; -ms-transition:all 50ms ease-out; -o-transition:all 50ms ease-out; transition:all 50ms ease-out;}
	.mobile_hd .burger div.rotate135{ -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition:all 100ms ease-out; -moz-transition:all 100ms ease-out; -ms-transition:all 100ms ease-out; -o-transition:all 100ms ease-out; transition:all 100ms ease-out;}

	.banner{ width: 97%; height: auto; left: 0; margin-left: 0; margin-bottom: 20px; padding: 0 1.5%;}
	.banner img{ min-height: 110px;}
	.banner1{ width: 97%; height: auto; /*min-height: 110px;*/ left: 0; margin-left: 0; margin-bottom: 20px; padding: 0 1.5%; z-index: 1;}
	.banner1 img{ /*min-height: 110px;*/}
	.banner1 a{ display: block;}
	.banner1 .banner-tit{ position: absolute; top: 14%; width: 90%; left: 0; margin: 0; padding: 0 5%; color: #fff;}
	.banner1 .banner-tit h1{ font-size: 16px; line-height: 24px;}
	.banner1 .banner-tit h1 b{ font-size: 20px; vertical-align: middle;}
	.banner1 .banner-tit .text{ height: 40px; margin-bottom: 6px;}
	.banner1 .banner-tit p{ color: #fff; font-size: 12px; line-height: 20px;}
	.banner1 .banner-tit span{ display: block; width: 48px; height: 1px; background: #fff;}

	/* .index_main */
	.index_main{ width: 100%;}
	.section{ padding: 0 1.5%; width: 97%;}
	.section .text{ width: 100%; margin-bottom: 4%;}
	.section .picture{ width: 100%; max-width: 300px; float: none; height: auto; padding-top: 16px; margin: 0 auto; margin-bottom: 30px;    display: -webkit-box;}
	.section .text .more{ margin: 0 auto;}
	.section .item{ float: left; width: 40%; padding: 2%; border: 3px solid #efefef; margin: 0 2%; margin-bottom: 20px;}
	.section .item h6{ width: 96%;}
	.section .item .img{ width: 100%;}
	.section .text .tit h3{ font-size: 16px; line-height: 20px;}

	.section .text .tit .tit_img{ margin-bottom: 10px; width: 60%;}
	.footer{ width: 100%; background: #fff; line-height: 40px; border-top: 3px solid #c05b56;}
	.footer .foot{ width: 100%; margin: 0 auto; overflow: hidden;}
	.footer .foot .div1 , .footer .foot .div2{ display: none;}
	.footer .foot .div3{ text-align: center; line-height: 20px; padding: 2% 4%; display: block; color: #666;}
	.footer .foot .div3 a:active , .footer .foot .div3 a:hover{ color: #c05b56;}

.main-box{ padding-bottom: 30px;}

.location , .lfSider{ display: none;}
.content{ width: 96%; padding: 0 2%;}
.rgCont{ float: none; width: 96%; padding: 50px 2%; padding-top: 20px; padding-bottom: 20px; min-height: 200px;}
.customization-info{ padding: 0;}
.customization-info .form .form-group label{ display: inline;}
.customization-info .form .form-group textarea{ width: 100%;}
.marketing-info{ padding: 0;}
.market-map{ width: 100%; height: auto;}
.new-list li a{ padding: 20px 10px;}
.new-list li a h3{ font-size: 14px; max-width: 70%; overflow: hidden; height: 24px;}
.new-list li a p{ font-size: 12px;}
.new-info .next p{ width: 80%;}
.banner1 .banner-tit .text1 p{ width: 60%;}
.history-item .history-info{ width: 96%; padding: 2%;}
.partner-list{ text-align: center;}
.partner-list li{ float: none; display: inline-block; width: 29%; height: auto; margin: 0 1%; margin-bottom: 20px;}
.partner-list li img{ height: 100%;}
.contact-map , .contact-map img{ max-width: none;}
.main-box1{ width: 96%; padding: 6% 2%;}
.contact-map{ width: 100%; float: none;}
.contact_info{ float: none; margin-bottom: 20px; width: auto;}
.banner1 .banner-tit .text1{ width: 100%;}
.market-map{ margin-bottom: 200px;}
.market-map .show-div{ width: 94%; padding: 3%;}
.market-map .icon1{ left: 74%; top: 32%;}
.market-map .icon2{ left: 75.63%; top: 40%;}
.market-map .icon3{ left: 84%; top: 54%;}
.market-map .icon4{ left: 80%; top: 58%;}
.market-map .icon5{ left: 78.15%; top: 68%;}
.market-map .icon6{ left: 70%; top: 73%;}
.market-map .icon7{ left: 46%; top: 60%;}
.market-map .div1{ left: 0; top: 100%;}
.market-map .div2{ left: 0; top: 100%;}
.market-map .div3{ left: 0; top: 100%;}
.market-map .div4{ left: 0; top: 100%;}
.market-map .div5{ left: 0; top: 100%;}
.market-map .div6{ left: 0; top: 100%;}
.market-map .div7{ left: 0; top: 100%;}

@media (max-width: 479px) {
.i-th .left {
    border-top-color: #033F87;
    height: 650px;
}
.i-th .left {
    float: left;
    width: 100%;
	padding-bottom: 30%;
}
.i-th .left .box li .con {
    width: 98%;
    padding-top: 10%;
}
.i-th .right {
    width: 222px;
    float: right;
    background: #f4f4f4;
    padding: 0 24px;
    border-top-color: #033F87;
    height: 320px;
    margin-right: 8%;
    margin-top: 20px;
}.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    line-height: 8px;
    overflow: hidden;
}
#friendLink{    display: none;}
.asideBox{    display: none;}
.ddlf{ display: none;}
.case_item{ float: left; width: 300px; height: 324px;padding:0px;}
.case_item .img{ width: 300px; overflow: hidden;}
.content2 .con1 .con2 {
    width: 40%;
	height:80%;
    position: absolute;
    bottom: 0;
    background: #fff;
}.content2 .con1 .con2 .tit {
    font-size: 10px;
    line-height: 30px;
    color: #002b6d;
    margin-left: 10%;
    padding-top: 0;
    font-weight: bold;
    position: relative;
    left: 0;
}.content2 .con1 .con2 .tit1 {
    font-size: 10px;
    line-height: 30px;
    color: #383737;
    margin-left: 10%;
    margin-top: 0;
    position: relative;
    left: 0;
}
}