@import url(screen.css);

/*常用
-----------------------------------------------------------------------------------------------*/
*{ /*margin:0; padding:0;*/}
a{cursor:hand;
  cursor:pointer;
  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
  }
body
{
 margin:0 auto;
 padding:0;

}

.clear
{
 clear:both;
	}
	/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{
	text-decoration: none;
	color: #09C;
}
a:hover{
	text-decoration: underline;
	color: #09C;
}
img{ vertical-align:middle;}
body{font:14px/1.6em  Helvetica Neue, Arial, sans-serif;color:#7a7a7a;background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; }
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.imgimg{ max-width:100%;}
.mt5{margin-top:5px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}
/*头部
-------------------------------------------------------------------------------------------------*/

/*head*/
.head{ width:1060px; border-bottom:1px solid #515256; height:85px; margin:0 auto;position: absolute;margin-left: -530px;left: 50%;}
.head .box{ overflow:inherit}
.head .logo{float:left;}
.head .logo a{display:block; }
.head .logo a img{ width:170px; margin-left:5px; margin-top:13px;}
.head .headright{float:right; margin-top:13px;}
.head .headright .xnav{ display:none}
.head .headright .navi
{
     position:absolute;
     top:66px;
     left:0px;
     background:url(navibg.png) repeat-x left top;
     width:100%;    
     display:none;
}
.head .headright .navi ul li
{
    border-bottom:1px solid #3b3b3b;
    line-height:40px;

}

.head .headright .navi ul li a
{
 font-size:14px;
 color:#fff;
 height: 50px;
display: block;
padding-left:10px;
}
.head .headright .navi ul li a:hover
{
    color:#B8242A;
    text-decoration:none;
}
@media (min-width: 768px) and (max-width: 979px) 
{
    .head .box{ position:relative;overflow:inherit}
    .head {width: 100%;margin-left: 0px;left: 0; }
	.head .headright .qnav{display:none;}
	.head .logo a img{ width:150px; padding-top:13px; }
	.head .headright .xnav{ display:block;}
	.head .headright .xnav .img{ position:absolute;top:38px; right:10px;}
	.head .headright .navi{top:86px;}
}
@media (max-width: 767px) 
{.head .box{ position:initial;}
    .head{height:65px; }
 .head .logo a img{ width:120px; margin-left:5px; margin-top:13px;}
.head .headright .qnav{display:none;}
.head .headright .xnav{ display:block;}
.head .headright .xnav .img{ position:absolute;top:20px; right:10px;}

}
.head .headright ul.qnav li{ float:left; height:57px; line-height:57px; margin-left:10px;    position:relative;}
.head .headright ul.qnav li span{ color:#fff;}
.head .headright ul.qnav li a
{ cursor: pointer;
  font-size: 14px;
  color: #FFF;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  padding: 0px 15px;
  border-radius: 4px;
}
.head .headright ul.qnav li a.this,
.head .headright ul.qnav li a:hover
{
    background: #6D6E70;
}
.head .headright ul.qnav li a:hover
{
    text-decoration:none;
}
.head .headright ul.qnav li div
{
   width: 300px;
    position:absolute;
    left:0px;
    top:46px;
    background:url(navibg.png) repeat-x left top;
    padding:10px 0px 15px 0px;
    display:none;
    z-index:111111;
}
.head .headright ul.qnav li:hover div
{
    display:block;
}
.head .headright ul.qnav li ul li
{
    float:none;
height: 35px;
  line-height: 35px;

}
.head .headright ul.qnav li .macc
{
    width:510px;
}
.head .headright ul.qnav li .macc ul li:first-child
{
    width:100%;
}
.head .headright ul.qnav li .macc ul li:last-child
{
     width:100%;
}
.head .headright ul.qnav li .macc ul li
{
    float:left;
    width:48%;
}
.head .headright ul.qnav li .macc ul li:first-child a,
.head .headright ul.qnav li .macc ul li:last-child a
{
    font-size:18px;
}
.head .headright ul.qnav li ul li a
{
    font-size:14px;
    color:#c8c8c8;
    cursor:pointer;
    opacity:0.8;
}
.head .headright ul.qnav li ul li a:hover
{
    background:none;
    text-decoration:none;
    color:#fff;
    opacity:1;
}
		  
					  
/*底部
-------------------------------------------------------------------------------------------------*/
.footer
{ 
    background:#494949; 
  overflow:hidden; 
  padding: 15px 0px 50px 0px; 
  color:#c8c8c8; 
  text-align:left;
  }
.foot
{
	 padding-top:40px;
	 padding-bottom:30px;
	 overflow:hidden;
}

.foot .left
{
	float:left;
	 width:750px;
}
.foot .left ul
{
     float:left;
     margin-right:80px;
}
.foot .left ul li
{
	margin-bottom:6px;
	 font-family:Arial;
 font-size:20px;
 color:#c8c8c8;
}
.foot .left ul li.tt
{
    padding-bottom:10px;
}
.foot .left ul li a
{
	margin-bottom:8px;
	 font-family:Arial;
 font-size:16px;
 color:#c8c8c8;
}
.foot .left ul li a:hover,
.footer p.last a:hover
{
    color:#fff;
    text-decoration:none;
}

.foot .right
{
	 float:right;
	 width:250px;
}
.foot .right p.tt
{
	margin-bottom:6px;
	 font-family:Arial;
 font-size:20px;
 color:#c8c8c8;
 padding-bottom:10px;
}
.foot .right p a
{
 margin-right:10px;
}
.foot .right p input
{
	border-radius: 4px;
	background:#EFF1EC;
	background:url(../images/foot4.png) no-repeat left top;
	width:240px;
	height:35px;
	border:none;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:20px;
}
.footer p.last
{
    padding-top:20px;
    border-top:1px solid #fff;
}
.footer p.last a
{
    color:#c8c8c8;
    margin:0px 5px;
}
@media (min-width: 768px) and (max-width: 979px) 
{
     .foot .left,.foot .right{ float:none; width:100%;  overflow: hidden;}
     .foot .right p.tt{ margin-top:30px;}
}
@media (max-width: 767px) 
{
   .foot .left,.foot .right,.foot .left ul{ float:none; width:100%;}
   .foot .left ul li.tt,.foot .right p.tt{ margin-top:35px;}
   .foot {padding-top: 10px;}
}

.topnav
{
     margin-top:495px;
}
.topfix
{
     background:#222;
     height:70PX;
     line-height:70PX;
  width: 100%;
  z-index: 40;
}
.topfix .tanchulogo
{
    font-size:20PX;
    color:#FFF;
    float:left;
}
.topfix .tanchulogo a
{
    color:#fff;
    margin-right:20px;
}
.topfix .tcbtton
{
    float:right;
    margin-top: 11px;
}
.topfix .tcbtton a
{
     color:#fff;
     display:inline-block;
     padding: 7px 20px 2px;
     background: #6FB048 url(../images/mac-icon.png) no-repeat 22px 10px;
     background-size:30px;
     font-size:18px;

}
.topfix .tcbtton a.botton2
{
      background: #FF8400 url(../images/mac-icon.png) no-repeat 22px 10px;
       background-size:30px;
            margin-left:30px;
}
.topfix .tcbtton a span
{
    height: 40px;
    line-height:35px;
    padding-left:40px;
}
.topfix .tcbtton a:hover
{
     background-color:#86CD5C; 
}
@media (min-width: 768px) and (max-width: 979px) {
	.topfix .tanchulogo{font-size:16PX;}
	.topfix .tcbtton a{font-size:14px;}
	.topfix .tcbtton a.botton2{ margin-left:20px;}
}
@media (max-width: 767px) { 
.topfix .box{ width:820px; }
.topfix{ display:none}
.topfix .tanchulogo{font-size:16PX;}
}
    .fixboxy
    {
        position:fixed;
        left:0;
        top:0
    }
/*内容
-------------------------------------------------------------------------------------------------*/
@charset "utf-8";

.box{width:1060px;margin:0 auto; overflow:hidden;} 
@media (min-width: 768px) and (max-width: 979px) {
	.box{ width:750px; }
	.head{ width:100%}
}
@media (max-width: 767px) {
	.box{ width:460px;}  
	.box1 .box{ width:420px;}  
	.head{ width: 100%;margin-left: 0px;left: 0;}
	.head .box{ margin-left:5px;}
}
@media (max-width: 479px) { 
	.box{ width:308px;}
	.box1 .box{ width:308px;}  
}
.botton{display: inline-block;
  font-size: 20px;
  text-align: left;
  background: #6FB048;
  height: 40px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff !important;
  border-radius: 5px;
  padding: 16px 25px 0px 25px;}
.botton:hover
{
    background-color:#86CD5C; 
    text-decoration:none;
}
/*btn*/
.downbotton{display:inline-block;background:#ff8400;font-size:30px; text-align:left;width:262px;height:64px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight: 300; padding:16px 25px 0 25px;}
.downbotton .text{ float:right;}
.downbotton .img{ float:left; padding-top:5px;}
.downbotton .text span {padding-right:10px; display:block; font-size:16px; padding-top:8px; font-weight:normal;}
.downbotton:hover{background:#86CD5C; text-decoration:none;}
.greenBtn,.orangeBtn{width:200px;height:43px; line-height:43px;}


/*内容*/

/*box1*/
.box1{background: url(../images/bg1.jpg) no-repeat center top;overflow: hidden;width: 100%;padding-top: 110px;padding-bottom: 100px;background-size: cover; }
.box1 .box1_sideleft{ float:right; width:50%;}
.box1 .box1_sideright{ float:left; width:45.3%; margin-top:50px }
.box1 .box1_sideright p{ text-align:center; color:#FE8301; font-size:20px; padding-top:15px; padding-bottom:20px;}
.box1 .box1_sideright p span{ text-align:center;color:#434343; font-size:16px;text-decoration:line-through; padding-right:8px; }
.box1 h1{ font-size:46px; color:#3486d1; line-height:1.2em;margin-top:45px;}
.box1 h1 span{display:block; font-size:20px; line-height:1em;}
.box1 h1 span.title1{font-size:38px; color:#fff;}
.box1 h1 span.title2{font-size:22px; padding-top:10px;color:#fff}
.box1 h1 strong{color:#ff8400; font-weight:900;}
.box1 .txt{color:#fff;font-size:22px;font-weight:normal;line-height:1.5em; padding-top:10px;}
.box1 .txt em{ margin-right:30px; font-style:normal;text-decoration:line-through}
.box1 .txt span{ color:#FF8400; font-size:26px}
.box1 .download_bottom{ width:470px;padding:30px 0 10px 0px;}
.download_bottom a{ cursor:pointer}
.download_bottom .down {position:relative; z-index:1; float:left; margin-right:10px }
.download_bottom .change{  margin-top: 36px;float: left;} 
.box1 .link{margin-top:10px;}
.box1 .link a{color:#666;}
@media (max-width: 979px) {
	.box1{ background-position: right 15px;}
	.box1 h1{ font-size:32px;margin-top:60px;}
	.download_bottom .down {position:relative; z-index:1; float:none; }
.download_bottom .change{  margin-top: 10px;float: none;} 

}
@media (max-width: 767px) {
	.box1{ background-position: center 0;}
	.box1 .box1_sideleft{float:none;width:100%;}
	.box1 .box1_sideright{float:none;}
	.box1 h1{margin-top:0;padding-top:50px;float:none;}
	.box1 .box1_sideright {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.download_bottom .down {position:relative; z-index:1; float:none; }
.download_bottom .change{  margin-top: 75px;float: none;} 
}

.box1 .box1_sidewin{ text-align:center; margin-top:50px;}
/*新闻动态轮换
-------------------------------------------------------------------------------------------------*/
.slide_x{position:relative;width:100%;height:240px;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:384px;height:240px;}
.slide_x .list{overflow:hidden;width:1920px;}
.slide_x .list li{float:left;position:relative;width:384px;}
.slide_x .list img{vertical-align:top;width:384px;height:240px; border:0px;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:384px;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.slide_x .btn{overflow:hidden;position:absolute;bottom:-30px;left:50%; margin-left:-44px; /* display:none */}
.slide_x .btn li{float:left;width:12px;height:12px;margin:0 0 0 10px;border-radius:15px;background:#e0e0e0;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer; text-indent:-3000px}
.slide_x .btn .selected{background:#2C80DA;color:#fff;}
.slide_x .minus,
.slide_x .plus{position:absolute;top:48px;width:28px;height:53px;background-image:url(../images/control.png);background-repeat:no-repeat;text-align:center;cursor:pointer;}
.slide_x .minus{left:0px;background-position:0 0;}
.slide_x .plus{right:0px;background-position:-28px 0;}
@media (max-width: 979px) 
{
    .slide_x .list{overflow:hidden;width:1520px;}
	.slide_x .box{overflow:hidden;position:relative;width:384px;height:240px;}
	.slide_x .list li{float:left;position:relative;width:384px;}
	.slide_x .list img{vertical-align:top;width:384px;height:240px; border:0px;}
	.slide_x .list p{position:absolute;bottom:0;left:0;width:384px;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}

}
@media (max-width: 767px) 
{
    .slide_x {
  position: relative;
  width: 100%;
  height: 300px;
}
    .slide_x .list{overflow:hidden;width:1920px;}
	.slide_x .box{overflow:hidden;position:relative;width:480px;height:300px;}
	.slide_x .list li{float:left;position:relative;width:480px;}
	.slide_x .list img{vertical-align:top;width:480px;height:300px; border:0px;}
	.slide_x .list p{position:absolute;bottom:0;left:0;width:480px;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}

}
@media (max-width: 479px) 
{.slide_x {
  position: relative;
  width: 100%;
  height: 200px;
}
    .slide_x .list{overflow:hidden;width:1280px;}
	.slide_x .box{overflow:hidden;position:relative;width:320px;height:200px;}
	.slide_x .list li{float:left;position:relative;width:320px;}
	.slide_x .list img{vertical-align:top;width:320px;height:200px; border:0px;}
	.slide_x .list p{position:absolute;bottom:0;left:0;width:320px;height:24px;color:#eee;font:12px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}

}

/*main*/
.box2{ padding-top:85px;}
.box2 .title{  font-size: 30px;color: #39393B;line-height: 1.2em;text-align: center;}
.box3{ background:#f8f8f8; padding-top: 60px; padding-bottom:60px;}
.peobg{ background:#d7d6d7 url(images/peo_bg.jpg) no-repeat 450px 0;height:387px;}
.main{padding:50px 0;}
.main .rightpic{float:right;width:50%; text-align:right;}
.main .lefttext{float:left;width:48%;}
.main .title,
.main .title2{ font-size:30px;color:#39393B; line-height:1.2em; text-align:center}
.main .title2{color:#6e6e6e;}
.main .tips{ background:#f75a50;color:#fff; font-size:16px; display:inline-block;padding:0 10px; border-radius:5px; line-height:26px;height:26px;margin-left:20px;}
.main .box3_con .box3_conflbox{float:left;width:48%;}
.main .box3_con .box3_confrbox{float:right;width:48%;}
.main .box3_con dl{
	margin-top: 30px;
	background: url(../images/box3_1.jpg) no-repeat left top;
	padding-left: 55px;
	background-size: 40px;
}
.main .box3_con dl.dl2{background:url(../images/box3_2.jpg) no-repeat left top; background-size:40px}
.main .box3_con dl.dl3{background:url(../images/box3_3.jpg) no-repeat left top; background-size:40px;height: 97px;}
.main .box3_con dl.dl4{background:url(../images/box3_4.jpg) no-repeat left top; background-size:40px}
.main .box3_con dl.dl5{background:url(../images/box3_5.jpg) no-repeat left top; background-size:40px; height: 102px;}
.main .box3_con dl.dl6{background:url(../images/box3_6.jpg) no-repeat left top; background-size:40px;  height: 125px;}
.main .box3_con dl.dl7{background:url(../images/box3_7.jpg) no-repeat left top; background-size:40px}
.main .box3_con dl.dl8{background:url(../images/box3_8.jpg) no-repeat left top; background-size:40px}
.main .box3_con .bbfd dl.dl2{background:url(../images/box3_2.jpg) no-repeat left top; background-size:40px}
.main .box3_con .bbfd dl.dl3{background:url(../images/box3_3.jpg) no-repeat left top; background-size:40px;height: 102px;}
.main .box3_con .bbfd dl.dl4{background:url(../images/box3_4.jpg) no-repeat left top; background-size:40px}
.main .box3_con .bbfd dl.dl5{background:url(../images/box3_5.jpg) no-repeat left top; background-size:40px; height: 80px;}
.main .box3_con .bbfd dl.dl6{background:url(../images/box3_6.jpg) no-repeat left top; background-size:40px;  height: 103px;}
.main .box3_con .bbfd dl.dl7{background:url(../images/box3_7.jpg) no-repeat left top; background-size:40px}
.main .box3_con .bbfd dl.dl8{background:url(../images/box3_8.jpg) no-repeat left top; background-size:40px}
.main .box3_con dt{ font-weight:bold;font-size:20px;color:#414141;line-height:30px }
.main .box3_con dd{font-size:18px;color:#414141;line-height:24px}
@media (min-width: 768px) and (max-width: 979px) 
{
    .main .rightpic{float:none;width:100%; text-align:center;}
	.main .lefttext{float:none;width:100%;margin-top:30px;}
	.peobg{ background-position:right 0;}
	.main .box3_con dl.dl2{background:url(../images/box3_2.jpg) no-repeat left top; background-size:40px;height: 115px;}
.main .box3_con dl.dl3{background:url(../images/box3_3.jpg) no-repeat left top; background-size:40px;height: 88px;}
.main .box3_con dl.dl4{background:url(../images/box3_4.jpg) no-repeat left top; background-size:40px;height: 88px;}
.main .box3_con dl.dl5{background:url(../images/box3_5.jpg) no-repeat left top; background-size:40px;height: 88px;}
.main .box3_con dl.dl6{
	background: url(../images/box3_6.jpg) no-repeat left top;
	background-size: 40px;
	height: 115px;
}
.main .box3_con dl.dl7{background:url(../images/box3_7.jpg) no-repeat left top; background-size:40px;height: 88px;}
.main .box3_con dl.dl8{background:url(../images/box3_8.jpg) no-repeat left top; background-size:40px;height: 88px;}
}
@media (max-width: 767px) 
{
    	.main .box3_con .box3_conflbox{float:none;width:auto;}
	.main .box3_con .box3_confrbox{float:none;width:auto; }	
	.main .rightpic{float:none;width:100%; text-align:center;}
	.main .lefttext{float:none;width:100%;margin-top:30px;}
	.peobg{height:auto;}
		.main .box3_con dl.dl2{background:url(../images/box3_2.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl3{background:url(../images/box3_3.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl4{background:url(../images/box3_4.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl5{background:url(../images/box3_5.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl6{background:url(../images/box3_6.jpg) no-repeat left top; background-size:40px;  height: auto;}
.main .box3_con dl.dl7{background:url(../images/box3_7.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl8{background:url(../images/box3_8.jpg) no-repeat left top; background-size:40px;height: auto;}
}
@media (max-width: 479px) {
	.main .box3_con .box3_conflbox{float:none;width:auto;}
	.main .box3_con .box3_confrbox{float:none;width:auto; }	
		.main .box3_con dl.dl2{background:url(../images/box3_2.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl3{background:url(../images/box3_3.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl4{background:url(../images/box3_4.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl5{background:url(../images/box3_5.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl6{background:url(../images/box3_6.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl7{background:url(../images/box3_7.jpg) no-repeat left top; background-size:40px;height: auto;}
.main .box3_con dl.dl8{background:url(../images/box3_8.jpg) no-repeat left top; background-size:40px;height: auto;}
}

.box2_con{float:right;width:48%;}
.box2_con .box2_nr{  border-radius:10px;padding:0px 10px; padding-bottom:15px;}
.box2_con .box2_nr strong{ color:#414141; font-size:18px;}
.box2_con .box2_nr p{ color:#494949; font-size:18px; line-height:28px;}
.box2_con .arrow{display:block;background:url(images/arrow.png) no-repeat;width:34px;height:17px;margin-left:30px;}
.slibox{float:left;width:50%;}
@media (max-width: 767px) {
	.box2_con{float:none;width:auto;margin-top:70px;}
	.slibox{float:none;width:auto;}
}

/*footer*/

/*box4*/
.box4 .title {
  font-size: 30px;
  color: #39393B;
  line-height: 1.2em;
  text-align: center;
  padding-top:30px;
}
.box4 .box div{ text-align:center}
.box4 .box p{font-size:20px; color:#494949; line-height:26px; padding-bottom:20px;}
.box4 .box p.tt{ font-size:30px; padding-top:30px; padding-bottom:30px;}
.tutorials_4{background:url(../images/bg4.jpg) no-repeat center top; overflow:hidden;  width:100%;padding: 50px 0px;background-size: cover; }
.tutorials_4 .ll{ float:left; width:70%;}
.tutorials_4 .ll h2{font-size:28px; color:#494949; line-height:1em}
.tutorials_4 .ll p{font-size:20px; color:#494949; padding-top:20px;line-height:1.2em}

.tutorials_4 .rr{ float:right; margin-right:15px; margin-top:5px;}
.tutorials_4 .rr a{display: inline-block;
  font-size: 20px;
  text-align: left;
  background: #6FB048;
  height: 40px;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff !important;
  border-radius: 5px;
  padding: 16px 25px 0px 25px;}
  .tutorials_4 .rr a:hover{background-color:#86CD5C; text-decoration:none;}
@media (min-width: 768px) and (max-width: 979px) 
{
      .tutorials_4 .ll{ float:none; width:100%;}
      .tutorials_4 .rr{ float:none; margin-top:20px;}
}
@media (max-width: 767px) 
{
    .tutorials{ height:250px;}
    .tutorials_2 p{ padding-bottom:20px;}
    .tutorials_2 dl dd.cc{ height:auto; padding-bottom:20px;}
    .tutorials_4 .ll,.tutorials_2 dl,.tutorials_3 .vid{ float:none; width:100%;}
    .tutorials_2 dl,.tutorials_3 
    vid{ margin:10px 0px 20px ;}
    .tutorials_4 .rr{ float:none; margin-top:20px;}
    .tutorials_2 .tutorials_2_con{ width:100%;}
}


/*左右框架1*/
.zykj1,.zykj3 {
  background: #f8f8f8;
  padding-bottom: 60px;
}
.zykj1,.zykj2,.zykj3,.zykj4
{
    padding:90px 0px;
}
.zykj1 h2,.zykj2 h2,.zykj3 h2,.zykj4 h2
{
     color:#000;
     font-size:35px;
     line-height:35px;
     padding-top:20px;
     padding-bottom:30px;
}
.zykj1 .ll p,.zykj2 .ll p,.zykj3 .ll p,.zykj4 .ll p
{
   color:#494949;
    line-height:28px;
    font-size: 18px;
}
.zykj1 .ll,.zykj3 .ll
{
    float:left;
    width:48%;
} 
.zykj2 .ll,.zykj4 .ll
{
     float:right;
    width:48%;
}
.zykj1 img,.zykj2 img,.zykj3 img,.zykj4 img
{
    width:95%;
}
.zykj1 .rr,.zykj3 .rr
{
    float:right;
    width:48%;
}
.zykj2 .rr,.zykj4 .rr
{
    float:left;
     width:48%;
}
@media (max-width: 767px) 
{
 .zykj1 .ll,.zykj3 .ll
{
    float:none;
    width:98%;
    margin-bottom:20px;
} 
.zykj2 .ll,.zykj4 .ll
{
     float:none;
    width:98%;
    margin-bottom:20px;
}
.zykj1 .rr,.zykj3 .rr
{
    float:none;
    width:98%;
}
.zykj2 .rr,.zykj4 .rr
{
    float:none;
     width:98%;
}
.box1 .box1_sideright
{
    margin-bottom:30px;
    margin-top:10px;
}
.zykj1,.zykj2,.zykj3,.zykj4
{
    padding:50px 0px;
}
}

/*购买引导页*/
.productbuy .box1
{
      background: url(buy1.jpg) no-repeat center top; padding-bottom:60px;
}
.productbuy .box1 .box1_sideright{width: 30%;margin-top: 15px; text-align:center}
.productbuy .box1 .box1_sideleft{ width:63%}
.productbuy .box1 .box1_sideleft table tr td{ padding:10px 0px;}
.productbuy .box1 h1 span.title1{ font-size:34px;color:#333;  padding-bottom: 20px;}
.productbuy .box1 .txt{ color:#333; padding-top:0px; overflow:hidden; padding:10px 0px;}
.productbuy .box1 .last{ text-align:right}
.productbuy .box1 .txt span{ color:#333; display:inline-block}
.productbuy .box1 .box1_sideleft a.botton{ float:right;padding: 3px 25px 0px 25px;  height: 35px;}
.productbuy .box1 .smp{ padding:80px 0px 40px 0px;}
.productbuy .con1 p{ color:#333; line-height:25px; font-size:18px;}
.productbuy .con1 a{ color:#554D8C}
.productbuy .con1 p.cc{ padding-left:30px;}
.productbuy .main .box3_con .box3_conflbox{ float:none; width:100%}
.productbuy .main .box3_con dl{margin-top:30px; background:url(../images/buyxb1.png) no-repeat left top;padding-left:55px; background-size:40px; height:auto}
.productbuy .main .box3_con dl.dl2{background:url(../images/buyxb2.png) no-repeat left top; background-size:40px}
.productbuy .main .box3_con dl.dl3{background:url(../images/buyxb3.png) no-repeat left top; background-size:40px}
.productbuy .main .box3_con dl.dl4{background:url(../images/buyxb4.png) no-repeat left top; background-size:40px}
.productbuy .main .box3_con dl.dl5{background:url(../images/buyxb5.png) no-repeat left top; background-size:40px}
.productbuy .main .box3_con dl dt{ font-size:18px;}
.productbuy .main .box3_con dl dd{ font-size:16px;}
@media (max-width: 767px)
{
    .productbuy .box1 .box1_sideright{ float:none; width:98%;}
.productbuy .box1 .box1_sideleft{ float:none; width:98%;}
.productbuy .box1 .box1_sideleft a.botton{ float:none; margin-top:10px;}
.productbuy .box1 .last{ text-align:left}
.productbuy .box1 .smp{ padding:40px 0px 40px 0px;}
}
.productbuy .product2 .title{ text-align:center; padding:10px 0px 20px; color:#494949; font-size:24px; line-height:25px;}
.productbuy .product2 .u1 { overflow:hidden; }	
.productbuy .product2 .u1 .p1{position: absolute;top:0;}
.productbuy .product2 .u1 li{width:50%;float: left;position: relative;padding-bottom:10px;}
.productbuy .product2 .u1 li p{ text-align:center; color:#fff; font-size:16px; padding:5px 0px;}
.productbuy .product2 .u1 li p.tt{ background:#554D8C; padding:15px 0px; margin-bottom:20px; font-size:18px;}
.productbuy .product2 .u1 li:nth-child(2) p.tt{background-color: #4D6680;}
.productbuy .product2 .u1 li p span{ font-weight:bold; font-size:35px; margin-right:10px;}
.productbuy .product2 .u1 li:nth-child(1){background-color: #7369BF;}
.productbuy .product2 .u1 li:nth-child(2){background-color: #6B8FB3;}
.productbuy .product2 .u1 button{height:30px;background-color: #fff;font-size: 20px;color:#554d8c;border-radius: 10px;-webkit-border-radius:10px;margin:0 auto; padding:3px 28px; border:none; margin:5px 0px }
.productbuy .product2 .u1 button a{color:#554d8c;}
.productbuy .product2 .u1 button:hover{background-color: #CFD7E1;}
.productbuy .product2 .u1 button:hover a{ text-decoration:none;}
.productbuy .product2 table{width:100%;text-align: center;border:solid #ececec; border-width:1px 0px 0px 1px; margin-bottom:30px}
.productbuy .product2 tr{height:70px;}
.productbuy .product2 td{border:solid #ececec;border-width:0px 1px 1px 0px;padding:10px 0px; text-align:center}
.productbuy .product2 th{border:solid #ececec; border-width:0px 0px 1px 0px; padding:10px 0px;text-align:center; font-size:16px;}
.productbuy .product2 th:first-child{ text-align:left; padding-left:10px}
.productbuy .product2 td:first-child{ text-align:left; padding-left:10px}
.productbuy .product2 th:last-child{border-right:1px solid #ececec;}
.productbuy .product2 tr:nth-child(even){background-color:#f5f6f8;}
.productbuy .product2 tbody td:not(:first-child){font-size: 25px;color:green;}
.productbuy .product2 table tr td a{ color:#554D8C;padding: 8px 6px 0px 7px;height: 30px;}
@media (max-width: 767px)
{
.productbuy2 .box{ width:100%;}
.productbuy .product2 .u1 li{ float:none; width:100%}
.productbuy .product2 table tr td a{ color:#554D8C;padding: 5px 4px 0px 5px;height: 25px; font-size:11px;}
.productbuy .con1 p{ padding:0px 20px;}
.productbuy2 .jjoo{padding-left:20px;padding-right:20px; width:auto}
}

/*其他产品页面*/
.productwin{ padding:20px 0px 40px 0px;}
.productwin p{
	padding-bottom: 30px;
	color: #494949;
	line-height: 30px;
	font-size: 20px;
}
.productwin p.ptt{
	font-size: 30px;
	padding-bottom: 50px;
	line-height: 28px;
	text-align: center;
}