@charset "utf-8";

/* CSS Document */

body { margin:0;padding:0;color:#999;font-size:.75em; line-height:1.4em; font-family:arial,微软宋体,tahoma,宋体; background:#f2f2f2; max-width:640px; margin:0 auto; height: 100%;}

*,body {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	text-decoration: none;

}

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}

i,b,em{ font-weight:normal; text-decoration:none; font-style:normal;}

img { border:0; display:block;}

p,dl,dt,dd { margin:0; padding:0;}

ul,li { list-style:none; margin:0; padding:0;}

input{ margin:0; padding:0; border:none; outline:none;}

a{ color:#999; text-decoration:none; outline:none; border:none;}

a:hover{text-decoration:none; color:#999}

.fl { float:left;}

.fr { float:right;}

.clear{ clear:both;}

.mt10{ margin-top:10px;}

.img{ width:100%; height:auto; overflow:hidden;}

.warp{ height:100%; overflow:hidden; width:100%; margin:3.7em auto 8em auto;}

.page-more {text-align:center;}



@font-face {

	font-family: 'icomoon';

	src:url('icomoon.eot?9nwfod');

	src:url('icomoon.eot?9nwfod#iefix') format('embedded-opentype'),

		url('icomoon.ttf?9nwfod') format('truetype'),

		url('icomoon.woff?9nwfod') format('woff'),

		url('icomoon.svg?9nwfod#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

}

.demo-icon{

      font-family: "icomoon";

      font-style: normal;

      font-weight: normal;

      /*speak: none;*/

      display: inline-block;

      text-decoration: inherit;

      text-align: center;

      font-variant: normal;

      text-transform: none;

      -webkit-font-smoothing: antialiased;

      -moz-osx-font-smoothing: grayscale;

}

.fl{float:left;}

.fr{float:right;}

.sub-about{ background-color:#237ac1; height: 100%;}

.sub-about .title{width:15%; height: 100%;position: relative;}

.sub-about .title h1{font-size: 20px; line-height: 35px; color:#fff; width:50%;font-weight:500;

padding-top: 158px; padding-left: 10px;}



.sub-about .title1{width:15%; height: 100%;position: relative;}

.sub-about .title1 h1{font-size: 20px; line-height: 35px; color:#fff; width:50%;font-weight:500;

padding-top: 60px; padding-left: 10px;}



.sub-about .cont::after{

content: ''; width:1px; height: 90%; background-color:rgba(255,255,255,0.6); position: absolute;left:-15px;top:15%;bottom:0;	

}

.sub-about .cont::before{

content: ''; width:3px; height: 5%; background-color:rgba(255,255,255,0.9); position: absolute;left:-16px;top:35%;bottom:70%;	

}

.sub-about .cont{ width:100%; background-color:#fff; padding:25px 15px;position: relative}

.sub-about .cont p{font-size: 14px; line-height: 22px;color:#666666; font-weight: 200;text-indent:25px;text-align: left;}



.sub-about .cont1{ width:85%; background-color:#fff; padding:25px 15px;position: relative}

.sub-about .cont1 p{font-size: 14px; line-height: 22px;color:#666666; font-weight: 200;text-indent:25px;text-align: left;}



.sub-about .cont1::after{

content: ''; width:1px; height: 90%; background-color:rgba(255,255,255,0.6); position: absolute;left:-15px;top:9%;bottom:0;	

}

.sub-about .cont1::before{

content: ''; width:3px; height: 9%; background-color:rgba(255,255,255,0.9); position: absolute;left:-16px;top:35%;bottom:70%;	

}

.sub-about .cont2{ width:100%; background-color:#fff; padding:25px 15px;position: relative}

.fazhan{ background-image: url(../images/fz.png); background-repeat: no-repeat; background-position: top center;height: 773px; margin-top: 40px;}

.fazhan ul{ width: 100%; padding-top: 110px;}

.fazhan ul li{ width: 100%; display: block; height: 68px;overflow: hidden;}

.fazhan ul li h5{font-size: 1.1em;font-weight: 600;color: #333}

.fazhan ul li span{font-size: 0.8em; font-weight: 200;line-height: 1.2em;color: #333}

.fazhan .fz-fl{ float: left;padding-right: 60%;}

.fazhan .fz-fl h5{text-align: right;}

.fazhan .fz-fl span{text-align: right;display: block;}

.fazhan .fz-fr{ float: right; padding-left: 60%;}

.fazhan .fz-fr h5{text-align: left;}

.fazhan .fz-fr span{text-align: left;display: block;}

.zs{ padding: 20px 0;}

.zs li{ width: 48%; margin: 1% 1%; float: left;border: 1px solid rgba(0,0,0,0.08); padding: 1.5%; height: 150px;overflow: hidden}

.zs li .img{ width: 100%; margin-bottom: 6px;}

.zs li .img img{width:100%; margin:0 auto; display: block;}

.zs li h2{ font-size: 0.65em; line-height: 1.2em; letter-spacing: 0;font-weight: 200;}



.sub-about .about-img{width: 100%; margin: 20px 0;}

.sub-about .about-img img{ width: 100%;}

.sub-about  h2{ display: block; text-align: center; font-size: 28px; font-weight: 600;color: #333;

letter-spacing:2px}

.sub-about .h3{color:rgba(0,0,0,0.3); font-size: 14px; font-weight: 300;display: block; text-align: center;

line-height: 35px;position: relative;width: 100%;}

.sub-about .h3::before{content: ''; width:50%; height: 1px; background-color:rgba(0,0,0,0.2); position: absolute;bottom: 0;left:50%;margin-left:-25%;}

.sub-about .h3::after{content: ''; width:50px; height: 3px; background-color:#237ac1; position: absolute;bottom: -1px;left:50%;margin-left:-25px;}



/*头部、底部 begin*/

.top{ background:#fff; width:100%; text-align:left; padding:.5em 0 .2em 0;position:fixed; left:50%; margin-left:-50%; top:0; z-index:10; height:50px;



}

.top img{ display:inline-block; height:90%; margin-left:5px;} 

.top .nav-but { position:absolute; right:0; top:8px; font-size:1.6em; color:#237ac1; padding:0 3%; line-height:2em}

.top .loc-but { position:absolute; right:0; top:0; color:#ff6800; padding:0 3%; font-size:1.2em; line-height:3em}

.top .loc-but span{ display:inline-block}

.top .loc-but i{transform: rotate(180deg); display:inline-block;}

.nav{background-color:#237ac1; z-index:9999; width:40%;}

.nav ul{ padding-top:1.5em;}

.nav li a{ color:#fff; font-size:1.4em; padding:.8em 0; display:block; padding-left:15%}

.nav li a span{ padding-right:5%;}

.loction{ width:100%; height:100%; background:#f2f2f2; position:fixed; left:50%; margin-left:-50%; top:-200%; z-index:20;max-width:640px; overflow:hidden; opacity:0}

.loction .p-o{ font-size:1.2em; color:#333; width:100%; background:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #f2f2f2; padding:.8em 0; text-indent:3%}

.loction .p-o span{ color:#ff6800;}

.loction .p-t{ color:#999999; text-indent:3%; padding:.8em 0}

.loction ul{ width:100%; background:#fff; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3}

.loction li a{ display:block; width:97%; margin-left:3%; border-bottom:1px solid #e3e3e3; color:#333; padding:.8em 0; font-size:1.2em}



.foot{ width:100%;}

.foot-t{ background:#fff; color:#237ac1; padding:0; text-align:center; font-size:1.6em; line-height: 2.6em;}

.foot-t i{margin-right: 10px;}

.foot-t a{color:#237ac1;}

.foot-b{ width:100%; text-align:center; padding:.8em 0; background:#f2f2f2}

.foot-b p{ line-height:1.8em;}

.foot-b p span{ margin:0 5%;}

.foot-b p.p-o{ color:#666666}

.foot-img{ width:100%; padding:15px 0; background-color:#fff;}

.foot-img img{ width:92%; display:block; margin:0 auto;}

.foot .city{ text-align:center; background-color:#fff;}

.foot .city{ padding:10px; border-top:1px solid #efefef;}

.foot .city a{ display:inline-block; margin:0 5px;}

.foot .copy{ background-color:#fff; line-height:1.8em; text-align:center;border-top:1px solid rgba(0,0,0,0.05); padding-top:10px;}

.order-but{ padding:0; background:#fff; width:100%; text-align:center; position:fixed; left:50%; 

margin-left:-50%; bottom:0; z-index:10;border-top:1px solid rgba(0,0,0,0.05); }

.order-but i{ display:block; text-align:center; font-size:2em; color:#237ac1;}

.order-but span{ display:block; font-size:1em; color:#111; font-weight:400;}

.order-but a{ display:inline-block; width:20%; line-height:1.5em;  color:#666; margin:0 1%; padding:0.5em 0;

border-right:1px solid rgba(0,0,0,0.05);}

.order-but a:nth-child(4){border-right:none;}

.order-but a.a-t{ color:#3380d0;}

.b-tel{background-color: #fff;width: 100%;position:fixed; left:50%; margin-left:-50%; bottom:50px; z-index:20;padding: 5px 0;

-moz-box-shadow:0px -6px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px -6px 10px rgba(0,0,0,0.1); box-shadow:0px -6px 10px rgba(0,0,0,0.1);

border-bottom:1px solid rgba(0,0,0,0.05);

}

.b-tel img{width: 100%;}

/*头部、底部 end*/



/*首页样式 begin*/

#slideBox { position:relative;width:100%; max-width:640px;/* 设置焦点图最大宽度 */}

#slideBox .hd {position:absolute; height:10px; bottom:.7em; z-index:1; width:100%; text-align:center; left:0;}

#slideBox .hd li {display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; opacity:0.3; text-indent:-9999px; overflow:hidden; margin:0 3px;}

#slideBox .hd li.on {opacity:1}

#slideBox .bd {position:relative; z-index:0;}

#slideBox .bd li {position:relative; text-align:center;}

#slideBox .bd li img {background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%;

/* 图片宽度100%，达到自适应效果 */}

/*首页样式 end*/





.more{ width:120px; height:30px; border:1px solid rgba(0,0,0,0.08); margin-right:0; margin:0 auto; border-radius:20px}

.more a{ display:block; line-height:28px; color:#333; text-align:center; font-size:1.2em;}





.sub_menu{ width:100%; margin:0 auto;}

.sub_menu ul{ width:100%; margin-bottom:20px;}

.sub_menu ul li{ width:31.33%; margin-left:1%; margin-right:1%; margin-bottom:2%; float:left;}

.sub_menu ul li:nth-child(3){margin-right:0%;}

.sub_menu ul li a{ display:block; height:30px; line-height:28px; font-size:1.1em; color:#237ac1;border:1px solid #237ac1;text-align:center; border-radius:20px;}

.sub_menu ul li a:hover,.sub_menu ul li.current a{ background-color:#237ac1; color: #fff;}





.sub_menu1{ width:60%; margin:0 auto;}

.sub_menu1 ul{ width:100%; margin-bottom:20px;}

.sub_menu1 ul li{ width:49%; margin-right:2%; float:left;}

.sub_menu1 ul li:nth-child(2){margin-right:0%;}

.sub_menu1 ul li a{ display:block; height:30px; line-height:28px; font-size:1.1em; color:#237ac1;border:1px solid #237ac1;text-align:center; border-radius:20px;}

.sub_menu1 ul li a:hover,.sub_menu1 ul li.current a{ background-color:#237ac1; color: #fff;}



.about{ width:92%; margin:20px auto; padding-top:10px;}

.about .img{ width:100%;}

.about .img img{ width:100%;}

.about p{ font-size:1.2em; line-height:1.6em; color:#333; padding:10px 0;}

.case{}

.case ul{ width:92%; margin:0 auto;}

.case ul li{float:left;width:49%; margin-right:2%; margin-bottom:3%;position:relative;}

.case ul li:nth-child(2n+0){margin-right:0;}

.case ul li a{ display:block; overflow:hidden; }

.case ul li a .img{ width:100%; height:100%; overflow:hidden;}

.case ul li a .img img{ width:100%;}

.case ul li a h3{ position:absolute; bottom:0;left:0; display:block; background-color:rgba(0,0,0,0.5); line-height:30px; color:#fff; font-size:1em; width:100%; text-align:center; z-index:999; font-weight:400;}



.showcase{ background-color: #fff;margin-top: 10px;margin-bottom: 10px;padding:10px}

.showcase h1{display: block;text-align: center;font-size: 1.4em; color: #333; font-weight: 300; margin: 10px 0;}

.showcase .cont{width: 96%; margin:0 auto;}

.showcase .cont img{width:100% !important;height:auto !important; display: block;margin-bottom: 10px;}



.faq{ width:92%; padding:20px 0; margin:0 auto;}

.faq ul{ padding-bottom:20px;}

.faq ul li{ border-bottom:1px solid rgba(0,0,0,0.05); height:40px;}

.faq ul li a{ display:block; position:relative; padding-left:30px;}

.faq ul li a .ico{ width:20px; height:20px; text-align:center; line-height:20px; font-size:0.8em; color:#fff; 

background-color:#427092; border-radius:50%; position:absolute; left:0; top:10px;}

.faq ul li a h3{ line-height:40px; font-size:1.1em; font-weight:400; color:#333;}