@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: none;}
body{margin:0px;padding:0px;font-family: 'Microsoft Yahei',Arial,Helvetica,Simsun,sans-serif;font-size:14px;color:#727070;background:url("https://www.ubottutorials.com/templates/main/images/bg.png") repeat 0px 0px;}
img{border:0px;vertical-align:middle;}
p{margin:0px;padding:0px;}
a{text-decoration:none;color:#000;}
a:hover {color:#17a4f6;}
dl, dt, dd
{   margin: 0;   
    padding: 0;   
    border: none;   
    outline: 0;   
    font-size: 100%;   
    vertical-align: baselinebaseline;   
    background: transparent;   
}
.clear{clear:both;font-size:0px;}
*{zoom:1;}
h2,h3,h4{margin:0px;padding:0px;}
ul,dl{margin:0px;padding:0px;list-style-type:none;}
.clear{clear:both;font-size:0px;}
.top{background: #f5f5f5;height:30px;border-bottom:solid 1px #e1e1e1;}
.welcome{width:1100px;margin:0px auto;text-align:right;line-height:30px;overflow:hidden;color:#999999;font-size:12px;}
.welcome .top_s1{float:left;}
.welcome .top_s2{float:right;color:#dddddd;}
.welcome .top_s2 a{margin:0px 5px;}
.welcome .top_s2 a.on{margin-left:10px;color:#3179d1;font-weight:bold;}
.welcome img{margin-right:5px;margin-top:-3px;}
.welcome a,.welcome font{color:#999999;}
#head{background:#fff;}
.head{width:1100px;margin:0px auto;overflow:hidden;}
.head .logo{float:left;margin:20px 0px;}
.head .tel{float:right;background:url("https://www.ubottutorials.com/templates/main/images/tel.jpg") no-repeat 0px center;width:255px;height:44px;margin:30px 0px 0px;position:relative;}
.head .tel b{font-size:25.34px;color:#3179d1;position:absolute;bottom:0px;right:15px;}
.nav{width:100%;background:url("https://www.ubottutorials.com/templates/main/images/nav_bg.jpg") repeat-x 0px 0px;height:43px;line-height:43px;}
.nav ul{width:1100px;margin:0px auto;}
.nav ul li{float:left;width:182px;background:url("https://www.ubottutorials.com/templates/main/images/nav_l.jpg") no-repeat right 0px;text-align:center;}
.nav ul li.on,.nav ul li:hover{color:#fff;background:url("https://www.ubottutorials.com/templates/main/images/nav_on.jpg") repeat-x 0px 0px;}
.nav ul li.on a,.nav ul li:hover a{color:#000;font-weight:bold;}
.nav ul li a{color:#fff;}

.nav ul li p  .q1 a{color:#bdbdbd;font-weight:normal;}
.nav ul li p  .q2 a{color:#ff7e02;font-weight:normal;}
.nav ul li p  .q1 a:hover{color:#fbd108;font-weight:normal;}
.nav ul li p  .q2 a:hover{color:#fbd108;font-weight:normal;}

.banner{height:260px;margin:0 auto; width:1100px;}

.conent{width:1100px;margin:20px auto;}
.index_left{width:276px;float:left;}
.index_right{float:right;width:800px;}
.s2{height:41px;background:url("https://www.ubottutorials.com/templates/main/images/s2.jpg") repeat-x ;font-weight:normal;}
.s1{display:block;background:url("https://www.ubottutorials.com/templates/main/images/s1.jpg") repeat-x 0px 0px;height:41px;line-height:41px;float:left;font-size:18px;padding:0px 10px 0px 15px; color:#333;}
.s1 img{margin-right:10px;vertical-align:middle;}
.b1{color:#666;;height:36px;line-height:36px;border-right:solid 1px #fff;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);display:block;float:left;margin:3px 0px 2px;}
.b1 label{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);font-size:10px;padding:0px 10px;}
.b2{color:#999;height:36px;line-height:36px;display:block;float:left;margin:3px 0px 2px;}
.b2 label{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);font-size:10px;padding:0px 10px;font-weight:normal;text-transform:uppercase;}

.h3{height:36px;background:url("https://www.ubottutorials.com/templates/main/images/s1.jpg") repeat-x 0px 0px;font-weight:normal;display:block;padding:3px 0px 2px 0px;margin-top:15px;}
.s3{border:solid 1px #96d9ef;display:block;height:34px;line-height:34px;background:url("https://www.ubottutorials.com/templates/main/images/s1.jpg") repeat-x ;padding-left:45px;color:#3179d1;font-size:18px;text-transform:uppercase;}
.s3 label{float:left;}
.s3 .l1{margin-left:10px;display:block;padding:0px 10px;border-left:solid 1px #97d9ef;border-right:solid 1px #97d9ef;height:36px;line-height:36px;}
.s3 .l1 b{font-weight:normal;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);font-size:10px;}
.s4{height:41px;background:url("https://www.ubottutorials.com/templates/main/images/s1.jpg") repeat-x 0px 0px;font-weight:normal;display:block;float:left;padding: 0px 10px 0px 15px;line-height:41px;color:#3179d1;font-size:18px;}
.s5{height:41px;background:url("https://www.ubottutorials.com/templates/main/images/s5.png") repeat-x 0px 0px;font-weight:normal;display:block;float:left;padding: 0px 10px 0px 15px;line-height:41px;color:#fff;font-size:18px;}
.s6{height:41px;background:url("https://www.ubottutorials.com/templates/main/images/s1.png") repeat-x 0px 0px;font-weight:normal;display:block;float:left;padding: 0px 10px 0px 15px;line-height:41px;color:#333;font-size:18px;}
.s4 img,.s5 img,.s6 img,.s7 img{margin-right: 10px;
vertical-align: middle;}
.type{background:#fff;padding:10px 0px 20px; margin-bottom:10px;}
.type h2{height:32px;border:solid 1px #e9e9e9;line-height:32px;width:240px;margin:0px auto;margin:0 auto 0px;background-image:-moz-linear-gradient(top,#fff,#f1f1f1);background-image:-webkit-linear-gradient(top,#fff,#f1f1f1);background-image:linear-gradient(top,#fff,#f0f0f0);color:#333333;}
.type h2 b{font-size:14px;margin-left:10px;float:left;background:url("https://www.ubottutorials.com/templates/main/images/r1.png") no-repeat 0px center;padding-left:15px;color:#333;}
.type h2.on b{color:#3179d1;background:url("https://www.ubottutorials.com/templates/main/images/r.png") no-repeat 0px center;}
.type h2 span{float:right;display:block;border-left:solid 1px #e9e9e9;height:32px;width:32px;text-align:center;font-size:30px;font-weight:normal;cursor:pointer;color:#999;}
.type h2.on span{color:#3179d1;}
.type ul{width:260px;margin:0px auto 5px;border:solid 1px #f1f1f1;background:#fff;}
.type ul li{background:url("https://www.ubottutorials.com/templates/main/images/sr.png") no-repeat 20px center;padding-left:30px;border-bottom:solid 1px #f1f1f1;}
.type ul li.on,.type ul li:hover{background: url("https://www.ubottutorials.com/templates/main/images/br.png") no-repeat 20px center;font-size:14px;}
.type ul li a{color:#666666;line-height:30px;font-size:12px;}
.type ul li.on a,.type ul li:hover a{color:#ffa200;font-size:14px;}
.pro_list{background:#fff;text-align:center;line-height:30px;margin:0px auto;overflow:hidden;}
.pro_list div{width:220px;margin:0px auto;}
.pro_list ul{margin-right:-25px;overflow:hidden;margin-top:10px;}
.pro_list ul li{float:left;margin:10px 20px 0px 0px;}
.pro_list a{color:#7f7f7f;}
.pro_list a:hover {color:#ffa200;}

.look_more{width:100px;height:30px;background:#70c6e1;text-align:center;margin:10px auto;}
.look_more:hover{background:#3179d1;}
.look_more a{color:#fff;}

.h2{height:41px;background:url("https://www.ubottutorials.com/templates/main/images/s2.jpg") repeat-x 0px 0px;overflow:hidden;position:relative;font-size:0.1em;}
.h2 span b{font-size:12px;font-weight:normal;color:#666;letter-spacing:-1px;padding-left:20px;-webkit-transform:scale(0.8);-moz-transform:scale(0.5);}
.h2 .more{display:block;height:35px;width:38px; line-height:35px; position:absolute;top:0px;right:0px;font-style:normal;font-size:0.3em;text-align:center;display:block;font-weight:normal;}
.h2 .more img{margin-top:15px;}
.index_intro{background:#fff;padding:20px 25px;font-size:12px;margin-bottom:20px;overflow:hidden;}
.index_intro .index_content p{width:440px;float:left;margin-right:25px;line-height:20px;text-indent:2em;}
.index_intro .left{float:left;}
.index_product{background:#f8f8f8;padding:20px 25px 5px;font-size:12px;overflow:hidden;}
.index_hc{background:#f8f8f8;padding:20px 25px 5px;font-size:12px;overflow:hidden;}
.index_product ul li{width:234px;border-width:0px 1px 1px 1px;border-style:solid;background:url("https://www.ubottutorials.com/templates/main/images/li_bg.jpg") no-repeat 0px 0px #f5f6f7;padding-top:4px;border-color:#e5e5e5;float:left;margin:0px 20px 20px 0px;}
.index_product ul li img{width:226px;height:152px}
.index_product ul li p{background:#f7f7f7;padding:3px 4px;}

.index_hc ul li{float:left;width:177px;margin-right:15.5px;margin-bottom:20px;}
.index_hc ul li img{width:177px;height:120px;}
.index_p{margin-right:-20px;position:relative;height:430px;overflow:hidden;}
.flash{position:absolute;}
.index_product ul{float:left;width:770px;}
.index_hc ul{float:left;width:770px;}
.index_product ul li span{display:block;line-height:30px;text-align:center;font-size:14px;padding:2px;background:#fff;}
.index_hc ul li span{display:block;line-height:26px;text-align:center;font-size:14px;padding:2px;}
.index_product ul li span a{color:#666;}
.index_product ul li span a:hover{color:#ffa200;}
.index_product ul li span a font{color:#ffa200;}






.index_p1 {
margin-right: -20px;
position: relative;
height: 350px;
overflow: hidden;
}


.newss{ height:auto; text-align:left; width:760px;}
div .newss .newsbox{ height:30px; line-height:30px; width:760px;}
div .newsbox .n_l{ width:550px; line-height:30px; height:30px; padding:0 14px 0 15px; background:url("https://www.ubottutorials.com/templates/main/images/icon_04.gif") left no-repeat; color:#333; font-family:微软雅黑; font-size:14px; float:left;}
div .newsbox .n_l  a{ color:#333; text-decoration:none;}
div .newsbox .n_l  a:hover{ color:#F60; text-decoration:underline;}
div .newsbox .n_r{ width:100px; float:right; color:#999; font-family:微软雅黑; font-size:13px; text-align:left; height:30px; line-height:30px;}
.c_m{background:#efefef;border-top:solid 1px #e4e4e4;height:50px;}
.cr_1{margin-left:330px;display:block;width:32px;height:32px;background:url("https://www.ubottutorials.com/templates/main/images/cl.png") no-repeat 0px center;float:left;padding-top:18px;cursor:pointer;}
.cr_2{margin-left:65px;display:block;width:32px;height:32px;background:url("https://www.ubottutorials.com/templates/main/images/cr.png") no-repeat 0px center;float:left;padding-top:18px;cursor:pointer;}

.news,.js_news{width:800px;margin-top:15px;background:#f8f8f8;}
.news{float:left;}
.js_news{float:right;}

#foot{border-top:solid 3px #308597;background:#44aad2;}
.foot{width:1005px;margin:0px auto;height:133px;position:relative; padding-top:10px;}
.foot p{ color:#dfe8f7; font-family:微软雅黑; text-align:center; line-height:24px; height:27px;}
.f_tel{position:absolute;top:45px;left:380px;color:#fff;font-size:25.34px;}
.f_p{coloroote:#fff;font-size:12px;position:absolute;top:130px;line-height:20px;}
.foot .guest{position:absolute;width:380px;height:200px;top:20px;right:0px;}
.news_1{padding:15px;overflow:hidden;}
.news_1 img{float:left;}
.news_1 p,.news_1 h2{float:right;width:270px;}
.news_1 h2{font-size:14px;padding-left:10px;}
.news_1 h2 a{color:#09a1d8;}
.news_list li{border-top:solid 1px #e4e4e4;overflow:hidden;padding:10px 15px;width:360px; float:left;}
.news_list p{float:left;padding-right:10px;}
.news_list .time i{display:block;float:left;-webkit-transform:scale(0.65);font-size:9px;-moz-transform:scale(0.65);transform:scale(0.65);font-style:normal;}
.news_list .time b{display:block;font-size:30px;text-align:center;color:#adadad;line-height:25px;}
.news_list span{float:left;font-size:12px;color:#999999;}
.news_list span a{font-size:14px;color:#333;}

.guest h2{background:url("https://www.ubottutorials.com/templates/main/images/wyly.png") no-repeat 0px center;font-size:18px;font-weight:normal;padding-left:30px;color:#fff;margin-bottom:10px;}
.guest p{margin:5px 0px 0px;overflow:hidden;}
.guest .input{width:120px;border:0px;vertical-align:middle;background:#1e62b7;color:#fff;}
.guest .cn,.guest .tel{display:block;padding-left:35px;height:30px;width:150px;float:left;line-height:30px;color:#fff;font-size:12px;float:left;}
.guest .cn{background:url("https://www.ubottutorials.com/templates/main/images/cn.png") no-repeat 7px center #1e62b7;margin-right:5px;}
.guest .tel{background:url("https://www.ubottutorials.com/templates/main/images/sj.png") no-repeat 7px center #1e62b7;}
.guest textarea{width:370px;height:90px;border:0px;background:#216ece;}
.guest .submit{text-align:right;}
.guest .submit input{color:#fff;font-size:12px;background:#1e62b7;border:0px;line-height:30px;width:120px;margin-right:5px;cursor:pointer;}

.type dl{margin:0px 17px;}
.type dl dt {
    font-size: 14px;
    margin-left: 10px;
    background: url("https://www.ubottutorials.com/templates/main/images/r1.png") no-repeat 10px center #fff;
    padding-left: 25px;
    color: #333;
    line-height:35px;
    margin:1px 0px;
}
.type dl dt a{color:#666666;}
.index_left .left_news{background:#fff;}
.index_left .left_news .news_1 p, .news_1 h2 {
float: right;
width: 150px;
}

.h2 .classname{line-height:39px;float:left;color:#3179d1;padding:0px 20px;}
.h2 .postion{float:right;padding:0px 20px;line-height:39px;border-left:solid 1px #d2d2d2;border-right:solid 1px #d2d2d2;}
.h2 .postion a{color:#999999}
.h2 .postion a font{color:#3179d1}
#frm{height:1420px;width:100%;}

.pro_content{background:#f8f8f8;padding:30px 40px;}
.pro_desc{ color:#333; font-family:微软雅黑; font-size:14px; line-height:24px; text-align:left; background:#fff;}
.pro_desc img{}
.pro_desc p{ color:#333; font-family:微软雅黑; font-size:14px; line-height:24px; text-align:left;}
.goods-pic{ position:relative; float:left;width:330px; *z-index:1;height:300px;background:url("https://www.ubottutorials.com/templates/main/images/b7.png") no-repeat 0px 0px;padding-top:10px;}
.pic-box{ float:left; }
.pic-preview{ position:relative; width:319px; height:211px;padding:5px;background:#fff;}
.pic-scroll{ margin-top:10px; width:319px; }
.pic-scroll .prev{ float:left;margin:25px 20px 0px;background:url("https://www.ubottutorials.com/templates/main/images/icon34.png") no-repeat -22px 0px;}
.pic-scroll .next{ float:right;margin-top:10px;margin:25px 10px 0px;background:url("https://www.ubottutorials.com/templates/main/images/icon34.png") no-repeat -22px -32px;}
.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:12px; height:22px;cursor:pointer; text-decoration:none; }
.pic-scroll .items{ position:relative; float:left; width:330px; height:70px; overflow:hidden; }
.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%;margin-right:-10px;}
.pic-scroll .items ul li{ float:left; margin-right:10px; padding-right:15px;text-align:center;padding:4px 2px 2px;background:url("https://www.ubottutorials.com/templates/main/images/b8.png") no-repeat 0px 0px #fff;}
.pic-scroll .items ul li img{width:95px; height:60px;padding:2px;}
.jqzoom img{ width:319px; height:211px; }
.desc{float:left;margin-left:20px;font-size:12px;width:360px;}
.pro_name{font-size:18px;color:#3179d1;}
.pro_1{overflow:hidden;line-height:20px;margin:7px 0px;}
.pro_1 label{float:left;color:#999999;background:url("https://www.ubottutorials.com/templates/main/images/point.png") no-repeat 0px center;display:block;padding-left:10px;}
.pro_1 span{float:left;width:290px;display:block;color:#333;}
.tab{border-top:solid 2px #3179d1;overflow:hidden;line-height:40px;color:#fff;margin-top:30px;border-bottom:solid 1px #f1f1f1;}
.tab li{border-right:solid 1px #f1f1f1;float:left;padding:0px 30px;color:#333;cursor:pointer;}
.tab li.on{background:#3179d1;color:#fff;}
.tab_content{background:#fff;}
.t_contant{border:solid 1px #f1f1f1;padding:30px;line-height:25px;}

.guest1{margin-top:40px;}
.guest1 h2{background:url("https://www.ubottutorials.com/templates/main/images/g1.png") no-repeat 0px center;font-size:18px;font-weight:normal;padding-left:30px;color:#666;margin-bottom:10px;}
.guest1 p{margin:5px 0px 0px;overflow:hidden;}
.guest1 .input{width:120px;border:0px;vertical-align:middle;background:#ffffff;color:#fff;}
.guest1 .cn,.guest1 .tel{display:block;padding-left:35px;height:30px;width:150px;float:left;line-height:30px;color:#666;font-size:12px;float:left;border:solid 1px #f1f1f1;}
.guest1 .cn{background:url("https://www.ubottutorials.com/templates/main/images/g2.png") no-repeat 7px center #ffffff;margin-right:5px;}
.guest1 .tel{background:url("https://www.ubottutorials.com/templates/main/images/g3.png") no-repeat 7px center #ffffff;}
.guest1 textarea{width:100%;height:90px;border:0px;background:#ffffff;}
.guest1 .submit{text-align:right;}
.guest1 .submit input{color:#fff;font-size:12px;background:#1e62b7;border:0px;line-height:30px;width:120px;margin-right:5px;cursor:pointer;}




.job{ height:auto; text-align:left;}
div .job  .job_box{ height:auto; text-align:left;}
div .job_box  .jb_title{ height:30px; line-height:30px; font-family:微软雅黑; font-size:15px; color:#333; text-align:left; font-weight:bold; border-bottom:#ddd 1px dashed;}
div .job_box  .jb_date{ height:30px; line-height:30px; font-family:微软雅黑; font-size:12px; color:#666; text-align:left;}
div .job_box  .jb_content{ width:500px; height:auto; line-height:24px; color:#333; font-family:微软雅黑; text-align:left; font-size:13px;}
div .job_box  .jb_content  p{height:auto; line-height:24px; color:#333; font-family:微软雅黑; text-align:left; font-size:13px;}

.index_right_product{float:left;width:1100px; }
.product_bank{height:800px;padding-top:20px; padding-left:20px;background:#fff;}
.product_bank ul{width:1100px;margin:0 auto;}
.product_bank ul li{float:left;width:485px;margin:10px 19px;_margin:10px 5px;_float:left!important;height:auto;}
.product_bank .product_list_bank{width:485px;height:auto;margin:0 auto;background:url("https://www.ubottutorials.com/templates/main/images/ny_product_list_bg.png") no-repeat;}
.product_bank .product_list_bank a:hover{width:485px;height:auto;display:block;background:url("https://www.ubottutorials.com/templates/main/images/ny_product_list_hover.png") no-repeat;}
.product_bank .product_list_bank .product_list_bank_img{margin-left:15px;margin-top:13px;float:left;clear:both;width:150px;_float:left!important;_clear:both !important;_margin-left:0 !important;}
.product_bank .product_list_bank h1{width:150px;height:65px;background:url("https://www.ubottutorials.com/templates/main/images/index_pro_images_h1.jpg") no-repeat;display:table-cell;vertical-align:middle;text-align:center;*display: block;}
.product_bank .product_list_bank h1 img{vertical-align:middle;min-height:60px;}
.product_bank .product_list_bank dl{float:right;width:305px;margin-top:13px;line-height:20px;margin-right:5px;_float:right!important;_width:280px; padding-top:30px;}
.product_bank .product_list_bank dl dt{float:left;width:305px;font-size:16px;color:#000000;font-weight:bold; padding-left:30px;}
.product_bank .product_list_bank dl dd{float:left;width:305px;font-size:12px;color:#585858;}
.product_bank .product_list_bank dl dd span{color:#27808f;float:right;margin-right:10px;}


.product_bank_menu{margin:10px auto;height:100%;}
.product_bank_menu ul{width:1000px;margin:0 auto;}
.product_bank_menu ul li{width:197px;float:left;margin:5px 25px;}
.product_bank_menu ul li a{display:block;width:197px;height:26px;background:#fff;border:1px solid #dcdcdc;line-height:28px;font-size:14px;padding-left:10px;color:#000000;font-weight:bold;}
.product_bank_menu ul li a:hover{background:#900000;border:1px solid #900000;color:#fff;font-weight:bold;}


/*category*/
.category_lanmu{ width:800px; height:200px; text-align:left; padding:0 0 0 5px;}
div .category_lanmu  .lanm_l{ width:230px; height:150px; float:left; margin:0 50px 0 0; text-align:center;}
div .category_lanmu  .lanm_r{ width:520px; height:150px; float:left; }
div .lanm_r  p.lm_t{ color:#333; font-family:微软雅黑; font-size:14px; text-align:left;}
div .lanm_r  p.lm_ms{ color:#333; font-family:微软雅黑; font-size:12px; text-align:left; line-height:24px;padding:10px 30px 0 0;}



/*首页方案*/

.index_fangan ul li{width:234px;border-width:0px 1px 1px 1px;border-style:solid;background:url("https://www.ubottutorials.com/templates/main/images/li_bg.jpg") no-repeat 0px 0px #f5f6f7;padding-top:4px;border-color:#e5e5e5;float:left;margin:0px 20px 20px 0px;}
.index_fangan ul li img{width:226px;height:152px}
.index_fangan ul li p{background:#f7f7f7;padding:3px 4px;}
.flash{position:absolute;}
.index_fangan ul{float:left;width:770px;}
.index_fangan ul li span{display:block;line-height:30px;text-align:center;font-size:14px;padding:2px;background:#fff;}
.index_hc ul li span{display:block;line-height:30px;text-align:center;font-size:14px;padding:2px;}
.index_fangan ul li span a{color:#666;}
.index_fangan ul li span a:hover{color:#ffa200;}
.index_product ul li span a font{color:#ffa200;}