﻿
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,td{margin:0;padding:0;font-weight:normal;}
body,input,select,textarea{font: 12px/21px "\5FAE\8F6F\96C5\9ED1",Arial,Tahoma,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
ul,ol{list-style:none}
a,s,u{text-decoration:none}
i{ font-style:normal;}
a{cursor:pointer;text-decoration:none;}
a:visited {color:#333}
a:hover{text-decoration:none}
.btn a:visited {color:#fff}
.btn a:active {color: #fff}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
hr { margin-top:20px; background:#ADD698; border:0px; height:3px;}
body,a,input,button,textarea,select{color:#333}


.my-top-banner
{
    height: 32px;
    background: #d02329;
}
.my-top-banner-body
{
    width:990px;
    margin:0 auto;
    line-height:32px;
    color:#fff;
}
.my-top-banner-vip-login
{
    float:right;
    color:#fff;
}
.my-nav-area
{
    position:relative;
    height:612px;
}
.my-nav-area-inner
{
    height:270px;
}
.my-nav-banner
{
    position:relative;
    height: 96px;
    background: rgba(255,255,255,0.8);
    z-index:1;
}
.my-nav-banner-inner
{
    background:url(/assets/img/banner.jpg) no-repeat center top;
    height:170px;
}
.my-nav-banner-body
{
    width:1200px;
    height:96px;
    margin:0 auto;
}
.my-nav-banner-inner-body
{
    width:1000px;
    height:170px;
    margin:0 auto;
}
.my-nav-banner-inner-title
{
    line-height:170px;
    font-size:30px;
    position:relative;
}
.my-nav-banner-inner-back
{
    position:absolute;
    width:46px;
    height:46px;
    top:40px;
    left:-70px;
    overflow:hidden;
    text-indent:-100em;
    background:url(/assets/img/icon-back.png) no-repeat center center;
}
.my-nav-banner-body-item
{
    float:left;
    height:96px;
    position:relative;
    margin-left:10px;
}
.my-nav-banner-body-logo
{
    width:280px;
}
.my-nav-banner-body-logo-link
{
    display:block;
    height:92px;
    background:url(/assets/img/logo.png?111) no-repeat left center;
}
.my-nav-banner-body-item-tager
{
    display:block;
    height:80px;
    line-height:80px;
    padding:0 30px 0 30px;
    margin:0;
    border-bottom:2px solid rgba(255,255,255,0);
    font-size:1rem;
    color:#aaa;
}
.my-nav-banner-body-item-tager:focus,.my-nav-banner-body-item-tager:visited
{
    color:#aaa;
}
.my-nav-banner-body-item-tager:hover
{
    border-bottom:2px solid #FEA525;
    color:#333;
}
.my-nav-banner-body-item-slt .my-nav-banner-body-item-tager
{
    border-bottom:2px solid #FEA525;
    color:#333;
    background:#F2F2F2;
}
.my-nav-banner-body-item-father .my-nav-banner-body-item-tager:after
{
    position:absolute;
    content:' ';
    border-left:6px solid rgba(0,0,0,0);
    border-right:6px solid rgba(0,0,0,0);
    border-bottom:6px solid rgba(0,0,0,0);
    border-top:6px solid #aaa;
    right:-10px;
    top:43px;
}
.my-nav-banner-body-item-son
{
    display:none;
    position:absolute;
    width:150px;
    left:50%;
    margin-left:-70px;
}
.my-nav-banner-body-son-item
{
    padding:6px 16px 6px 16px;
    background:rgba(0,0,0,0.65);
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.my-nav-banner-body-son-item-tager
{
    display:block;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    font-size:0.8rem;
    z-index:-1;
}
.my-nav-banner-body-son-item-tager:hover
{
    background:#d02329;
}
.my-nav-banner-body-son-item-tager:visited
{
    color:#fff;
}
.my-head-canvas
{
    position:absolute;
    width:100%;
    height:585px;
    overflow:hidden;
    left:0;
    top:0;
    z-index:0;
}
.my-head-canvas-img
{
    position:absolute;
    width:1920px;
    height:585px;
    left:50%;
    top:0;
    margin-left:-960px;
}
.my-head-canvas-bottom
{
    position:absolute;
    height:7px;
    width:100%;
    background: #d02329;
    left:0;
    bottom:0
}
.my-head-canvas-bottom-add
{
    position:absolute;
    height:7px;
    width:40%;
    background: #0c0606;
    top:0;
    right:0;
}

.my-clear
{
    float:left;
    width:100%;
    height:0;
    overflow:hidden;
    clear:both;
}

.my-tab-h
{
    text-align:center;
    padding:40px;
}
.my-tab-item
{
    display:inline-block;
    padding:10px 40px 10px 40px;
    border-top:1px solid #00B2B7;
    border-bottom:1px solid #00B2B7;
    color:#00B2B7;
    font-size:16px;
}
.my-tab-item:focus,.my-tab-item:visited
{
    color:#00B2B7;
}
.my-tab-item-l
{
    border-radius:5px 0 0 5px;
    border-left:1px solid #00B2B7;
}
.my-tab-item-r
{
    border-radius:0 5px 5px 0;
    border-right:1px solid #00B2B7;
}
.my-tab-item-cur
{
    background:#00B2B7;
    color:#fff;
}
.my-tab-item-cur:focus,.my-tab-item-cur:visited
{
    color:#fff;
}

        
.my-cover-list
{
    float:left;
    height:auto;
    clear:both;
}
.my-cover-list-item
{
    width:304px;
    padding:20px 0 20px 0;
    margin:15px 30px 0 30px;
    float:left;
    text-align:center;
}
.my-cover-list-item-canvas
{
    display:block;
    padding:6px;
}
.my-cover-list-item-canvas-sp
{
    background:#FABC62;
}
.my-cover-list-item-img
{
    display:block;
    margin:0;
    padding:0;
    width:280px;
    height:180px;
    border:6px solid #fff;
}

.my-cover-list-item-canvas-sp .my-cover-list-item-img
{
    border-color:#78D2EE;
}
.my-cover-list-item-title
{
    font-size:16px;
    padding:10px 0 4px 0;
}
.my-cover-list-item-title a
{
    color:#333;
}
.my-cover-list-item-desc
{
    font-size:14px;
    color:#999;
}
.my-cover-list-sm
{
    padding-bottom:30px;
}
.my-cover-list-sm .my-cover-list-item 
{
    width: 154px;
    margin: 15px 12px 0 12px;
    padding:0;
}
.my-cover-list-sm .my-cover-list-item-img 
{
    width: 130px;
    height: auto;
}
.my-cover-list-sm .my-cover-list-item-title 
{
    font-size: 12px;
    padding:0;
}

.my-common-list
{
}
.my-common-list-item
{
    padding:30px 0 40px 0;
    border-bottom:1px solid #f1f1f1;
}
.my-common-list .my-common-list-item:last-child
{
    border-bottom:0;
}
.my-common-list-item-sp
{
    background:#f4f4f4;
}
.my-common-list-item-body
{
    width:1000px;
    margin:0 auto;
    position:relative;
}
.my-common-list-item-label
{
    position:absolute;
    width:240px;
    height:40px;
    line-height:40px;
    background:#FEA525;
    color:#fff;
    text-align:center;
    top:-60px;
    left:0;
    font-size:16px;
}
.my-common-list-item-title
{
    font-size:18px;
    padding:10px 0 10px 0;
}
.my-common-list-item-title a
{
    color:#333;
}
.my-common-list-item-desc
{
    font-size:16px;
}
.my-common-list-item-desc a
{
    color:#666;
}
.my-common-list-item-desc-label
{
    display:block;
    font-weight:bold;
    padding-top:30px;
    padding-bottom:4px;
    color:#333;
}

.my-common-lr-list .my-common-list-item
{
    margin-bottom:50px;
    padding-top:40px;
}
.my-common-lr-list .my-common-list-item-body
{
    height:350px;
}
.my-common-list-item-body-l
{
    width:350px;
    height:350px;
    overflow:hidden;
    float:left;
}
.my-common-list-item-body-l img
{
    display:block;
}
.my-common-list-item-body-r
{
    float:right;
    width:630px;
    margin-top: -30px;
}
.my-common-lr-list .my-common-list-item-title
{
    font-weight:bold;
    font-size:16px;
}
.my-common-lr-list .my-common-list-item-desc
{
    padding:3px 0 3px 0;
    font-size:14px;
}
.my-common-lr-list li:last-child
{
    margin-bottom:0;
    padding-bottom:0;
}
.my-common-lr-cross-list
{
}
.my-common-lr-cross-list .my-common-list-item
{
    padding-top:10px;
}
.my-common-lr-cross-list .my-common-list-item-body
{
    height:270px;
}
.my-common-lr-cross-list .my-common-list-item-body-l
{
    height:270px;
}
.my-common-lr-cross-list .my-common-list-item-body-l
{
    width:480px;
}
.my-common-lr-cross-list .my-common-list-item-body-r
{
    width:519px;
}
.my-common-lr-cross-list .my-common-list-item-body-l-c
{
    width:519px;
    float:right;
}
.my-common-lr-cross-list .my-common-list-item-body-r-c
{
    width:480px;
    float:left;
    text-align:right;
}
.my-common-lr-cross-list .my-common-list-item-body-l-c img
{
    float:right;
}
.my-common-lr-cross-list .my-common-list-item-desc
{
    color:#888;
    padding-bottom:40px;
}
.my-common-lr-cross-list .my-common-list-item-more
{
    display:inline-block;
    padding-right:40px;
    background:url(/assets/img/icon-more.jpg) no-repeat right center;
    color:#B9B9B9;
    text-decoration:none;
    line-height:30px;
    height:30px;
    font-size:16px;
}
.my-common-lr-cross-list .my-common-list-item-body-r-c .my-common-list-item-more
{
    float:left;
}

.my-common-lr-list .my-common-list-item-body-long
{
    height:500px;
}
.my-common-lr-list .my-common-list-item-body-long .my-common-list-item-body-l
{
    height:500px;
    width:360px;
}
.my-common-lr-cross-list .my-common-list-item-body-long .my-common-list-item-body-r
{
    width:639px;
    padding-top:20px;
}
.my-common-lr-cross-list .my-common-list-item-body-long .my-common-list-item-title
{
    border-bottom:1px solid #f1f1f1;
}
.my-common-lr-cross-list .my-common-list-item-body-long .my-common-list-item-desc
{
    border-bottom:1px solid #f1f1f1;
}
.my-common-lr-cross-list .my-common-list-item-body-long .my-common-list-item-more
{
    margin-top:40px;
}

.my-content-l
{
    width:360px;
    float:left;
    background:#fff;
    margin-bottom:50px;
}
.my-content-body
{
    padding:20px;
}
.my-content-body-title
{
    font-size:18px;
    text-align:center;
    padding-bottom:20px;
    border-bottom:1px solid #f4f4f4;
}
.my-content-body img
{
    max-width:100%;
    display:block;
    margin:0 auto;
}
.my-content-body p
{
    padding:30px 0 0 0;
    font-size:14px;
    text-indent:30px;
}
.my-content-r
{
    width:620px;
    float:right;
    background:#fff;
    margin-bottom:50px;
}
.my-content-r-title
{
    padding:20px 0 0 22px;
    font-size:16px;
}
.my-content-more
{
    padding-top:40px;
    text-align:right;
}
.my-content-more-target
{
    display: inline-block;
    padding-right: 40px;
    background: url(/assets/img/icon-more.jpg) no-repeat right center;
    color: #B9B9B9;
    text-decoration: none;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
}

.my-foot
{
    height:184px;
    background:#363636;
    clear:both;
}
.my-foot-body
{
    /*width:1200px;*/
    margin:0 auto;
    text-align:center;
}
.my-foot-func
{
    display:inline-block;
    width:250px;
    color:#aaa;
    font-size:14px;
    padding-top:30px;
    padding-bottom:30px;
}
.my-foot-func:hover,.my-foot-func:visited,.my-foot-func:focus 
{
    color:#aaa;
}
.my-foot-func-split
{
    width:5px;
}
.my-foot-body hr
{
    height:0px;
    border-top:1px solid #555;
    margin:0;
    padding:0;
}
.my-foot-func-wechat
{
    background:url(/assets/img/ico-wechat.png) no-repeat 30px 32px;
    position:relative;
}
.my-foot-func-wechat img
{
    position:absolute;
    width:122px;
    height:133px;
    left:-20px;
    top:-121px;
    display:none;
}
.my-foot-func-wechat:hover img
{
     display:block;
}


.my-menu { position:relative; display:block; }
.my-menu-item {  height:44px; line-height:44px;}
.my-menu-sub
{
    display:none;
}
.my-menu-item-link 
{ 
    display:block; 
    height:44px; 
    padding-left:48px; 
    border-bottom:1px solid #eee;
    font-size:16px;
}
.my-menu-item-r1 
{
    background:url(/assets/img/ico-list.png) no-repeat 10px 8px;
}
.my-menu-sub-box .my-menu-item-link 
{
    padding-left:60px; 
    background:none;
}
.my-menu-item-r2:hover
{
    background-color:#ededed;
}
.my-menu-item-slt .my-menu-item-r1
{
    background-position:10px -65px;
}
.my-menu-item-slt .my-menu-item-r2
{
    background-color:#ededed;
}
.my-menu-sub-slt
{
    display:block;
}

.my-demo-dialog
{
    width:100%;
    height:100%;
    position:absolute;
    position:fixed;
    left:0;
    top:0;
    background:#fff;
    background:rgba(0,0,0,0.5);
    z-index:999999;
    display:none;
}
.my-demo-form
{
    position:absolute;
    width:858px;
    height:508px;
    left:50%;
    top:50%;
    margin-left:-429px;
    margin-top:-254px;
    background:url(/assets/img/form-1.png) no-repeat center center;
}
.my-demo-form-2
{
    background:url(/assets/img/form-2.png) no-repeat center center;
}
.my-demo-form-ele
{
    position:absolute;
    font-size:14px;
    font-family:Arial;
}
.my-demo-form-close
{
    width:50px;
    height:50px;
    right:0;
    top:0px;
    text-indent:-100em;
    overflow:hidden;
}
.my-demo-form-submit
{
    width:230px;
    height:50px;
    left:170px;
    top:430px;
    text-indent:-100em;
    overflow:hidden;
}
.my-demo-form-tel
{
    position:absolute;
    left:614px;
    top:138px;
}
.my-demo-form-qq
{
    position:absolute;
    left:614px;
    top:174px;
}
.my-demo-form-mail
{
    position:absolute;
    left:614px;
    top:208px;
}
.my-demo-form-item
{
    width:210px;
    height:30px;
    left:52px;
    top:220px;
    overflow:hidden;
}
.my-demo-form-inp
{
    position:absolute;
    width:220px;
    height:40px;
    line-height:40px;
    left:-5px;
    top:-5px;
    padding-left:10px;
}
.my-demo-form-item-mul
{
    width:450px;
    height:90px;
    top:307px;
}
.my-demo-form-item-mul .my-demo-form-inp
{
    width:460px;
    height:100px;
    line-height:22px;
}

.my-demo-form-2 .my-demo-form-tel
{
    left:600px;
}
.my-demo-form-2 .my-demo-form-qq
{
    left:600px;
}
.my-demo-form-2 .my-demo-form-mail
{
    left:600px;
}
.my-demo-form-2 .my-demo-form-item
{
    left:185px;
    top:200px;
}
.my-demo-form-2 .my-demo-form-submit
{
    left:145px;
    top:420px;
}


/* my-canvas-roll */
.my-canvas-roll{position:relative;height:500px;margin:0;}
.my-canvas-roll-box{position:absolute;left:50%;top:0px; width:1920px; margin-left:-960px;}
.my-canvas-roll-item{position:relative;width:100%;float:left;display:none;}
.my-canvas-roll-item img{display:block; max-width:100%}
.my-canvas-roll-contorl{width:300px; height:12px;position:absolute;bottom:10px; left:50%; margin-left:-150px; text-align:center;}
.my-canvas-roll-contorl li{width:15px;height:6px; display:inline-block; position:relative; margin:0 6px;}
.my-canvas-roll-contorl .current
{
    background-color:#FEA525;
    -webkit-transform:scaleX(2.2);
    transform:scaleX(2.2);
    border-radius:2px;
}
.my-canvas-roll-contorl a
{
    width:100%;
    height:100%;
    line-height:100%;
    border-radius:3px;
    color:#808285;
    background-color:#808285;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:-webkit-transform 0.5s ease, background-color 0.5s ease;
    transition:transform 0.5s ease, background-color 0.5s ease;
}

/* ca-container */
.ca-container
{
	position:relative;
	margin:0 auto;
}
.ca-wrapper
{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.ca-item
{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
}
.ca-item span
{
    left: 0;
    bottom: 0px;
    position: absolute;
    background-color: rgba(10, 10, 10, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    height: 50px;
    color: White;
    width: 500px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 50px;
}
.ca-item-canvas 
{
    margin:0 auto;
}
.ca-nav span
{
	width:30px;
	height:70px;
	background: url(/assets/plus/arrows.png) no-repeat 3px center;
	position:absolute;
	top:50%;
	margin-top:-35px;
	left:20px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
	background-color:rgba(255,255,255,0.7);
	border-radius:5px;
	display:none;
}
.ca-nav span.ca-nav-next
{
	background-position:-22px center;
	left:auto;
	right:20px;
}
.ca-nav span:hover
{
	opacity:1.0;
}


.more-load 
{
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #888;
	font-family: Arial, Microsoft YaHei;
	padding:40px 0 40px 0;
}
.more-load-float
{
    float:left;
    clear:both;
    width:100%;
}
.more-load-btn
{
    display:block;
    width:200px;
    height:44px;
    line-height:46px;
    background:#eee;
    color:#bbb;
    border-radius:22px;
    margin:0 auto;
    font-size:14px;
    font-family:Arial;
}
.more-load-btn:hover
{
    background:#ddd;
    color:#aaa;
}
.more-load-label
{
    display:none;
}
.more-load-bar 
{
	display: inline-block;
	font-size: 0px;
	padding: 0px;
	display: none;
}
.more-load-bar span 
{
	vertical-align: middle;
	border-radius: 100%;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	-webkit-animation: more-load-barloader 0.8s linear infinite alternate;
	animation: more-load-barloader 0.8s linear infinite alternate;
}
.more-load-bar span:nth-child(1) 
{
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background: rgba(245, 103, 115,0.6);
}
.more-load-bar span:nth-child(2) 
{
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	background: rgba(245, 103, 115,0.8);
}
.more-load-bar span:nth-child(3) 
{
	-webkit-animation-delay: -0.26666s;
	animation-delay: -0.26666s;
	background: rgba(245, 103, 115,1);
}
.more-load-bar span:nth-child(4) 
{
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
	background: rgba(245, 103, 115,0.8);
}
.more-load-bar span:nth-child(5) 
{
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background: rgba(245, 103, 115,0.4);
}
 @keyframes more-load-barloader 
 {
    from { transform: scale(0, 0);}
    to { transform: scale(1, 1);}
}
@-webkit-keyframes more-load-barloader 
{
    from { -webkit-transform: scale(0, 0);}
    to { -webkit-transform: scale(1, 1);}
}
