@charset "utf-8";
/*general*/
.wrap{ width:1200px; margin:0 auto;}
.min{ min-width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}
.delay{ -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.h_cur{ top:0;}
.h_hid{ top:-61px;}

#global_qq_service{ width:70px; padding:10px; position:fixed; right:35px; top:190px; z-index:999; background:#fff; border:1px solid #48bdaa; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .title{ font-size:16px; font-weight:bold; color:#1da189; text-align:center;}
#global_qq_service .qq_item .qq_img{ width:44px; height:44px; margin:0 auto;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}

#video_demo{ width:900px; height:482px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-261px; background:#fff; display:none; z-index:10001;}
#video_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#s_header{ width:100%; height:60px; background:#fff; position:fixed; left:0; z-index:999; border-bottom:1px solid #ccc;}
#s_header .container{ max-width:1200px; margin:0 auto;}
#s_header .logo{ width:300px; margin-left:10px;}
#s_header .tel{ height:45px; line-height:45px; padding-left:55px; color:#48bdaa; font-weight:bold; font-size:26px; background:url(../images/s_tel.png) left center no-repeat; background-size:auto 45px; margin-top:7px; margin-right:10px;}

#header{ background:#48bdaa; height:110px;}
#header .logo{ margin-top:15px; margin-left:10px;}
#header .tel{ height:55px; line-height:55px; padding-left:70px; color:#fff; font-weight:bold; font-size:30px; background:url(../images/tel.png) left center no-repeat; margin-top:30px; margin-right:10px;}

#banner{ height:930px; background:url(../images/banner.jpg) #f3f3f3 top center no-repeat;}
#banner .text .title{ font-size:50px; color:#48bdaa; font-weight:bold; padding-top:180px; margin-left:30px;}
#banner .text .sub_title{ font-size:28px; color:#535353; line-height:45px; margin-top:20px; margin-left:30px;}
#banner .box{ margin-top:155px; height:50px; position:relative;}
#banner .box .container{ position:absolute; width:100%; height:465px; background:#fff; -moz- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -ms- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -o- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -webkit- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); box-shadow:0 0 40px 0 rgba(0,0,0,0.08);}
#banner .box .container .item{ width:360px; margin-left:50px;}
#banner .box .container .nor{ margin-left:0;}
#banner .box .container .item .title{ font-size:24px; color:#414141; font-weight:bold; text-align:center;}
#banner .box .container .item .sub_title{ font-size:16px; color:#535353; text-align:center; margin-top:10px;}
#banner .box .container .item .img{ width:150px; height:150px; margin:0 auto; margin-top:20px;}
#banner .box .container .bot{ text-align:center;}
#banner .box .container .bot a{ width:360px; height:55px; line-height:55px; display:inline-block; font-size:18px; color:#fff; text-indent:65px; background:url(../images/hand.png) #ecb930 30px center no-repeat; text-decoration:none; -moz- border-radius:3px; -ms- border-radius:3px; -o- border-radius:3px; -webkit- border-radius:3px; border-radius:3px; box-shadow:0 5px 18px rgba(236,185,48,0.5);}
#banner .box .container .bot a:hover{ background:url(../images/hand.png) #f4aa2a 30px center no-repeat; text-decoration:none; -moz- border-radius:3px; -ms- border-radius:3px; -o- border-radius:3px; -webkit- border-radius:3px; border-radius:3px; box-shadow:0 5px 18px rgba(244,172,42,0.5);}

#mid{ height:340px; background:url(../images/bg.jpg) top center no-repeat;}
#mid .item{ width:178px; height:160px; background:url(../images/m_box_bg.png) left top no-repeat; margin-top:120px; margin-left:20px;}
#mid .item .txt{ height:97px;}
#mid .item .txt span{ font-size:16px; color:#fff; margin-left:7px; position:relative;}
#mid .item .txt span i{ width:14px; height:14px; display:block; position:absolute; right:5px; top:-30px; background:url(../images/m_box_more.png) no-repeat;}
#mid .item .sign{ width:27px; height:3px; background:url(../images/m_box_sign.png) no-repeat; margin:0 auto; margin-top:20px;}
#mid .item .name{ font-size:20px; color:#fff; text-align:center; margin-top:7px;}

#mid .i_0 .txt{ background:url(../images/m_box_i0.png) center bottom no-repeat;}
#mid .i_1 .txt{ background:url(../images/m_box_i1.png) center bottom no-repeat;}
#mid .i_2 .txt{ background:url(../images/m_box_i2.png) center bottom no-repeat;}
#mid .i_3 .txt{ background:url(../images/m_box_i3.png) center bottom no-repeat;}
#mid .i_4 .txt{ background:url(../images/m_box_i4.png) center bottom no-repeat;}
#mid .i_5 .txt{ background:url(../images/m_box_i5.png) center bottom no-repeat;}

#bot{ background:url(../images/b_bg.jpg) #f3f3f3 bottom center no-repeat;}
#bot .top{ padding:80px 0;}
#bot .top .content{ width:640px; margin-left:30px;}
#bot .top .content .title{ font-size:26px; color:#48bdaa; line-height:40px;}
#bot .top .content .con{ font-size:16px; color:#444444; line-height:33px; margin-top:20px;}
#bot .top .video{ width:362px; height:220px; padding:10px; border:1px dashed #c1c1c1; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#bot .top .img i{ width:60px; height:60px; margin-left:-30px; left:50%; top:35%; background:url(../images/video_start.png) no-repeat;}
#bot .top .img:hover i{ background:url(../images/video_start_cur.png) no-repeat;}
#bot .bot{ height:360px; position:relative;}
#bot .bot .form{ height:390px; background:#fff; -moz- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -ms- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -o- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); -webkit- box-shadow:0 0 40px 0 rgba(0,0,0,0.08); box-shadow:0 0 40px 0 rgba(0,0,0,0.08);}
#bot .bot .form .title{ font-size:30px; font-weight:bold; color:#414141; text-align:center;}
#bot .bot .form .sign{ width:65px; height:2px; background:#74d4c9; margin:0 auto; margin-top:15px;}
#bot .bot .form .tips{ font-size:16px; color:#535353; text-align:center;}
#bot .bot .form .tips span{ font-size:34px; font-weight:bold; color:#48bdaa; margin:0 7px;}
#bot .bot .form .input{ text-align:center;}
#bot .bot .form .input input{ width:328px; height:54px; line-height:54px; font-size:16px; color:#898989; text-indent:55px; border:2px solid #9cdad0; -moz-border-radius:4px; -ms-border-radius:4px; -border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#bot .bot .form .submit{ text-align:center; margin-top:35px;}
#bot .bot .form .input input.name{ background:url(../images/input_name.jpg) 15px center no-repeat;}
#bot .bot .form .input input.phone{ background:url(../images/input_phone.jpg) 15px center no-repeat;}
#bot .bot .form .input input.qq{ background:url(../images/input_qq.jpg) 15px center no-repeat;}
#bot .bot .form .submit input{ width:205px; height:55px; line-height:55px; background:#ecb930; border:0; font-size:18px; color:#fff; cursor:pointer; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:0 5px 18px rgba(236,185,48,0.5);}
#bot .bot .form .submit input:hover{ background:#f4aa2a; box-shadow:0 5px 18px rgba(244,172,42,0.5);}
#bot .bot .form .alert{ font-size:14px; text-indent:100px; color:#f00;}

#footer{ height:200px; background:#48bdaa;}
#footer .paypal{ width:150px; height:50px; margin:0 auto;}
#footer .title{ font-size:24px; color:#fff; text-align:center; font-weight:bold; margin-top:5px;}
#footer .tips{ font-size:14px; color:#fff; text-align:center; margin-top:10px;}
#footer .tips a{ color:#fff; text-decoration:underline;}