@charset "utf-8";

body{ font-family:"微软雅黑","宋体","黑体"; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#ff7800;}
img,li{ vertical-align:top; border:0px}
.clear {clear: both; width:100%; float:left; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"微软雅黑","宋体","黑体";font-size:12px;}
input{font-family:"微软雅黑","宋体","黑体"; border:0;}
img{ max-width:100%}


#header{ width:100%; height:65px; position:fixed; left:0; top:0; z-index:9; background:rgba(0,0,0,0.5);}
@media screen and (min-width:1px) and (max-width:1200px)
{
	#header{ position:inherit; background:rgba(0,0,0,0.5); padding:0 15px;}
}
.fis_show{ position:fixed !important; background:#fff !important; border-bottom:1px solid #ff591e !important; animation: myfirst3 .5s linear 0s 1 normal; -moz-animation: myfirst3 .5s linear 0s 1 normal; -webkit-animation: myfirst3 .5s linear 0s 1 normal; -o-animation: myfirst3 .5s linear 0s 1 normal}

@media screen and (min-width:1px) and (max-width:1200px)
{
	.fis_show{ position:fixed !important; background:#fff !important; }
}

#logo{ padding-left:25px;}
#logo img{ max-width:100%}
@media screen and (min-width:1px) and (max-width:768px)
{
	#logo{ padding-left:0; padding-top:15px;}
}
#header .navbar-nav{ margin-top:3px;}
#header .navbar-default .navbar-nav>li>a{font-size:14px; padding:12px 15px; color:#fff; border-bottom:1px solid transparent;}
#header .navbar-default .navbar-nav>li>a:hover{ background:#6d6b6f; color:#f68b1f;}
#header .navbar-default .navbar-nav>li>a.hover{ background:#6d6b6f; color:#f68b1f;}
#header .navbar-default .navbar-nav>li>a.active{ color:#f68b1f; border-bottom:3px solid #f68b1f;}
#header .dropdown-menu{ background:#6d6b6f;}
#header .dropdown-menu li a{ color:#fff;}
#header .dropdown-menu li a:hover{ color:#f68b1f;}

.fis_show .navbar-default .navbar-nav>li>a{ color:#333!important;}
.fis_show .navbar-default .navbar-nav>li>a:hover{ background:#6d6b6f!important; color:#f68b1f!important;}
.fis_show .navbar-default .navbar-nav>li>a.hover{ background:#6d6b6f!important; color:#f68b1f!important;}
.fis_show .navbar-default .navbar-nav>li>a.active{ color:#f68b1f!important; border-bottom:3px solid #f68b1f!important;}

#header .dropdown2{ width:800px; left:-400px; background:#f68b1f; padding-bottom:20px; overflow:hidden; margin-top:0px; padding-top:0;}
#header .dropdown2 li{ width:25%; float:left; height:auto; text-align:left; padding:0px; margin:0; background:#6d6b6f;}
#header .dropdown2 li a{ color:#fff; font-weight:bold; font-size:16px; padding-bottom:9px; line-height:30px; padding-top:10px;}
#header .dropdown2 li a:hover{ color:#f68b1f;}
#header .dropdown2 li ul{ width:100%; float:left; height:auto; background:#f68b1f; padding:20px 0 30px 0;}
#header .dropdown2 li li{ width:100%; float:left; height:auto; text-align:left; margin-top:5px; padding-left:20px; background:none;}
#header .dropdown2 li li a{ color:#fff; font-weight:inherit; font-weight:normal; line-height:24px; font-size:14px;}
#header .dropdown2 li li a:hover{ color:#6d6b6f;}
@media screen and (min-width:998px ) and (max-width:1200px)
{
	#header .dropdown2 li ul{ padding:0 15px;}
}
#bframe{ position:relative;}
#bframe .current{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
#bframe .current p{  font-size:34px; color:#fff; margin-bottom:30px; letter-spacing:0.1em; text-shadow:4px 4px 10px rgba(0,0,0,0.8)}
#bframe .current h2{font-size:48px; color:#fff; font-weight:bold; line-height:48px; margin-bottom:40px; letter-spacing:0.1em;}
#bframe .current h5 span{ background:#f68b1f; width:50px; height:50px; text-align:center; border-radius:50%; display:inline-block;}
#bframe .current h5 span i{ font-size:24px; color:#fff; display:inline-block; line-height:50px;}
#bframe .fa-chevron-left{ position:absolute; left:45%; top:45%; font-size:50px;}
#bframe .fa-chevron-right{ position:absolute; left:45%; top:45%; font-size:50px;}

#bframe .currentmore{ width: 100%; float: left; height: auto; position: absolute; left: 0px; bottom: 10px; z-index: 9; color: #333; font-size: 14px;}
#bframe .currentmore a{ font-size: 14px; color: #fff;}
#bframe .currentmore span{ background:#f68b1f; width:50px; height:50px; text-align:center; border-radius:50%; display:inline-block;}
#bframe .currentmore i{ font-size:24px; color:#fff; display:inline-block; line-height:50px;}
#bframe .currentmore b{ font-size: 20px; color: #f68b1f; padding-left: 5px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#logo{ width:70%;}
	#bframe .current p{display:none;}	
	#bframe .current h2{ font-size:16px; margin-bottom:10px; line-height:30px;}
	#bframe .current h5 span{ width:30px; height:30px; }
	#bframe .current h5 span i{ font-size:14px; line-height:30px;}
}

#divframe{ padding-top:50px;}

#divframe h2{ font-size:36px; color:#ff7800; line-height:40px; font-weight:inherit; font-weight:normal; text-align:center;}
#divframe h3{ font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:80px;}

#divframe .ipto{ width:100%; float:left; height:auto; cursor:pointer;  border-bottom:8px solid transparent; padding-bottom:25px; margin-bottom:-4px;}
#divframe .ipti{ width:50px; height:50px;  float:left; text-align:center; border:1px solid #e4e4e4; border-radius:50%;}
#divframe .ipti i{ font-size:28px; display:inline-block; line-height:50px;}
#divframe .iptz{ width:70%; float:right;}
#divframe .iptz h4{ font-size:18px; font-weight:bold; padding-left:5%;}
#divframe .iptz h5{ font-size:14px; color:#211f1f; padding-left:5%; padding-top:5px;}
#divframe .ipto:hover .ipti{ background:#e15517; border:1px solid #e15517;}
#divframe .ipto:hover .ipti i{ color:#fff;}
#divframe .ipto:hover{ border-color:#e15517;}
#divframe .ipto.hover .ipti{ background:#e15517; border:1px solid #e15517;}
#divframe .ipto.hover .ipti i{ color:#fff;}
#divframe .ipto.hover{ border-color:#e15517;}

@media screen and (min-width:1px ) and (max-width:768px)
{   
    #divframe h2{ margin-bottom:0px;}
	#divframe .ipti{display:none;}
	#divframe .iptz{ width:100%;}
}

#divframe .divlist{ width:100%; float:left; height:auto; background:#f5f5f5; padding:30px 0;}
#divframe .divlist_menu{ border-bottom:1px solid #e15517; background:#fff; padding:0;}
#divframe .divlist p{ width:100%; float:left; height:auto; font-size:18px; line-height:30px; color:#343332; padding:60px 0 0 0; margin-bottom:30px;}
#divframe .divlist a{ display:inline-block; font-size:18px; color:#fff; font-weight:bold; line-height:30px; background:#e15517; padding:5px 15px; border-radius:10px; margin-right:5px; margin-bottom:15px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe .divlist p{ padding:0;}  
}

#divframe1{ padding:30px 0; background:url(../images/1_02.jpg) no-repeat center center;}
#divframe1 .crumbs{ text-align:center; padding:80px 0;}
#divframe1 .crumbs h2{font-size:36px; color:#fff; font-weight:inherit; font-weight:norma; line-height:40px; }
#divframe1 .crumbs p{  font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:30px; color:#fff;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe1 .crumbs h2{ font-size:28px; line-height:40px; margin-bottom:5%;}
	#divframe1 .crumbs p{ font-size:14px;}
}


#divframe2{ padding:60px 0;}

#divframe2 h2{ background:url(../images/1_03.jpg) none center center; text-align:center; font-weight:bold; font-size:34px; color:#ff7800; line-height:40px;}
#divframe2 h3{ font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:80px;}

#divframe2 h4{ text-align:center; font-size:18px; line-height:30px; color:#ff7800; font-weight:bold; margin-bottom:30px;}
#divframe2 p{ font-size:14px; line-height:27px; color:#403d39;}

#divframe2 h5{ text-align:center; margin-top:30px;}
#divframe2 h5 a{ background:#ff7800; padding:10px 30px; font-size:15px; color:#fff;}



#divframe3{ background:url(../images/1_04.jpg) no-repeat center top; background-size:100% auto; height:310px;}

#divframe3 div{ margin-top:25px;}
#divframe3 div:nth-child(1) h2{ width:134px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#divframe3 div:nth-child(2) h2{ width:190px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#divframe3 div:nth-child(3) h2{ width:134px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#divframe3 div:nth-child(4) h2{ width:240px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#divframe3 div:nth-child(1) h3{ width:134px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#divframe3 div:nth-child(2) h3{ width:190px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#divframe3 div:nth-child(3) h3{ width:134px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#divframe3 div:nth-child(4) h3{ width:240px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}

.Line{ position:relative;}
.Line:after{display:block;content: " "; position:absolute; top:50%; margin-top:-2px; background:#fd6000; width:100%;height:4px; z-index:10; }

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe3{ height:auto; background-size:auto 100%; padding:30px 0;}
}


#divframe4{ background:#f6f6f6;}
#divframe4 h2{ text-align:center; color:#ff7800; font-size:48px; line-height:50px; margin-top:40px;}
#divframe4 h3{ font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:30px; line-height:24px;}

#divframe5{ background:url(../images/1_06.jpg) no-repeat center top #fff; padding:30px 0;}

#divframe5 h2{ text-align:center; color:#fff; font-size:48px; line-height:50px; margin-top:70px;}
#divframe5 h3{ font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:100px; color:#fff; padding-left:33%; padding-right:33%; line-height:24px;}
#divframe5 .ipto{ width:100%; float:left; height:auto; cursor:pointer; position:relative; overflow:hidden;}
#divframe5 .ipti{ width:100%; height:auto;  float:left; text-align:center;}
#divframe5 .ipti img{ width:100%;}
#divframe5 .iptz{ width:100%; float:right; height:100%; position:absolute; top:0px; left:0px; z-index:9; background:rgba(255,133,53,0.8); display:none; padding:10%; text-align:center;}
#divframe5 .iptz h4{ color:#fff; margin-bottom:15px; font-size:}
#divframe5 .iptz h5{ color:#fff; line-height:28px; margin-bottom:15px; max-height:112px; overflow:hidden;}
#divframe5 .iptz p{ width:100%; float:left; height:auto;}
#divframe5 .iptz p span{ width:50px; height:50px; line-height:50px; text-align:center; background:#ff7e2b; display:inline-block; border-radius:50%; margin:auto 10px;}
#divframe5 .iptz p span i{ display:inline-block; line-height:50px; font-size:20px; color:#fff;}
@media screen and (min-width:1px ) and (max-width:1440px)
{
	#divframe5 .iptz h4{ font-size:16px;}
	#divframe5 .iptz h5{ max-height:60px;}
}
@media screen and (min-width:1000px)
{
	#divframe5 .ipto:hover .iptz{ display:block; -webkit-animation:rollIn 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}
}

#divframe5 .divlist{ margin-top:30px; border:1px solid #c6c6c6; padding:30px 60px;}

#divframe5 .divmc{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#divframe5 .divwz{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#divframe5 .divxp{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#divframe5 .divjj{ width:100%; float:left; height:80px; margin-bottom:10px; padding:0 15px; font-size:14px; overflow:hidden;}
#divframe5 .divdt{ width:100%; float:left; height:auto; margin-bottom:5px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divframe5 h2{ font-size:36px; line-height:36px; margin-top:0;}
	#divframe5 h3{ padding-top:20px; margin-bottom:20px; padding-left:5%; padding-right:5%;}
	#divframe5 .iptz{ display:none;}
	#divframe5 .divlist{ padding:30px;}
	#divframe5 .divmc{ margin-top:20px;}
	#divframe5 .divdt div{ margin-bottom:20px;}
}


#divframe6{ padding:30px 0 60px 0;}

#divframe6 h2{ background:url(../images/1_03.jpg) none center center; text-align:center; font-weight:bold; font-size:34px; color:#ff7800; line-height:40px;}
#divframe6 h3{ font-size:16.01px; color:#403d39; line-height:32px; font-weight:inherit; font-weight:normal; text-align:center; margin-top:15px; margin-bottom:80px;}

#divframe6 div:nth-child(3) .ipto{ background:#e15517; margin-bottom:0px;}
#divframe6 div:nth-child(3) .ipti{ width:100%;}
#divframe6 div:nth-child(3) .iptz{ width:100%;}
#divframe6 div:nth-child(3) .iptz h4{ color:#fff;}
#divframe6 div:nth-child(3) .iptz p{ color:#fff; height:20px;}
#divframe6 div:nth-child(3) .iptz span{ color:#fff;}

#divframe6 div:nth-child(7) .ipto{ margin-bottom:0px;}

#divframe6 .ipto{ width:100%; float:left; height:auto; padding:20px; background:#f8f8f8; position:relative; overflow:hidden; border:1px solid #e5e5e5; margin-bottom:27px;}
#divframe6 .ipti{ width:20%; float:left; height:auto; text-align:center;}
#divframe6 .ipti img{ width:100%; border:1px solid #f5f5f5;}
#divframe6 .iptz{ width:80%; float:left; height:auto; color:#fff; padding:10px;}
#divframe6 .iptz h4{ font-size:18px; color:#333; height:40px; line-height:40px; overflow:hidden;}
#divframe6 .iptz p{ width:100%; float:left; height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#999;}
#divframe6 .iptz span{ width:100%; float:left; height:25px; line-height:25px; font-size:12px; color:#999999; font-style:italic;}
#divframe6 .ipto:hover{ background:#e15517;}
#divframe6 .ipto:hover .iptz h4{ color:#fff;}
#divframe6 .ipto:hover .iptz p{ color:#fff;}
#divframe6 .ipto:hover .iptz span{ color:#fff;}

#divframe6 .iptz div:nth-child(2){ height:51px; overflow:hidden;}


#divframe9{ padding:60px 0; border-top:8px solid #e15517;}

#divframe9 #divlink{ margin-top:30px; margin-bottom:30px;}
#divframe9 #divlink a{ padding:0 30px; color:#232323;}
#divframe9 #divlink a:nth-child(1){ padding-left:0px;}
#divframe9 #divlink a:nth-child(9){ padding-right:0px;}


#divframe9 .f1{ width:100%; float:left; height:auto;}
#divframe9 .f1 dl{ width:100%; float:left; height:auto;}
#divframe9 .f1 dt{ width:100%; float:left; height:auto; color:#ff7800; line-height:24px; font-weight:bold;}
#divframe9 .f1 dd{ width:100%; float:left; height:auto; color:#232323; line-height:24px;}


#divframe9 .f2{ width:100%; float:left; height:auto;}
#divframe9 .f2 p{ width:100%; float:left; height:auto; margin-bottom:30px;}
#divframe9 .f2 p img{ width:100%; margin-top:30px;}
#divframe9 .f2 i{ font-size:30px;}



#footer{ background:url(../images/footbj.jpg) no-repeat right bottom #e15517; padding:60px 0;}
   
#footer .divlink{ width:100%; float:left; height:auto; margin-bottom:30px;}
#footer .divlink a{ padding-right:10px;}


#footer #copy{ text-align:left; color:#fff;}
#footer #copy a{ color:#fff;}
#footer #copy p{ line-height:24px;}
#footer #copy em{ font-style:inherit; color:#fb915e;}
#footer #copy span.foottel{ display:inline-block; padding:9px 0 20px 0; font-size:38px; font-family:Arial, Helvetica, sans-serif;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#footer{ padding:30px 0;}
}


/*内页*/

.navfis_show{ position:fixed;}


#nframe{ background:#eaeaea;}

/*关于我们*/
#nframe .divabout{ width:100%; float:left; height:auto; background:#fff; margin-bottom:12px;}
#nframe .divabout h2{ text-align:center; font-size:40px; font-weight:bold; color:#050505; padding:50px 0 50px 0;}
#nframe .divabout h2 span{ color:#e05617;}
#nframe .divabout .divaboutcontext{ width:100%; float:left; height:auto; padding:0 80px; font-size:14px; color:#050505; line-height:24px;}
#nframe .divabout img{ width:100%; height:auto; }

#nframe .divabout1{ width:100%; float:left; height:auto; background:#fff; margin-bottom:12px;}
#nframe .divabout1 .divaboutcontext{ width:100%; float:left; height:auto; padding:22px 80px; font-size:14px; color:#050505; line-height:24px;}
#nframe .divabout1 img{ width:100%; height:auto; }
@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divabout .divaboutcontext{ padding:0 15px; padding-bottom:20px;}
	#nframe .divabout1 .divaboutcontext{ padding:15px;}
}

#nframe .divpath{ width:100%; float:left; height:auto; background:#fff; padding:30px 0; position:relative; overflow:hidden;}
#nframe .divpath h2{ text-align:center; font-size:24px; color:#333; margin-bottom:30px;}

#nframe .divpath #divpath_l{ text-align:right; }
#nframe .divpath #divpath_l .divlist:nth-child(1){ width:281px; float:right; height:auto; margin-bottom:100px; margin-top:40px; padding-right:20px; position:relative;}
#nframe .divpath #divpath_l .divlist:nth-child(2){ width:350px; float:right; height:auto; margin-bottom:200px; padding-right:20px; position:relative;}
#nframe .divpath #divpath_l .divlist:nth-child(3){ width:400px; float:right; height:auto; margin-bottom:100px; padding-right:20px; position:relative;}
#nframe .divpath #divpath_l .divlist:nth-child(4){ width:410px; float:right; height:auto; margin-bottom:100px; margin-top:40px; padding-right:20px; position:relative;}
#nframe .divpath #divpath_l .divlist:nth-child(5){ width:350px; float:right; height:auto; margin-bottom:100px; padding-right:20px; position:relative;}
#nframe .divpath #divpath_l .divlist:nth-child(6){ width:400px; float:right; height:auto; margin-bottom:100px; padding-right:20px; position:relative;}


#nframe .divpath #divpath_l .divlist h3{ font-size:36px; font-weight:bold; color:#333; margin-bottom:20px;}
#nframe .divpath #divpath_l .divlist h4{ font-size:18px; font-weight:inherit; font-weight:normal; color:#333; margin-bottom:20px;}


#nframe .divpath #divpath_r{ text-align:left; padding-top:260px; }
#nframe .divpath #divpath_r .divlist:nth-child(1){ width:350px; float:left; height:auto; margin-bottom:160px; padding-left:20px; position:relative;}
#nframe .divpath #divpath_r .divlist:nth-child(2){ width:431px; float:left; height:auto; margin-bottom:200px; padding-left:20px; position:relative;}
#nframe .divpath #divpath_r .divlist:nth-child(3){ width:350px; float:left; height:auto; margin-bottom:180px; padding-left:20px; position:relative;}
#nframe .divpath #divpath_r .divlist:nth-child(4){ width:431px; float:left; height:auto; margin-bottom:100px; padding-left:20px; position:relative;}
#nframe .divpath #divpath_r .divlist:nth-child(5){ width:431px; float:left; height:auto; margin-bottom:100px; padding-left:20px; position:relative;}
#nframe .divpath #divpath_r .divlist h3{ font-size:36px; font-weight:bold; color:#333; margin-bottom:20px;}
#nframe .divpath #divpath_r .divlist h4{ font-size:18px; font-weight:inherit; font-weight:normal; color:#333; margin-bottom:20px;}
#nframe .divpath:after{ content:""; width:1px; position:absolute; left:50%; border-left:1px solid #b8b8b8; z-index:9; height:100%; padding-top:30px;}

#nframe .divpath #divpath_l .fa-circle{ border:1px solid #b8b8b8; border-radius:50%; padding:3px; z-index:10; display:inline-block; position:absolute; background:#fff; top:10px; right:-25px;}
#nframe .divpath #divpath_r .fa-circle{ border:1px solid #b8b8b8; border-radius:50%; padding:3px; z-index:10; display:inline-block; position:absolute; background:#fff; top:10px; left:-25px;}

#nframe .divpathbottom{ width:100%; float:left; height:auto; margin-bottom:12px; background:#fff; padding:30px 0;}
#nframe .divpathbottom h2{ text-align:center; font-size:18px; color:#333;}
#nframe .divpathbottom h3{ text-align:center; color:#666; margin-bottom:20px;}
#nframe .divpathbottom h4{ text-align:center; font-size:18px; color:#333; padding:0 33%; line-height:24px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divpathbottom h4{ padding:0 5%;}
}
#nframe .divservice{ width:100%; float:left; height:auto; background:#fff; padding:30px 0;}
#nframe .divservice h2{ text-align:center; font-size:18px; color:#1b1b1b; font-weight:bold; margin-bottom:20px;}
#nframe .divservice h3{ text-align:center; font-size:12px; color:#1b1b1b; margin-bottom:40px;}

