﻿@charset "utf-8";
body, div, canvas
{
	-webkit-image-rendering: optimizeSpeed;
	-webkit-interpolation-mode: nearest-neighbor;
}
html,body{ height:auto;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,select{ -webkit-appearance: none; }

.wapshow{ display:block;}
.pcshow{ display:none;}
#wapshow{ display:block;}
#pcshow{ display:none;}

.Ly_BOx>div{width:100%; margin:auto} 

.skrollr_box h4{ font-size:20px; line-height:inherit}

.colorbj .en{ background:#fff; color:#60abe6; border:0px solid #60abe6;}

.bt-menu{  height:44px; padding-top:18px; width:62px; float:right; cursor:pointer; position:absolute; top:0px; right:0;}
.bt-menu i{ display:block; width:50%; height:1px; overflow:hidden; background:#fff; margin:6px auto;}
.Head-box{ height:60px; position:relative; }
.Head-box h1.logo{ width:140px; height:auto; top:10px; margin-left: -10px}
.Head-box .dhbox{ height:60px}
.Head-box .dhbox .dh{ width:100%; padding-left:0; padding-top:60px; display:none;}
.Head-box .dhbox .dh>li{ width:100%; clear:both;   background:rgba(40,40,40,1)}
.Head-box .dhbox .dh>li .dha{height:60px; line-height:60px;}
.Head-box .dhbox .dh>li .dha>i{ float:right; line-height:60px; margin-right:12px; font-size:10px;}
.Head-box .dhbox .maxwidth{ width:100%}

.wapdhss{ width: 60%; margin: auto; position: absolute;right:0; top:10px; border-left: 1px solid rgba(255,255,255,.5)}
.wapdhss li{ display: block; float: left; color:#fff; width: 33.33%; text-align: center}
.wapdhss li a{ color:#fff; font-weight: bold; font-size: 14px; padding: 8px 0}

.Head-box .dhbox .dh>li .sudbox{ position:relative; width:100%; top:0;}
.Head-box .dhbox .dh>li .sudbox dt{ width:100%}
.Head-box .dhbox .dh>li .sudbox dt a,.Head-box .dhbox .dh>li .sudbox dt span{ width:85%}
.Head-box .dhbox .dh>li .sudbox dd{ position:relative; top:0; right:0; width:100%; height:auto; border-left:0px solid #dfdfdf; color:#666666; text-align:center; border-bottom:1px solid #f6f6f6}
.Head-box .dhbox .dh>li .sudbox dd p{ color:#c1c1c1;}
.Head-box .dhbox .dh>li .prodh{ left:0; width:100%; height:auto}
.Head-box .sy_login{ position:absolute; top:0; right:80px; height:60px; line-height:60px;}

.Head-box .sudshow i.fa-angle-down{ display:none}


.Headsub-box{ line-height:44px; height:auto; min-height:44px; position:relative; top:0; left:0; width:100%; z-index:9}
.Headsub-box .maxwidth{ width:100%}
.Headsub-box ul{ float:none; display:block;  position:static; top:44px; width:100%; display:none}
.Headsub-box ul li{ display:block; text-indent:20px; border-bottom:1px solid #dedede; height:44px; line-height:44px; clear:both}
.Headsub-box ul li a{ border-right:0px solid #aaa; padding:0px 	0px; width:100%; display:block;}
.Headsub-box ul li a:hover{color:#EA5206;}
.Headsub-box ul li a i{ float:right; margin:15px 28px 0px 0px; font-size:10px; color:#666}
.Headsub-box ul li:last-child a{ border:0; padding-right:0}
.Headsub-box p{ text-indent:20px; margin:auto; display:block; width:100%; border-bottom:1px solid #dedede}
.Headsub-box p i{ float:right; margin:15px 25px 0px 0px;}

.Head-box .dhbox .dh>li.Searchboxli{right:0px; top:0px; position:relative; display:none}
.Head-box .dhbox .dh>li .Searchbox{ width:96%; margin:auto;height:44px; line-height:44px; background:#282828}
.Head-box .dhbox .dh>li .Searchbox .search-key{height:44px; line-height:44px; width:80%;background-color:inherit;color:#fff; text-indent:5px;}
.Head-box .dhbox .dh>li .Searchbox i{ margin-right:5px; position:absolute; right:5%; top:33%;}
.Head-box .dhbox .dh>li .Searchbox .search-key::-webkit-input-placeholder { /* WebKit browsers */color:#f19364;}

.Head-box .en{right:70px; top:12px;}

#topcontrol{bottom: 75px!important;}


.buydh{ display:none}

.Headsub-box ul li a.but-b{ color:#fff; padding:0px 10px; border-radius:0px;  padding:0px 0px; overflow:hidden}
.Headsub-box ul li a.but-b i{ color:#fff}

.wappcc{ width:100%}

ul.sy_box_l3,ul.sy_box_l4{ width:100%;margin:0;padding:0; border:0px;}
ul.sy_box_l3>li,ul.sy_box_l4>li{width:100%; padding-bottom:30px}
.maipubox li:nth-child(4) div.li{ margin-left:0}
.maipubox .sy_img i { left: 43%;top: 44%;}
.maipubox li.jqbshow>div.li .sy_img>b{ font-size:16px;height:35px; line-height:35px;background:rgba(234,82,6,0.7);bottom:0; height:114px; font-weight:bold; padding-top:20px}
.maipubox li>div.li .sy_img>b p{ width:100%}
.maipubox h1.sy_indbt{ position:relative; top:0px; margin-left:5%}

.sy_indbt{ width:90%; margin:auto}

.sy_picsbox li>div.li{width:100%;}
.sy_picsbox li>div.li b{ font-size:16px; width:90%;  margin-left:5%; font-weight:500; line-height:40px;}
.sy_picsbox li>div.li b a{ display:inline-block}
.sy_picsbox li>div.li p{ color:#969696; width:90%;margin:auto}
.sy_picsbox li:nth-child(1) div.li{ margin-right:0%}
.sy_picsbox li:nth-child(3) div.li{ margin-left:0%}

.sy_video li>div.li b{ width:100%; margin:auto}

.sy_indnews li .sy_t{ display:none}
.sy_indnews div.li{  width:50%; float:left; display:inline;}
.sy_indnews div.li>div.sy_img{ float:inherit; width:100%; overflow:hidden;}
.sy_indnews div.li>div.sy_nr{ float:inherit; width:100%;}
.sy_indnews div.li>div.sy_nr b{ padding-top:10px; padding-left:10%}
.sy_indnews div.li>div.sy_nr span{ display:none}
.sy_indnews h1{width:100%; margin-left:0%} 
.sy_indnews li:nth-child(1)>div{ border:0}
.sy_indnews li:nth-child(1) div.li{ margin-right:0%}
.sy_indnews li:nth-child(1) h1{ margin-left:0%}
.sy_indnews li:nth-child(3) div.li{ margin-left:0%;}
.sy_indnews li:nth-child(3) h1{ margin-left:0%}
.sy_indnews li h1{ padding-left:5%; clear:both; width:auto}

.sy_indnews li.sy_n160 div.li{ width:100%; float:none}
.sy_indnews li.sy_n160 div.li .sy_img{ height:250px}
.sy_indnews li.sy_n160 div.li .sy_nr{ width:90%; margin-left:5%; padding-bottom:10px}

ul.sy_video>li{ margin-bottom:0; padding-bottom:30px}
.sy_video li>div.li .sy_img{ padding-bottom:0; margin-bottom:0}


.sy_footer .containter{ width:100%;}

.sy_f_fdh ul{ width:100%; padding:20px 0px}
.sy_f_fdh li{ float:left; width:100%; text-align:center; margin-top:20px; }
.sy_f_fdh li dl dt{ font-size:16px; color:#666; font-weight:500; width:90%; text-align:left; margin-left:5%; padding-bottom:15px; border-bottom:1px solid #ccc}
.sy_f_fdh li dl dt i{ float:right; margin:0px 25px 0px 0px; font-size:10px}
.sy_f_fdh li dl dt i{ padding-top:5px; margin-right:10px}
.sy_f_fdh li dl dd{ display:none; height:40px; line-height:40px; border-bottom:1px dashed #ccc; width:90%;  margin-left:5%}
.sy_f_fdh li dl dd a{ font-size:14px; color:#666; line-height:28px}

.sy_f_fdh .sy_contact{ float:left; width:85%; margin-left:7%; margin-top:0px; text-align:center; color:#666; border-left:0px}
.sy_f_fdh .sy_contact b{ font-size:30px; font-weight:300}
.sy_f_fdh .sy_contact b a{ background:none; border:0; font-size:1em; color:#777}
.sy_f_fdh .sy_contact p{ width:100%;  margin-left:0%; font-size:14px; text-align:center;}
.sy_f_fdh .sy_contact a.lxx{ display:block;  width:100%; margin-left:0%; }


.sy_f_bq{ height:auto; line-height:1em; text-align:center; line-height:18px; padding:15px 0px; width:85%; margin:auto; padding-bottom: 100px;}
.sy_f_bq p{ line-height:18px; margin:0; padding:0}
.sy_f_bq a{ color:#777; margin-left:10px}
.sy_cnen{ position:absolute; position:relative; right:0px; top:0px; z-index:10; margin-top:15px; margin-bottom:15px}


.videoshow-box .vidobox{  height:auto; width:90%; margin:auto;margin-top:30%;  position:relative}
.videoshow-box .vidobox .bnr{ background:#F9F9F9;  height:auto; width:100%; margin:auto; border-radius:0px; overflow:hidden;}
.v-weixin li img{ width:220px}
.v-h5{ font-size:20px; display:block; padding:10px; margin-top:8px;}
.v-weixin{ padding-bottom:30px}

.pcshowbuy{ display:none}

.sbuybox div{ width:100%; float:none}
.nricon li{ float:left; width:50%; text-align:center; padding-bottom:80px}
.sbuy_l div{width:100%;}
.sbuy_l .btn-lg, .btn-group-lg > .btn{padding: 10px 0px; width:100%}

.termsbox{  margin-top:40px}
.ssr li p{ width:100%; }

.caselist li{ width: 50%; float:left;}
.caselist li a{ display: block; margin: 1px; overflow: hidden;  }
.caselist li a>p{ height: 60px;  font-size: 14px; }
.caselist li a > p > b {
    padding-top: 10px;
}

.main_lm{  height:auto;}
.main_lm li{ width:100%; float:none; height:auto }
.main_lm li a>div.lmnr{ position:relative; left:5%; top:0; height:auto; margin-bottom:20px; text-align:left; width:90%;}
.main_lm li a>div.lmnr h3{ padding-top:5%; font-size:20px; font-weight:300; color:#333;}
.main_lm li a>div.lmnr p{ color:#666; font-size:16px; margin-top:0px;font-weight:200}

.main_lm li i{ position:absolute; left:0; top:0;}
.main_lm li a>div.lmbj{background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.main_lm li a>div.lmbj img{ display:block; width:100%;}

.casebox{margin: 0; height: auto; padding-bottom:50px;}
.caseboxd{padding-top:50px}
.casebox{ background-size: cover; background-position: center;background-attachment:initial}

.mainbanner .imgbj {
    width: 130%; margin-left: -15%;
}

.sle{ display:none}
.pagebox .pagenone{ display:none}
@media screen and (max-height: 600px){
	.videoshow-box .vidobox{  margin-top:1%;width:85%;}
}



.mod-activity .activity-list li { width: 50%;  padding-bottom: 1px;}
.mod-activity .activity-list .advertising-text {font-size: 14px;}
.mod-activity .activity-list .content {font-size: 18px;}

.rzhixun{ display:none; position:fixed; right:0; bottom:30%; width:40px; box-shadow:0px 0px 2px rgba(0,0,0,.5); background:#fff; padding:8px 0 5px 10px; border-radius:50px 0 0 50px}
.rzhixun span{ display:none}
.rzhixun i{ margin-right:5px; font-size:35px; float:left}
.rzhixun b{ width:20px; height:20px; display:block; border-radius:100px; background:red; text-align:center; line-height:20px; color:#fff; font-size:12px; position:absolute; top:-4px; left:0;}


