/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1100px; margin:0 auto;}


/*.header{ background:url(../images/index_01.jpg) bottom repeat-x; position:relative; z-index:66;}
.head{ height:63px; line-height:63px; width:1200px;}
.head span{ font-size:16px;}
.head span.tel{ background:url(../images/phone.jpg) left center no-repeat; padding-left:20px; float:left;}
.head span.email{ background:url(../images/email.jpg) left center no-repeat; padding-left:30px; margin-left:20px; float:left;}
.search{ background:url(../images/index_03.jpg) no-repeat; width:229px; height:63px; line-height:px; float:right; overflow:hidden; position:relative;}
.input_text{ height:20px; line-height:20px; background:none; width:160px; position:absolute; left:0px; top:20px;}
.input_button{ position:absolute; right:0px; top:20px; background:none; width:30px; height:24px; color:#000; font-weight:bold; font-size:16px; cursor:pointer;}
.input_button:hover{ background:url(../images/btn-blue1-08.gif) center no-repeat;}*/
/*menu*/
/*.menu{height:56px;line-height:56px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:56px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:20px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center; font-weight:lighter; padding:0px 25px;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#570303;color:#fff;}*/

/*banner_02*/
.banner_02{ height:670px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.con1{ margin-top:40px;}
.con1 h2{ font-size:40px; color:#3b3a3a; height:65px; line-height:65px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}
.con1 b{ display:block; font-size:14px; line-height:28px; color:#3b3a3a; text-align:center; padding-bottom:5px; font-weight:normal;}
.con1 ul{ height:242px; overflow:hidden;}
.con1 ul li{ float:left; width:245px; margin:0px 15px; position:relative; height:242px;overflow:hidden;}
.con1 ul li a{ display:block; width:245px;height:242px; position:absolute; top:0px; left:0px;}
.con1 ul li img{ position:absolute; top:0px; left:0px; width:245px;height:242px;}
.con1 ul li .c1_txt{ position:absolute; background:#E42313; color:#fff; padding:20px; width:205px; height:44px; bottom:0px; left:0px; display:none;}


.con2bg{ background:#f0f0f0; padding-bottom:30px;}
.con2{ position:relative; background:#f3f3f3;border-radius:5px;}
.con2 h2{margin: 0; padding-top: 36px; padding-bottom: 36px; font-size: 41px; font-weight: bold; color: #4d4d4d; text-align: center;}
.c2_left{ position:absolute; left:-48px; width:48px; height:190px; background-image:url(../images/shadow-left.png);background-size:cover;}
.c2_right{ position:absolute; right:-48px; width:48px; height:190px; background-image:url(../images/shadow-right.png);background-size:cover;}
/*scroll_03*/
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:237px;height:237px; overflow:hidden; margin:0 8px;border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.scroll_03 .bd li .img{height:217px; padding: 10px;  background: #fff; overflow: hidden;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:217px; text-align:center;}
.scroll_03 .bd li .img table tr td img{ max-width:217px; max-height:217px;}
/*scroll_04*/
.scroll_04 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_04 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_04 .bd li{ float:left; width:237px; height:237px; overflow:hidden; margin:0 8px;border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.scroll_04 .bd li .img{height:217px; padding: 10px; background: #fff; overflow: hidden;}
.scroll_04 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_04 .bd li .img table tr td{ height:217px; text-align:center;}
.scroll_04 .bd li .img table tr td img{ max-width:217px; max-height:217px;}
/*scroll_05*/
.scroll_05 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_05 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_05 .bd li{ float:left; width:237px; height:237px; overflow:hidden; margin:0 8px;border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.scroll_05 .bd li .img{height:217px; padding: 10px;  background: #fff; overflow: hidden;}
.scroll_05 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_05 .bd li .img table tr td{ height:217px; text-align:center;}
.scroll_05 .bd li .img table tr td img{ max-width:217px; max-height:217px;}



.scroll_06 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_06 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_06 .bd li{ /*float:left;*/ width:237px; height:237px; overflow:hidden; margin:0 8px;border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.scroll_06 .bd li .img{height:217px; padding: 10px;  background: #fff; overflow: hidden;}
.scroll_06 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_06 .bd li .img table tr td{ height:217px; text-align:center;}
.scroll_06 .bd li .img table tr td img{ max-width:217px; max-height:217px;}




/*slideTxtBox_01*/
.slideTxtBox_01 { padding-left:40px; padding-right:40px;}
.slideTxtBox_01 .hd{ margin-bottom:20px;height:47px;}
.slideTxtBox_01 .hd ul li{ float:left; background:url(../images/qh.jpg) 10px 10px no-repeat; padding-left:47px; line-height:41px; font-size:18px; width:190px; height:47px;}
.slideTxtBox_01 .hd ul li.on{ background:url(../images/qha.jpg) no-repeat;cursor:pointer; } 
.slideTxtBox_01 .hd ul li.on a{ color:#fff;}
.slideTxtBox_01 .bb{ margin-top:30px;}


.con3{ width:1200px; margin-top:20px;}
.con3 h2{ font-size:40px; color:#3b3a3a; height:56px; line-height:56px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; padding-top:40px; text-align:center;}
.con3 ul { width:1244px; margin-top:20px;}
.con3 ul li{ float:left;width:267px; margin-right:44px;}
.con3 ul li img{ width:265px; height:166px; border:#161616 1px solid;}
.con3 ul li span{ display:block; margin-top:16px; height:20px; line-height:20px; color:#000;}
.con3 ul li b{ display:block; font-size:13px; line-height:20px; font-weight:normal;}

.con4{ margin-top:40px;}
.con4 h2{ font-size:40px; color:#3b3a3a; height:65px; line-height:65px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}
.con4 img{ width:100%;}


/*.footer{ margin-top:60px; background:#292929; padding-top:35px; padding-bottom:35px; overflow:hidden;}
.ft-left{ float:left; width:270px;}
.ft-left h2{ font-size:28px; color:#fff; height:45px; line-height:45px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left;}
.ft-left ul { margin-top:20px;}
.ft-left ul li{ width:174px; line-height:24px; color:#fff;}
.ft-left ul li.add{ background:url(../images/add.jpg) left 5px no-repeat; padding-left:30px;}
.ft-left ul li.phone{ background:url(../images/tel.jpg) left top no-repeat; padding-left:30px; margin-top:15px;}
.ft-mid{ float:left; width:300px;}
.ft-mid h2{ font-size:28px; color:#fff; height:45px; line-height:45px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; margin-bottom:20px;}
.ft-mid img{ margin-top:10px;}
.ft-right{ float:right; width:530px;}
.ft-right th{ text-align:right; color:#fff; font-weight:normal; margin-bottom:10px;}

.ft-right span.fontnone{ float:left; width:11px;}
.ft-right span.fontred{ color:#f60; float:left; width:11px;}
.ft-right span.tips{ color:#a0a0a0; padding-left:10px; float:left; padding-top:45px;}
.ft-right span.tip-default{ display:block;}
.ft-right .textarea{ width:250px; height:60px;border:#ddd 1px solid; padding:2px; line-height:20px; float:left; margin-bottom:10px;}
.ft-right .input_text1{ height:20px; line-height:20px; background:#fff; width:170px; border:#ddd 1px solid; padding:2px; margin-bottom:10px; }
.ft-right .input_button1{ background:#7b7b7b; width:72px; height:31px; line-height:31px; color:#fff; text-align:center; font-weight:bold; font-size:14px; cursor:pointer;}
.ft-right .input_button1:hover{ background:url(../images/btn-blue1-02.gif) center no-repeat;}
.ft-right .text-o{ height:25px; line-height:25px; display:block;color:#a0a0a0;}

.bottombg{ background:#4d4d4d; padding:10px 0px; line-height:23px; text-align:center; font-size:14px; color:#fff; overflow:hidden; height:47px;}
.bottom a{ color:#fff; padding:0px 5px;}

*/





/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; border-bottom:#cacaca 1px solid;font-size:14px; margin-top:40px; margin-bottom:30px; }
.inside{ min-height:400px;}

.inside_left{ width:200px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:32px; line-height:32px; margin:2px 0px;}
.inside_left .side_a dl dd a{ padding-left:40px; color:#fff; background:#333; display:block;}
.inside_left .side_a dl dd a:hover{ background:#570303; color:#fff;}

.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:870px; float:right; }
.inside_con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}


.youce{ width:4%; position:fixed; bottom:26%; right:6px; z-index:9999}
.youce ul li{margin-bottom: 11%;position:relative;width:48px;width: 48px;}
.youce ul li a{box-shadow: 0 0 8px 0 rgba(0,0,0,.12);overflow:inherit;width: 60px;height: 60px;display:block;border-radius: 10px;background:#fff;text-align: center;}
.youce ul li a span{
    width: 60px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    }
.youce ul li a>img{height:20px;margin:0 auto;width:20px;padding-top: 22%;}
.yu01{ display:block}
.yu02{ display:none}
.liansb{text-align: center;
    padding: 15px 15px;
	-webkit-animation: spservhover .3s ease-out 0s forwards;
    animation: spservhover .3s ease-out 0s forwards;
    display: none;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(-100%,-50%);
    padding: 15px 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    border-radius: 6px;
    max-width: 252px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    color: #333;
    line-height: 22px;cursor:pointer; transition: all 0.5s; 
	}
.liansb:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 0;
    transform: translate(-100%,-50%) rotate(45deg);
    right: -12px;
    filter: drop-shadow(2px -2px 1px rgba(0,0,0,.05));
    background: #fff;
}
.youce ul li:hover .liansb{ display:block; transform: translate(-100%,-50%);}
/*.youce ul li:hover .yu01{ display:none}
.youce ul li:hover .yu02{ display:block}*/
.youce ul li a:hover{/* background:#000 */}
.liansb span{ font-size:16px; display:block; line-height:30px}
.liansb img{ max-width:100%; width:100px}