#nframe .divservice #divservice_l{ padding-left:80px;}
#nframe .divservice #divservice_l p{ margin-top:0px; line-height: 24px;}
#nframe .divservice #divservice_l p:nth-child(2){ margin-top: 40px;}
#nframe .divservice #divservice_l p i{ font-size:24px; margin-right:10px; height:50px; width:50px; background:#3d3e3e; color:#fff; line-height:50px; text-align:center; display:inline-block; border-radius:50%; float: left;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divservice #divservice_l{ padding-left:15px;}
}
#nframe .divservice #divservice_r{ }
#nframe .divservice #divservice_r p{ width:100%; float:left; height:auto; margin-bottom:10px; line-height:50px;}
#nframe .divservice #divservice_r p span{ float:left; width:80%; line-height:24px; padding-top:10px;}
#nframe .divservice #divservice_r p i{ float:right; font-size:24px; margin-right:10px; height:50px; width:50px; background:#3d3e3e; color:#fff; line-height:50px; text-align:center; display:inline-block; border-radius:50%;}
#nframe .divservice #divservice_r p:nth-child(1){ margin-left:-20px;}
#nframe .divservice #divservice_r p:nth-child(2) i{ margin-right:30px;}
#nframe .divservice #divservice_r p:nth-child(3){ margin-left:-20px;}


#nframe .divaboutbottom{ width:100%; float:left; height:auto;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#nframe .divservice #divservice_r p:nth-child(1){ margin-left:0px;}
	#nframe .divservice #divservice_r p:nth-child(2) i{ margin-right:0px;}
	#nframe .divservice #divservice_r p:nth-child(3){ margin-left:0px;}
}

/*全球建站*/

#divwebsite{ padding:30px 0;}
#divwebsite a{ display:inline-block; text-align:center; color:#0c0c0c; font-size:18px;}
#divwebsite a svg{  margin-bottom:10px;}
#divwebsite a:hover{ color:#e4761e;}
#divwebsite a:hover path{ fill:#e4761e;}
#divwebsite a.hover{ color:#e4761e;}
#divwebsite a.hover path{ fill:#e4761e;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divwebsite a{ margin-bottom:30px;}	
}
.div_list{}

#divwebsite1{ padding:30px 0;}
#divwebsite1 h2{ text-align:center; color:#000; font-weight:bold; font-size:18px; line-height:36px; margin-bottom:30px;}
#divwebsite1 h2 strong{ color:#fc641e;}

