/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ 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;}
img{outline-width:0px;vertical-align:middle;    max-width: 100%;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ height:120px;}
.header .logo{ float:left; margin-top:20px;}
/*menu*/
.menu{height:40px;line-height:40px; float:right; margin-top:40px;}
.menu ul li{ float:left; position:relative; padding:0px 20px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:40px; 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:16px;color:#333; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#1e50ae;}
a.menu_hover{ color:#1e50ae; border-bottom:2px solid #1e50ae;}

.con1{ padding:100px 0px;}
.con1 ul li{ float:left; width:33.333%; text-align:center;}
.con1 ul li img{ display:block; margin:0 auto;}
    .con1 ul li span {
        display: block;
        font-size: 14px;
        line-height: 24px; /*margin-top:30px;*/
        padding: 27px;
        min-height:75px;
    }

.con2bg{ background:url(../images/bg.jpg) center no-repeat; padding:70px 0px;}
.c2_left{ float:left; width:600px; position:relative;}
.c2_left h2{ color:#fff; font-weight:normal; position:absolute; top:0px; left:0px; font-size:32px; padding-top:40px; padding-left:30px;}
.c2_left h2 span{ font-size:15px; padding-left:15px;}
.c2_left img{ width:600px;}
.c2_right{ float:right; width:600px;}
.c2_right ul li{ float:left; width:300px; position:relative;}
.c2_right ul li img{ width:300px;height: 279px;}
.c2_right ul li span{ display:block; position:absolute; bottom:0px; left:0px; width:100%; height:55px; line-height:55px; color:#fff; text-align:center; font-size:18px; background:url(../images/yy.png) repeat;}

.con3{ padding:100px 0px;}
.c3_left{ float:left; width:470px;}
.c3_left h2{ color:#333; font-weight:normal; font-size:32px;}
.c3_left h2 span{ font-size:15px; padding-left:15px;}
.c3_left dl{ margin-top:50px;}
.c3_left dl dt{ font-size:20px; color:#1e50ae;}
.c3_left dl dt span{ color:#ccc; padding-left:3px; font-size:12px;}
.c3_left dl dd{ font-size:14px; line-height:24px; margin-top:20px;}
.c3_right{ float:right; width:410px; border:1px solid #1e50ae; margin-right:100px; position:relative; height:500px;}
.c3_right img{ max-width:100%; position:absolute; top:50px; right:-100px;}

.con4bg{ background:url(../images/bg1.jpg) center no-repeat; padding:100px 0px;}
.con4 h2{ color:#fff; font-weight:normal; font-size:32px;}
.con4 h2 span{ font-size:15px; padding-left:15px;}
.c4_con{ width:600px; font-size:14px; line-height:24px; color:#fff; margin-top:50px;}
.con4 .more{ margin-top:50px; font-size:20px;}
.con4 .more a{ color:#fff;}
.con4 ul{ margin-top:50px;}
.con4 ul li{ float:left; margin-right:20px;}
.con4 ul li span{ display:block; font-size:14px; color:#fff; line-height:55px; text-align:center;}

.con5{ padding:100px 0px;}
.con5 h2{ color:#333; font-weight:normal; font-size:32px; margin-bottom:50px;}
.con5 h2 span{ font-size:15px; padding-left:15px;}
.c5_left{ float:left; width:500px;}
.c5_left dl dt{ margin-bottom:30px;}
.c5_left dl dt img{ width:500px;}
.c5_left dl dd{ overflow:hidden;}
.c5_left dl dd strong{ display:block; float:left; width:84px; font-weight:normal;}
.c5_left dl dd strong i{ display:block; font-style:normal; font-size:30px; line-height:30px;}
.c5_left dl dd strong em{ display:block; font-style:normal; font-size:14px;}
.c5_left dl dd span{ display:block; float:right; width:400px;}
.c5_left dl dd span a{ display:block; font-size:18px; color:#333;}
.c5_left dl dd span em{ display:block; font-style:normal; margin-top:10px; line-height:24px;}
.c5_right{ float:right; width:600px;}
.c5_right dl dd{ overflow:hidden; margin-bottom:50px;}
.c5_right dl dd strong{ display:block; float:left; width:84px; font-weight:normal;}
.c5_right dl dd strong i{ display:block; font-style:normal; font-size:30px; line-height:30px;}
.c5_right dl dd strong em{ display:block; font-style:normal; font-size:14px;}
.c5_right dl dd span{ display:block; float:right; width:500px;}
.c5_right dl dd span a{ display:block; font-size:18px; color:#333;}
.c5_right dl dd span em{ display:block; font-style:normal; margin-top:10px; line-height:24px;}

.footer{ background:#2d2d2d;}
.foot dl{ padding-top:30px; text-align:center;}
.foot dl dt{color:#fff; font-size:30px;}
.foot dl dd span{ display:inline-block; line-height:30px; padding:10px 0px; border-bottom:1px solid #666;}
.foot dl dd span a{ font-size:16px; padding:0px 30px;}
.foot ul{ padding:30px 0px; line-height:24px; text-align:center; font-size:14px;}

.about{ padding:100px 0px;}
.about ul li{ float:left; width:calc((100% - 60px)/4); margin-right:20px;}
.about ul li img{ width:100%;}
.about ul li:nth-child(4n){ margin-right:0px;}


.product{ padding:100px 0px;}
.product h2{ color:#333; font-weight:normal; font-size:32px; margin-bottom:50px;}
.product h2 span{ font-size:15px; padding-left:15px;}
.product ul li{ float:left; width:calc((100% - 30px)/4); margin-right:10px;}
    .product ul li img {
        width: 100%;
        height: 250px;
    }
.product ul li .pro_tit{ padding:20px; line-height:24px;}
.product ul li .pro_tit strong{display:block; font-weight:normal; font-size:14px; color:#333;}
.product ul li .pro_tit span{ display:block; color:#ccc;}
.product ul li:nth-child(4n){ margin-right:0px;}

.news{ padding:100px 0px;}
.news h2{ color:#333; font-weight:normal; font-size:32px; margin-bottom:50px;}
.news h2 span{ font-size:15px; padding-left:15px;}
.news ul li{ margin-top:20px; float:left; margin-right:40px; width:calc((100% - 40px)/2); }
.news ul li img{ float:left; width:160px;}
.news ul li .news_txt{ float:right;  width:calc(100% - 180px);}
.news ul li .news_txt a{ display:block; color:#000; font-size:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news ul li .news_txt span{ display:block; color:#999; font-size:12px; line-height:24px; padding-top:10px; height:40px; overflow:hidden;}
.news ul li:nth-child(2n){ margin-right:0px;}

.lx{ padding:100px 0px;}
.lx h2{ color:#333; font-weight:normal; font-size:32px; margin-bottom:50px;}
.lx h2 span{ font-size:15px; padding-left:15px;}
.lx_left{ float:left; width:600px;}
.lx_left dl dt{ color:rgb(30, 80, 174); font-size:34px; padding-bottom:20px;}
.lx_left dl dd{ font-size:16px; padding:10px 0px;}
.lx_right{ float:right; width:600px;}
.lx_right table tr td{ padding:10px; font-size:14px;}
.lx_right .input_text{ border:1px solid #dadada; border-radius:2px; padding:10px; width:400px; box-sizing:border-box;}
.lx_right textarea{ border:1px solid #dadada; border-radius:2px; padding:10px; width:400px; box-sizing:border-box;}
.lx_right .input_button{ background:#5ab4ff; width:220px; height:44px; line-height:44px; text-align:center; color:#fff;}
/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; 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:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; 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;}