#divwebsite1 #divwebsite1_l{ padding-top:150px;}
#divwebsite1 #divwebsite1_l dl{ width:100%; float:left; height:auto; font-size:14px; color:#262728; margin-bottom:30px;}
#divwebsite1 #divwebsite1_l dl span{ width:100%; float:left; height:auto; font-size:16px; font-weight:bold; margin-bottom:10px;}
#divwebsite1 #divwebsite1_l dl:nth-child(1) span{ color:#009794;}
#divwebsite1 #divwebsite1_l dl:nth-child(2) span{ color:#009f3c;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#divwebsite1{ padding: 0;}
	#divwebsite1 #divwebsite1_l{ padding-top:0;}
}
#divwebsite1 #divwebsite1_r{ padding-top:150px;}
#divwebsite1 #divwebsite1_r dl{ width:100%; float:left; height:auto; font-size:13px; color:#262728; margin-bottom:30px;}
#divwebsite1 #divwebsite1_r dl span{ width:100%; float:left; height:auto; font-size:16px; font-weight:bold; margin-bottom:10px;}
#divwebsite1 #divwebsite1_r dl:nth-child(1) span{ color:#33bdf1;}
#divwebsite1 #divwebsite1_r dl:nth-child(2) span{ color:#bc2cc2;}


#divwebsite2{ padding:30px 0;}

#divwebsite2 h2{ margin-bottom:30px;}


#divwebsite2 .ipto{ margin-bottom:30px;}
#divwebsite2 .ipti{}
#divwebsite2 .iptz{ line-height:24px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#divwebsite1 #divwebsite1_r{ padding-top:00px;}
	#divwebsite2 .iptz{ text-indent:2em; line-height:20px; font-size:12px;}
}


#divwebsite3{}
#divwebsite3 .container{ background:#223c57; padding:30px;}

#divwebsite3 .ipto{ width:100%; float:left; height:auto; margin-bottom:30px; color:#fff;}
#divwebsite3 .ipti{ width:100%; float:left; height:auto; margin-bottom:15px;}
#divwebsite3 .ipti img{ display:inline-block;}
#divwebsite3 .iptz{ width:100%; float:left; height:60px; font-size:14px; line-height:20px; overflow:hidden;}


#divwebsite4{ padding:30px 0; border-bottom:1px solid #cdd2d6;}
#divwebsite4 h2{ text-align:center; color:#000; font-weight:bold; font-size:18px; line-height:30px; margin-bottom:30px;}
#divwebsite4 h2 span{ font-weight:inherit; font-weight:normal; color:#818181; font-size:14px;}


#divwebsite4 .ipto{ width:100%; float:left; height:auto; position:relative; border:1px solid #f5f5f5; margin-bottom:30px; overflow:hidden;}
#divwebsite4 .ipti{ width:100%; float:left; height:auto;}
#divwebsite4 .iptz{ width:100%; float:left; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.6); z-index:9; text-align:center; position:10%; display:none;}
#divwebsite4 .iptz span{ width:50px; height:50px; line-height:50px; text-align:center; background:#ff7e2b; display:inline-block; border-radius:50%; margin-top:15%; margin-left:15px; margin-right::15px;}
#divwebsite4 .iptz span i{ display:inline-block; line-height:50px; font-size:20px; color:#fff;}
#divwebsite4 .iptz h3{ color:#fff; font-size:14px; margin-top:20px;}
@media screen and (min-width:768px )
{
	#divwebsite4 .ipto:hover .iptz{ display:inherit; -webkit-animation:rollIn 1s .1s ease both; -moz-animation:tada 1s .1s ease both;}
}


#divonestop{ background:#f2f3f5;}


#divonestop1{ padding:30px 0;}

#divonestop1 h2{ font-size:26px; line-height:56px; color:#fb4b19;}
#divonestop1 h3{ font-size:14px; color:#414040;}
#divonestop1 h4{ font-size:24px; color:#363535; font-family:"华文行楷"; margin-top:30px; margin-bottom:20px;}

#divonestop1 #divtable1{}
#divonestop1 #divtable1 table{ width:100%; float:left; height:auto; border:solid 1px #0fbff4; border-right:0px;}
#divonestop1 #divtable1 table tr th{ background:#00aeee; color:#fff; line-height:45px; font-size:18px;border-right:solid 1px #0fbff4; font-weight:normal; text-align:center;}
#divonestop1 #divtable1 table tr td{ background:#fff; color:#333; border-right:solid 1px #0fbff4; font-size:14px; padding:36px 30px; line-height:22px;}
#divonestop1 #divtable1 table tr td strong{ color:#ee3f46;}

#divonestop1 #divtable2{}
#divonestop1 #divtable2 table{ float:left; width:100%; border:solid 1px #ed4214; border-right:0px; font-family:Microsoft YaHei;}
#divonestop1 #divtable2 table tr th{ background:#ed4214; color:#fff; line-height:45px; font-size:16px;border-right:solid 1px #ed4214; font-weight:normal; text-align:center;}
#divonestop1 #divtable2 table tr td{ background:#fff; color:#333; border-right:solid 1px #ed4214; border-top:solid 1px #ed4214; font-size:14px; padding:10px 10px; line-height:22px; text-align:center;}
#divonestop1 #divtable2 table tr td.banbentese_cent{ background:#fff; color:#333; border-right:solid 1px #ed4214;  border-top:solid 1px #ed4214;font-size:14px; padding:10px 10px; line-height:22px; text-align:left;}

#divonestop1 #divtable3{}
#divonestop1 #divtable3 table{ float:left; width:100%; border:solid 1px #379855; border-right:0px; font-family:Microsoft YaHei;}
#divonestop1 #divtable3 table tr th{ background:#379855; color:#fff; line-height:45px; font-size:16px;border-right:solid 1px #379855; font-weight:normal; text-align:center;}
#divonestop1 #divtable3 table tr td{ background:#fff; color:#333; border-right:solid 1px #ed4214; border-top:solid 1px #379855; font-size:14px; padding:9px 10px; line-height:22px; text-align:center;}
#divonestop1 #divtable3 table tr td.banbentese_cent{ background:#fff; color:#333; border-right:solid 1px #379855;  border-top:solid 1px #379855;font-size:14px; padding:9px 10px; line-height:22px; text-align:left;}



@media screen and (min-width:1px ) and (max-width:1200px)
{
	#divonestop1 #divtable1 table tr td{ padding:15px;}
	#divonestop1 #divtable2 table tr th{ line-height:30px;}
	#divonestop1 #divtable2 table tr td{ padding:5px;}
}



#divonestop2{ padding:30px 0;}

#divonestop2 .divonestop_c{ width:100%; float:left; height:auto; border:1px solid #b0b0b0; padding:30px; font-size:18px;}
#divonestop2 .divonestop_c svg{  margin-bottom:10px; margin-top:30px;}
#divonestop2 .divonestop_c:hover path{ fill:#e4761e;}
#divonestop2 .divonestop_c.hover path{ fill:#e4761e;}
#divonestop2 .divonestop_c strong{ color:#e4761e;}


#divonestop3{ background:url(../images/in_09.jpg) no-repeat center center; background-size:100%;}

.in_nr7{ width:100%; float:left; height:auto;}
.in_nr7 span{float:left;}
.in_nr7 a{float:left; color:#fff;}
.in_nr7 label{float:left;margin-top:40px;}
.in_nr7 span.sp1{line-height:144px;color:#ffffff;font-size:24px;}
.in_nr7 a.a1{width:188px;height:50px;display:inline-block;background-color:#96cb11;border-radius:5px;text-align:center;line-height:50px;font-size:18px;color:#fff;margin-top:45px;margin-left:63px;}
.in_nr7 a:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.in_nr7 span.sp2{line-height:144px;color:#fff;font-size:14px;margin:0px 37px;}
.in_nr7 span.sp3{line-height:144px;color:#fff;font-size:14px;margin:0px 26px;}
.in_nr7 a.a2{width:160px;height:50px;display:inline-block;background-color:#4f7b93;border-radius:5px;text-align:center;line-height:50px;font-size:18px;color:#fff;margin-top:45px;}
.in_nr7 label b{float:left;width:14px;height:36px;display:inline-block;background:url("../images/cndns_domainname_chinese_img.png") -553px 0px no-repeat;margin-top:10px;}
.in_nr7 label p{width:270px;float:left;margin-left:10px;font-size:14px;color:#fff;}



/*手机网站建设*/
#divmobile{ padding:30px 0; font-size:18px; line-height:36px;}

#divmobile #divmobile_r{ padding-top:40px; text-align:left;}



@media screen and (min-width:1px ) and (max-width:768px)
{
	#divmobile{ text-align:center;}
}


#divmobile1{ padding:30px 0; background:#f4f4f4;}

#divmobile1 h2{ font-size:24px; line-height:56px; color:#fd631c;}

#divmobile1 .ipto{ width:100%; float:left; height:auto;}
#divmobile1 .ipti{ width:100%; float:left; height:auto;}
#divmobile1 .ipti img{ max-width:100%}
#divmobile1 .iptz{ width:100%; float:left; height:auto; font-size:14px; color:#141414;}

#divmobile1 p{ font-size:18px; color:#141414; margin-top:30px;}
#divmobile1 p strong{ color:#fd631c;}


#divmobile2{ padding:30px 0; background:url(../images/1_20.jpg) no-repeat center bottom; color:#fff;}

#divmobile2 h2{ font-size:24px; font-weight:bold; color:#f09216; margin:50px 0 60px 0;}
#divmobile2 p{ font-size:18px; line-height:36px;}
#divmobile2 p i{ font-size:24px; padding-right:30px;}
#divmobile2 .divmobile2{ width:100%; float:left; height:auto; margin-top:10%; font-size:20px; line-height:36px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#divmobile2{ background-size:auto 100%;}
}

#divmobile3{ padding:30px 0;}

#divmobile3{}
#divmobile3 h2{ font-size:24px; color:#000; font-weight:bold; line-height:36px; margin-bottom:40px;}
#divmobile3 .ipto{ width:100%; float:left; height:auto; margin:20px auto;}
#divmobile3 .ipti{ width:100%; float:left; height:auto; margin-bottom:10px;}
#divmobile3 .ipti i{ font-size:32px;}
#divmobile3 .ipti img{ width:32px;}
#divmobile3 .iptz{ width:100%; float:left; height:auto; font-size:13px; color:#000;}


#divmobile3_r h2{ font-size:14px; font-weight:inherit; font-weight:normal;}


#divmobile4{ padding:30px 0; background:#f2f2f2;}

#divmobile4 img{ margin-bottom:30px;}


/*b2b*/
#divb2b{ padding:30px 0;}
#divb2b h2{ font-size:28px; color:#ed4214; line-height:60px;}
#divb2b p{ font-size: 14px; color: #666666; line-height: 25px; margin-bottom:60px;}


#divb2b1{ padding:30px 0; background:url(../images/1_29.jpg) no-repeat; background-size:100%;}
#divb2b1 h2{ font-size:28px; color:#ed4214; line-height:60px;}
#divb2b1 p{ font-size: 14px; color:#bebebe; line-height: 25px; margin-bottom:60px;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	#divb2b1{ background-size:auto 100%;}
}

#divb2b2{ padding:30px 0; }
#divb2b2 h2{ font-size:28px; color:#ed4214; line-height:60px;}
#divb2b2 p{ font-size: 14px; color: #666666; line-height: 25px; margin-bottom:60px;}


/*成功案例*/
#divcases{ padding:30px 0;}

#casescate{ font-size:24px;}
#casescate a{ padding:10px 6px; font-size:24px; color:#1f1e24;}
#casescate a:hover{ color:#e64d04;}
#casescate a.hover{ color:#e64d04;}


.caseslist{ width:100%; float:left; height:auto; margin-top:30px;}

.caseslist .ipto{ width:100%; float:left; height:auto; margin-bottom:30px; border:1px solid #f5f5f5;}
.caseslist .ipti{ width:100%; float:left; height:auto; overflow:hidden;}
.caseslist .ipti img{-webkit-transition: 0.5s;transition: 0.5s;}
.caseslist .iptz{ width:100%; float:left; height:auto; background:#222; padding:10px 20px; -webkit-transition: 0.7s;transition: 0.7s;}
.caseslist .iptz h3{ width:100%; float:left; height:auto; font-size:16px; color:#fff; margin-bottom:10px;}
.caseslist .iptz h4{ width:100%; float:left; height:auto; font-size:12px; color:#fff; line-height:25px;}
.caseslist .ipto:hover .iptz{ background:#e15616; -webkit-transition: 0.5s;transition: 0.5s;}
.caseslist .ipto:hover .ipti img{ -webkit-transform: scale(1.3);-moz-transform: scale(1.3);transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3); -webkit-transition: 0.5s;transition: 0.5s;}

.caseslist .divlist{ margin-top:30px; border:1px solid #c6c6c6; padding:30px 60px;}
.caseslist .divlist img{-webkit-transition: 0.5s;transition: 0.5s;}
.caseslist .divmc{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
.caseslist .divwz{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
.caseslist .divxp{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
.caseslist .divjj{ width:100%; float:left; height:80px; margin-bottom:10px; padding:0 15px; font-size:14px; overflow:hidden;}
.caseslist .divdt{ width:100%; float:left; height:auto; margin-bottom:5px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.caseslist .divlist{ padding:30px;}
	.caseslist .divdt div{ margin-bottom:20px;}
}

/*案例详情*/
.cases_main{ background:#ff6f15; overflow:visible; position:relative;}
.cases_main_left{ float:left; width:30%; padding:3% 3% 3% 3%; }
.cases_main_left_title{ float:left; width:100%;}
.cases_main_left_title strong{ float:left; font-size:32px; color:#fff; line-height:50px;}
.cases_main_left_cent{ float:left; width:100%; font-size:14px; color:#fff; line-height:20px; margin-top:15px; min-height:160px;}
.cases_main_left_info{ float:left; width:100%;}
.main_left_info_tit{ float:left; width:100%;}
.main_left_info_tit strong{ float:left; font-size:18px; color:#fff; line-height:40px; border-bottom:solid 3px #fff;}
.left_info_cent{ float:left; width:100%; font-size:14px; color:#fff; margin-top:25px;}
.cases_mian_left_more{ float:left; width:100%; text-align:center; margin-top:35px;}
.cases_mian_left_more a{ float:left; width:180px; margin-right:10px; height:47px; text-align:center; line-height:47px; background:url(../images/cases_mian_left_more.jpg) no-repeat left top; font-size:14px; color:#fff;}
.cases_mian_left_more a:hover{ text-decoration:underline;}

.cases_main_right{ float:right; width:70%;  background:#343434; padding:2%;}
.cases_main_right_cent{ float:left; width:100%; background:#fff;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.cases_main_right_cent img{ max-width:100%; height:auto;}
.cases_main_right_cent p:nth-child(even){font-family:Georgia,serif; font-size:17px; font-style:italic;}
#cases_main_right_cent{color:#222;  min-height:500px; text-align:center;}
#cases_main_right_cent img{ width:100%;}
#cases_main_right_cent p:nth-child(even){color:#444;}
.cases_mian_right_more{ display:none;}
.cases_main_right_title{ display:none;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	.cases_main_right_title{ float:left; width:100%; display:block; text-align:center; margin-bottom:15px;}
	.cases_main_right_title strong{ font-size:32px; color:#fff; line-height:50px;}
	.cases_mian_right_more{ float:left; display:block; width:100%; text-align:center; margin-top:35px; background:#ff6f15; padding:15px 0;}
	.cases_mian_right_more a{ width:40%; display:inline-block; margin-right:10px; height:47px; text-align:center; line-height:47px; background:url(../images/cases_mian_left_more.jpg) no-repeat left top; background-size:100% 100%; font-size:14px; color:#fff;}
	.cases_mian_right_more a:hover{ text-decoration:underline;}
}
.fixed{ position:sticky; float:left; height:auto; top:65px; left:0px;}

@media screen and (min-width:1px ) and (max-width:999px)
{
	.cases_main_left{ display:none;}
	.cases_main_right{ width:100%;}
}

/*橙树头条*/
#newcate{ background:#212635; position:relative;}
#newcate ul{ list-style-type:none;}
#newcate li{ width:20%; float:left; height:auto; padding:15px 0; border-bottom:3px solid transparent;}
#newcate li a{ color:#fff;}
#newcate li img{ display:block; text-align:center; margin-bottom:10px;}
#newcate li span{ width:100%; float:left; height:auto; text-align:center;}
#newcate li:hover{ border-bottom:3px solid #e15616; background:url(../images/1_32.jpg) no-repeat bottom center;}
#newcate li.hover{ border-bottom:3px solid #e15616; background:url(../images/1_32.jpg) no-repeat bottom center;}

@media screen and (min-width:1px ) and (max-width:999px)
{
	#newcate ul{ padding:10px;}
	#newcate li{ width:33.333%; padding:10px 0;}
}

#divnews{ padding:30px 0;}

#divnews .ipto{ width:100%; float:left; height:auto; background:#f8f8f8; padding:20px; margin-bottom:30px;}
#divnews .ipti{}
#divnews .ipti a{ display:block; text-align:center; }
#divnews .ipti img{ width:auto; height:143px; border:1px solid #f5f5f5; }
#divnews .itpz{}
#divnews .iptz h3{ width:100%; float:left; height:40px; line-height:40px; font-size:18px; color:#000000; overflow:hidden;}
#divnews .iptz p{ width:100%; float:left; height:60px; line-height:20px; overflow:hidden; font-size:12px; color:#999;}
#divnews .iptz span{ width:100%; float:left; height:25px; line-height:25px; font-size:12px; color:#999999; font-style:italic;}

#divnews .ipto:hover{ background:#e15616;}
#divnews .ipto:hover .iptz h3{ color:#fff;}
#divnews .ipto:hover .iptz p{ color:#fff;}
#divnews .ipto:hover .iptz span{ color:#fff;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#divnews .ipti img{ height:auto;}
}
/*新闻详细*/
#divnews #content{ box-shadow:0px 0px 10px #ccc; padding:30px 15px;}
.divnewsdetail{width:100%; float:left; height:auto;}
.divnewsdetail h4{ text-align:center; background:url(../images/1_02.png) no-repeat center bottom; font-size:40px; font-family: 'Comfortaa-Regular'; color:#abcd52; font-weight:bold; padding-bottom:40px; text-transform:uppercase; margin-bottom:50px;}
#news_tit{}
#news_tit h2{ font-size:24px; margin-bottom:30px;}
#news_tit p{ padding-bottom:15px;}
#news_detail{ padding-top:15px; line-height:30px; padding-bottom:15px; font-size:14px;}
#news_detail span{ width:inherit; float:inherit;}

#prevnext{ background:#f5f5f5; padding:15px 15px 30px 15px;}

#RelatedNews{ margin-top:30px;}
#RelatedNews .panel-default{ border:0;}
#RelatedNews .panel-heading{ background:url(../images/icon38.png) no-repeat center center; border-bottom:0;}
#RelatedNews .list-group{}
#RelatedNews .list-group li{ margin-top:10px;}



/*联系我们*/
#divcontact{ padding:30px 0;}

#contact1{ background:#f2f2f2; padding:30px 0;}

#contact1 .contact1_c1{ width:100%; float:left; height:170px; background:#FFF; padding:60px 15px; font-size:14px; line-height:22px;}
#contact1 .contact1_c1 i{ width:50px; height:50px; line-height:47px; text-align:center; display:inline-block; font-size:30px; color:#e35517; border:3px solid #e35517; border-radius:50%;}

#contact1 .contact1_c2{ width:100%; float:left; height:170px; background:#FFF; padding:40px 15px; font-size:14px; line-height:22px;}
#contact1 .contact1_c2 i{ width:50px; height:50px; line-height:47px; text-align:center; display:inline-block; font-size:30px; color:#e35517; border:3px solid #e35517; border-radius:50%; margin-top:20px;}

#contact1 .contact1_c3{ width:100%; float:left; height:170px; background:#FFF; padding:60px 15px; font-size:14px; line-height:50px;}
#contact1 .contact1_c3 i{ width:50px; height:50px; line-height:43px; text-align:center; display:inline-block; font-size:24px; color:#e35517; border:3px solid #e35517; border-radius:50%;}

@media screen and (min-width:1px ) and (max-width:999px)
{
	#contact1 .contact1_c1{ margin-bottom:30px;}
	#contact1 .contact1_c2{ margin-bottom:30px;}
}


#contact2{ font-size:14px; padding:30px 0;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#contact2{ padding:30px 15px; line-height:35px;}
}

#contact2 a {
 display:inline-block;
 width:35px;
 height:35px;
 box-shadow:0 0 0 3px #e35517;
 line-height:30px;
 font-size:20px;
 cursor:pointer;
 border-radius:50%;
 text-align:center;
 position:relative;
 text-decoration:none;
 z-index:1;
 color:#e35517;
 -webkit-transition:box-shadow .2s;
 -moz-transition:box-shadow .2s;
 transition:box-shadow .2s;
 margin-left:10px;
}
#contact2 a:after {
 top:-3px;
 left:-3px;
 padding:0;
 z-index:10;
 border:3px dashed #e35517;
 position:absolute;
 width:100%;
 height:100%;
 border-radius:50%;
 content:'';
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box
}
#contact2 a:before {
 speak:none;
 font-size:40px;
 line-height:80px;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 display:block;
 -webkit-font-smoothing:antialiased
}
#contact2 a:hover {
 box-shadow:0 0 0 0 rgba(255,255,255,0);
 color:#fff
}
#contact2 a:hover i{ color:#e35517;}
#contact2 a:hover:after {
 -webkit-animation:spinAround 9s linear infinite;
 -moz-animation:spinAround 9s linear infinite;
 animation:spinAround 9s linear infinite
}
@-webkit-keyframes spinAround {
 from {
  -webkit-transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg)
 }
}
@-moz-keyframes spinAround {
 from {
  -moz-transform:rotate(0)
 }
 to {
  -moz-transform:rotate(360deg)
 }
}
@keyframes spinAround {
 from {
  transform:rotate(0)
 }
 to {
  transform:rotate(360deg)
 }
}


#contact3{ border:1px solid #d0d0d0; padding:30px 0;}

#contact3_l{}
#contact3_l h3{ text-align:left; font-size:30px; margin-bottom:20px;}
#contact3_l input{ width:100%; float:left; height:50px; line-height:50px; background:#eaeaea; margin-bottom:20px; padding:0 10px;}
#contact3_l textarea{ width:100%; float:left; height:auto; line-height:30px; background:#eaeaea; margin-bottom:20px; padding:0 10px;}
#contact3_l button{ background:#252525; padding:10px 20px; border:0; color:#fff; font-size:16px; margin-right:20px;}


#contact4{ background:url(../images/fengongsi.jpg) no-repeat center top; padding:30px 0; background-size:100%; position:relative;}
#contact4 div{ margin-top:25px;}

#contact4 .contact4{ width:100%; float:left; height:auto; margin-top:20px;}

#contact4 div:nth-child(1) h2{ width:134px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#contact4 div:nth-child(2) h2{ width:190px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#contact4 div:nth-child(3) h2{ width:134px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#contact4 div:nth-child(4) h2{ width:240px; height:134px; line-height:134px; background:#fd6000; text-align:center; font-family: Arial, Sans-serif; font-size:90px; color:#fff;}
#contact4 div:nth-child(1) h3{ width:134px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#contact4 div:nth-child(2) h3{ width:190px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#contact4 div:nth-child(3) h3{ width:134px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}
#contact4 div:nth-child(4) h3{ width:240px; font-size:14px; text-align:center; color:#fff; padding-top:15px;}

#contact4 h4{ color:#fff; font-size:20px; margin-top:30px; line-height:50px;}
#contact4 h4 strong{ border:1px solid #fff; padding:10px 20px; border-radius:20px;}

#contact4 .ipto{ width:100%; float:left; height:auto; background:#fff; margin-bottom:30px; margin-top:70px;}
#contact4 .ipti{ width:100%; float:left; height:197.33px; background:url(../images/con_fgs1.jpg) no-repeat; background-size:100% 100%; margin-top:0;}
#contact4 .ipti img{ width:100%;}
#contact4 .iptz{ width:100%; float:left; height:auto; padding:20px; font-size:18px;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	#contact4{ background-size:auto 100%;}
	#contact4 .ipto{ margin-top:30px;}
}
.fa-weixin{ cursor:pointer;}
#contact2 .weixin{ position:relative;}
#contact2 .weixin:hover #fa-weixin{ display:block;}
#fa-weixin{ display:none; position:absolute; top:0; right:-160px; width:150px; max-width:inherit; z-index:99;}

#weixin{ position:relative;}
#weixin:hover #fa-weixin{ display:block;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#fa-weixin{ right:0px; top:40px;}
	.fa-span{ width:100%; float:left; padding:15px 0;}
}

#valueex{ padding:30px; background:#fff; margin-bottom:12px; font-size:14px; line-height:24px;}


#rdinnovation{ padding:30px;  background:#fff; font-size:14px; line-height:24px;}

#rdinnovation1{ padding:30px; background:#fff; font-size:14px; line-height:24px; margin-top:12px;}

#rdinnovation2{ position:relative;}
#rdinnovation2 .current{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
#rdinnovation2 .current p:nth-child(1){ font-size:36px; color:#fff; line-height:60px;}
#rdinnovation2 .current p:nth-child(2){ font-size:36px; color:#fff; line-height:60px;}
#rdinnovation2 .current p:nth-child(3){ font-size:48px; color:#f06f22; line-height:60px;}


@media screen and (min-width:1px ) and (max-width:999px)
{
	#rdinnovation2 .current p:nth-child(1){ font-size:12px; line-height:20px;}
	#rdinnovation2 .current p:nth-child(2){ font-size:12px; line-height:20px;}
	#rdinnovation2 .current p:nth-child(3){ font-size:14px; line-height:20px;}
}


#visually{ background:#fff; padding:30px 10px; position:relative; z-index:10;}

.article { display: block; margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms;}
.article:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms;}
.article > img { display: block; width: 100%;margin: 0 0 24px 0;}
.article h2 {text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 12px 0;}
.wall { display: block; position: relative;}
.wall-column { display: block; position: relative; width: 25%; float: left; padding: 0 12px; box-sizing: border-box;}
@media (max-width: 640px) {
  .wall-column { width: 50%;}
}
@media (max-width: 480px) {
  .wall-column { width: auto; float: none;}
}

#left_nav{ width:200px; float:left; height:auto; position:sticky; top:62px; left:0px; z-index:8; background:#fff; margin-left:-200px;}
.lbt{display:block; background:#6d6b6f; margin:auto -15px; padding:15px 0px 15px 20px; }
.lbt h3{font-size:23px;color:#fff;font-weight:bold;font-family:Arial,Tahoma,Helvetica,sans-serif;}
.lbt h3 span{margin-left:10px;margin-right:10px;}

.lmb ul{display:block;}
.lmb ul li{ width:100%; float:left; margin-top:5px; text-align:center; margin-right:5px;}
.lmb ul li a{ display:block; padding:3% 0% 3% 10%; font-size:16px; text-transform:capitalize; text-align:left; background:#f68b1f; margin:auto -15px; color:#fff;}
.lmb ul li a.hover{background:#6d6b6f;}
.lmb ul li a:hover{background:#6d6b6f;}

/*窗口*/
.bodyMask{width:100%;height:100%;position:fixed;float:none;top:0px;left:0px;z-index:1000;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;display:none;}
.bodyWindow{background-color:#fff;padding:20px;position:fixed;float:none;top:45%;left:50%;z-index:1500;display:none;border-radius:4px;}
.bodyWindow .close{width:46px;height:46px;position:absolute;float:none;top:10px;right:10px;cursor:pointer;z-index:10;}
.bodyWindow .close i{width:46px;height:46px;float:left;background:url(../images/close.png) no-repeat center center;}
.bodyWindow.newsView{width:50%;margin-left:-25%;top:10%;bottom:10%;border-radius:0px;padding:50px 40px 40px;}
.bodyWindow.newsView .textArea{color:#848484;letter-spacing:1px;}
.bodyWindow.newsView .viewport{position:absolute;float:none;top:120px;bottom:40px;right:20px;left:40px;}
#bodyWindow{ width:100%; float:left; height:auto; overflow:hidden;}
#bodyWindow h3{ width:100%; float:left; height:auto; color:#000; font-size:18px; text-align:center;}
#bodyWindow h4{ width:100%; float:left; height:auto; color:#000; font-size:13px; text-align:center; margin-top:10px; letter-spacing:3px;}
#bodyWindow .viewport{ width:80%; float:left; height:auto; overflow:hidden; overflow-y:auto}
#bodyWindow .viewport img{ max-width:90%;}
#bodyWindow .viewport p{ width:90%; float:left; padding-top:15px;}
#bodyWindow .viewport::-webkit-scrollbar{ width:5px;  height:5px;}  
#bodyWindow .viewport::-webkit-scrollbar-button{ background:#ccc;}  
#bodyWindow .viewport::-webkit-scrollbar-track{ background:#ccc;}  
#bodyWindow .viewport::-webkit-scrollbar-track-piece{ background:#ccc;  }  
#bodyWindow .viewport::-webkit-scrollbar-thumb{ background:#535353; border-radius:4px;  }  
#bodyWindow .viewport::-webkit-scrollbar-corner { background:#535353;   }  
#bodyWindow .viewport::-webkit-scrollbar-resizer  { background:#535353;  }  
@media screen and (min-width:1px ) and (max-width:768px)
{
	.bodyWindow.newsView{ width:100%; margin-left:-50%;}
}


#kongjicate{ padding:30px 0; text-align:center;}

#kongjicatelist{}

#kongjicatelist a{ padding:0 55px 15px 55px; font-size:16px; border-bottom:1px solid #ccc; margin:auto -2px;}
#kongjicatelist a:hover{ border-bottom:1px solid #e15718; color:#e15718;}
#kongjicatelist a.hover{ border-bottom:1px solid #e15718; color:#e15718;}

@media screen and (min-width:1px ) and (max-width:999px)
{
	#kongjicatelist a{ width:100%; float:left; display:inline-block; margin-bottom:10px;}
}

#kongji{}

#kongji #mgkj1_left{ padding-left:15px; padding-top:140px; padding-bottom:40px;}
#kongji #mgkj1_left strong{ float:left; width:100%; font-size:32px; color:#ff6800; line-height:55px;}
#kongji #mgkj1_left p{ float:left; width:100%; font-size:14px; color:#606060; line-height:35px;}
#kongji #mgkj1_left p span{ font-size:30px; color:#ff6800; font-weight:bold;  line-height:35px;}
#kongji #mgkj1_left p b{ font-size:18px; color:#606060; }
@media screen and (min-width:1px ) and (max-width:768px)
{
	#kongji #mgkj1_left{ padding-top:0px;}
}
#kongji #mgkj1_right{ margin-top:100px; padding-bottom:40px;}


#kongji1{ padding:30px 0;}

#kongji1 .mgkj2_cent{ float:left; width:100%; }
#kongji1 .mgkj2_cent table{float:left; width:100%; border:solid 1px #d9d9d9; border-left:0px; border-top:0px; }
#kongji1 .mgkj2_cent table tr th{ background:#4d585a;border-left:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9; font-size:14px; color:#fff; height:50px; text-align:center; line-height:50px;}
#kongji1 .mgkj2_cent table tr td{ background:#ffffff; border-left:solid 1px #d9d9d9;border-top:solid 1px #d9d9d9;font-size:14px; color:#606060; padding:15px 0px; text-align:center; line-height:20px;}
#kongji1 .mgkj2_cent table tr td.mgkj2_tab_tit{ background:#f4f4f4;}
#kongji1 .mgkj2_cent table tr td strong{ font-size:22px; color:#ff6800;}
#kongji1 .mgkj2_cent table tr td.mgkj2_tab_show{ background:#ebebeb;}



@media screen and (min-width:1px ) and (max-width:1200px)
{
	#kongji1 .mgkj2_cent{overflow-y:scroll;}
	#kongji1 .mgkj2_cent table{ width:1200px}
}

#kongji2{ background:#fff; padding:30px 0;}

.mgkj3_left{padding-left:15px; padding-top:100px;}
.mgkj3_left strong{ float:left; width:100%; font-size:32px; color:#ff6800; line-height:55px; margin-bottom:15px;}
.mgkj3_left_pck{ float:left; width:100%;}
.mgkj3_left_pck b{ float:left; width:10%; font-size:45px; color:#494949; line-height:50px; font-family:Myriad Pro,Arial; font-weight:normal;}
.mgkj3_left_pck p{ float:left; width:85%; font-size:14px; color:#494949; line-height:23px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.mgkj3_left{ padding-top:0;}
	.mgkj3_left_pck b{ width:100%;}
	.mgkj3_left_pck p{ width:100%;}
}


#waimao{ padding:30px 0;}

#waimao .wmyj1_cent{ float:left; width:100%; background:#fff;}

#waimao #wmtabs { float:left; width:100%; height:96px;  margin:0px;  }
#waimao #wmtabs li {float:left;width:50%;}
#waimao #wmtabs a {float: left;position: relative; height:96px; width:100%; text-align:center; background:#ededed url(../images/wmtabs.jpg) no-repeat center bottom; background-size:100%; text-decoration: none;}
#waimao #wmtabs a strong{ float:left; width:100%; margin-top:15px; font-size:22px; color:#ff6800; text-align:center; line-height:40px; font-weight:normal;}
#waimao #wmtabs a span{ float:left; width:100%; font-size:14px; color:#999999; text-align:center; line-height:20px;}
#waimao #wmtabs a:hover, #wmtabs a:hover::after, #wmtabs a:focus, #wmtabs a:focus::after {background:#fff url(../images/wmtabshover.jpg) no-repeat center bottom; background-size:100%;}
#waimao #wmtabs a:focus {outline: 0;}
#waimao #wmtabs #wmcurrent a{ z-index: 3; background:#fff url(../images/wmtabshover.jpg) no-repeat center bottom; background-size:100%;}
#waimao #wmcontent { float:right; width:100%; padding:0px 0px 0px 0px; z-index: 2;}
#waimao .wmtab1_cent{ float:left; width:100%; padding:30px 20px; background:#fff;}
#waimao .wmtab1_cent p{ float:left; width:100%; font-size:14px; color:#606060; line-height:25px; margin-top:10px;}
#waimao .wmtab1_cent p strong{ font-size:18px; color:#ff6800; line-height:25px; font-weight:normal;}
#waimao .wmtab1_cent table{ float:left; width:100%; border:solid 1px #dbdbdb;border-right:0px;}
#waimao .wmtab1_cent table tr th{ text-align:center; font-size:16px; line-height:40px; font-weight:normal; color:#fff; background:#4d585a; border-right:solid 1px #dbdbdb;}
#waimao .wmtab1_cent table tr td{ text-align:center; line-height:33px; font-size:14px; color:#606060; background:#f5f5f5;border-right:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#waimao #wmtabs{ margin-bottom:10px;}
	#waimao #wmtabs li{ width:100%;}
}



#waimao1{ padding:30px 0; background:url(../images/1_40.jpg) no-repeat center top;}

#waimao2{ padding:30px; background:#fff; margin-bottom:20px;}

#waimao2 .wmyj2_cent_title{ float:left; width:100%; padding-top:20px;}
#waimao2 .wmyj2_cent_title strong{ float:left; width:100%; font-size:24px; color:#ff6800; line-height:40px; text-align:center;}
#waimao2 .wmyj2_cent_show{ float:left; width:100%;}
#waimao2 .wmyj2_cent_show ul{ float:left; width:100%; margin:0px;}
#waimao2 .wmyj2_cent_show ul li{ float:left; width:100%; padding:30px 20px; border-bottom:solid 1px #eaeaea;}
#waimao2 .wmyj2_cent_show ul li img{ float:left; }
#waimao2 .wmyj2_cent_show ul li strong{ float:left; margin-top:10px; width:100%;font-size:16px; color:#ff6800; line-height:21px;}
#waimao2 .wmyj2_cent_show ul li p{ float:left; width:100%; font-size:12px; color:#666666; line-height:21px;}
@media screen and (min-width:1px ) and (max-width:1200px)
{
	#waimao2{ padding:15px;}
	#waimao2 .wmyj2_cent_title{ padding-top:0;}
	#waimao2 .wmyj2_cent_show ul li{ padding:10px;}
}
#waimao3{ padding:30px; background:#fff;}
#waimao3 .wmyj2_cent_title{ float:left; width:100%; padding-top:20px;}
#waimao3 .wmyj2_cent_title strong{ float:left; width:100%; font-size:24px; color:#ff6800; line-height:40px; text-align:center;}
#waimao3 .wmyj2_cent_show{ float:left; width:100%;}
#waimao3 .wmyj2_cent_show table{ float:left; width:100%; border:0px; margin:0px; }
#waimao3 .wmyj2_cent_show table tr{ float:left; width:100%; border-bottom:solid 1px #eaeaea; background:#ffffff;}
#waimao3 .wmyj2_cent_show table tr td{  float:left; color:#6a6a6a; font-size:12px;  line-height:49px;}
#waimao3 .wmyj2_cent_show table tr td strong{ float:left; font-size:14px; color:#6a6a6a; line-height:49px;}
#waimao3 .wmyj2_cent_show table tr td:nth-child(1){ width:30%;}
#waimao3 .wmyj2_cent_show table tr td:nth-child(2){ width:70%;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#waimao3{ padding:15px;}
	#waimao3 .wmyj2_cent_show{overflow-y:scroll;}
	#waimao3 .wmyj2_cent_show table{ width:100%}
	#waimao3 .wmyj2_cent_show table tr td:nth-child(1){ width:100%;}
	#waimao3 .wmyj2_cent_show table tr td:nth-child(2){ width:100%;}
	#waimao3 .wmyj2_cent_show table tr td{ line-height:30px;}
}


#bing{ padding:30px 0; background:url(../images/1_41_2.jpg) no-repeat center bottom; }
#bing h2{ margin-bottom:120px;}
#bing h2 img{ width:300px;}
#bing h3{ text-align:center; margin-bottom:15px;}
#bing h3 span{ background:#fff; color:#ed4214; padding:5px 10px; font-size:24px;}
#bing p{ width:100%; float:left; height:auto; font-size:14px; line-height:30px; color:#f6f2f2;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#bing{ background:#808080;}
	#bing h2{ margin-bottom:30px;}
}
#bing1{ padding:30px 0;}

#bing1 h3{ font-size:24px; color:#ed4214;}

#bing1 .ipto{ width:100%; float:left; height:auto; margin-top:40px;}
#bing1 .ipti{ width:100%; float:left; height:auto;}
#bing1 .iptz{ width:100%; float:left; height:auto; text-align:center; font-size:14px; color:#282727; margin-top:10px;}


#bing2{ padding:30px 0; background:url(../images/1_46.jpg) no-repeat center right #f1f1f1;}

#bing2 h3{ font-size:24px; color:#ed4214; margin-bottom:40px;}
#bing2 h4{ font-size:20px; font-weight:bold; margin-bottom:15px;}
#bing2 p{ font-size:20px; color:#373636;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#bing2{ background-size:cover;}
}


#bing3{ padding:30px 0; font-size:20px; color:#373636;}
#bing3 #bing3_l{ padding-top:10%; line-height:30px;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#bing3 #bing3_l{ padding-top:0; margin-bottom:15px;}
}

#bing4{ padding:30px 0; font-size:20px; color:#373636; background:#eee;}
#bing4 #bing4_l{ padding-top:6%; line-height:30px;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#bing4 #bing4_l{ padding-top:0; margin-bottom:15px;}
}


#bing5{ padding:30px 0; font-size:20px; color:#373636;}
#bing5 #bing3_l{ padding-top:2%; line-height:30px;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#bing5 #bing3_l{ padding-top:0; margin-bottom:15px;}
}


#bing6{ padding:30px 0; background:url(../images/1_50.jpg) no-repeat top center;}


#sgs{ padding:60px 0; font-size:30px;}


#sns{ padding:30px 0;}
#sns h2{ font-size:22px; font-weight:bold; color:#ed4214; margin-bottom:10px;}
#sns h3{ font-size:22px; font-weight:bold; color:#474341; margin-bottom:10px;}
#sns h4{ font-size:14px; color:#363535;}
#sns p{ margin-top:15px;}



#sns1{ padding:30px 0; background:#f5f5f5;}
#sns1 h2{ font-size:22px; color:#ed4214; margin-bottom:30px;}

#sns1 .ipto{ width:100%; float:left; height:auto; text-align:center; margin-bottom:30px;}
#sns1 .ipti{ width:100%; float:left; height:auto; margin-bottom:20px;}
#sns1 .ipti img{ width:40px; display:inline-block;}
#sns1 .ipti i{ font-size:40px; color:#e16b1d;}
#sns1 .iptz{ width:100%; float:left; height:auto; color:#363535; line-height:30px;}


#sns2{ padding:30px 0; background:url(../images/1_53.png) no-repeat center center;}
#sns2 h2{ font-size:22px; color:#ed4214; margin-bottom:30px;}
#sns2 p{ font-size:14px; color:#fff; line-height:30px; margin-bottom:40px;}

#sns2 .ipto{ width:100%; float:left; height:auto; text-align:center; margin-top:30px;}
#sns2 .ipti{ width:100%; float:left; height:auto; margin-bottom:20px;}
#sns2 .ipti img{ width:100%; display:inline-block;}
#sns2 .iptz{ width:100%; float:left; height:auto; color:#fff; line-height:30px; text-align:left;}


#yandex{ padding:30px 0;}

#yandexcate{ padding:30px 0;}
#yandexcate a{ padding:10px 35px; background:#eee; color:#221e1f; border:1px solid #fff; border-bottom:0; border-top:0; font-size:18px;}
#yandexcate a:hover{ background:#ec6f0a; color:#fff;}
#yandexcate a.hover{ background:#ec6f0a; color:#fff;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#yandexcate a{ width:100%; float:left; padding:5px 15px;}
}

.yandex{ display:none;}

#yandex1{ padding:30px 0;}
#yandex1 h2{ font-size:22px; color:#ed4214; margin-bottom:30px;}
#yandex1 p{ width:100%; float:left; height:auto; font-size:14px; color:#1e1d1d; line-height:24px;}
#yandex1 p strong{ font-size:48px; color:#d31c20; line-height:48px;}
#yandex1 span{ width:100%; float:left; text-align:center;}


#yandex2{ padding:30px 0; background:url(../images/1_59.jpg) no-repeat center center;}
#yandex2 h2{ font-size:22px; color:#fff; line-height:24px; margin-bottom:30px;}

#yandex2_c{ background:#fff; padding:30px;}
#yandex2_c h3{ font-size:22px; color:#ed3f0f; margin-bottom:30px;}

#yandex2_c .ipto{ width:100%; float:left; height:auto;}
#yandex2_c .ipti{ width:100%; float:left; height:auto; background:#f39801; border-radius:15px; padding:10px 20px; color:#fff; font-size:16px;}
#yandex2_c .iptz{ width:100%; float:left; height:auto; padding:10px 20px; font-size:14px;}

#yandex3{ padding:30px 0;}


#yandex_sub_1{ padding:30px 0; background:#ebebeb; font-size:14px; color:#231f20;}
#yandex_sub_1 strong{ font-size:30px; color:#d31c20; line-height:48px;}

#yandex_sub_2{ padding:30px 0;}

#yandex_sub_2_1{ text-align:center; padding:100px 0 0 0;}
#yandex_sub_2_1 span{ font-size:24px; color:#ec6f0a; text-align:center; display:inline-block; border:1px solid #ec6f0a; padding:15px 25px; border-radius:15px;}
#yandex_sub_2_1 p{ width:100%; float:left; height:auto; font-size:18px; line-height:24px; color:#3b3b3b; text-align:left; margin-top:30px;}
#yandex_sub_2_1 p strong{ color:#f06f14;}

#yandex_sub_2_2{ padding:100px 0 0 0;}
#yandex_sub_2_2 span{ font-size:24px; color:#ec6f0a; text-align:center; display:inline-block; border:1px solid #ec6f0a; padding:15px 25px; border-radius:15px;}
#yandex_sub_2_2 p{ width:100%; float:left; height:auto; font-size:18px; line-height:24px; color:#3b3b3b; text-align:left; margin-top:30px;}
#yandex_sub_2_2 p strong{ color:#f06f14;}


#yandex_sub_3{ padding:30px 0; background:#ebebeb; font-size:18px; color:#282626; line-height:24px;}
#yandex_sub_3 img{ margin-bottom:30px;}


#yandex_sub_4{ padding:30px 0; background:url(../images/1_65.jpg) no-repeat center center;}
#yandex_sub_4 h2{ font-size:24px; line-height:24px; color:#ec6810; margin-bottom:30px;}
#yandex_sub_4 span{ width:10%; float:left; margin-bottom:20px;}
#yandex_sub_4 p{ width:90%; float:left; font-size:18px; line-height:24px; color:#fff; margin-bottom:20px;}
#yandex_sub_4 p strong{ color:#e56414;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#yandex2{ background-size:auto 100%;}
	#yandex_sub_4{ background-size:auto 100%;}
	#yandex_sub_2_1{ padding:0 15px;}
	#yandex_sub_2_2{ padding:0 15px;}
}


#yandexgg{ padding:30px 0; background:url(../images/1_70.jpg) no-repeat center center;}
#yandexgg h2{ font-size:22px; line-height:24px; color:#ec6810; margin-bottom:20px;}
#yandexgg h3{ font-size:14px; line-height:24px; color:#fff; margin-bottom:20px;}
@media screen and (min-width:1px ) and (max-width:1200px)
{
	#yandexgg{ background-size:auto 100%;}
}

#yandexgg1{ padding:30px 0; }
#yandexgg1 h2{ font-size:22px; line-height:24px; color:#ec6810; margin-bottom:30px;}

#yandexgg1_l{ font-size:18px; color:#e16b1d; line-height:24px;}


#yandexgg2{ padding:30px 0; background:url(../images/1_76.jpg) no-repeat center center;}
#yandexgg2_c{ background:#fff;}


#googlecate{ padding:30px 0;}
#googlecate a{ padding:0 30px 15px ; font-size:16px; border-bottom:1px solid #ccc; margin:auto -2px;}
#googlecate a:hover{ border-bottom:1px solid #e15718; color:#e15718;}
#googlecate a.hover{ border-bottom:1px solid #e15718; color:#e15718;}

@media screen and (min-width:1px ) and (max-width:999px)
{
	#googlecate a{ width:100%; float:left; display:inline-block; margin-bottom:10px;}
}


#googlegg{ padding:30px 0;}
#googlegg h2{ font-size:18px; color:#fc641d; font-weight:bold; text-align:center; margin-bottom:30px;}
#googlegg p{ width:100%; float:left; height:auto; font-size:14px; color:#1f1f1f; line-height:36px;}


#googlegg1{ padding:30px 0; background:url(../images/1_79.jpg) no-repeat center center; background-size:100% 100%;}

#googlegg1 .ipto{ width:100%; float:left; height:auto;}
#googlegg1 .ipti{ width:100%; float:left; height:auto; text-align:center;}
#googlegg1 .iptz{ width:100%; float:left; height:auto; color:#fff; line-height:24px;}
#googlegg1 .iptz h3{ width:100%; float:left; height:auto; text-align:center; margin-top:15px; margin-bottom:15px;}
#googlegg1 .iptz p{ width:100%; float:left; height:auto;}


#googlegg2{ padding:30px 0;}

#googlegg2_cate{}
#googlegg2_cate a{ padding:10px 20px; font-size:16px; background:#d0d0d0; color:#4b4b4b;}
#googlegg2_cate a:hover{ background:#ed4214; color:#fff;}
#googlegg2_cate a.hover{ background:#ed4214; color:#fff;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	#googlegg2_cate a{ width:100%; float:left;}
}

#googlegg2_list{ margin-top:30px;}

.gtab1_cent{ float:left; width:100%;}
.gtab1_cent p{ float:left; font-size:14px; color:#666666; line-height:25px; width:75%;}
.gtab1_cent p strong{ float:left; width:100%; font-size:18px; color:#ed4214; font-weight:normal; line-height:30px;}
.gtab1_cent img{ width:25%;} 
.gtab2_cent p{ text-align:center; font-size:14px;}
.gtab2_cent strong{ font-size:18px; text-align:center; font-weight:normal; line-height:35px;color:#ed4214; }
.gtab3_cent strong{ float:left; width:100%; font-size:18px; text-align:left; font-weight:normal; line-height:35px;color:#ed4214; }
.gtab3_cent p{ float:left; font-size:14px; color:#666666; line-height:25px;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	.gtab1_cent p{ width:100%}
	.gtab1_cent img{ width:auto;} 
}


#googlekouyi{ padding:30px 0;}

#googlekouyi strong{ font-size:18px; color:#ff641c;}
#googlekouyi span{ font-size:18px; color:#1a7acc;}
#googlekouyi p{ width:100%; float:left; font-size:14px;}


#googlekouyi1{ padding:30px 0; background:url(../images/1_85.jpg) no-repeat center center;}
#googlekouyi1 h3{ font-size:28px; color:#ed4214; line-height:40px; font-weight:normal; margin-bottom:30px;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	#googlekouyi{ padding:0 0 30px 0;}
}

/*Google广告 - Google出口易*/
.googlecky2{ float:left; width:100%; min-height:525px; background:url(../images/googlecky2.jpg) no-repeat center top;}
.googlecky2_title{ float:left; width:1150px; text-align:center; padding-top:35px;}
.googlecky2_title strong{  font-size:28px; color:#ed4214; line-height:40px; font-weight:normal;}
.googlecky_table{ float:left; width:1148px; border:solid 1px #d3d3d3; border-right:0px; font-family:Microsoft YaHei;}
.googlecky_table tr th{ background:#005bae; color:#fff; line-height:45px; font-size:20px; border-top:solid 1px #d3d3d3;border-right:solid 1px #d3d3d3; font-weight:normal; text-align:center;}
.googlecky_table tr td{ background:#fff; color:#333; border-top:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3; font-size:14px; padding:5px 30px; line-height:22px;}
.googlecky_table tr td strong{ float:left; color:#ee3f46; width:100%; font-size:14px;}
.gtab3_cky_cent{ float:left; width:100%;}
.gtab3_cky_cent_tit{ float:left; width:100%;  text-align:left;}
.gtab3_cky_cent_tit strong{ float:left; width:100%; font-size:18px; line-height:35px; text-align:left;}
.gtab3_cky_cent_show{ float:left; width:100%;}
.gtab3_cky_cent_show_left{ float:left; width:50%;}
.gtab3_cky_cent_show_right{ float:left; width:50%; padding-left:100px;}
.gtab3_cky_cent_show p{ font-size:14px; color:#333; line-height:25px;}
.gtab3_cky_cent_show p strong{ float:left; font-size:14px; color:#ed4214; line-height:35px; width:100%;}
.ckygtab1{ float:left; width:100%;}
.ckygtab1 p{ float:left; font-size:14px; color:#666666; line-height:25px; width:75;}
.ckygtab1 p strong{ float:left; width:100%; font-size:18px; color:#ed4214; font-weight:normal; line-height:30px; text-align:left;}
.ckygtab1 p{ text-align:left; font-size:14px;}
.ckygtab1 img{ width:25%;} 
@media screen and (min-width:1px ) and (max-width:999px)
{
	.ckygtab1 p{ width:100%}
	.ckygtab1 img{ width:auto;} 
	.gtab3_cky_cent_show_left{ float:left; width:100%;}
	.gtab3_cky_cent_show_right{ float:left; width:100%; padding-left:0;}
	
	.gtab2_cky_cent{overflow-y:scroll;}
	.gtab2_cky_cent table{ width:1200px}
}


#googleggao{ padding:30px 0;}
@media screen and (min-width:1px ) and (max-width:999px)
{
	#googleggao{ padding:0;}
}
.yandexcate_list{ border-bottom:1px solid #ccc; padding-bottom:9px;}

#googleggao1{ padding:30px 0;}
#googleggao1 h2{ font-size:24px;}
#googleggao1 p{ font-size:14px; line-height:36px; margin-top:30px;}


#googleggao2{ padding:30px 0; background:#f4f4f4;}
#googleggao2 h2{ font-size:24px;}
#googleggao2 p{ font-size:14px; line-height:36px; margin-top:30px;}
#googleggao2 p strong{ color:#ed4214; font-size:24px;}
#googleggao2 span{ margin-top:60px;}


#googleggao3{ padding:30px 0;}
#googleggao3 h2{ font-size:14px;}
#googleggao3 h2 strong{ color:#ed4214; font-size:24px;}
#googleggao3 p{ margin-top:30px;}


#googleggao4{ padding:30px 0; background:#f4f4f4;}
#googleggao4 h2{ width:100%; float:left; font-size:24px; color:#fe512a; margin-bottom:30px;}
#googleggao4 p{ width:100%; float:left; font-size:14px; line-height:36px; margin-bottom:60px;}


#googlejj{ padding:30px 0;}
#googlejj h2{ font-size:14px; color:#fe512a; margin-bottom:30px;}
#googlejj p{ font-size:14px; line-height:36px; margin-bottom:30px;}
#googlejj p strong{ color:#ed4214; }
#googlejj span{ margin-bottom:30px;}


#googlejj1{ padding:30px 0; background:url(../images/1_92.jpg) no-repeat center center;}
#googlejj1 h2{ font-size:18px; color:#fe512a; margin-bottom:30px;}
#googlejj1 p{ font-size:16px; line-height:36px; color:#fff;}


#googlekq{ padding:30px 0;}
#googlekq h2{ font-size:24px; color:#fe512a;}


#googlekq1{ padding:30px 0; background:url(../images/1_93.jpg) no-repeat center center;}
#googlekq1 p{ color:#fff; font-size:14px; line-height:36px; margin-bottom:30px;}
#googlekq1 p strong{ font-size:18px; color:#fa551b;}
#googlekq1 p strong i{ display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; border:1px solid #fff; color:#fff; border-radius:50%; margin-right:10px; font-style:inherit;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#googlejj1{ background-size:auto 100%;}
	#googlekq1{ background-size:auto 100%;}
}


#googlekq2{ padding:30px 0;}
#googlekq2 h2{ font-size:24px; color:#fe512a; margin-bottom:30px;}
#googlekq2 p{ color:#201f1e; font-size:24px; line-height:30px; margin-bottom:30px;}
#googlekq2 p strong{ font-size:24px; color:#ed4214;}


#googlezyx{ padding:30px 0;}
#googlezyx .googlezyx{ margin-bottom:30px;}
#googlezyx .googlezyx h2{font-size:24px; color:#fe512a; margin-bottom:20px;}
#googlezyx .googlezyx p{ color:#201f1e; font-size:14px; line-height:36px;}
#googlezyx .googlezyx h2{font-size:24px; color:#fe512a; margin:30px auto;}


#youtube{ padding:30px 0; background:#e7403d;}
#youtube p{ color:#201f1e; font-size:14px; line-height:36px; color:#fff; margin-bottom:30px;}


#youtube1{ padding:30px 0;}
#youtube1 .youtube1{ margin-bottom:40px;}
#youtube1 h2{ font-size:24px; color:#fe512a; margin-bottom:20px;}
#youtube1 p{ color:#201f1e; font-size:14px; line-height:36px; margin-bottom:30px;}


#youtube2{ padding:30px 0; background:url(../images/2_15.jpg) no-repeat center center;}
#youtube2 h2{font-size:24px; color:#fe512a; margin-bottom:50%; text-align:center;}
#youtube2 p{ color:#fff; font-size:14px; line-height:36px; margin-bottom:30px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#youtube2 h2{ margin-bottom:30px;}
}

#youtube3{ padding:30px 0;}
#youtube3 .container{ box-shadow:10px 10px 10px #ccc; padding:10px;}
#youtube3 h2{font-size:24px; color:#fe512a; margin-bottom:10%; text-align:center;}
#youtube3 p{ color:#212020; font-size:14px; line-height:36px; margin-bottom:30px;}


#youtube4{ padding:30px 0;}
#youtube4 h2{font-size:24px; color:#fe512a; margin-bottom:30px;}
#youtube4 h3{font-size:24px; color:#fe512a; margin-bottom:30px;}
#youtube4 h3 img{ margin-right:15px;}


#youtube5{ padding:30px 0; background:url(../images/2_23.jpg) no-repeat center center;}
#youtube5 h2{font-size:24px; color:#fe512a; margin-bottom:30px; text-align:center;}


#culture{ background:url(../images/2_25.jpg) no-repeat center top #eaeaea;}

.culturelist{ width:100%; float:left; height:auto; background:url(../images/2_26.png) left top;}

.culture{ background:#fff;}
.culture p{ font-size:24px; color:#141313;}
.culture p:nth-child(1){ margin-top:50px;}
.culture p:nth-child(2){ margin-top:70px;}

.culture1{ padding:60px 0; font-size:30px; color:#3b3a39;}
.culture1 span{ color:#e2540c;}

.culture2{ background:#fff; padding:30px 0;}

.culture3{ background:#fff; padding:30px 0;}
.culture3 p{ text-align:center; padding-left:30px; margin-bottom:20px; font-size:18px; font-weight:bold;}


#seoyouhua{ padding:30px 0; font-size:14px;}
#seoyouhua h2{ font-size:48px; margin-bottom:30px;}
#seoyouhua h3{ font-size:18px; font-weight:bold; margin-bottom:30px; color:#2c2929;}

.seoyouhua_list{ margin-bottom:30px;}
.seoyouhua_list p{ width:100%; float:left; height:auto; cursor:pointer;}
.seoyouhua_list i{ width:50px; height:50px; text-align:center; line-height:46px; display:inline-block; border:2px solid #eb6f0b; border-radius:50%; color:#eb6f0b; font-style:inherit; font-size:16px; background:#fff; z-index:10; position:relative;}
.seoyouhua_list span{ width:80%; background:#f0f0f0; height:40px; line-height:40px; display:inline-block; padding-left:35px; font-size:14px; margin-left:-20px; z-index:9; position:relative;}
.seoyouhua_list:hover i{ background:#eb6f0b; color:#fff;}
.seoyouhua_list.hover i{ background:#eb6f0b; color:#fff;}


#seoyouhuacate{ padding:30px 0;}
#seoyouhuacate a{ padding:10px 35px; background:#eee; margin:auto -4px; color:#221e1f; border:1px solid #fff; border-bottom:0; border-top:0; font-size:18px;}
#seoyouhuacate a:hover{ background:#ec6f0a; color:#fff;}
#seoyouhuacate a.hover{ background:#ec6f0a; color:#fff;}

@media screen and (min-width:1px ) and (max-width:1200px)
{
	#seoyouhua h2{ font-size:36px;}
	.seoyouhua_list i{ width:30px; height:30px; line-height:26px;}
	.seoyouhua_list span{ width:89%; height:24px; line-height:24px; font-size:12px; padding-left:8%;}
	#seoyouhuacate a{ width:100%; float:left; margin-bottom:10px;}
}


#seoyouhua1{ padding:30px 0;}
#seoyouhua1 p{ width:100%; float:left; height:auto; line-height:24px; font-size:14px; color:#0d0d0d;}


#seoyouhua2{ padding:30px 0; background:url(../images/2_31.jpg) no-repeat center center;}
#seoyouhua2 p{ font-size:18px; line-height:24px; color:#fff; padding:0 10%;}
#seoyouhua2 h2{ font-size:26px; color:#fff; margin-top:50px; margin-bottom:30px;}

.seoyouhua2_left{ width:100%; float:left; height:auto;}
.seoyouhua2_left dl{ width:100%; float:left; height:auto; color:#fff; position:relative; margin-bottom:30px; padding:20px;}
.seoyouhua2_left dl dt{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.4); z-index:9;}
.seoyouhua2_left dl dd{ width:100%; float:left; height:auto; position:relative; z-index:10;}
.seoyouhua2_left dl dd i{ width:10%; float:left; height:auto; font-style:inherit; font-size:30px;}
.seoyouhua2_left dl dd em{ width:80%; float:right; height:auto; font-style:inherit;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#seoyouhua2{ background-size:auto 100%;}
}


#seoyouhua3{}
#seoyouhua3 .ipcp{padding:0px; margin:0px;}
#seoyouhua3 .ipcp:nth-child(1){ background:url(../images/2_33.jpg);  background-size:100% 100%;}
#seoyouhua3 .ipcp:nth-child(2){ background:url(../images/2_35.jpg);  background-size:100% 100%;}
#seoyouhua3 .ipcp:nth-child(3){ background:url(../images/2_34.jpg);  background-size:100% 100%;}


#seoyouhua3 .iptz{ padding:15%; color:#fff; text-align:center;}
#seoyouhua3 .iptz h3{ font-size:12px; margin-bottom:20px;}
#seoyouhua3 .iptz h2{ font-size:18px; margin-bottom:20px;}
#seoyouhua3 .iptz h2 em{ display:inline-block; width:120px; height:1px; border-bottom:1px solid #fff; margin-top:20px;}
#seoyouhua3 .iptz p{ font-size:14px; line-height:24px;}


#seoyouhua4{ padding:30px 0;}
#seoyouhua4 h2{ font-size:24px; margin-bottom:30px;}

#seoyouhua4 .ipto{ width:100%; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px;}
#seoyouhua4 .ipti{ width:10%;}
#seoyouhua4 .iptz{ width:90%;}
#seoyouhua4 .iptz h3{ font-size:16px; color:#444; line-height:30px; padding-bottom:8px;}
#seoyouhua4 .iptz p{ font-size:14px; color:#666; line-height:22px;}

#seoyouhua5{ padding:30px 0;background:url(../images/seo_3.jpg) no-repeat center center; background-attachment:fixed; background-size:100% 100%;}
#seoyouhua5_list{ }
#seoyouhua5_list h2{}
#seoyouhua5_list h2 span{ font-size:13px; width:265px; line-height:20px; background:#f86d0d; float:right; margin-right:30px; margin-top:-30px; padding:15px; color:#fff;}
#seoyouhua5_list h3{ color:#fff; font-size:24px; margin-bottom:30px;}
#seoyouhua5_list ul{ list-style-type:none; display:inline-block; padding-bottom:30px;}
#seoyouhua5_list li{ width:50%; float:left; height:auto; color:#fff; font-size:14px; line-height:30px;}
#seoyouhua5_list li i{ font-size:10px; margin-right:5px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#seoyouhua4 .ipti{ width:100%;}
	#seoyouhua4 .iptz{ width:100%;}
	#seoyouhua5_list h3{ margin-top:30px;}
	#seoyouhua5_list li{ width:100%;}
}

#seocases{ padding:30px 0;}
#seocases h2{ font-size:24px; font-weight:bold; margin-bottom:30px; color:#fb5d1e;}

#seocases .divlist{ margin-top:30px; border:1px solid #c6c6c6; padding:30px 60px;}
#seocases .divmc{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#seocases .divwz{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#seocases .divxp{ width:100%; float:left; height:auto; margin-bottom:5px; padding:0 15px; font-size:14px;}
#seocases .divjj{ width:100%; float:left; height:80px; margin-bottom:10px; padding:0 15px; font-size:14px; overflow:hidden;}
#seocases .divdt{ width:100%; float:left; height:auto; margin-bottom:5px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#seocases .divlist{ margin-top:0; padding:15px;}
	#seocases .divmc{ margin-top:20px;}
	#seocases .divdt div{ margin-bottom:20px;}
}
.template .showlist { background-color:#fff; border:1px solid #dcdcdc; border-radius:3px; margin-bottom:30px; position:relative;}
.template .showlist em{ font-style:normal; font-size:14px; color:#fff; padding:7px 15px; position:absolute; top:10px; left:10px; background: red; z-index: 8;}
.template .showlist:hover { border:1px solid #ef5a00;}
.template .showlist .pic { position:relative; overflow:hidden;}
.template .showlist .pic img {}
.template .showlist .description { padding:15px; line-height:30px;}
.template .showlist .description span { color:#3e3a39; font-size:14px;}
.template .showlist .description .btn { float:right; width:90px; text-align:center; color:#fff; background-color:#ef5a00; margin-left:10px; border-radius:3px;}
.template .showlist .description .btn:hover{background-color:#e24b24}


/* 整体 */
.header{ display:block; min-height:678px; background:url(../images/huodong/1_01.jpg) no-repeat center top;}
.header a{float:left; width:100%; height:678px;}
.tframe{ display:block; min-height:779px; background:url(../images/huodong/1_02.jpg) no-repeat center top;}
.tframe h1{ font-size:100px; color:#ea5b24; text-align:center; display:block; font-weight:normal; line-height:130px;}
.tframe p{ font-size:17px; color:#333333; line-height:26px; margin-top:20px;}

.pnk{margin-top:50px;}

.cadeDetail h2{ font-size:50px; color:#fff; font-weight:normal; line-height:130px;}
.cadeDetail dl{float:left; width:100%;}
.cadeDetail dl dd{ font-size:17px; line-height:40px; color:#fff; margin:8px 0px;}
.cadeDetail dl dd img{float:left; margin-right:20px;}

.tframe1{ display:block; min-height:997px; background:url(../images/huodong/1_03.jpg) no-repeat center top;}

.tframe1 h2{ font-size:50px; color:#fff; text-align:center; display:block; font-weight:normal; line-height:150px;}
.pck{ margin-top:50px;}


@media screen and (max-width:1000px)
{
	.feed_shenqing{ width:915px; height:505px}
	.feed_shenqing dl{ width:815px;}
	.feed_shenqing dl dd{ width:815px;}
}

.feed_shenqing{float:left; background:#ec6c3a; width:100%; height:auto;  border-radius:50px; -moz-box-shadow:10px 10px 20px #333333; -webkit-box-shadow:10px 10px 20px #333333; box-shadow:10px 10px 20px #333333;}
.feed_shenqing dl{ width:100%; margin-top:40px; padding:20px 40px;}
.feed_shenqing dl dd{float:left; width:100%; margin-bottom:20px;}
.feed_shenqing dl dd span{float:left; width:120px; font-size:23px; color:#fff; line-height:63px;}
.feed_shenqing dl dd input.textInput{ float:left;width:680px; font-size:23px; color:#333; line-height:63px; border-radius:15px; border:0px;}
.feed_shenqing dl dd p{ float:left;width:100%; font-size:23px; color:#fff; line-height:100px; text-align:center;}
.feed_shenqing dl dd input.btn_send{ width:253px; font-size:23px; color:#333; background:#fff; line-height:63px; border-radius:15px; border:0px;-moz-box-shadow:10px 10px 20px #333333; -webkit-box-shadow:10px 10px 20px #333333; box-shadow:10px 10px 20px #333333;}

@media screen and (min-width:1px ) and (max-width:996px)
{
	.header{ background-size:100% 100%; height:auto; min-height:inherit; background:#ea5b24 !important;}
	.header a{ height:auto;}
	.tframe{ background-size:100% 100%; height:auto; background:#ea5b24 !important;}
	.tframe1{ background-size:100% 100%; height:auto; background:#ea5b24 !important; padding-bottom:30px;}
	.tframe h1{ font-size:36px; color:#fff; line-height:36px;}
	.tframe p{ color:#fff;}
	.feed_shenqing dl dd span{ font-size:20px; line-height:40px;}
	.feed_shenqing dl dd input.textInput{ line-height:40px;}
	.feed_shenqing dl dd p{ line-height:30px;}
	.feed_shenqing dl dd input.btn_send{ font-size:20px; line-height:40px;}
}

@media screen and (min-width:1px ) and (max-width:770px)
{
	.feed_shenqing dl dd input.textInput{ width:100%}
	.feed_shenqing dl dd p{ font-size:16px;}
}


/*产品与服务*/
#pstframe{  background:#4da0c7;}
.cateps{ float:left; width:25%; *width:24.98%;}
.catepscent{ float:left;  padding:15% 15% 5% 15%;}
.catepscent .catepscent_title{ float:left; width:100%; background:url(../images/catepscent_title_bg.jpg) no-repeat left bottom;}
.catepscent .catepscent_title a{ float:left; width:100%; font-size:36px; color:#ffffff; line-height:70px; font-weight:bold;}
.catepscent .catepscent_p{ float:left; width:100%; margin-top:5%; color:#fff; font-size:14px; line-height:20px;  height:40px; overflow:hidden;}
.catepscent .catepscent_more{ float:left;margin-top:10%; width:100%;}
.catepscent .catepscent_more a{ float:left;  font-size:14px; padding:4% 16% 4% 10%; border-radius:5px;border:solid 1px #fff;}
.catepscent .catepscent_more a:hover{ float:left; color:#fff; font-size:14px; padding:4% 16% 4% 10%; background:url(../images/pspic1hover.png) no-repeat 85% center;border-radius:5px; border:solid 1px #fff;}
.cateps_img{ float:left; width:100%; z-index:0; overflow:hidden;}
.cateps_img img{ float:left; width:100%; height:auto;}

.catebg1{ background:#4286f5;}
.catebg2{ background:#34a853;}
.catebg3{ background:#fabc05;}
.catebg4{ background:#ea4235;}

.catebg1:hover{ background:#2973eb;}
.catebg2:hover{ background:#239d44;}
.catebg3:hover{ background:#ffae00;}
.catebg4:hover{ background:#e23325;}

.catemorebg1{ color:#4286f5;background:#fff url(../images/pspic1.png) no-repeat 85% center;}
.catemorebg2{ color:#34a853;background:#fff url(../images/pspic2.png) no-repeat 85% center;}
.catemorebg3{ color:#fabc05;background:#fff url(../images/pspic3.png) no-repeat 85% center;}
.catemorebg4{ color:#ea4235;background:#fff url(../images/pspic4.png) no-repeat 85% center;}

@media screen and (min-width:1px ) and (max-width:1240px)
{
	.catepscent .catepscent_title a{ font-size:20px;}
	.catepscent .catepscent_p{ font-size:11px;}
}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.cateps{ width:100%;}
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:275px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:210px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:-150px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:100%;color:#888;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0; width:50%; float:left;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}



@keyframes myfirst3 {
   0% {
        opacity:0.0;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.6;
    }

    75% {
        opacity: 0.8;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes myfirst3 {
    0% {
        opacity:0.0;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.6;
    }

    75% {
        opacity: 0.8;
    }

    to {
        opacity: 1;
    }
}